/* CSS Document */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{font-size:10px; border-collapse:collapse; border-spacing:0}
img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}



/* BODY HTML*/
div#top {height: 0px; margin: 0;} 
HTML {HEIGHT: 100%}
body { margin:0; padding:0; HEIGHT: 100%; color: #000; font-family:Arial, sans-serif; font-size:11px}


body { background:#f2f2f2}

/*fonts.css*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:100%; font-weight: normal; font-style: normal }

a, a:link, a:visited { color:#000; text-decoration: underline }
a:hover { color:red}
 h1 { clear:both; font-size:120%; color:#D6492A; text-align:left; padding:10px 0 0 0; margin:0 0 10px 0;}
 h2 { padding:0; margin:0; font-size:100%; color:#818181; font-weight: bold}
 h3 { font-weight: bold; font-style:italic }
 
/* LAYOUT */
.clear { clear:both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

/* IMG */
img.left { float: left; margin: 2px 20px 16px 0; }
img.right { float: right; margin: 2px 0 16px 20px; }
#centre { clear: both; margin: 0px auto; width:100%; text-align: center; }
.left { float: left; margin: 2px 20px 16px 0; }
.right { float: right; margin: 2px 0 16px 20px; }

/* TYPE */

strong, b { font-weight:bold; }
em, i { font-style:italic; }
sup { padding-left:1px; font-size:10px !important; font-weight:normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color:#76797c; _position:static !important; }
.sosumi { font-size: 10px !important; color:#76797c; }


.label {float:left;width:150px;background-color:#FFFFFF;margin:0px;padding:0px;height:20px;}
.formulaire {float:left;width:100%;}
.Text_cache{visibility: hidden}
.searchword {color: :#000000;text-decoration: none ;background-color: #FFCC00}
.OBLIGATOIRE {color: red;font-size:120%;font-style:bold}



div#global {clear:both; position:relative; width:1000px; margin:0 auto 0; min-height:517px}

div#header {width: 1000px;height:150px;margin: 0 auto 0; position: relative; z-index: 1}

/*div#logo a {position:absolute;width:1000px;height:150px;border:0;display:block;z-index:2;cursor:pointer;text-indent:-9999px}
div#logo a {background-image:url(../images/css/default/css.png); _background-image:url(../images/css/default/css.png); background-repeat: no-repeat;background-position: 0px -410px;}*/

div#logo a {position:absolute;left:10px;top:5px;width:90px;height:90px;border:0;display:block;z-index:2;cursor:pointer;text-indent:-9999px}

#publicite {  position:absolute; top:5px; right:125px; width:748px; height:90px; z-index:999}
#publicite-logo { position:absolute; width:15px; height:90px; top:0px; left:0px; z-index:1;background-image:url(../images/css/default/css.png); _background-image:url(../images/css/default/css.png); background-repeat: no-repeat;background-position: -150px -410px;}
#publicite-PUB { position:absolute; top:0px; right:0px; width:728px; height:90px; z-index:1}

div#ariane {clear:both; position: relative;width: 986px; height:25px; margin: 36px auto 0; line-height:20px; padding: 0 0 0 10px; background-color: #FFF; border:2px solid #919191;}

#contenu {clear:both; position: relative;width: 1000px;margin: 0 auto 0;padding: 4px 0 0 0; }
#contenu #LeftCol { float: left;width:160px; padding: 5px; }
#contenu #LeftCol h2 { clear:both; font-size:150%; color:#D6492A; padding:55px 0 0 0; margin:0; font-weight: normal;text-transform: uppercase; text-align:right}
#contenu #LeftCol ul li {clear:both; display:block; float: right; font-size:120%; font-weight: normal; text-align:right; padding:6px 0 8px 0 }
#contenu #LeftCol ul li a:hover {color:#D6492A}
#contenu #LeftCol ul li a {color:#818181;text-decoration: none}

#contenu #LeftCol #contact {clear:both; font-size:120%; padding:20px 0 0 0; margin:0; font-weight: normal;text-transform: uppercase; text-align:right; }
#contenu #LeftCol #contact a {color:#818181; text-decoration: none}
#contenu #LeftCol #contact a:hover {color:#D6492A}

#contenu #LeftCol #security {clear:both; font-size:120%; padding:20px 0 0 0; margin:0; font-weight: normal;text-transform: uppercase; text-align:right; }
#contenu #LeftCol #security a {color:#818181; text-decoration: none}
#contenu #LeftCol #security a:hover {color:#D6492A}

#contenu #RightCol {float: right; width: 190px; padding:5px; }
#contenu #RightCol h2 { clear:both; font-size:150%; color:#818181; padding:55px 0 0 0; margin:0; font-weight: normal;text-transform: uppercase; text-align:left}
#contenu #RightCol ul { padding:35px 0 0 0;}
#contenu #RightCol ul li {clear:both; display:block; float: left; font-size:120%; font-weight: normal; padding:6px 0 8px 0 }
#contenu #RightCol ul li a:hover {color:#D6492A}
#contenu #RightCol ul li a {color:#818181;text-decoration: none}

#conteneur {float: left;width:600px; margin-left:10px; color:#919191;text-align:left;  /* Pour IE 6 */}
div#conteneur .info {float: left; width: 600px; }
div#conteneur .info label {float:left;width:80px;margin:0px;padding:0px;height:20px;}
div#conteneur .info img { float: left; margin: 0 0 0 0;border:2px solid #919191; }
div#conteneur .info img:hover { border:2px solid #919191; }
div#conteneur .info img.active { border:2px solid #919191; }
div#conteneur .info h1 { clear:both; font-size:200%; color:#D6492A; text-align:left; padding:0; margin:0; font-weight: normal;text-transform: uppercase}
div#conteneur .info pre { clear:both; padding:0 0 20px 0; margin:0; color:#818181; font-weight: normal; font-family:Arial, sans-serif; font-size:130%; font-weight: 100}
div#conteneur .info h2 { clear:both; font-size:120%; color:#D6492A; text-align:left; padding:20px 0 5px 0; margin:0; font-weight: normal}
div#conteneur .info h3 { clear:both; padding:20px 0 20px 0; margin:0; font-size:120%; color:#818181; font-weight: normal; font-style: normal}
div#conteneur .info p { clear:both; padding:0; margin:0}
div#conteneur a { color:#818181;text-decoration: underline}
div#conteneur a:hover {color:#D6492A}

div#conteneur .info .nav {float: right; width: 480px; padding:0 8px 0 0; text-align:right; color:#D6492A;background-image:url(../images/css/default/plus.png); background-position:right; background-repeat:no-repeat}

#footer {clear:both; position: relative;width: 1000px;margin: 0 auto 0;padding: 4px 0 0 0; min-height:40px}
#footer #LeftCol { float: left;width:160px; min-height:40px; padding: 5px; }
#footer #RightCol {float: right; width: 190px; padding:5px; min-height:30px }
#footer #conteneur {float: left;width:600px; margin-left:10px; color:#919191;text-align:center; min-height:30px; border-bottom: 1px solid #818181; border-top: 1px solid #818181 /* Pour IE 6 */}
#footer #conteneur a { color:#818181;text-decoration: none}
#footer #conteneur a:hover {color:#D6492A}
#footerADS {clear:both; position: relative;width: 728px;margin: 0 auto 0; height:90px}
#footerLinks {clear:both; position: relative;width: 728px;margin: 0 auto 0; height:20px}
#footerLinks ul li {display:block; float: left; font-size:100%; font-weight: normal; padding:5px }
#footerLinks ul li a:hover {color:#D6492A}
#footerLinks ul li a {color:#818181;text-decoration: none}

div#conteneur .collection {float: left; width: 510px;background-color: #FFF; border:2px solid #919191; }
div#conteneur .collection img { float: left; margin: 0 0 0 0;width: 60px; height: 60px;border:2px solid #FFF; }
div#conteneur .collection img:hover { border:2px solid #D6492A; }
div#conteneur .collection img.active { border:2px solid #D6492A; }
div#conteneur .collection h2 { clear:both; font-size:120%; color:#D6492A; text-align:left; padding:10px 0 0 0; margin:0 0 10px 0; font-weight: normal;}
div#conteneur .collection h3 { padding:0; margin:0; font-size:100%; color:#818181; font-weight: normal; font-style: normal;text-transform: uppercase}

div#conteneur .collection .nav {float: right; width: 480px; padding:0 8px 0 0; text-align:right; color:#D6492A;background-image:url(../images/css/default/plus.png); background-position:right; background-repeat:no-repeat}



div#conteneur .collection ul li {display:block; float: left; margin:0 0 10px 0; width: 495px; height: 60px}
div#conteneur .collection ul li a:hover {color:#818181}
div#conteneur .collection ul li a {color:#818181}
div#conteneur .collection ul li img {margin: 0 10px 0 0;}
div#conteneur .collection ul h3 { padding:0; margin:0 0 10px 0; font-size:100%; color:#818181; font-weight: normal; font-style: normal; text-decoration:underline;text-transform: uppercase}
div#conteneur .collection ul li h4 { text-decoration:underline;text-transform: uppercase}

div#conteneur .collection ul li:hover img { border:2px solid #D6492A; }
div#conteneur .collection ul li:hover p { color: #D6492A; }
div#conteneur .collection ul li:hover h4 { color: #D6492A; }

div#conteneur .collection ul li a.active img { border:2px solid #D6492A; }
div#conteneur .collection ul li a.active p { color: #D6492A; }
div#conteneur .collection ul li a.active h4 { color: #D6492A; }

#cont{width:600px;margin:0 auto 0;text-align:left}

.buttons{padding:0 5px 2px 5px;}
.buttons span{color:#D6492A;cursor:pointer; font-size:10px}
.buttons span.active, .buttons span:hover{color:#919191}
/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:600px;
	float:left;
}
.buttons{
	text-align:right;
	clear:both;
}
.mask{
	position:relative;
	width:600px;
	height:490px;
	overflow:hidden;
}