/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/
}
body{
font-family: Arial, Verdana, Helvetica;
font-size:62.5%;
background:#D2CFBB;
color:#000;
}
#container{
position: relative;/*---obligatoire pour le footer---*/
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
width:942px;
margin:0 auto;
z-Index:0;
overflow:hidden;
background:url(../images/charte/bg-container_index.png) repeat-y scroll center top;
}
#menu_haut{
z-index:10000;
position: absolute; 
left: 6px;
top: 168px; 
width: 930px;
}

/**********************/
#header{
position:relative;
width:930px;
margin:0px auto;
height:168px;
overflow:hidden;
}

#barre_header{
position:relative;
width:930px;
margin:0px auto;
height:28px;
background-color:#D7161F;
}
#logo_header{
position:relative;
width:930px;
margin:0px auto;
height:140px;
text-align:center;
background-color:#FFF;
}

#logo_header img{
margin:35px auto;
}


#flags{
position:absolute;
width:332px;
height:50px;
bottom:10px;
right:70px;
}
.separateur_flag{
float:left;
margin:0px 15px 0px 15px;
background-color:#000;
height:50px;
width:1px;
}
a.flag_fr{
display:block;
float:left;
background-image:url(../images/charte/flag_fr.jpg);
width:89px;
height:28px;
margin-top:14px;
}
a.flag_fr span{
display:none;
}
a.flag_fr:hover {
background-position:left bottom;
}
a.flag_fr {
background-position:left top;
} 

a.flag_en{
display:block;
float:left;
background-image:url(../images/charte/flag_en.jpg);
width:89px;
height:28px;
margin-top:14px;
}
a.flag_en span{
display:none;
}
a.flag_en:hover {
background-position:left bottom;
}
a.flag_en {
background-position:left top;
} 

a.flag_de{
display:block;
float:left;
background-image:url(../images/charte/flag_de.jpg);
width:89px;
height:28px;
margin-top:14px;
}
a.flag_de span{
display:none;
}
a.flag_de:hover {
background-position:left bottom;
}
a.flag_de {
background-position:left top;
} 
#menu_header a{
margin-left:3px;
margin-right:3px;
}

/**********************/
#contenu{
position:relative;
width:928px;
margin:0px auto;
min-height:470px;
background:#E4E3E9 url(../images/charte/bg_contenu_index.jpg) no-repeat scroll left top;
}

#contenu_texte{
position:relative;
width:630px;
padding-top:30px;
margin:0px 0 0 50px;
}
.bloc_rouge{
border:6px solid #BFB899;
padding:13px 0px 0px 28px;
width:280px;
margin:15px 0px 30px 50px;

}

.bloc_rouge p{
font-weight:bold;

}
.txt_important2{
font:bold 17px/14px Arial, Helvetica, sans-serif;
color:#D71920;
}
.txt_important3{
font:bold 12px/16px Arial, Helvetica, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
color:#000;
}
#signatures{
text-align:left;
width:200px;
height:40px;
margin-top:30px;
margin-left:110px;
}
.signature{
font:bold 15px/19px Arial, Helvetica, sans-serif;
color:#000;
}
.signature2{
font:bold 13px/18px Arial, Helvetica, sans-serif;
color:#BFB899;
}
#actu{
text-align:left;
width:405px;
margin-top:70px;
margin-left:0px;
}
.txt_actu{
font:bold 15px/14px Arial, Helvetica, sans-serif;
color:#D71920;
text-transform:uppercase;
}

#contenu_index{
position:relative;
width:810px;
min-height:305px;
margin:0px auto;
}
#contenu_texteo1{
position:relative;
width:550px;
margin:-160px 0px 40px 360px;
padding-top:10px;
}
#contenu_texteo2{
position:relative;
width:610px;
margin:-20px 0 0 240px;
padding-top:10px;
}
#contenu_textec1{
position:relative;
width:610px;
margin:-70px 0 0 240px;
padding-top:10px;
}
#contenu_textec2{
position:relative;
width:790px;
margin:0px auto;
padding-top:10px;
}

#infos_rubrique{
position:relative;
width:930px;
height:206px;
margin:0px auto;
padding-top:50px;
}
.image_rubrique{
float:left;
width:206px;
}
.txt_rubrique{
float:left;
width:500px;
margin-top:10px;
margin-left:20px;
}
#contenu_texte2{
float:left;
width:300px;
padding-top:10px;
}

#contenu_texte p, #contenu_textec1 p, #contenu_textec2 p, #contenu_texteo1 p, #contenu_texteo2 p{
text-align:justify;
font:normal 12px/18px Arial, Helvetica, sans-serif;
margin:0px 0 12px 0;
}


/**********************/
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
.clearer2
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear: both;
width:942px;
height:50px;
margin:-50px auto 0 auto;
background:url(../images/charte/bg_footer.png) no-repeat scroll left top;
}

#footerInfo1{
float:left;
width:900px;
margin:0px 0 0 20px;
font:normal 10px Arial, Helvetica, sans-serif;
}

