/* 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---*/
	background:#6985a5 url(../images/charte/bg-page-y.jpg) repeat-y left top ;
}
body{
	font: 70% Arial, Helvetica, sans-serif;
	background:url(../images/charte/bg.gif) no-repeat 1003px top ;
}
#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:1003px;
	margin:0;
	
}
#header{
	width:1003px;
	height:177px;
}
#contenu{
	position:relative;
	width:1003px;
	min-height:360px;
	height:auto !important;
	height:360px;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	color: #0C3C74;
  background:url(../images/charte/bg-contenu.jpg) no-repeat right top ;
	padding-bottom:39px;
  float: left;
}



#texte{
	float:left;
	width:700px;
	padding:0 0 0 26px;
}
#texte p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#0C3C74;
	padding-bottom:10px;
	}

#contenu1{
	position:relative;
	width:1003px;
	min-height:360px;
	height:auto !important;
	height:360px;
	font-size:12px;
	line-height:18px;
	text-align:justify;
	color: #0C3C74;
	 background:url(../images/charte/bg-contenu.jpg) no-repeat right top ;
	padding-bottom:39px;
  float: left;
}
#collLeft{
	float:left;
	width:248px;
/*	min-height:100px;
	height:auto !important;*/
	height:354px;
/*  display: table;*/
}


#texte1{
	float:right;
	width:700px;
/*	height:100%;*/
	/*display:table;*/
	padding:0 26px 0 0;
}
#texte1 p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#0C3C74;
	padding-bottom:10px;
	}
/* STYLE CONTENU */
#texte h1{
	font-size:14pt;
	font-weight:bold;
	line-height:25px;
	height:25px;
	text-align:left;
	text-indent:10px;
	color: #000;
	margin:10px 0px 15px 0;
}
#texte1 h1{
	font-size:14pt;
	font-weight:bold;
	line-height:25px;
	height:25px;
	text-align:left;
	text-indent:10px;
	color: #000;
	margin:10px 0px 15px 0;
	background:url(../images/charte/icon-title.jpg) no-repeat left 7px;
}

#title{
	float:right;
	width:700px;
/*	height:100%;*/
	/*display:table;*/
	padding:0 37px 0 0;
}
#title p{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#0C3C74;
	padding-bottom:10px;
	}
#title h1{
	font-size:14pt;
	font-weight:bold;
	line-height:25px;
	height:25px;
	text-align:left;
	text-indent:10px;
	color: #000;
	margin:10px 0px 15px 0;
	background:url(../images/charte/icon-title.gif) no-repeat left 8px;
}

#texte h2{
	font-size:13px;
	font-weight:bold;
	line-height:30px;
	height:30px;
	text-align:left;
	color: #213A57;
	margin:10px 0px 5px 0;
}
#texte a:link, #texte a:visited{
	font-weight:bold;
	text-decoration:underline;
	color: #000;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
  text-decoration:none;
	color: #9E599C;
}


/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
}


/***************** FOOTER *****************/
#footer{
	position:relative;
	height:39px;
	margin:-39px 0 0 0;
	clear:both;
	background:#84a7d0;
  float: left;
  width: 100%;
}
#footer2{
	width:1003px;
	height:39px;
	margin:0;
	background:url(../images/charte/bg-footer.jpg) no-repeat top left;
}

#logo-image{
	float:left;
	height:20px;
	width:150px;
	padding:10px 0 0 20px;
}
#logo-texte{
	float:left;
	height:8px;
	width:150px;
	color:#fff;
	font-size:10px;
	padding:5px 0 0 0px;

}
#logo-texte a:link,#logo-texte a:visited{
	color:#673606;
	text-decoration:none;
	color:#fff;

}
#logo-texte a:hover{
	color:#673606;
	text-decoration:underline;
	color:#fff;

}
#menubas{
	float:left;
	height:8px;
	width:600px;
	color:#39495b;
	font-size:10px;
	padding:10px 0 0 0px;
	text-align:center;

}
#menubas a:link,#menubas a:visited{
	color:#673606;
	text-decoration:none;
	color:#39495b;

}
#menubas a:hover{
	color:#673606;
	text-decoration:underline;
	color:#39495b;

}