@charset "UTF-8";
/* CSS Document */
body {
	font: 100%/1.4 "Arial", Verdana, Helvetica, sans-serif;
	background-color: #42413C;
	margin: 0;
	padding: 0;
	color:#999;
}

/* ~~ Sélecteurs d'éléments/balises ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
	list-style:none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px; 
}
h3{
	font-size:16px;
}
p{
	font-size:13px;
}
a img { 
	border: none;
}
/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */
a:link {
	color:#6F7D94;
	text-decoration: none; /* à moins que vous ne définissiez un style particulièrement exclusif pour vos liens, mieux vaut prévoir un soulignement, qui garantit une identification visuelle rapide. */
}
a:visited {
	color: #6F7D94;
	text-decoration: none;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
	color:#FFF;
	/*font-weight:500;*/
}

/* ~~ ce conteneur entoure toutes les autres divs, en leur attribuant leur largeur sur base d'un pourcentage ~~ */
.container {
	width: 80%;
	max-width: 1260px;
	min-width: 780px;
	background-color: #42413C;
	margin: 0 auto;
}

/* ~~  HEADER ~~*/
.header {
	background-color: #42413C;
}
.header h1{
	padding-top:20px;letter-spacing:0.1em;
}
.header h1 a{
	font-weight:600;
	font-size:large;
	color:#6F7D94;
}
.header h1 a:hover{
	color:#333;
	text-decoration:none;
}
.header_limit{
	border-bottom:1px solid #666;
	margin:15px 0;
}
/* ~~ Colonnes pour la mise en page. ~~ */

.sidebar1 {
	float: left;
	width: 30%;
	background-color: #42413C;
	padding-bottom: 10px;
	padding-top:10px;
}
.sidebar1 ul li a{
	font-size:12px;
}
.sidebar1_text {
	float: left;
	width: 30%;
	background-color: #42413C;
	padding-bottom: 10px;
	padding-top:10px;
}
.sidebar1_text ul li a{
	font-size:12px;padding-left:20px;
}
.paddingleft_list{padding-left:25px;}

.content {
	padding: 10px 0;
	width: 70%;
	float: left;	
}
.content_index {
	padding: 10px 0;
	width: 90%;
	float: left;	
}
.content_galerie {
	padding: 50px 0;
	width: 53%;
	float: left;	
}
.content_galerie p{font-size:14px;}
/* ~~ Ce sélecteur groupé donne de l'espace aux listes dans la zone .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 20px;
}

/* ~~ Styles de liste de navigation (peuvent être supprimés si vous optez pour un menu de survol prédéfini tel que Spry) ~~ */
ul.nav {	
	list-style: none; 
	margin-bottom: 15px;
	/*margin-left:50px; */
}
ul.nav li {
	/*border-right: 1px solid #333;*/ 
	float:left;
	width:14%;
	font-size:90%;
}
ul.nav li.empty{width:7%;}
ul.nav li.empty a{color:#999999;}
ul.nav li.empty a:hover{color:#FFF;text-decoration:underline;}
ul.nav a, ul.nav a:visited { /* le regroupement de ces sélecteurs garantit que vos liens conservent leur apparence de bouton, même après avoir été activés */
	padding: 5px 5px 5px 15px;
	display: block; 
	text-decoration: none;
	background-color: #42413C;
	color: #6F7D94;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* modifie la couleur de l'arrière-plan et du texte pour les navigateurs à la souris et au clavier. */
	background-color: #42413C;/*6F7D94*/
	color: #FFF;
}
ul.liste{
	font-size:80%;
}
	
/* ~~  ALIGNEMENTS ~~*/
.alignjustify {
	text-align:justify;
}
.aligncenter{
	text-align:center;
}
.alignleft{
	text-align:left;
}
.alignright{
	text-align:right;
}
.paddingright{
	padding-right:12px;
}
.paddingleft{
	padding-left:12px;
}
/* ~~  TAILLE des POLICES ~~*/
.petite{
	font-size:60%;
}
/* ~~ Pied de page ~~ */
.footer {
	padding: 4px 0 0 0;
	background-color: #42413C;
	position: fixed;
	clear: both; 
	color:#999;
	text-align:center;
	font-size:9px;
	bottom:0;
	/*z-index:1;*/
	width:80%;
	/*border-top:1px dotted #999;*/
}
.footer p{
	font-size:9px;
}
.footer a{
	color:#999;
	text-decoration:none;
}
/* ~~ classes flottant/effacement diverses ~~ */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe peut servir à faire flotter un élément depuis la gauche sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe peut être placée sur une div <br /> ou vide, en tant qu'élément final suivant la dernière div flottante (dans le #container) si le paramètre #footer est supprimé ou retiré du #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ~~COULEURS ~~*/
.font_color_blue1{color:#6F7D94;}
/* ~~  LISTES ~~*/
span.invisible{color:#42413C;}
span.annee {font-weight:700;padding-right:8px;}
/* ~~COORECTIONS POSITION ~~*/
.content { margin-right: -1px; } /* cette marge négative de 1px peut être placée sur n'importe quelle colonne de cette mise en page, avec le même effet correcteur. */
ul.nav a { zoom: 1; } 
ul.display_none{
	display:none;
}
h3.titre_texte {margin-bottom:0px;font-weight:normal;}
h6.titre_texte {font-style:italic;padding-left:16px;font-weight:normal;font-size:12px;}
.separator{border-bottom:1px solid #666; width:200px;margin-bottom:15px;}
.separator_100{border-bottom:1px solid #666; width:100%;margin:15px 0;}
.display_inline{display:inline;}
.blanc{
	color:#999;
}
.fond{
	color:#42413C;
}
.white:{color:#FFF;}
.blue:{color:#7495F2;}