/* CSS Document */


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#343B3D;
	background-image:url(../images/bkg_main.gif);
}

/* ..PAGE INDEX***************************************************/	

#main_index {
	margin : 0 auto; 
	width: 750px;
	height:auto;
	padding-top: 150px;
	text-align:center
}

#left_index {
	width:335px ; height:230px; background-image:url(../images/img_index_logo.gif); background-repeat:no-repeat; float:left;  text-align:center;
}

#right_index {
	width:367px ; height:230px; background-image:url(../images/bkg_info_index.gif); background-repeat:no-repeat; float:left; padding:15px; text-align:left; color:#A5B7D4; font-size:11px
}

#footer_index{color: #7ba3c2; width:750px; float:left; text-align:center; padding-top:20px; height:108px; font-size:11px}

#footer_index a, #right_index a {
	color:#A7B7D1; text-decoration:none
	
}

#footer_index a:hover, #right_index a:hover{
	color:#FFFFFF; text-decoration:underline

}



/* LAYOUT DES PAGES ***************************************************/	
#main {
	margin : 0px; 
	width: 950px;
	height:auto;
	overflow : hidden;
	background-color:#FFFFFF;
}
#left_side {
	margin: 0px;
	width: 289px;
	background:#3b3f40;
	height:100%;
	float:left
}
#right_side {
	margin: 0px;
	width: 660px;
	background-color:#FFFFFF;
	height:auto;
	padding:0px;
	float:left
}


#top_btn {
	margin: 0px;
	background-color:#7089B1;
	width: 660px;
	height:65px;
	float:left
	
}

#main_btn {
	margin: 0px;
	background-color:#7f97bd;
	width: 660px;
	height:42px;
	float:left
	
}
#main_image {
	margin: 0px;
	background-color:#7f97bd;
	width: 660px;
	height:auto;
	float:left
	
}

#main_texte {
	margin: 0px;
	background-color:#FFFFFF;
	color:#666666;
	width: 610px;
	height:100%;
	float:left;
	padding-left:30px;
	padding-top: 10px;
	padding-bottom:30px;
	padding-right: 20px
	
}
#titre_section {
	width: 550px;
	height:auto;
	float:left;
}

#titre_section h1
{
	color:#00447c;
	text-transform: uppercase;
	font-size:18px;
	text-decoration:none;
	font-weight:900;
}

.cellule_titre {
	margin: 0px;
	padding:2px;
	font-weight:bold;
	font-size:11px;
	color:#FFFFFF;
	background-color:#7089b1;
	width:570px;
	float:left;
	text-transform: uppercase;
	padding-left:20px;
	
}

.cellule_texte {
	PADDING: 4PX;
	font-weight:normal;
	color:536686;
	background-color:#FFFFFF;
	width:570px;
	float:left;border-bottom:dashed 1px #8098be;
	margin-bottom:10px;
	margin-left:12px
	
}

.separateur_text{
	color:536686;
	width:550px;
	float:left;
	border-bottom:dashed 1px #8098be;
	
}
.text_general
{
	width: 600px;
	color:#536686;
	font-size:11px;
	float:left;
}


.text_general h2
{
	color:#536686;
	font-size:14px;
	text-decoration:none;
	font-weight:900;
}

.text_general a
{
	color:#738bb0;
	font-size:11px;
	text-decoration:underline;
	font-weight:900;
}

.text_general a:hover
{
	color:#00437a;
	font-size:11px;
	text-decoration:underline;
}

#btn_top_right {
	margin: 0px;
	width: 360px;
	height:20px;
	float:right;
	padding:20px;
	text-align:right;
	color:#FFFFFF
}

#btn_top_right a{
	color:#D5DCE5;
	text-decoration:none;
	font-size:11px
}
#btn_top_right a:hover {
	color:#FFFFFF;
	text-decoration:underline
	}

#top_logo {
	margin: 0px;
	background-color:#1E6298;
	width: 288px;
	height:163px;
	float:left
	
}

#img_audet {
	margin: 0px;
	background-color:#1E6298;
	width: 288px;
	height:188px;
	float:left
	
}

#left_info {
	margin: 0px;
	background-color:#444D4E;
	width: 266px;
	height:auto;
	float:left;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:10px;
	border-left: 12px solid #3b3f40;
	color:#FFFFFF;
	
}

#left_info ul{
	margin-left: 10px; 
	display:block
	
}

#left_info li{
	color:#FFFFFF; padding-bottom:20px; font-size:11px
	
}

#left_info li a{
	color:#b2b6b6; text-decoration:underline
	
}

#left_info li a:hover{
	color:#FFFFFF; text-decoration:underline
	
}


/* ..FOOTER ***************************************************/	


#footer{background: #00437a; background-image:url(../images/bkg_footer.jpg); background-repeat:repeat-x; color: #7ba3c2; width:948px; float:left; text-align:center; padding-top:20px; height:108px; font-size:11px}

#footer a {
	color:#7ba3c2; text-decoration:none
	
}

#footer a:hover {
	color:#FFFFFF; text-decoration:underline

}



/* ..SOUS MENU DE GAUCHE ***************************************************/	

DIV.titre_menu {width: 245px; color: #FFFFFF; font-size: 12px; background-color: #3b3f40; font-weight: bold; text-transform: uppercase; padding: 4px 5px 4px 5px; margin: 0px 0px 0px 0px;}
DIV.menuGaucheOFF {width: 245px; color: #b2b6b6; font-size: 10px; background-color: #646b6c; font-weight: bold; text-transform: uppercase; padding: 4px 5px 4px 5px; margin: 0px 0px 0px 0px; border-bottom: dotted 1px #575d5e}
DIV.menuGaucheON {width: 245px; color: #FFFFFF; font-size: 10px; background-color: #3b3f40; font-weight: bold; text-transform: uppercase; padding:  4px 5px 4px 5px; margin: 0 0 0 0; border-bottom: dotted 1px #b2b6b6}

/* BEGIN STYLES POUR MENU GAUCHE */
A.menuGauche:LINK {font-style: normal; text-decoration: none; color: #b2b6b6; background: none}
A.menuGauche:VISITED {font-style: normal; text-decoration: none; color: #b2b6b6; background: none}
A.menuGauche:HOVER {font-style: normal; text-decoration: none; color: #FFFFFF; background: underline}
A.menuGauche:ACTIVE {font-style: normal; text-decoration: none; color: #b2b6b6; background: none}

/* ..Tableau general ***************************************************/	
.tableau.general {width: 500px; border: 1px solid #95a9c8; }
.tableau_titre {background-color : #e9edf4; font-size:11px; font-weight:normal; color:#6781a9; padding: 2px 5px 2px 5px; margin: 1px 1px 1px 1px; border-bottom: 1px solid #FFFFFF;}
.tableau_general {background-color : #FFFFFF; font-size:11px; font-weight:normal; color:#536686; }