/* CSS Document */ 

/* zeroes for all */
* {padding: 0; margin: 0;}
a, a:link { text-decoration: none; color: #666;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active {}
.clear { clear: both;}
img { border:0;}
form {padding:0; margin:0; border:0;}
fieldset { border:0; padding:0; margin:0;}
input { padding:0; margin:0;}

body { font-family: Arial, Verdana, Helvetica,sans-serif; background: url(../img/fond.png) repeat; font-size: 13px;}

#wrapper { width: 960px; margin: 120px auto 0 auto; background: url(../img/ombre.png) bottom no-repeat;}
#header { height: 45px; position: relative; background-image: url(../img/haut.png); padding: 7px 0 4px 25px;}
#header #english_version { position: absolute; left: 0; top: -20px;; color: #fff;}
#header #english_version a:link, #header #english_version a:visited { color: #fff;}
#header #english_version a:hover { text-decoration: underline;}
#main { position: relative; width: 960px; height: 470px; background-color: #fff;}
#main_home { position: relative; width: 936px; background-color: #fff; padding: 0 12px 10px 12px;}
#mentions_legales { width: 960px; margin: 5px auto 0 auto; text-align: right; color: #fff;}
#mentions_legales a:link, #mentions_legales a:visited { color: #fff;}
#mentions_legales a:hover { text-decoration: underline;}

/* Menu */
#menu { float:right;}
#menu ul { margin: 0px; padding: 0px; background: transparent; list-style-type: none;}
#menu li { float: left; margin: 0px; padding: 0 0 0 32px; text-transform: uppercase; color: #fff; font-size: 13px;}
#menu li a { color: #fff;}
#menu li a.english { color: #333;}

#nav { float: left; width: 240px; height: 470px; font-size: 11px;}
#nav #trois { position: absolute; left: 25px; bottom: 15px; font-size: 10px; color: #d80000; font-weight: bold;}

#nav .img_top { padding-bottom: 30px;}
#nav .img_toptop { padding-bottom: 60px;}
#nav .ssnav { padding: 0 0 0 25px;}
#nav .ssnav a { color: #666;}
#nav .ssnav a.rub { font-weight: bold;}
#nav .ssnav a.toggle:hover { color: #333;}
#nav .ssnav a.togle:hover { color: #333;}

.navtree { display:none;}
.ssnavtree { display:none;}

/* Nav Produits */
#nav ul.navgroup { padding: 0 0 0 15px; list-style: none;}
#nav ul.navgroup li { font-size: 11px; text-transform: uppercase;}
#nav ul.navgroup li span { color: #d80000; font-weight: bold;}
#nav ul.navgroup li .us { color: #666; font-weight: normal;}
#nav ul.navgroup li a:hover { color: #d80000; text-decoration: none;}
#nav ul.navgroup li.current a { color: #333; text-decoration: none;}
#nav ul.navgroup li.current a:hover { color: #d80000; text-decoration: none;}

#nav ul.nav_presse { padding: 0 0 0 15px; list-style: none;}
#nav ul.nav_presse li { font-size: 11px; text-transform: uppercase;}
#nav ul.nav_presse li:hover { color: #d80000; text-decoration: none;}
#nav ul.nav_presse li span { font-weight: normal; text-transform: none;}
#nav ul.nav_presse li .us { color: #666; font-weight: normal;}
#nav ul.nav_presse li a:hover { color: #d80000; text-decoration: none;}
#nav ul.nav_presse li.current a { color: #333; text-decoration: none;}
#nav ul.nav_presse li.current a:hover { color: #d80000; text-decoration: none;}

/* Nav Designers */
#nav ul { padding: 0 0 0 25px; list-style: none;}
#nav ul li { text-transform: uppercase; padding-bottom: 3px;}
#nav ul li a:hover { color: #d80000; text-decoration: none;}
#nav ul li.triode { padding-bottom: 25px;}

/* Contenu principal */
#ct { float: left; position: relative; width: 720px; padding-top: 30px;}
#ct #english_version { position: absolute; right: 17px; top: 0; color: #D80000;}
#ct #english_version a:link, #ct #english_version a:visited { color: #D80000;}
#ct #english_version a:hover { text-decoration: underline;}
#ct #content1, #ct #content2, #ct #content3, #ct #content4, #ct #content5, #ct #content6, #ct #content7,#ct #content8, #ct #content9, #ct #content10, #ct #content11, #ct #content12, #ct #content13, #ct #content14, #ct #content15, #ct #content16, #ct #content17 { float: left; width: 720px;}
#mentions { float: left; width: 720px; height: 430px; color: #666; overflow-x: hidden; font-size: 11px;}
#mentions h2 { padding-bottom: 15px; color: #d80000; font-size: 16px; font-weight: bold; text-transform: uppercase;}
#mentions p { margin-bottom: 20px; text-align: justify; padding-right: 20px;}
#mentions a:link, #mentions a:visited { text-decoration: underline;}
#mentions a:hover { text-decoration: none;}

#ct img.vign { float: left; padding: 0 10px 10px 0;}*/
#ct .left { float: left;}

/* Page actualité */
#ct iframe { width: 720px; height: 430px; border:none;}

#ct #description {
	float: left;
	position: relative;
	width: 240px;
	height: 430px;
	color: #666;
	font-size: 11px;
}

