@charset "utf-8";
/* CSS Document */
/*********** 

Reset styles 

***********/

* { margin: 0; padding: 0; }
.c { clear:both; }
img { border:0px; }
.dnone { display:none; }
.dblock { display:block; }
.left { float:left; }
.right { float:right; }
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }
.tgras { font-weight:bold; }
.titalic { font-style:italic; }
.tmaigre { font-weight:normal; }
.middle {vertical-align:middle;}
.margR10 {margin-right:10px;}
.margT10 {margin-top:10px;}
.errors { color:#C00; }


/*
orange : #ff7800
bleu foncé : #15273f
*/

/****************

Global 

****************/

html,body {
	font-family: "Arial", Helvetica, sans-serif;
	font-size:12px;
	background:#a9aca2;
}

/****************

Header 

****************/
#global{
	background:#fff;
}
#lang-header{
	width:960px; 
	margin:0px auto 0px auto;
	padding-top:11px;
}
#lang-header a.lang{
	display:block;
	width:18px;
	height:18px;
	background:#a9aca2;
	color:#d2d4cd;
	float:right;
	text-decoration:none;
	margin-left:2px;
	font-size:9px;
	vertical-align:middle;
	text-align:center;
	line-height:18px;
}
#lang-header a.lang:hover, #lang-header a.active{
	background:#cfd2c6;
	color:#5d5f59;
}

#line-header{
	display:block;
	background:#cfd2c6; 
	height:6px;
	width:960px; 
	margin:0 auto;
	line-height:1px;
	font-size:1px;
}

#header{
	width:100%;
	height:131px;
	background:#a9aca2;
	
}
#header-content{
	background: #a9aca3 url('../images/fond-header.jpg') no-repeat;
	height:131px;
	width:960px; 
	margin:0 auto;
}
/****************

menu

****************/
ul#main-menu { position:relative;list-style:none;  overflow:hidden; width:960px; margin:0 auto; 
	font-size:1px;}
ul#main-menu li { float:left; height:29px; background-color:#fff;  padding:0 0px;  }
ul#main-menu li.first {
  -moz-border-radius-topleft:9px; -webkit-border-top-left-radius:9px;
  -moz-border-radius-bottomleft:9px;  -webkit-border-bottom-left-radius:9px;
}
ul#main-menu li.last {
-moz-border-radius-topright:9px; -webkit-border-top-right-radius:9px;
-moz-border-radius-bottomright:9px; -webkit-border-bottom-right-radius:9px;
}
ul#main-menu li.bg {
   margin:7px 0px 0px 3px; padding-right:8px; 
   z-index:50;  width:60px; background:url(bg-right.png) no-repeat right top;
}
ul#main-menu li a {
  padding:8px 10px;  color:#a9aca3; font-size:14px; font-weight:normal; display:block;
  text-decoration:none; z-index:100; position:relative; 
}
ul#main-menu li a:hover, ul#main-menu li a:focus, ul#main-menu li a:active, ul#main-menu li a.active { color:#585a54; }
ul#main-menu li.ybg {
  background-color:#aec827;
  position:absolute;
  left:0px;
  z-index:50;
  width:65px;
  height:6px;
  margin-top:0px;
}
/****************

content

****************/
#content{
	width:960px; 
	margin:25px auto 0px auto;
}
.left-column{
	width:630px;
	float:left;
}
.right-column{
	width:323px;
	float:left;
}
#slide_gammes {
	width:590px;
	height:375px;
	margin-bottom:10px;
}


/****************

la gamme

****************/
h1{
	font-size:24px;
	color:#7e807a;
	margin-bottom:15px;	
}
h1 span.f36{
	font-size:36px;
}
#menu-left-column{
	width:175px;
	float:left;
	padding-top:25px;
}
html>body #right-column-content{
	width:719px;
}
#right-column-content{
	width:700px;
	margin-left:66px;
	float:left;
}
#right-column-content2{
	width:650px;
	margin-left:56px;
	float:left;
}
html>body #right-column-content2{
	margin-left:80px;
}
.gamme{
	width:340px;
	height:295px;
	float:left;
	margin-top:0px;	
}
.modele{
	width:230px;
	float:left;
	margin-top:10px;	
	text-align:center;
}

