/* ============================= main layout ====================== */
#main { width:100%; text-align:center;}

/* ============================= header ====================== */
#header { width:900px; margin:0 auto; text-align:left;}

.row-1 { height:90px; vertical-align:middle;}

#header .col-1 { width:900px;}

/* ============================= menu ====================== */
#menu { width:900px; margin:0 auto; text-align:left;}

.row-2 { height:46px; vertical-align:top;}

/* ============================= content ====================== */
#content { width:900px; margin:0 auto; text-align:left;}	   

/* ============================= footer ====================== */
#footer { width:900px; margin:0 auto; text-align:center; padding:10px;}

/* ============================= forms ============================= */
#contact-form {margin:0px; padding:0px; text-align:left;}
#contact-form .label { margin-top:10px; margin-bottom:3px; color:#9B9B9B;} 
#contact-form .label-error { color:#FFAA00; text-align:right;} 
#contact-form .label-ok { color:#FFAA00;} 
#contact-form .captcha { margin-top:10px; margin-bottom:10px;} 
#contact-form input {font-family: tahoma,helvetica,arial; color:#ffffff; width:240px; height:18px; border:1px solid #004381; font-size:1em; background:#004381; padding:1px 0 0 3px;}
#contact-form textarea {font-family: tahoma,helvetica,arial; color:#ffffff; width:240px; height:150px; border:1px solid #004381; font-size:1em; background:#004381; padding:0 0 0 2px; overflow:auto;}
#contact-form .button {font-family: tahoma,helvetica,arial; color:#ffffff; width:240px; height:30px; border:1px solid #ffffff; font-size:1em; background:#004381; padding:2px;}

/* ============================= infos légales ============================= */
#infos-legales {margin:20px; padding:0px; text-align:left;}
#infos-legales .label-titre { color:#FFAA00;} 
#infos-legales .texte { text-align:justify;} 
#infos-legales ul { line-height:1.923em; margin:0px;padding:0px; color:#9B9B9B;}
#infos-legales li { background:url(../images/marker.gif) 1px 6px no-repeat; vertical-align:top; padding-left:20px; }
#infos-legales .fermer { text-align:right;} 

/* ============================= flash info ============================= */
#flash-info {margin:0px; padding:0px; text-align:justify;}
#flash-info .label-projet { color:#00ff00;}  
#flash-info .label-newsletter { color:#00ff00;}
#flash-info .label-nouveaute { color:#00ccff; }
#flash-info .label-focus { color:#ffcc00;}
#flash-info .label-titre { color:#ffffff; font-weight:bold;  margin-top:5px; margin-bottom:5px;} 
#flash-info .lire { text-align:right;} 
#flash-info p {color:#9B9B9B;}

/* ============================= dossiers produits ============================= */
#dossiers-produits {margin:0px; padding:0px; text-align:justify;}
#dossiers-produits .label-titre { color:#ffffff;} 
#dossiers-produits .label-date { color:#494949; margin-bottom:5px; text-align:left;} 
#dossiers-produits p {color:#9B9B9B;}
#dossiers-produits .lire { text-align:right; padding-top:10px;} 
#dossiers-produits .retour { text-align:right; padding-top:10px;} 

/* ============================= box ============================= */
.div-box{
	margin:0px;
	margin-bottom:20px;
	padding:0px;	
	border:1px solid #ddd;
}

.div-box-content{
	background: transparent url(../images/bg_box.png) repeat-x scroll center bottom;
	padding:12px;
	padding:20px;
	margin:0px;
}

.div-box-title{
	color: #444;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

.div-box-date{
	color: #444;
	font-size:10px;
}

.div-box-title img{vertical-align: middle;padding-right:4px}

.div-box-content ul li a{text-decoration: underline}

.div-box-2cols{height:60px}
.div-box-2cols ul{list-style-type:none;font-size:85%}
.div-box-2cols ul li{float:left;width:47%;padding-left:5px;color:#666}
.div-box-2cols ul li img{margin-right:8px;vertical-align:middle;}

/* ============================= facebox ============================= */
#facebox .b {
  background:url(../facebox/b.png);
}

#facebox .tl {
  background:url(../facebox/tl.png);
}

#facebox .tr {
  background:url(../facebox/tr.png);
}

#facebox .bl {
  background:url(../facebox/bl.png);
}

#facebox .br {
  background:url(../facebox/br.png);
}

#facebox {
  text-align: center;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
}

#facebox .body {
  padding: 10px;
  background-color: #f5f4ec;
  text-align:left;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}