/* import CSS  */
/* ------------------------------------------------------- */

@import url(nav.css);

body {
	background:#fff;
  	margin:0;
  	padding:0;
  	text-align:center;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

h1 {
	font-size:16px;
	color:#D62700;
	font-weight: bold;
	text-transform:uppercase;
	margin:5px 0 10px 0;
	padding: 5px 0 0 0;
}

#content {
  width:760px;
  margin:0 auto;
  text-align:left;
  background: #FFF;
  padding: 0;
  }

/* Logo   */
/* -------------- */


#logo {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 60px;
	background: #FFF;
	}
#logo span.left {
	float: left;
	text-align: left;
	width: 231px;
	height: 50px;
	text-indent: -1000em;
	background: #fff url(images/logo_small.gif) no-repeat 10px 0px;
	padding: 0;
}	 
#logo .left a  {
	display: block;
	font-size: 12px;
 	height: 50px;
}

#header {
	width:760px; 
	height: 110px;
}

/* Colonne de gauche */
/* ----------------- */

#contenu_gauche {
	float:left; 
	width:170px; 
	margin:0;
	background-color: #E6E6E6;
}
	#contenu_gauche ul {
		padding:10px 0;
	}
	#contenu_gauche ul li {
		list-style: none;
		border-bottom: 2px solid #fff;
		padding: 5px;
		color: #666;
	}
	#contenu_gauche .menu_intro {
		text-transform: uppercase;
		color: #000;
	}
	
#contenu_accueil_gauche {
	width: 57%;
	float: left;
	padding: 40px 3% 0 0;
}
#contenu_accueil_droite {
	width: 40%;
	float: left;
	padding: 40px 0 0 0;
}
	#contenu_accueil_droite img {
		max-width: 100%;
		height: auto;
	}
		
#contenu_central,
#contenu_central_lightbox {
	float:left; 
	width: 560px;
	margin: 0 0 50px 0;
	padding: 30px 0 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:justify;
}


#contenu_central a:hover,
#contenu_central_lightbox a:hover {
	color: #111;
	text-decoration: none;
	border-bottom: 1px dotted #111;
}		
.titre_contenu {
	font-weight:bold;
	font-size:22px;
	color:#00407D;
}	
a.titre_msgliste {
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#00407D;
	text-decoration:none;
}
a:hover.titre_msgliste {
	text-decoration:underline;
}
		
.titre_msgfiche {
			font-family:Arial;
			font-weight:bold;
			font-size:22px;
			color:#00407D;
		}
hr {
	clear:both;
	visibility:hidden;
	height:0px;
	border: none;
	border: 0px solid;
	line-height: 1px;
	}				
				

#prefooter {
	width:760px;
 	clear:both; 
 	margin: 0 auto;
	line-height:30px;
	text-align: right;
	border-top: 1px solid #e6e6e6;
 	}
 
 #prefooter {background:none;}
 
 	#footer div, #prefooter {
		padding-top:10px;
 		}
	
	#prefooter a:hover {
		color: #111111;
		text-decoration: none;
		border-bottom: 1px dotted #111;
		}

p.links {text-align:left; line-height:120%;  padding:15px 0 0 0;}


td {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #111111;
	}
	
p {
	margin-top: 0px;
	}
	
a {
	color: #00407D;
	text-decoration: none;
	}
	
a:hover {
	color: #111;
	text-decoration: none;
	}

.titre { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#26798B;
	}

.sous_titre { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#666666;
	}	

.small {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #111111;
	}

.references {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color:#FDBF00;
	font-weight:bold;
	}

.commentaire {
	font-family: Georgia, Times New Roman, Times, serif;
	line-height: 24px;
	font-style:italic;
	font-size:12px;
	clear:both; 
	margin: 20px 20px 20px 10px; 
	width: 160px; 
	float: left;
	}

.red {color: red;}
.blue {color: blue;}