h2 a{
	color:#7e807a;
	font-size:20px;
	text-decoration:none;
}
h2 .a12{
	color:#7e807a;
	font-size:12px;
}
h2 .a16{
	color:#7e807a;
	font-size:16px;
}
h2 a:hover{
	color:#585a54;
}
.mlgamme{
	margin-left:20px;
}
html>body .mlgamme{
	margin-left:39px;	
}
#menu-gamme{
	list-style:none;
	margin:5px 0px 25px 0px;
}
* html #menu-gamme li{
	display:block;
	margin:0px;
	height:27px;
	padding:0px;

}
#menu-gamme li a{
	display:block;
	background:#a9aca2;
	height:27px;
	width:175px;
	color:#fff;
	line-height:27px;
	vertical-align:middle;
	text-decoration:none;
	padding-left:19px;
}
#menu-gamme li a:hover, #menu-gamme li a.active{
	background:#e5e8dd;
	color:#7e807a;
}
#menu-gamme li ul{
	list-style:none;
}
* html #menu-gamme li ul li{
	display:block;
	margin:0px;
	height:22px;
	padding:0px;
}
#menu-gamme li ul li a{
	display:block;
	background:#e5e8dd;
	color:#7e807a;
	padding-left:30px;
	width:164px;
	line-height:22px;
	height:22px;
	vertical-align:middle;
}
#menu-gamme li ul li a:hover, #menu-gamme li ul li a.active{
	color:#585a54;
	background:#e5e8dd url('../images/puce-menu.gif') no-repeat;
	background-position:22px 8px;
}
/****************

page porte

****************/
.porte{
	width:600px;
	float:left;
	margin:30px 0px 0px 50px;	
}
html>body .porte{
	margin:30px 0px 0px 119px
}
.large-porte{
	width:240px;	
	float:left;
}
.minis-portes{
	margin-top:4px;
	width:85px;	
	height:381px;
	float:left;
}
.texte-porte{
	
	width:200px;	
	float:left;
}
#thumbs{
	list-style:none;
	padding:0;
	margin:0px;
}
#thumbs li{
	margin-bottom:5px;	
}
#thumbs a{
	display:block;
	
	outline:none;
	padding:2px;
	width:60px;
	height:60px;
	text-decoration:none;
}
#thumbs a img{vertical-align:middle;display:block; border:none;outline:none;}
#thumbs a:hover, #thumbs a:focus {background:#a9aca2;}
#thumbs a.active {background:#a9aca2;}
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}

.porte p.desc{
	margin-top:5px;
	color:#7e7f79;
	font-size:12px;
	font-style:italic;	
}

/****************

page dynamiques

****************/
#contenu_dyn h2, #caracteristiques_techniques h2 {
	color:#63655f;
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 0;
}
#contenu_dyn p, #caracteristiques_techniques p {
	color:#63655f;
	margin:0 0 5px 0;
}
#contenu_dyn ul {
	color:#63655f;
	margin:0 0 5px 10px; 
	padding:0 0 0 10px; 
}
#contenu_dyn ul li {
	margin:0 0 5px 0;
}
#contenu_dyn a, a.mentions {
	color:#9dbb05;
	text-decoration:none;
}
#contenu_dyn a:hover, #contenu_dyn a:focus, #contenu_dyn a:active, a.mentions:hover {
	text-decoration:underline;
}

/****************

actualites accueil

****************/
#actualites{
	padding:38px 0px 25px 0px;	
}
#actualites a.actus{
	color:#9dbb05;
	text-decoration:none;
	font-size:12px;
	margin-top:12px;
}
#actualites a.actus:hover{
	text-decoration:underline;	
}
#actualites h2, #actualites h2 a{
	margin:8px 0px 20px 0px;
	font-size:14px;
	font-weight:bold;
	color:#63655f;
}
#actualites p{
	float:left;
	width:208px;
	color:#63655f;
	text-align:justify;
}
#actualites img.mini{
	float:right;
	width:100px;
}

