/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 04
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */



/* Général */
body {
	padding: 10px;
	margin: 0;
	color: #6E6E6E;
	background: #FFFFFF;
	font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#content {
	width: 980px;	
	margin: 0 auto;
	padding: 0;
	
	
}
a {
	color: #87B7B4;
	text-decoration: none;
	
}
a:hover, a:focus {
	color: #0E6E68;
	
}
#titre {
	font-size: 1.2em;
	/*font-weight: bold;*/
	margin-bottom: 5px;	
	color: #6E6E6E;
}

.blanc {
	color: #FFFFFF;
	font-size: 1.2em;
}
.vertFonce {
	color: #0A4D49;
	
}
.corps12 {
	font-size: 1.2em
	
}
p {
	padding: 0;
	margin: 0;
	
}

/* Navigation */
#navigation {
	background: #FFFFFF;
}

/* --- POSITIONNEMENT --- */


/* En-tête */
#entete {
	padding: 0;
	margin: 0;
	
}

#textesPages {
	padding: 0;
	margin: 0;
	width: 650px;	
}


/* Menu de navigation */
#navigation {
	width: 170px;
	float: left;
	margin: 10px 0;
	padding: 0;
	/*font-weight: bold;*/
			 
}
/* Menus de droite (listes) */


#menu1 {
	list-style: none;
	padding: 0;
	margin: 0;
	
            }
             
#menu1 li a {
	padding: 1px 0;
	text-decoration: none;
	color: #0E6E68;
	font-size: 1.2em;
	             }
             
#menu1 li a:hover {
	padding: 0;
	color: #0A4D49;
    
}
			  
#menu2 {
	list-style: none;
	padding: 0;
	margin: 0;
	
            }
             
#menu2 li a {
	padding: 1px 0;
	text-decoration: none;
	color: #87B7B4;
	font-size: 1.2em;
	             }
             
#menu2 li a:hover {
	padding: 0;
   	color: #0E6E68;
	
}

/* Contenu */
#contenu {
	margin: 10px 0 0 185px;
	padding: 0;
	
}
 /*---------------------------vignettes--------------------*/	
 
 .floatmini {
	float: left;
	width: 151px;
	 height: 125px;
	margin: 0 8px 5px 0;
	color: #ACBFBE;	
	line-height: 13px;
	/*filter : alpha(opacity=33);
    -moz-opacity : 0.33;
    opacity : 0.33;*/ 
}
 .floatmini:hover {
	float: left;
	color: #0E6E68;
	/*filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity :1;*/  
		
}

 
 .minitravaux {
	float: left;
	height: 75px;
	margin: 2px 5px 5px 0;
	filter : alpha(opacity=33);
    -moz-opacity : 0.33;
    opacity : 0.33; 
}
 .minitravaux:hover {
	float: left;
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity :1;  
		
}

#gallery {
		
		padding: 0;
		margin: 0;
		
	}
	#gallery ul {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 655px;
		 }
	#gallery ul li { display: inline; }
	#gallery ul img {
	margin: 0;
	padding: 1px 2px 0 0;
	filter : alpha(opacity=33);
	-moz-opacity : 0.33;
	opacity : 0.33;
	border: 0;
	}
	#gallery ul a:hover img {
	
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity :1; }
	padding: 0;
		margin: 0;
	
	#gallery ul a:hover { 
	
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity :1; }
	
.clear {
	clear: both;
}