/********************************************
	Décrit la structure générale du site
*********************************************/
body {
	margin: 0px;
	background-color:#cbd9df;
}
img{
	border:none;
}
#container{
	width:960px;
	margin:0 auto;
	position:relative;
	background-color:#ffffff;
	z-index:50;
}
.conteneur_principal 
{
	width: 100%;
	background-color:#ffffff;
	padding-bottom:8px;
	position:relative;
}
/**** hAck IE7 ***/
*+html .conteneur_principal, * html .conteneur_principal 
{
	z-index:-90;
}
 


/********************************************
			Header
*********************************************/
#header{
	background-color:transparent;
	background-image:url(../images/fond_header.jpg);
	background-repeat:no-repeat;
}
#header #banniere{
	margin:18px 0 0 130px;
	float:left;
	border:none;
}
#header table a{
	color:#FFFFFF;
	text-decoration:none;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
	font-size:12px;
	font-weight:normal;
}
#header table a:hover{
	color:#3FBCE2;
	text-decoration:none;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
	font-size:12px;
	font-weight:normal;
}
#header table{
	float:right;
	margin:112px 17px 0px 0px;
	width:300px;
	color:#FFFFFF;
	border-collapse:collapse;
}
#header table th{
	background-image:url(../images/fond_profil.gif);
	background-repeat:repeat-x;
	background-color:#22a7df;
	height:14px;
	font-size:14px;
	font-weight:normal;
	border:1px solid #ffffff;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
}
#header table td{
	font-size:10px;
	font-weight:bold;
	text-align:center;
	height:15px;
	vertical-align:bottom;
}
#header table td.border{
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
/********************************************
		Différentes images à placer
*********************************************/
.conteneur_bandeau {
	width: 768px;
	position: absolute;
	left: 50px;
	padding:0px;
	height: 104px;
	border-left: solid 1px #215aa5;
	border-right: solid 1px #215aa5;
	border-bottom: solid 1px #215aa5;
}
.conteneur_espace {
	position: absolute;
	width: 770px;
	left: 50px;
	top: 105px;
	height: 35px;
	width: 770px;
	background-color: #454545;
}
.conteneur_ombre {
	position: absolute;
	float: left;
	height: 12px;
	width: 770px;
	top: 140px;
	background-image: url(../images/ombre_sous-menu_gen.gif);
	background-repeat: repeat-x;
	left: 50px;
}

.conteneur_ombre img {
	width:1px;
	height:12px;
	border:0px;
}

.conteneur_menu {
	width: 770px;
	position: absolute;
	left: 50px;
	top: 140px;
	height: 35px;
}

/****************************************
		La ligne "Vous êtes ici"
*****************************************/
.frameD_ici {
	padding-bottom: 3px;		/*L'espace entre la ligne et le text*/
	color: #538196;
	width: 640px;
	margin:0px 0 10px 38px;
	padding-top:19px;
	font-size: 10px;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
}

.frameD_ici a{
	color:#538196;
	text-decoration:none;
}
.frameD_ici a:hover{
	color:#FF6600;
	text-decoration:none;
}
.frameD_ici a:active{
	color:#000000;
	font-size:12px;
}

/****************************************
		Le pied de page
*****************************************/
.footer{
	background-image: url(../images/fond_footer.jpg);
	background-repeat:no-repeat;
	padding:28px 0px 0 0;
	border-top:10px solid #cbd9df;
	width:960px;
	height:63px;

} 
.footer p{

	margin:25px 4px 0 5px;
	padding:0;
	font-size:12px;
}
.footer ul{
	margin:15px 4px 0 0;
	padding:0;
	list-style-type:none;
}

.footer ul li img{
	float:right;
}
.footer ul li a{
	color:black;
	display:block;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
	font-size:11px;
	text-decoration:none;
	width:78px;
}

.footer ul li a:hover{
	color:#F78F28;
	text-decoration:none;
	display:block;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
	font-size:11px;
	
}
.footer ul li{
	float:right;
	font-size:10px;
	line-height:24px;
	margin:0 0 0;
	text-align:center;
	width:76px;
}

/****************************************
		L'imge pour remonter
*****************************************/
.imgPourRemonter { 
     display: block; 
     width: 18px; 
     height: 37px;
     background-image: url(../images/bouton_haut_off.gif); 
     background-repeat: no-repeat;
     margin-left:400px;
     }
     
.imgPourRemonter:hover { 
     background-image: url(../images/bouton_haut_over.gif); 
     }

.impression
{
	vertical-align:top;
	position:relative;
	float:right;
	margin-top:20px;
	border:0px;
	top:0px;
	padding-top:0px;
	border:0px;
	display:block;
}
/****************************************
		container_centre
****************************************/

#container_centre{
	overflow:auto;
	clear:both;
	width:945px;
	border:1px solid #c6c6c7;
	margin:0 auto;
	background-image: url(../images/fond_menu_g.gif);
	background-repeat:repeat-y;
	min-height:400px;
	position:relative;

}