/****************

actualites detail

****************/ 
#actualites_detail h2 {
	color:#63655f;
	font-size:18px;
	font-weight:normal;
	margin:0 0 10px 0;
}
#actualites_detail div.actu_detail_txt {
	display:block;
	float:left;
	width:400px;
	color:#63655f;
}
#actualites_detail div.actu_detail_txt p {
	margin:0 0 5px 0;
}
#actualites_detail div.actu_detail_imgs {
	float:right;
}
#actualites_detail div.actu_detail_imgs img {
	margin:0 10px 0 0;	
}
#actualites_detail div.actu_detail_txt a {
	color:#9dbb05;
	text-decoration:none;
}
#actualites_detail div.actu_detail_txt a:hover, #actualites_detail div.actu_detail_txt a:active, #actualites_detail div.actu_detail_txt a:focus {
	text-decoration:underline;	
}

/****************

actualites menu

****************/ 
#menu-actualites{
	list-style:none;
	margin:5px 0px 25px 0px;
}
* html #menu-actualites li{
	display:block;
	margin:0px;
	height:27px;
	padding:0px;

}
#menu-actualites li a{
	display:block;
	background:#a9aca2;
	width:175px;
	color:#fff;
	line-height:14px;
	vertical-align:middle;
	text-decoration:none;
	padding:5px 19px 5px 19px;
}
#menu-actualites li a:hover, #menu-actualites li a.active{
	background:#e5e8dd;
	color:#7e807a;
}
#menu-actualites li ul{
	list-style:none;
}
* html #menu-actualites li ul li{
	display:block;
	margin:0px;
	height:22px;
	padding:0px;
}
#menu-actualites li ul li a{
	display:block;
	background:#e5e8dd;
	color:#7e807a;
	padding-left:30px;
	width:164px;
	line-height:22px;
	height:22px;
	vertical-align:middle;
}
#menu-actualites li ul li a:hover, #menu-actualites li ul li a.active{
	color:#585a54;
	background:#e5e8dd url('../images/puce-menu.gif') no-repeat;
	background-position:22px 8px;
}

/****************

caracteristiques techniques

****************/
#caracteristiques_techniques {
	width:960px;
	height:500px;
}
#caracteristiques_techniques .col_carac {
	width:160px;
	float:left;
	margin:10px 40px 0 0;
}
#caracteristiques_techniques .col_verre {
	width:160px;
	float:left;
	margin:10px 30px 0 0;
}
#caracteristiques_techniques p.coloris {
	float:left;
	width:700px;
	margin-top:10px;
}
#caracteristiques_techniques p.petit {
	float:left;
	font-size:10px;
	margin-top:7px;
}
#caracteristiques_techniques a {
	color:#9dbb05;
	text-decoration:none;
}
#caracteristiques_techniques a:hover, #caracteristiques_techniques a:focus, #caracteristiques_techniques a:active {
	text-decoration:underline;
}

/****************

configurateur de porte

****************/
#configurateur p, #configurateur_photo p, #configurateur_photo li {
	color:#63655f;	
}
#configurateur_photo {
	width:950px;
	height:490px;
	text-align:center;
	border:5px solid #eaeaea;
}
#configurateur_photo h2 {
	color:#63655f;
	margin: 0 0 20px 0;
	font-weight:normal;
}
#configurateur_photo fieldset {
	width:500px;
	margin:10px auto 10px auto;
	border:1px solid #EAEAEA;
	padding:10px 0 15px 10px;
}
#configurateur_photo legend {
	color:#63655f;
}
#configurateur_photo label {
	float:left;
	margin:10px 0 0 40px;
	color:#63655f;
}
#configurateur_photo ol {
	text-align:left;
	margin-left:340px;
}
#configurateur_photo ol li {
	margin-bottom:5px;
}
input#fichier_photo {
	display:block;
	float:left;
	margin:5px 0 0 5px;
	/*border:2px solid #EAEAEA;*/
}
input.envoyer_btn {
	float:left;
	margin:0 0 0 5px;
}
img.user_photo {
	width:200px;
}
div#attention {
	width:450px; 
	margin:10px auto;
}
p.attention_txt {
	display:block;
	float:left;
	font-style:italic;
	margin:15px 10px 0 0;
}
img.attention_img {
	display:block;
	float:left;
}