#footerInfo1 p{
margin-left:140px;
margin-top:15px;
font:normal 10px Arial, Helvetica, sans-serif;
color:#D8DEE3;
}

#footerInfo1 a:link, #footerInfo1 a:visited{
text-decoration:none;
color: #999999;
}
#footerInfo1 a:hover, #footerInfo1 a:active{
text-decoration:none;
color: #464646;
}


/* GENERAL*/
h1#biomasse{
font:bold 20px/22px Arial, Helvetica, sans-serif;
background:url(../images/charte/fleche.png) no-repeat scroll left top;
color:#D7161F;
width:227px;
height:15px;
margin:5px 0 18px 0;
padding-left:40px;
height:30px;
}
h1 span{
display:none;
}

h2{
font:bold 16px Arial, Helvetica, sans-serif;
color:#BFB899;
margin:5px 0 5px 0;
}
h3{
font:bold 13px Arial, Helvetica, sans-serif;
color:#7FC241;
margin:20px 0 5px 0px;
}
h4{
font:bold 12px Arial, Helvetica, sans-serif;
color:#545454;
margin:5px 10px 5px 0px;
}

.txt_important{
font:bold 13px Arial, Helvetica, sans-serif;
color:#73B238;
}
a img {
border:0;
}

#mention{
clear:left;
text-align:center;
margin:0px auto;
padding-top:20px;
}
#mention img{
margin-top:5px;
}

#contact1, #contact2{
border-bottom:1px dashed #CCC;
width:100%;
margin-bottom:10px;
height:320px;
}
#contact2{
border-bottom:0px dashed #CCC;
}
#contact1 a.entree_residence_igny{
margin-right:20px;
}
#contact2 a.entree_residence_asniere{
float:right;
margin-left:20px;
margin-right:5px;
}

#contact1 h2, #contact2 h2{
margin:10px 0 5px 0;
}

.image_left{
float:left;
margin:0px 8px 8px 0px;
}

.image_rubrique{
float:left;
margin:0px 8px 8px 0px;
}
.image_right{
float:right;
margin:0px 0px 8px 8px;
}

.image_left2{
float:left;
margin:0px 20px 8px 0px;
}

#contenu_texte ul li, #contenu_texte2 ul li{
text-align:justify;
font:normal 12px Arial, Helvetica, sans-serif;
margin:0px 0 12px 0;
background:url(../images/charte/puce.png) center left no-repeat; 
padding-left:15px;
}

#contenu_texte ul, #contenu_texte2 ul{
list-style-type: none; 
margin-left:15px;
list-style-position:outside; 
}

#contenu_texte #lst_services{
margin-left:60px;
margin-top:30px;
margin-bottom:30px;
}

#contenu_texte #lst_services ul {
list-style-type:none;
list-style-position:outside;
}
#lst_services ul li {
position:relative;
cursor: pointer;
line-height:29px;
height:29px;
background:none;
}

#lst_services li a {
text-decoration: none;
display:block;
text-decoration: none;
height:29px;
background:no-repeat scroll left bottom;
cursor: pointer;
}

#lst_services li a span {
display:none;
}
#lst_services li a.mobili_pass{
background-image:url(../images/charte/bt_mobili_pass.png);
width:222px;
}
#lst_services li a.assurance_privilege{
background-image:url(../images/charte/bt_assurance_privilege.png);
width:222px;
}
#lst_services li a.bt_dossier{
background-image:url(../images/charte/bt_dossier.jpg);
width:246px;
}
#lst_services li a.bt_lettre{
background-image:url(../images/charte/bt_lettre.jpg);
width:246px;
}
#lst_services  li a:hover {
background-position:left top;
}

#contenu_texte table{
background-color:#E5E5E5;
}
#contenu_texte table th{
font:bold 12px Arial, Helvetica, sans-serif;
color:#195881;
margin:20px 0 5px 10px;
border-bottom:1px solid #195881;
}
#contenu_texte table td{
padding:10px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#555555;
}
.bicolonnes{
float:left;
width:250px;
margin-left:80px;
}

#tarifs{
margin:25px auto 25px auto;
width:630px;
}
#tarifs2{
margin:25px auto 25px auto;
width:590px;
}
#contenu_textec1 table th {
font:bold 12px Arial, Helvetica, sans-serif;
color:#195881;
border-bottom:1px solid #195881;
padding:6px;
}
#contenu_texte01 table td, #contenu_texteo1  table td {
padding:4px 12px 4px 12px;
font:normal 12px Arial, Helvetica, sans-serif;
color:#000;
border-bottom:1px solid #CDD4D9;
text-align:center;
}
#portfolio{
float:right;
width:320px;
height:389px;
margin:0px 0 10px 20px;
padding:12px;
background:url(../images/charte/bg_portfolio.png) no-repeat scroll left top;
}
#portfolio2{
float:right;
width:320px;
height:389px;
margin:0px 0 10px 20px;
padding:12px;
background:url(../images/charte/bg_portfolio2.png) no-repeat scroll left top;
}