/* 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: url(../images/css/default/fond.jpg) repeat-x #919191}

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

a, a:link, a:visited { color:#818181; 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:1024px; margin:0 auto 0; min-height:517px}

div#header {width: 1024px;height:150px;margin: 0 auto 0; position: relative; z-index: 1}
div#logo a {position:absolute;left:0px;top:0px;width:180px;height:146px;border:0;display:block;z-index:2;cursor:pointer;background:url(../images/css/default/logo.gif) no-repeat left top;text-indent:-9999px}

#banner { position:absolute;right:0px;top:27px;width:560px; height: 40px; background-image:url(../images/css/default/banner.png); background-repeat:no-repeat; color:#FFFFFF; text-decoration:none; display:block; text-align:center; line-height:40px; font-size:12px; cursor:pointer;}
#banner a { color:#FFFFFF; text-decoration:none;}
#header #ariane { position:absolute;left:184px;top:130px;width:840px;height:20px;z-index:100;line-height:20px;color:#d6492a; }

div#contenu {clear:both; position: relative;width: 1024px;margin: 0 auto 0;padding: 10px 0 0 0;}

#contenu #ssmenu { position:absolute;left:0px;top:10px;width:180px}
#contenu #ssmenu li a {float:left; min-height: 25px; width:160px; padding-left:20px; padding-top:5px; overflow: hidden; text-decoration:none; text-align:left; font-size:13px; font-weight:500; text-transform: uppercase; background-image:url(../images/css/default/onglet_gauche.png); color:#FFF}
#contenu #ssmenu li a:hover { background-image:url(../images/css/default/onglet_gauche_on.png); color:#d6492a}
#contenu #ssmenu li.stop a { float: left; width:160px; height:25px;background-image:url(../images/css/default/onglet_gauche_haut_on.png); background-repeat:no-repeat}
#contenu #ssmenu li.stop a:hover {background-image:url(../images/css/default/onglet_gauche_haut.png); background-repeat:no-repeat}
#contenu #ssmenu li.sbottom a { float: left; width:160px; height:25px;background-image:url(../images/css/default/onglet_gauche_bas.png); background-repeat:no-repeat}
#contenu #ssmenu li.sbottom a:hover {background-image:url(../images/css/default/onglet_gauche_bas_on.png); background-repeat:no-repeat}

#search { position:absolute;left:0px;top:280px;width:180px;/*position:relative; left:0px; top:280px;*/ z-index:19999;}
#search .top { width: 180px; float: left; height: 5px; background-image:url(../images/css/default/180x5_w_top.png); background-repeat:no-repeat }
#search .center { width: 180px; float: left; height: 40px; background:#FFFFFF }
#search .center p { float: left; text-align: left; padding-left:10px; color:#919191 }
#search .bottom { width: 180px; float: left; height: 5px; background-image:url(../images/css/default/180x5_w_bot.png); background-repeat:no-repeat ;z-index:1;}
#search form {padding:0px; padding-left:10px}
#search form input {margin:0px;color:#919191;margin-bottom:10px}

#contact a { position:absolute;left:0px;top:380px;width:180px; height: 30px; background-image:url(../images/css/default/contact.png); background-repeat:no-repeat; color:#FFFFFF; text-decoration:none;text-transform: uppercase;display:block; text-align:center; line-height:30px; font-size:12px; cursor:pointer;}

#contact a:hover {color:#000;}
div#conteneur {float: right;width:810px; padding: 0 10px 10px 10px; color:#919191;font-size:13px;text-align:left;background-color:#FFF; min-height:550px /* Pour IE 6 */}
div#conteneur .collection {float: left; width: 515px; }
/**/
div#conteneur .collection img { float: left; margin: 0 0 0 0;/*width: 60px; */height: 80px;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 .info {float: left; width: 515px; }
/**/
div#conteneur .info img { float: left; margin: 0 0 0 0;border:2px solid #000; }
div#conteneur .info img:hover { border:2px solid #D6492A; }
div#conteneur .info img.active { border:2px solid #D6492A; }
div#conteneur .info 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 .info h3 { padding:0; margin:0; font-size:100%; color:#818181; font-weight: normal; font-style: normal;text-transform: uppercase}

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}





