/* CSS Document */
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;}
body {background-color: #ECF4FF;
}
	

/* DECO----------GAUCHE----------------------------------------------*/
#main { background: url(images/deco/lagauche.jpg) no-repeat; width: 900px; margin: 0 auto; border: 1px solid #ccc;
	background-color: #FFFFFF; margin-top: 20px;}
#main2 { background: url(images/deco/ladroite.jpg) no-repeat top right;  }
#main2 #decoration { display: block; padding: 30px; width: 532px; margin: 0 auto; padding-bottom: 8px; padding-top: 50px;}
#sousTitre {
	font-size: 12px;
	margin: 0px auto;
	width: 532px;
	font-weight: bold;
	}
	
a { color: #575A88;}	

	
/* NAVIGATION PRINCIPALE-----------------------------------------*/

/*#news{float:left;width:20%;position:relative;z-index:20;text-align:right;margin:0}*/
#news {float: left; width: 200px; list-style-type: none ;list-style-image: none; margin-top:50px;}
#news li{margin: 0 0 0.5em 0}
#news li a{display:block;padding: 0.3em 0.5em;background-color:#FFF; border-right: 2px solid #ABB8DE;border-bottom: 1px solid #CCC;opacity:0.65;font-weight: bold;text-decoration: none}
#news li a:hover{color: #575A88; opacity:1}
#news li a:visited {color: #575A88; }


/* NAVIGATION SECONADIRE-------MENU-----------------------------------------*/
#navSec {
	float: left;
	margin: 50px 20px;
	height: 25px;
	width: 600px;
	background-color: transparent;
	list-style-type: none;
	}
#navSec li { 
	float: left;
	text-align: center;
	margin-right: 10px;}
#navSec li a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	margin: 0px 20px;}
	#navSec li a:link,#navSec li a:visited {
		color: #575A88;
		background-color: transparent;
		line-height: 20px;
	}
	#navSec li a:hover {
		color: #000000;
		background-color: #CCCCCC;
		line-height: 20px;
	}

	
/* CONTENU---------ET PHOTOS--------------------------------*/
#contenu {
	float: left;
	width: 600px;	
	padding: 5px 0px; 
	text-align: left;
	margin: 0px 20px;}
	
#contenu p {
	font-size: 12px;
	line-height: 15px;
	width: 550px;
	margin-bottom: 10px;
	margin-left: 5px;}
#contenu h1 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 16px;
	margin-bottom: 20px;
	color: #666666;
	margin-left: 5px;
	}
#contenu h2 {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	margin-bottom: 5px;
	margin-top: 15px;
	margin-left: 5px;}
	
#contenu h3 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 12px;
	margin-bottom: 10px;
	color: #000;
	margin-left: 5px;}

#contenu h4{
	font-weight: bold;
	font-style: italic;
	margin-bottom: 5px;
	font-size: 16px;
	margin-bottom: 5px;
	color: #666666;
	margin-left: 5px;
	}


#contenu li {
	display: block;
	float: left;
	margin-top: 10px;} 

#big {clear: both;
	margin: 0px auto;}
a.ext { color: #0000CC;}

#imagettes img {cursor: pointer;}

.vignettes {width: 142px;
	font-size: 10px;
	text-align: center;
	cursor: pointer;
	}


/* PIED DE PAGE-----CHEMIN-----------------------------------*/
#footage {
	clear: both;
	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 25px;
	padding: 20px 200px 0px 200px;
	 }
#footage a:link, #footage a:visited  { color:#000000; text-decoration: none;}
#footage a:hover {color: #575A88; text-decoration: none; }