/******** Background Général *********/

body{
	background-color:#1E274B;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	padding: 0px;
	}

.fdbande_sup_gauche{
	position:absolute;
	left:0;
	top:0;
	background-color:#2B386A;
	width:50%;
	height:80px;
	z-index:3;
	}
	
.fdbande_sup_droite{
	position:absolute;
	left:50%;
	top:0;
	background-color:#1E274B;
	width:50%;
	height:80px;
	z-index:3;
	}

.fdcarte{
position:absolute;
left:70px;
top:90px;
width:399px;
height:398px;
background-image:url(../images/carte_relief_site.gif);
border: 0px none;
z-index:6;
}
/********************************************************************************************************	
 *********************************Parametres Titre (bande supérieur)**************************************	
/********************************************************************************************************/

.ban_vocalis{
	position:absolute;/* reste à la même place*/
	width:550px;
	height:80px;
	margin-left:200px;
	/*margin--right:*/
	background-image:url(../images/ban_vocalis_02.gif);
	/*background-position:right;l'image de fd est à droite*/
	background-repeat:repeat-y;/* on repete la couleur de fond de haut en bas*/
	z-index:4;	/*plus le chiffre est haut plus il sera en avant plan*/
	}

.croquis{
	position:absolute;
	width:200px;
	height:80px;
	background-image:url(../images/croquis.jpg);
	z-index:4;
	}
/********************************************************************************************************	
 ************************Parametres des menus (général/divers) sans sélections *************************** 
/********************************************************************************************************/
	
.bande_gauche{
	position:absolute;
	width:200px;
	height:100%;
	background-image:url(../images/bande_gauche.jpg);
	background-color:#1E274B;
	background-repeat:repeat-x;/* on repete la couleur de fond de gauche à droite*/
	z-index:2;	/*plus le chiffre est haut plus il sera à l'avant*/
	}
/*.bande_index{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../images/bande_gauche.jpg);
	background-color:#1E274B;
	background-repeat:repeat-x;/* on repete la couleur de fond de gauche à droite* /
	z-index:2;/*plus le chiffre est haut plus il sera à l'avant* /
	}*/

/******** Menu Principal *********/
.menu_principal{
	position:absolute;
	width:178px;
	top:90px;
	left:10px;
	z-index:3;
	}

.bt_menu_principal{
	heigth:23px;
	width:177px;
	margin-top:10px;
	z-index:4;
	}
/******** Sous-Menu *********/
.sous_menu{
	position:absolute;
	width:200px;
	top:235px;
	left:50%;
	margin-left:-60px;
	z-index:3;
	}

.bt_sous_menu{
	width:80px;
	height:15px;
	margin-top:8px;
	z-index:4;
	}	

/******** Menu divers *********/

.menu_divers{
	position:absolute;
	left:35px;
	bottom:15px;
	z-index:3;
	width:200px;
	height:25px;
}

.menu_divers_haut{
	position:absolute;
	left:60px;
	bottom:40px;
	z-index:3;
	width:200px;
	height:25px;
}

.bts_divers{
	float:left;
	font-family:times;
	font-size:14px;
	color:#E7EBF1;
	margin-right:10px;
	z-index:4;
	width: 55px;
	}
.bts_divers_haut{
	float:left;
	font-family:times;
	font-size:14px;
	color:#E7EBF1;
	margin-right:10px;
	z-index:4;
	width: 55px;
}

.bt_trelon{
	position:absolute;
	left:105px;
	top:200px;
	width:60px;
	height:30px;
	background-repeat: no-repeat;
	text-decoration:none;
	border: 0px none;
}

/********************************************************************************************************	
 ****************************************** Parametres du contenu ***************************************	
/********************************************************************************************************/

/********** Liens **********/
a{
	color:#E7EBF1;
	text-decoration:none;
	} 

a:hover{
	color:#ffffff;
	text-decoration:underline;
	}

/*a:visited{
	color:#ffffff;
	text-decoration:none;
	}*/
/************ Textes **********/
.box_texte{
	position:absolute;
	left:230px;
	top:100px;
	width:500px;
	height:70%;
	z-index:5;
	}

.sous_box_txt{
	position:absolute;
	width:500px;
	height:30%;
	left:230px;
	bottom:15px;
	z-index:5;
	}	

/**************************** Les différents titres ***********************/

H1{
	font-size:12pt;
	text-align:center;
	font-family: Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-weight: normal;
	}
	
H4{
	font-size:10pt;
	font-family: Helvetica, sans-serif;
	color:#ffffff;
	text-align:justify;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-weight: normal;
	}
	

H1.lettrine:first-letter{
	font-size:300%;
	float:left;
	color:#E7EBF1;
	}	

h4.texte_lettrine:first-letter{
	font-family: Helvetica, sans-serif;
	color:#ffffff;
	text-align:justify;
	margin: 5px;
	font-size:300%;
	float:left;
	}
	
H6{
	font-size:8pt;
	font-family: Helvetica, sans-serif;
	color:#E7EBF1;
	text-align:center;
	vertical-align:bottom;
	bottom:15px;
	}	

.texte{
	font-size:10pt;
	font-family: Helvetica, sans-serif;
	color:#ffffff;
	text-align:justify;
	margin: 5px;
	}	
	
	
/*H2.lettrine:first-letter{
	font-size:300%;
	float:left;
	color:#E7EBF1;
	}	*/
	
.texte_center{
	text-align:center;
	margin: 5px;
	}
	
.first-letter{
	font-size:300%;
	font-size : 12pt;
	float:left;
	margin-right:5px;
	}	

.first-line{
	font-size:14pt;
	float:left;
	}

.texte_left{
	text-align:left;
	font-size:12pt;
	font-family: Helvetica, sans-serif;
	color:#ffffff;
	margin: 5px;
	}	

.texte_right{
	text-align:right;
	font-size:7pt;
	font-family: Helvetica, sans-serif;
	color:#ffffff;
	margin: 5px;
	}

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


/*H1.texte:first-letter{
	font-size:300%;
	float:left;
	color:#E7EBF1;
	margin-right:5px;
	}	*/

/*H2.texte_center:first-line{
	font-size:18pt;
	font-family:times;
	float:left;
	color:#E7EBF1;
	}*/
	

/*H4.txt{
	font-size:12pt;
	font-family: "Times New Roman", Times, serif;
	text-align:justify;
	}

H4.txt:first-letter{
	font-size:150%;
	float:left;
	color:#E7EBF1;
	margin-right:2px;
	}
	
H5.comment{
	font-size:8pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	float:left;
	}
	
*/
/******************** Images ****************/
.images_left{
	float:left;
	margin-right:10px;
	margin-bottom:2px;
	margin-top:2px;
	}

.images_right{
	float:right;
	margin-left:15px;
	margin-bottom:2px;
	margin-top:2px;
	}
	
	
img{
	border:0;
	}			
	
	
/******************** Divers ****************/	
.cadre{
	border-color:#E7EBF1;
	border-width:2px;
	}
.table{
	float:left;
	width:220px;
	height:30%;
	margin-left:20px;
	}
	
li {
	list-style-type: none;
}
.imgcd {
	margin: 3px;
	border: 0px;
}