div#conteneur .collection ul li {display:block; float: left; margin:0 0 10px 0; width: 500px; height: 100px}
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; }

.catalogue a { float: left; margin:0; width: 500px; height: 60px;border:2px solid #000;}
.catalogue a:hover { border:2px solid #D6492A; }
.catalogue a:hover p { color: #D6492A; }

div#conteneur .desc {float: right; width: 260px; padding:20px 10px 0 0 }
div#conteneur .desc .photos {width: 260px; min-height:220px}
div#conteneur .desc img {width: 260px}
div#conteneur .desc h1 { clear:both; font-size:90%; color:#D6492A; text-align:left; padding:10px 0 0 0; margin:0; text-transform: uppercase;}
div#conteneur .desc p { clear:both; font-size:90%;}
div#conteneur .desc .vues p { clear:both; font-size:90%; color:#D6492A; text-align:left; padding:5px 0 5px 0;}
div#conteneur .desc .vues img { float: left; margin: 0 0 0 0;width: 60px; height: 60px;border:2px solid #FFF; }
div#conteneur .desc .vues img:hover { border:2px solid #D6492A; }
div#conteneur .desc .vues img.active { border:2px solid #D6492A; }

div#conteneur .desc .catalogues {width: 185px; height:265px; margin:0 auto 0;background-image:url(../images/css/default/catalogues.png); background-repeat:no-repeat}
div#conteneur .desc .catalogues img {width: 162px; height:213px; margin:7px 11px 0 11px}
div#conteneur .desc .catalogues .left {float: left; width: 90px; height:28px; margin:17px 0 0 0; text-align:center; font-size:80%; color:#D6492A;}
div#conteneur .desc .catalogues .right {float: right; width: 90px; height:28px; margin:17px 0 0 0; text-align:center; font-size:80%; color:#D6492A;}
div#conteneur .desc .catalogues .left a {color:#D6492A;text-decoration:none;text-transform: uppercase}
div#conteneur .desc .catalogues .right a {color:#D6492A;text-decoration:none;text-transform: uppercase}
div#conteneur .desc .catalogues .left a:hover {color:#000}
div#conteneur .desc .catalogues .right a:hover {color:#000}

#cont{width:515px;margin:0 auto;background:#fff;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:515px;
	float:left;
}
.buttons{
	text-align:right;
	clear:both;
}
.mask{
	position:relative;
	width:515px;
	height:490px;
	overflow:hidden;
}

div#footer {clear:both; width: 1024px;margin: 0 auto 0; height:20px}
div#footer #links {float: right; width:840px; height:20px; border-top:4px solid #D6492A;}
div#footer #links p.left { width: 390px; float: left; text-align: left; text-indent:10px; margin-left:0px; color:#FFFFFF }
	div#footer #links p.left a, div#footer #links p.left a:link, div#footer #links p.left a:visited { color:#FFFFFF; text-decoration:none }
    div#footer #links p.left a:hover { color:#FFFFFF; text-decoration: underline}
div#footer #links p.right { width: 410px; float:right; color:#D6492A; text-align: right; text-indent:10px }



	/* formulaires */

form {
	padding:10px;
}

form fieldset {
	margin-bottom:20px;
	padding:10px;
}

form input {
	margin-bottom:7px;
	margin-top:7px;
	color:#919191;
}

form textarea {
	color:#919191;
}

form legend {
	color:#919191;
}

form label {
	display:inline;
	float:left;
	width:70px;
	line-height:30px;
 }

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

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

/* PRINT */
@media print {
	body, #main, #content { color:#000 !important; }
	a, a:link, a:visited { color:#000 !important; text-decoration:none !important; }
	#tabs, #globalheader, #globalfooter, #directorynav, .noprint, .hide { display: none !important; }
	#main a.pdf, #main a.html, #main a.qt, #main a.ical, #main a.dl, #main a.dmg, #main a.zip, #main a.keynote, #main a.audio { padding-left: 0 !important; background-image: none !important; }
}