@charset "utf-8";
* { margin:0; padding:0;}

body { background-color:#000; color:black; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
li { list-style: none;}
a { text-decoration:none;}
img { border: 0 ;}
p {  text-align:justify; margin: 0 0 10px 0; line-height: 18px; }
strong { color:#F90;}

#container { width:1000px; margin: 18px auto 0px; text-align: left; background-color: #FFF;}

#header { height:160px; background: url(images/header.jpg) no-repeat top right;}
#header a { display: block;height: 160px; width: 283px; float:left; }
#header .avion { float:right;}
#menu { height: 24px; padding: 6px 0;background: url(images/menu.png) no-repeat;  font-size:16px; font-weight:bold;}
#menu ul { padding-left:240px;}
#menu ul li { float: left; margin-left: 20px; }
#menu a {color: black; }
#menu a:hover { text-decoration: underline;}

#sidebar1 {width: 225px; background: url(images/menu/spirale.png) repeat-y top right; float: left; height: 400px; margin-top: 20px; }

#sidebar1 ul li {  width: 176px; border-bottom: 1px solid #999; font-size: 16px; color:#999; font-weight:bold; }
#sidebar1 ul li a {display: block; height: 25px;  color:#666; font-weight:bold; padding: 10px 0 0 25px; }
#sidebar1 ul li ul li { width: 176px;font-size: 12px; border: none; padding:0; border-top: 1px solid #999;  }
#sidebar1 ul li ul li a{ display:block; font-size: 12px; height: 20px;  background:url(images/menu/modele-hermine.jpg) no-repeat 2% 60% ; padding: 10px 0 0 35px; margin-left: 20px; color: black;}
#sidebar1 li ul {display:none;}
#sidebar1 li:hover ul, #sidebar1 li.sfhover ul { display:block;}
#sidebar1 ul li ul li a:hover { color: #F90;}
#sidebar1 ul li a:hover { color:#C00;}
#sidebar1 .accueil { background: url(images/menu/h_vert.png) no-repeat 2% 50%;}
#sidebar1 .produits { background: url(images/menu/h_orange.png) no-repeat 2% 50%;}
#sidebar1 .pose { background: url(images/menu/h_violet.png) no-repeat 2% 50%;}
#sidebar1 .credit { background: url(images/menu/h_rouge.png) no-repeat 2% 50%;}
#sidebar1 .garanties { background: url(images/menu/h_bleu.png) no-repeat 2% 50%;}
#sidebar1 .video { background: url(images/menu/movie.png) no-repeat 2% 50%;}



ul.style1 { margin-left: 300px; padding-top: 18px;}
ul.style1 li { height: 60px; border-left: 1px solid #666; border-bottom: 1px solid #666; width: 450px; font-size:16px;  }
ul.style1 .devis { background: url(images/b_devis.png) no-repeat 5% 50%;}
ul.style1 .conseil { background: url(images/b_conseil.png) no-repeat 5% 50%;}
ul.style1 .rappel{ background: url(images/b_tel1.png) no-repeat 5% 50%;}
ul.style1 a.rappel{ color:#093;}

ul.style1 a { display: block;height: 40px;padding-left:120px; padding-top: 20px;color:#F90; font-weight: bold;} a.orange { color:#F90; }
ul.style1 a:hover { color:#000;}


#sousm { height:20px; margin-bottom:20px;}
#sousm ul li { float: left; margin-right: 10px; border: 1px solid black;  text-align: center;}
#sousm ul li a { display: block; color:#000;background-color:#F90;width: 140px;padding-top: 2px;  }
#sousm a:hover { color: #FFF;}
#sousm li.encour a { background-color:#FFF; color:#F90;}
#sousm ul li.long { width: 230px;}
#sousm ul li.long a { width: 230px;}
#sousm ul.decal { margin-left: 180px;}

#sousm1 { width: 140px; float:left;  }
#sousm1 li { font-size: 12px; font-weight:bold; }
#sousm1 a {display: block; width: 115px; color:#000; border-bottom: 1px solid #666;background:url(images/menu/modele-hermine.jpg) no-repeat 2% 50% ; padding: 10px 0 10px 25px;}
#sousm1 h4 { text-align:center; background-color: #F90;border: 1px solid #666;font-size: 16px;}
#sousm1 a.current, #sousm1 a:hover{ color:#F90;background:url(images/menu/modele-hermine-current.jpg) no-repeat 2% 50% ;}

#texte { margin-left: 10px;float: left; width:590px; height: 300px; overflow: auto; padding: 0 10px; }
#anim {
	position:absolute;
	width:590px;
	height: 300px;
	overflow: auto;
	padding: 0 10px;
}
#texte .imgdroite, #texte1 .imgdroite { float: right;  margin-left: 20px;}
#texte ul { margin-bottom: 20px;}
#texte ul li { margin-left: 20px; list-style-type:circle;}
#texte a, #texte1 a { color:#F90;}
#texte #anim ul#ma_liste li a{ color:#000; font-size: 18px;}
#texte1 {float: left; width:740px; height: 300px; overflow: auto; padding: 0 10px;}
#texte3 {float: left; width:740px; height: 350px; overflow: auto; padding: 0 10px;}
#texte3 a { color:#F90;}

#texte1 span.suite { display:none;}
#texte2 { margin-left: 10px;float: left; width:580px; height: 350px; overflow: auto; padding: 0 10px;}
#texte2 img { margin: 20px 30px 0;}


#mainContent { -margin-left:225px; margin: 20px 0 0 0px; padding:0 5px 0 5px;  float:left; width: 760px;  }
#mainContent a.noir { color:#000;}
#mainContent h1.entier { text-align:center; margin: 0px 0 15px 0px; font-size: 16px; background-color:#F90; border: 1px solid black; text-transform:uppercase;  float:right; width: 760px; padding:2px 0;}
#mainContent h1 { text-align:center; margin: 0px 0 15px 0px; font-size: 16px; background-color:#F90; border: 1px solid black; text-transform:uppercase; width:610px; float:right; padding:2px 0;}
#mainContent h2 { margin-bottom: 10px; font-size: 18px; text-align: center; margin-left: 10px;}
#mainContent h4 { margin:10px 0; text-align:center; border: 1px dashed;}
#mainContent #sousm1 h4 { margin:0; border: 1px solid; padding:2px 0;}
#mainContent a.portail { display: block; background: url(images/portail/portail-perso.jpg) top no-repeat; height: 30px; width:200px; margin: 0 auto;}
#mainContent a.portail:hover { display: block; background: url(images/portail/portail-perso.jpg) bottom no-repeat; height: 30px; width:200px; margin: 0 auto;}

#mainContent a.portail span { display: none;}

#images { width:270px; height: 200px; float:left; }
#flash { height: 160px; width: 750px; margin-top: 10px;}
#footer { clear: both; background-color:#000; }
.centre { text-align: center;}
ul.centre   { margin-left: 250px;}

.boite  img { display:  block; width:100px; margin: 0 auto; }
.boite span {  display: block;width: 150px; font-size: 11px;  text-align: center; float:left ; margin-left: 40px; margin-bottom:10px;} 
.boite span strong { font-size: 14px; font-weight: bold;}

.cadre {  margin:0px 0 10px 0; padding: 10px 30px; clear:right;}
.cadre1 {  margin:30px 100px; padding:  20px 60px;}
.cadre1 img.deco { display: block;  float:left; margin: 0 30px ; }
.cadre ul.charte {  margin: 0 auto; text-align: justify;}
.cadre ul.charte li { background: url(images/menu/hermine-liste.jpg) no-repeat 0% 50%; padding: 5px 0 5px 30px; margin: 0 0 10px; font-size: 14px;}
.style2 { margin: 10px 150px; min-height: 160px; border-bottom: 1px dashed #F90;}
ul.style4 li { list-style-type:circle; margin: 20px 350px 20px 80px; }
ul.style3 li {list-style-type:circle; margin: 10px 80px;}
.clear { clear:left;}
.ecart { margin: 0 20px;}
.ecart1 { margin: 10px 0 0 10px;}
#scroll { overflow: auto; height: 380px;}
.slide{}
#texte ul.galerie li { list-style-type:none;}
.gros { line-height: 28px; font-size: 16px; font-weight:bold;}
.tel { display:block; width:22px; height:25px; background: url(images/tel.gif) no-repeat;}
.tel span { display:none;}


#ma_liste-menu a{
				padding: 0 5px;
				border: 1px solid gray;
				background: #eeeeee;
				color: #000;
				font-size:18px;
			}
#ma_liste-menu a:hover, #ma_liste-menu a.wactive{
				border: 1px dotted gray;
				background: black;
				color: #eeeeee;}
#deroul { margin-left: 120px;}
.pied {width: 1000px;  margin: 0 auto;color:#FFF;}
.pied p { text-align: right;}
.pied a{ color:#CCC;}
h5 { text-align: center; font-size:18px; text-decoration:underline; margin-bottom: 10px;}
#framePopUp {
    background-color:black;
    display: none;
    height: 1000px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
#inPopUp {
    display: none;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 100;
	width:800px;
	height:500px;
}
#inPopUp a.closepopup { float:right; display:block; width:66px; height:22px; background:url(images/lightbox-btn-close.gif) no-repeat; }
html > body #inPopUp {
    position: fixed;
}
#flashContent { background:#FFF;min-height:300px; min-width:300px;}