/* 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;}

.hidden {display:none;}

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


body { background:#FFFFFF}

/*fonts.css*/
/*IAD 2010 color:#a4c43b */
/*IAD 2011 color:#ffb4a2 */
/*IAD 2011 color:#f1592a */
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:#f1592a}
 h1 { clear:both; font-size:120%; color:#f1592a; text-align:left; padding:0; margin:0; font-family:"Times New Roman", Times, serif; font-weight:bold}
 h2 { padding:0; margin:0; font-size:100%; color:#000; 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; }
.TxT-left { float: left; width:420px  }
.right { float: right;  }
.dotted {  clear: both; width:100%; height:1px; border-bottom:1px dotted #919191; padding: 0; margin: 0 0 10px 0}

/* IMG */
img.left { float: left; padding: 0 20px 20px 0; }
img.right { float: right; padding: 0 0 20px 20px; }
.centre { clear: both; margin: 0px auto 0px; width:100px; }


/* 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}
.red {color: red}
.iad {color:#f1592a;}
.Maj { text-transform:uppercase}

div#global {clear:both; position:relative; width:1245px; margin:0 auto 0; min-height:980px;background-image:url(../images/css/bkgd.jpg); background-repeat:repeat-y}
div#global-footer {position:absolute;left:0px;bottom:0px;width:1245px;height:15px;background-image:url(../images/css/bkgd-footer.jpg);background-repeat: no-repeat }
div#header {width: 1245px;height:100px;margin: 0 auto 0; position: relative; z-index: 1}
div#logo a {position:absolute;left:80px;top:0px;width:480px;height:100px;border:0;display:block;z-index:2;cursor:pointer;text-indent:-9999px}
div#logo a {background-image:url(../images/css/2012/logo-header.jpg)}

div#ariane {clear:both; position: relative;width: 986px; height:20px; 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:1050px;padding: 140px 0 0 80px; min-height:550px}
#contenu #LeftCol { float: left;width:200px; min-height:100px; padding: 0 ; background-color: #FFF}
#contenu #RightCol {float: right; width: 230px; padding:0; background-color: #FFF; min-height:250px }
#contenu #RightCol h3 { width:50px; text-align:left; background-color: #f1592a; color:#FFF;  font-weight: normal; font-style: normal }
#contenu #RightCol #pub {float: left; width: 190px; padding:0; background-color: #F3C; min-height:350px; margin:20px 0 0 20px }
#contenu #RightCol #part {float: left; width: 190px; padding:0; height:120px; border:1px solid #f1592a; margin:15px 0 0 20px }
#contenu #RightCol #part  h4 { text-align:center; color:#f1592a;  font-weight: normal; font-style: normal; font-size:120%; font-family:"Times New Roman", Times, serif }

#contenu #RightCol #part #TheBanner { clear:both; position: relative; width: 190px; height: 90px; }
ul#banner { /*position:absolute;*/ position:absolute;top:0;left:0;list-style:none;list-style-image:none;margin:0 auto;padding:0;overflow:hidden;background:none;  width: 190px; height: 90px; z-index: 2}
ul#banner li {list-style:none;margin:0;padding:0;border:none;background:none}
ul#banner li a {margin:0;padding:0;border:none;background:none}
ul#banner li a img {display:none;position:absolute;top:0;left:0;border:none;background:none}
ul#banner li#banner-loading {/*display:none; position:absolute; top:0; left:0; border:none; */ background:url../images/css/loading.gif) no-repeat left;  width: 190px; height: 90px;}

#contenu #RightCol #commande { position:absolute;right:0px;bottom:0px;font-weight: normal; font-style: normal }
#contenu #RightCol #commande a {color:#FFF; background-color:#f1592a;border:2px solid #f1592a; text-decoration:none}
#contenu #RightCol #commande a:hover {color:#000000; border:2px solid #f1592a; background-color:#FFFFFF; text-decoration:none}



#conteneur {float: left;width:580px; padding-left:10px; margin-left:10px; color:#000;font-size:13px;text-align:left; min-height:520px; border:1px solid #f1592a;/* Pour IE 6 */}

#conteneur .tarif {float: left;width:190px; padding:5px; font-size:10px; border:1px solid #f1592a; background-color: #FFF/* Pour IE 6 */}

div#conteneur .info {float: left; width: 570px; padding:5px;  }
div#conteneur .info .actu {clear: both; margin: 0px auto 0px;width: 250px; height:220px; padding:5px; border:1px solid #f1592a; background-color: #FFF; text-align:center  }
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 }

div#conteneur .info h1 { clear:both; font-size:120%; color:#f1592a; text-align:left; padding:0 0 5px 0; margin:0; font-family:"Times New Roman", Times, serif; font-weight:bold}
div#conteneur .info h2 { clear:both; font-size:120%; color:#f1592a; text-align:left; padding:0 0 5px 0; margin:0; font-family:"Times New Roman", Times, serif; font-weight:bold}
div#conteneur .info h3 { clear:both; font-size:120%; color:#f1592a; text-align:left; padding:0 0 5px 0; margin:0; font-family:"Times New Roman", Times, serif; font-weight:bold}
div#conteneur .info h6 {clear:both; font-size:110%; color:#f1592a; text-align:left; padding:5px 0 5px 0; margin:0; font-family:"Times New Roman", Times, serif; font-weight:bold}

div#conteneur .info .nav {float: right; width: 560px; 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 .info .desc {float: left; width: 400px;  }
div#conteneur .info .photos {float: right; width: 160px; padding:20px 10px 0 0 }
div#conteneur .info .photos img {width: 150px}


div#conteneur .collection {float: left; width: 560px  }
div#conteneur .collection img { clear:both; position:relative;  }

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: 560px; padding:0 8px 0 0; text-align:right; color:#000;background-image:url(../images/css/default/plus.png); background-position:right; background-repeat:no-repeat}


/* Collection */
div#conteneur .collection ul li {display:block; float: left; margin:0 0 30px 0; width: 560px; height: 60px}
div#conteneur .collection ul li a:hover {color:#f1592a;}
div#conteneur .collection ul li a {text-decoration:none; color:#000;}
div#conteneur .collection ul li img {margin: 0 10px 0 0;}
div#conteneur .collection ul h3 {float: right; width: 560px; padding:0 8px 0 0; text-align:right; color:#000; margin:0; font-size:10px; font-weight: normal; font-style: normal; text-decoration:none}
div#conteneur .collection ul li h4 { text-decoration:none; color:#000;}
/* Over */
div#conteneur .collection ul li:hover p { color: #f1592a; }
div#conteneur .collection ul li:hover h4 { color: #f1592a; }
/* Active
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:560px;margin:0 auto 0;text-align:left}

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


div#footer {clear:both; width:1050px;padding: 40px 0 0 80px; height:50px; border-bottom:2px dotted #919191}

div#footer #links {float: left; width:1050px; height:30px;}
div#footer #links p.f-left { width: 200px; float: left; text-align: left; color:#000; font-size:120% }
	div#footer #links p.f-left a, div#footer #links p.f-left a:link, div#footer #links p.f-left a:visited { color:#000; text-decoration:none }
    div#footer #links p.f-left a:hover { color:#000; text-decoration: underline}
div#footer #links p.f-right {float: left;width:580px; padding: 20px 0 0 0; text-align: center }

div#credit {clear:both; width:1050px;padding: 0 0 0 80px; height:20px}
div#credit p.f-left { width: 0px; float: left; text-align: left; margin-left:0px; color:#000 }
	div#credit p.f-left a, div#credit p.f-left a:link, div#credit p.f-left a:visited { color:#000; text-decoration:none }
    div#credit p.f-left a:hover { color:#000; text-decoration: underline}
div#credit p.f-right {float: left;width:1050px; text-align: center;font-size:80% }

/* formulaires */

form {
	padding:0px;
}

form input {
	float:left;
	margin-bottom:2px;
	margin-top:2px;
	margin-left:5px;
	color:#919191;
}


form textarea {
	color:#919191;
	font-size:90%
}


form label {
	display:inline;
	float:left;
	width:50px;
	clear:both;
 }

.l150 {float:left;width:150px;margin:0px;padding:0px;height:20px;}

form input:hover, form select:hover {
	background-color:#FFF;
}

form input:focus, form select:focus {
	background-color:#DDD;
}

form input[type="button"] {
	border: #CCC 1px solid;
	width: 80px;
}

form input[type="button"]:hover {
	background-color:#999;
	cursor: pointer;
	color:#FFF;
}

form input[type="reset"] {
	border: #CCC 1px solid;
	width: 80px;
}

form input[type="reset"]:hover {
	background-color:#D6492A;
	cursor:pointer;
	color:#FFF;
}
form input[type="submit"] {
	border: #CCC 1px solid;
	width: 80px;
}

form input[type="submit"] {
	background-color:#f1592a;
	cursor:pointer;
	color:#FFF;
}
form input[type="submit"]:hover {
	background-color:#FFF;
	cursor:pointer;
	color:#000;
}