/* Feuille de style site ECV
David Mahé
28/12/2009
v1.0 */


/* === DEFINITION DES BLOCS PRINCIPAUX & DES POSITIONS ===*/

html, body {height: 100%;}

body {
	margin: 0;
	padding: 0;
}

#page {
	width: 850px;
	margin: 0 auto;
	overflow: hidden;
	min-height: 100%;
}

#entete {
	padding: 0;
	margin: 0;
	height: 106px;
}

#blocmenu {
	padding: 0;
	margin:0;
}

#contenu {padding: 10px;}
#contenu > :first-child {margin-top: 10px;}

#pieddepage {
	padding: 5px;
	clear: both;
}

/* === FIN DEFINITION DES BLOCS PRINCIPAUX & DES POSITIONS ===*/



/* === DEFINITION DU TEXTE & AUTRES ===  */

html {font-size: 100%; /*pr bug IE */}

body {
	/* Polices à empattements (serif)*/
	/*font-family: Times, "Times New Roman", "Liberation Serif", FreeSerif, serif; */
	/*font-family: Georgia, "DejaVu Serif", Norasi, serif; */

	/*Polices sans empattements (sans-serif)*/
	/*font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; */
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */
	/*font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif; */
	/*font-family: Tahoma, Geneva, Kalimati, sans-serif; */
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	/*font-family: Impact, "Arial Black", sans-serif;*/

	/*Polices à chasse fixe (monospace)*/
	/*font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace; */
	/*font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace; */

	font-size: 100% /*1em=100% - souvent 16px sur nav*/
	line-height: 1.25; 
}

h1, h2, h3, h4, h5, h6 {margin: 0.5em 0 0.5em 0;}

h1 {
	font-size: 115%; /* ~ 18px */
	text-align: center;	
}
h2 {font-size: 103%;} /* ~ 16 px */ 
h3 {font-size: 88%;} /* ~ 14 px */
h4 {font-size: 77%;} /* ~ 12 px */
h5 {
	font-size: 77%;
	text-decoration: underline;
	margin-bottom: 1em;
}

p {
	margin: 0.75em 0;
	font-size: 77%; /* ~ 12 px */ /*65%; ~ 10 px */
	line-height: 1.5;
	text-align: justify;
}

ul, ol {
	margin: 1em 0 1em 20px;
	padding: 0;
}

ul {
	list-style: square;
}

li {
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

blockquote, q {
	font-family: Georgia, "DejaVu Serif", Norasi, serif;
	font-style: italic;
}

blockquote {
	margin: 0.75em 0 0.75em 20px;
	font-size: 65%;
	line-height: 1.5;
}

li p, blockquote p {margin: 0.5em 0;}

em {font-style: italic;}

strong {font-weight: bold;}

a {text-decoration: underline;}

a img {border: none;}

#blocmenu {font-size: 88%;}

#pieddepage p {
	text-align: center;
	font-size: 65%;
}
#pieddepage a:hover, #pieddepage a:focus {text-decoration: none;}

#contenu a:hover, #contenu a:focus {text-decoration: none;}

#contenu ul {font-size: 77%;}
#contenu ul li {margin: 10px 0;}

#contenu .tal {text-align: left;}
#contenu .tac {text-align: center;}
#contenu .tar {text-align: right;}

#contenu .actu ul {font-size: 65%;}
#contenu .actu ul li a {font-size: 100%; text-decoration: underline;}
#contenu .actu ul li a:hover {text-decoration: none;}
#contenu .actu a {font-size: 65%; text-decoration: none;}

#contenu .membre {font-size: 100%;}

#contenu .tableau {
	margin: 5px 0 30px 0;
	width: 100%;
	border-collapse: collapse;
	font-size: 77%;	
}
#contenu .tableau caption {font-style: italic;}
#contenu .tableau th {padding: 5px;}
#contenu .tableau td {text-align: center;}

#contenu .sitemap {
	list-style-type: square;
	font-size: 88%;
}
#contenu .sitemap li {margin-top: 1em;}
#contenu .sitemap li a {text-decoration: none;}
#contenu .sitemap li a:hover {text-decoration: underline;}
#contenu .sitemap li ul {
	list-style-type: none;
	font-size: 77%;
}
#contenu .sitemap li ul li {margin: 0;}
#contenu .sitemap li ul li a {text-decoration: none;}
#contenu .sitemap li ul li a:hover {text-decoration: underline;}

#goog-wm {width: 500px;}
#goog-wm h3.closest-match a {
	text-decoration: underline;
	font-style: normal;
}
#goog-wm ul {
	list-style-type: none;
	margin-left: 15px;
}

	
/* === FIN DEFINITION DU TEXTE & AUTRES ===  */



/* === DEFINITION DE CLASSES ===  */

.separateur {
	clear: both;
	visibility: hidden;
}

.separateurG {clear: left;}

	/* classe Diaporama */