/****************

contact

****************/
p.gris { color:#7e7f79; }
.formul{ width:430px; }
#formulaire { 
	/*margin:10px 0; */
	font-family:"Arial", Verdana; 
	color:#63655f;
}
#formulaire fieldset { 
	width:420px;
	padding:0px 0 10px 20px;
	margin:0 0 0px 0;
	border:1px solid #a9aca2;
}
#formulaire legend { 
	padding:0 0 10px 0;
	font-size:14px;
	font-weight:normal;
	color:#63655f;
}
#formulaire .formtext { 
	display:block;
	clear:both;
}
#formulaire label { 
	padding:6px 0 3px 0; 
	margin:0 3px 0 0; 
	font-size:12px; 
}
#formulaire .contact_txt { 
	border:1px solid #a9aca2;
	margin:3px 3px 0 1px; 
	padding:2px;
	font-family:"Arial", Verdana;  
	font-size:12px; 
	color:#63655f;
}
fieldset#coord label, fieldset#verification label, fieldset#demande label  {	
	float:left; 
	display:block; 
	text-align:right; 
	width:110px; 
}
fieldset#coord .contact_txt, fieldset#verification .contact_txt, fieldset#demande .contact_txt {
	float:left; 
	display:block; 
}
.colonne {
	padding:0 20px 0 0;
	display:block;
	float:left;
}
.contact_btn { 
	float:left; 
	margin:3px 0 0 360px; 
	font-size:9px; 
	font-weight:bold; 
}
#formulaire img {
	margin:0 0 0 113px;
	border-top:5px solid #AEC827;
	width:135px;
} 
#req_fields {
	
	font-size:11px; 
	color:#737152; 
}
#status { 
	display:block; 
	color:#c00; 
	font-style:normal; 
	width:954px; 
	margin:15px 0 0 0px; 
	padding:3px 0 3px 6px; 
	font-size:11px; 
	font-family:"Arial", Verdana; 
	background-color:#FCC; 
}
html>body #status{ 
	width:966px; 
}
a.lien_vert {
	color:#9dbb05;
	text-decoration:none;
}
a.lien_vert:hover, a.lien_vert:active, a.lien_vert:focus {
	text-decoration:underline;
}

/****************

plan d'accès

****************/
#map {
	float:left;
	width:470px;
	height:400px;
	border:5px solid #AEC827;
	margin:13px 10px 0 0;
} 
#plan_acces {
	float:left;
	width:470px;
} 
#map_directions {
	float:left;
	width: 440px; 
	font-family:"Arial", Verdana;  
	font-size:12px; 
	color:#7e7f79;
}
#map_directions a {
	font-weight:bold;
	color:#AEC827;
	text-decoration:none;
}
#map_directions a:hover{
	text-decoration:underline;
}
/****************

footer

****************/
#footer{
	background: #a9aca2 url('../images/fond-footer.jpg') repeat-x;
}
#footer-content{
	width:960px; 
	margin:0 auto;
	padding-bottom:30px;
}
#logo-mantion{
	float:right;
	margin:15px 0px 0px 0px;
}
#footer-left{
	width:340px;
	color:#fefefe;
	font-size:11px;
	float:left;
	margin-top:60px;
}
#footer-left a{
	color:#fefefe;
	text-decoration:none;
	font-weight:bold;
}
#footer-menu{
	margin-top:60px;
	width:550px;
	float:right;
}
#footer-menu ul{
	list-style:none;
	float:right;
}
#footer-menu ul li{
	float:left;
}
#footer-menu ul li a{
	color:#fefefe;
	font-size:11px;
	text-decoration:none;	
	border-right:#fefefe solid 1px;
	padding-right:7px;
	margin-left:7px;
}
#footer-menu ul li a:hover{
	text-decoration:underline;	
}
#footer-menu ul li a.no-dash{
	border:none;	
}