/****************************************
		Bande GAUCHE
****************************************/
.frameG {
	width:169px;
	margin:21px 12px 0 0;
	float:right;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding:0;
}
.frameG ul li h4{
	margin:4px 0 1px 0;
	padding:0 0 0 30px;
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
}
.frameG ul{
	margin:0;
	padding:0;
	width:169px;
}
.frameG ul ul li{
	background-color:#729cae;
	height:auto;
	padding:4px 0 4px 37px;
	margin:0;
	border:none;
	background-image:url(../images/puce_droite.gif);
	background-repeat:no-repeat;
	background-position:24px 4px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	white-space:normal;
	/*word-wrap:break-word;*/
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
}
.frameG ul ul li a{
	text-decoration:none;
	color:#FFFFFF;	
}	
.frameG ul ul li a:hover{
	color:#CDDF8B;	
	
}
.frameG ul ul{
	display:block;
	list-style-type:none;
	list-style-image:none;
}
.frameG li{
	background-color:#139dd7;
	list-style-type:none;
	margin:0;
	padding:0;
	border-top:2px solid #f7f7f7;
	border-collapse:collapse;
	display:block;
	background-image:url(../images/puce_droite_h1.gif);
	background-repeat:no-repeat;
	background-position:top center;


} 
.frame_sous-menu:after {
	content:'';
	display:block;
	clear:both;
} 
/******************************************************
		La zone principale

Tous les styles des balises sont modifiés par héritage, 
afin que seules les balises de la zone "frameD" soient 
modifiées

La hauteur a été fixée à 1000px et non pas en auto, 
sinon quand le contenu est trop court on voit la couleur 
du fond
*******************************************************/

div.conteneur_principal div#container_centre div.frameD {
	width: 530px;
	float: left;
	font-family: "Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
	color: #000000;
	margin:0 0 0 25px;
}
.frameD a:link {
	color: #40a52b;
	text-decoration: none;
	font-size:13px;
	font-weight:bold;
	display:inline;
	
}
.bodytext{
	font-size:12px;
}

/* modifier par jo le 26-08-2004, j'ai changé la couleur et j'ai enlever text-decoration: none */

.frameD a:visited {
	text-decoration: none;
	color: #40a52b;
	font-size:13px;
	display:inline;

}

.frameD a:hover {
	text-decoration: none;
	color: #009DDF;
	font-size:13px;
	display:inline;
}
.frameD a:active {
	display:inline;
	text-decoration:none;
	color: #40a52b;
	font-size:13px;
}

.frameD h1 {
	position:relative;
	display: block;
	background-repeat: repeat;
	font-size: 15px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 24px;
	margin-bottom: 5px;
	margin-top:25px;
	color:#009ddf;
	background-image:url('../images/puce_h1.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
.frameD h2 {
	position:relative;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 10px;
}
/* modifier par jo le 26-04-2004, font-size: 12px trop petit , j'ai rajouter font-style: italic 
et j'ai mis en commentaire les trucs pas souhaité */

.frameD h3 {
	position:relative;
	font-size: 13px;
	font-weight: bold;
        font-style: italic;
	/* text-align: justify; */
	margin: 0px;
	/* margin-left: 30px; */
	margin-bottom:10px;
}

/* modifier par jo le 26-04-2004, font-size: 12px trop petit */
/*FJ, 05/09/04 :je retire ici aussi text-justify, c'est ce qui empêchait de centrer le texte */




.frameD p {
	font-size: 13px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align:justify;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
	z-index:-5000;
}
.frameD ul 

{
	position:relative;
	text-align: left;
	font-size: 13px;
	padding-left: 50px;
	margin-left:6px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	text-indent:0px;
	list-style-image: url(../images/puce_h2.gif);

	
}
.frameD li:first-letter
{
	text-transform:uppercase;
}

.frameD ul a

{
	position:relative;
	text-align: left;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	text-indent:0px;
	list-style-image: url(../images/puce_h2.gif);
	font-weight:bold;
	

	
}

.frameD ol 
{
	position:relative;
	text-align: left;
	font-size: 13px;
	padding-left: 50px;
	margin-left:6px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
	text-indent:0px;
        list-style-type:decimal;
}

.frameD img {
	margin:0px 10px 0px 0px;
}

.important {
	font-weight:bold;
	color:#FF3300;
	font-size:13px;
}
/******************************************************
		La zone principale de la page 
		d'accueil

		


Reprend les éléments de frameD, mais élargit le cadre 
pour combler l'espace du menu
*******************************************************/
.pageAccueil {
	border-left: 1px solid #215aa5;
	padding-top: 9px;
	padding-bottom: 20px;
	padding-left: 45px;
	padding-right: 45px;
	width: 675px;
	height:1000px;
	float: left;
	background-image: url('../images/ombre_frameD.gif');
	background-repeat: repeat-y;
	background-position:  left 50%;
	background-color: #FFFFFF;
	font-family: "Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
	color: #215aa5
}

/*Tableaux, notamment dans la partie entreprise
********************************************************/

.csc-mailform {
	font-size:12px;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
	border:none;
	
}
.csc-mailform-field {
	font-size:12px;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
	border:none;
	margin-top:3px;
	overflow:visible;	
	
}
.csc-mailform-label{
	font-size:12px;
	font-weight:bold;
	color:#729CAE;
}
.csc-mailform-field label{
	display:block;
	float:left;
	font-family:Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif;
	font-size:12px;
	margin-left:10px;
	margin-top:0;
	width:240px;
}
.csc-mailform-field input{
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
	width:250px;
}
.csc-mailform-field textarea{
	border-width:1px;
	border-color:#CCCCCC;
	border-style:solid;
	height:50px;
	width:250px;
}
.csc-mailform-field .csc-mailform-submit{
	width:50px;
	float:right;
	margin-right:208px;
}

.contenttable tr td{
	border:1px solid black;
	font-size:12px;
	font-family:"Myriad Pro","Trebuchet MS",Verdana,Helvetica,"Sans-serif";
}

.contenttable{
	border-collapse:collapse;
}

.contenttable tr{
	border:1px solid black;
}
#frameD p.align-center, p.align-center, .align-center{
	text-align:center;
}