.diaporama{
	float: left;
	height: 250px;  
	width: 280px;
	margin-top: 30px;
	padding: 2px;
	z-index: 0;	
} 
 
.diaporama img {  
	display: block;
	padding: 5px; /* largeur du cadre */
	margin: 2px;
}

	/* classe actualités */
#contenu .actu {
	float: left;
	width: 280px;
	margin-top: 20px;
	margin-bottom: 100px;
	padding: 0;
}

#contenu .actu h4, .diaporama h4 {
	margin:0 0 5px 0;
	padding: 10px;
}

#contenu .actu ul {
	list-style: none;
	margin: 0;
}

#contenu .actu ul li {
	margin: 0;
	padding: 5px;
}


	/* classe de mise en page à droite */
.blocD {
	width: 500px;
	float: right;
	margin: 10px 0 50px 0;
	padding: 5px;
}

.blocD p {
	text-indent: 20px;
}

.blocD p img {
	float: right;
	margin: 10px;
	padding: 1px;
}

	/* classe de mise en page à droite n°2 */
.blocD2 {
	float: right;
	width: 440px;
	margin: 20px auto;
	padding: 5px;
}

	/* classe de mise en page à gauche */
.blocG {
	width: 350px;
	float: left;
	margin: 20px 0;
	padding: 5px;
}

.blocG p {text-indent: 15px;}

.blocG li {
	margin: 10px 0 0 0;
	padding: 0;
}

	/* classe de mise en page centrée */
.blocC {
	width: 700px;
	margin: 40px auto;
}
	 
	/* classe membre */

.membre {
	list-style: none;
	width: 500px;
	margin-bottom: 10px;
	padding: 0;
}

.membre h4 {
	margin: 20px 0 20px 0;
	padding: 10px;
}

.membre li {margin-bottom: 5px;}

.membre li img, .membre li p {
	vertical-align: middle;
	display: inline-block;
}

.membre li img {
	width: 50px;
	padding: 1px;
}

.membre li p {
	width: 400px;
	padding: 0 5px 0 5px;
	text-indent: 0px;
}

.blocG .membre {width: 300px;}
.blocG .membre li p {width: 230px;}

/* === FIN DEFINITION DE CLASSES ===  */



/* === GALERIES PHOTOS (galleria) ===  */

.caption {font-style: italic;}

#main_image {
	margin: 0 auto 10px auto;
	height: 340px;
}

#main_image img {margin-bottom:10px;}

.galerie-style li {margin: 0 2px;}

.nav {
	padding-top: 15px;
	clear: both;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
}

/* === FIN GALERIES PHOTOS (galleria) ===  */



/* === DEFINITION DES COULEURS ===*/

body {
	color: black;
	background: #666666;
}

h3, h5 {color: #156E1E;}
#alert h3 {color: #FF0000;}

#page {background: #156E1E;}

#entete {background: white;}

#blocmenu {background: white;}

#contenu {background: white;}
#contenu a {color: #156E1E;}
#contenu a:hover, #contenu a:focus {
	color: #24A12B;
	text-decoration: none;
}

#pieddepage {color: white;}
#pieddepage a {color: white;}
#pieddepage a:hover, #pieddepage a:focus {color: white;}

.txtvert1 {color: #156E1E;}

.txtvert2 {color: #24A12B;}

.txtvert3 {color: #53D745;}

.diaporama img {  
	border:  1px solid #ccc;
	background-color: #eee;	
}

#contenu .actu h4, .diaporama h4 {background: #DEDEDE;}
#contenu .actu ul li {
	color: white;
	background: #156E1E;
	border-bottom: 1px dotted #DEDEDE;
}
#contenu .actu ul li:hover {background: #24A12B;}
#contenu .actu ul li a {color: white;}
#contenu .actu ul li a:hover {color: black;}

/*.blocD p img {border: 1px solid black;}*/

.blocD2 {background: #DEDEDE;}

.membre h4 {background: #DEDEDE;}
.membre li img {border: 1px solid black;}

.caption {color: #156E1E;}

.galerie-style li {border: 3px ridge #DEDEDE;}

.tableau {border: 1px solid #666666;}
.tableau th {
	background: #24A12B;
	color: white;
}
.tableau .l2 {background: #DEDEDE;}
.tableau tr:hover {background: #666666;}

#contenu .sitemap {color: #156E1E;}
#contenu .sitemap li a {color: #156E1E;}
#contenu .sitemap li a:hover {color: #666666;}
#contenu .sitemap li ul {color: #666666;}
#contenu .sitemap li ul li a {color: #666666;}
#contenu .sitemap li ul li a:hover {color: #156E1E;}

#goog-wm h3.closest-match {color: #24A12B;}
#goog-wm {border: 1px solid #24A12B;}
#goog-wm h3.closest-match a {color: black;}
#goog-wm h3.closest-match a:hover {color: #24A12B;}
#goog-wm h3.other-things {color: #24A12B;}
#goog-wm li.search-goog {background: transparent;}
		
/* === FIN DEFINITION DES COULEURS ===*/