#ct #jack { float: left; position: relative; width: 220px; height: 430px; padding-right: 20px; color: #666; font-size: 11px; text-align:justify;}
#ct #caro { position: absolute; left: 240px; bottom: 10px; width: 220px; color: #666; font-size: 11px; text-align:justify;}
#ct #guy { position: absolute; left: 480px; bottom: 10px; width: 220px; color: #666; font-size: 11px; text-align:justify;}
#ct #visu-presentation { position: absolute; left: 240px; bottom: 160px; width: 460px;}

#ct #description h2 { padding: 20px 0 15px 0; color: #d80000; font-size: 16px; font-weight: bold; text-transform: uppercase;}
#ct #description h2.small { padding: 15px 0 10px 0;}
#ct #description h3 {font-weight: normal; text-transform: uppercase; font-size: 11px; padding-top: 5px;}
#ct #description h2.produits { display: block; height: 30px; line-height: 30px; color: #fff; background-color: #ccc; font-size: 16px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.4em; margin-bottom: 25px; padding: 0 0 0 15px;}
#ct #description p { padding-right: 10px; text-align: justify;}

#ct #description #design_by { position: absolute; width: 240px; bottom: 60px; left: 0;}
#ct #description #design_by h3 { font-size: 11px; text-transform: uppercase; font-weight: normal; padding-bottom: 3px;}
#ct #description #design_by img { width: 50px; height: 50px;}

#ct #description #fiche_produit { position: absolute; width: 240px; bottom: 0; left: 0;}
#ct #description #fiche_produit img { float: left; padding-right: 5px;}
#ct #description #fiche_produit p { float: left; width: 150px; background: url(../img/arrow.gif) left top no-repeat; text-align: left; padding-left: 15px; font-size: 10px; text-transform: uppercase;}
#ct #description #fiche_produit p a { display: block; padding-top: 2px;}

#ct #slider_imgs { float: left; width: 480px; height: 430px; overflow-y: scroll; overflow-x: hidden;}
#ct #slider_imgs img { padding-bottom: 5px;}
#ct #slider_imgs_scroll { float: left; width: 480px; height: 400px; margin-top: 30px; overflow-y: scroll; overflow-x: hidden;}

#ct #slider_imgs_p { float: left; width: 480px; height: 400px; overflow-y: scroll; overflow-x: hidden; margin-top: 30px;}
#ct #slider_imgs_p img { padding-bottom: 5px;}

#ct #slider_imgs_noscroll { float: left; width: 480px; height: 400px; margin-top: 30px; overflow: hidden;}
#ct #slider_imgs_p img { padding-bottom: 5px;}

/* Pages actualite */
#ct #triode { float: left; position: relative; width: 240px; height: 430px; color: #666; font-size: 11px;}
#ct #triode h2 { padding: 0 0 20px 0; color: #d80000; font-size: 16px; font-weight: bold; text-transform: uppercase;}
#ct #triode p { padding-right: 10px; text-align: justify;}

#ct #slider_imgs_rubtriode { float: left; position:relative; width: 480px; height: 430px; overflow-y: scroll; overflow-x: hidden;}
#ct #slider_imgs_rubtriode_noscroll { float: left; position:relative; width: 480px; height: 430px;}

#ct #slider_imgs_rubtriode_noscroll #caro { position: absolute; left: 0; bottom: 0; font-size: 10px; color: #666; font-weight: bold;}
#ct #slider_imgs_rubtriode_noscroll #guy { position: absolute; right: 15px; bottom: 0; font-size: 10px; color: #666; font-weight: bold;}

#ct .parutions_web a:hover { color: #d80000;}

/* Presse */
#presse {}
#presse img { padding: 0 10px 10px 0;}
.presse img { padding: 0 10px 10px 0;}

/* Presse */
#actu {}
#actu img { margin: 0 10px 10px 0;}

/* Contact */
#contact { position: relative; padding-top: 95px;}
#contact #english_version { position: absolute; right: 17px; top: 0; color: #D80000;}
#contact #english_version a:link, #contact #english_version a:visited { color: #D80000;}
#contact #english_version a:hover { text-decoration: underline;}
#contact .fleft { float: left;}
#contact #txt { width: 165px; padding: 20px 40px 0 25px; font-size: 11px;}
#contact #txt p { padding-top: 20px;}
#contact #txt #adress { color: #666;}
#contact #txt #horaires { color: #d80000;}
#contact #map { width: 344px; padding-top: 20px;}
#contact #form { width: 350px; padding: 20px 0 0 12px; background: url(../img/formulaire_titre.gif) top no-repeat;}
#form form { width: 324px; height: 314px; background-color: #c1c1c1; color: #fff; font-size: 12px; padding: 30px 12px 0 12px;}
#form input { width: 245px; height: 15px; border: 1px solid #fff; font-size: 11px;}
#form textarea { width: 245px; height: 165px; border: 1px solid #fff; font-family: Arial, Verdana, Helvetica,sans-serif; font-size: 11px;}
#form form p#textarea { height: 165px;}
#form form p { height: 15px; margin-bottom: 8px;}
#form form #left { width: 74px; font-weight: bold;}
#form form #right { width: 250px;}
#form form p#validation { height: 19px;}
#form input.submit { width: 73px; height: 19px; background-image: url(../img/submit.gif); border: none; cursor: pointer;}
#form form #erreur { display: none; padding-bottom: 15px; font-weight: bold;}


#top_image{float:left;margin:0px;padding:0px;}
#english{float:right;margin:10px 10px 0px 0px;}
#english a{color:#787878;}
#english a:hover{color:#ff0000;}
#english span{display:none;}