/* Dispo des briques
-------------------------------------------------- */


html, body{
	margin:5px auto;
	padding: 0;
	height: 100%;
	width:98%;
	width:800px
	}

body{
	background-color: #424242;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.72em;
	color:#ddd;
	}

#page{
	background-color: #424242;
	display :block;
	/* border:1px solid #606060; */
	margin: 0.5em;
}

#top{
	margin: 0.8em 2em 0 2em;
	padding: 0 0 0 2em;
	height: 92px;
	/* border-left: 1px solid #606060; */
	/* border-right: 1px solid #606060; */
	background: #424242 url(/banniere-balades05.jpg) no-repeat center top;
	}



#top img{
	border: 0;
	margin: 0;
	padding: 0;
	background-color: #424242;
	}

#top h1{
	margin: 0.5em;
	padding: 5px;
	background-color: #424242;
	}

#prelude{
	padding:1ex 0;
	margin-top: 0;
	margin-bottom: 0;
	background-color:#424242;
	}



	/* Les elements HTML en general
-------------------------------------------------------- */

h1, h2, h3, h4, h5, h6{
	font-family: Verdana,"Trebuchet MS", Arial, sans-serif;
	}

h1{font-size: 2em;}
h2{font-size: 1.9em;}
h3{font-size: 1.9em;}
h4{font-size: 1.5em;}
h5{font-size: 1.2em;}
h6{font-size: 1.1em;}

h2{color: #22dd22;
	background-color:#424242;
	font-weight: normal;
	}

h3{color: #ffdd33;
	background-color:#424242;
	font-weight: normal;
	}


h4 { 
	color:#22dd22;
	background-color:#424242;
	font-weight: normal;
	}


h5 { 
	color:#22dd22;
	background-color:#424242;
	padding-left: 0;	
	}
.titepolice{
	background-color:#424242;
	font-size: 0.9em;
	}


.titepolice1{
	background-color:#424242;
	font-size: 0.95em;
	color: #eee;
	}


/* le texte sera blanc et gras de la taille de h5 */
.ssblg {
	color:#eee;
	background-color:#424242;
	font-size : 1.2em;
	font-weight: bold;
	}
	

/* le texte sera jaune et gras */
p.jauneg { 
	color: #ffdd33; 
	background-color:#424242;
	font-weight: bold;
	}

/* le texte sera vert */
p.vert { color: #55ee55; background-color:#424242;}


.jaune {
	color: #ffdd33; 
	background-color:#424242;
	font-weight: bold;
	}

.jauned {
	color: #ffdd33; 
	background-color:#424242;
	font-weight: bold;
	text-align: right;
	}

.vert {
	color: #22dd22; 
	background-color:#424242;
	font-weight: bold;
	}




/* le texte sera vert sert dans la presentation */
	p.vert2 { 	
	background-color:#424242;
	color: #55ee55; 
	margin-left: 28em;
	}

A:link {
	text-decoration: none;
	color: #22dd22;
	background-color:inherit;
	}

A:visited {
	text-decoration: none;
	color: #22ff22;
	background-color:inherit;
	}

A:hover {
	text-decoration: none;
	color: #80D6FF;
	background-color:inherit;
	}


img{
	/** border:1px groove #D4D0C8; **/
	padding:1px;
	background: #424242;
	border: none;
	}
	
	

/* le contenu 
---------------------------------------------------------*/


#main{
	background-color: #424242;
	margin: 0.1em 0 0 0.5em;
	text-align: center;
	}


/* liens du menu */
p.p1 a:link { color: #eeeeee; background-color:#424242;}
p.p1 a:visited {color: #eeeeee; background-color:#424242;}
p.p1 a:hover { color: #22dd22; background-color:#424242;}



/* les liens apparaissent en jaune marche */
/* lien haut de page du footer */
p.p2 a:link { color: #ffdd33; background-color:#424242;}
p.p2 a:visited {color: #ffdd33; background-color:#424242;}
p.p2 a:hover { color: #99dd99; background-color:#424242;}


/* les liens apparaissent en jaune marche */
/* lien haut de page du footer */
p.p5 a:link { color: #eee; background-color:#424242; font-weight: bold;}
p.p5 a:visited {color: #eee; background-color:#424242; font-weight: bold;}
p.p5 a:hover { color: #99dd99; background-color:#424242; font-weight: bold;}


#menu{
	background:#424242;
	width: 140px;
	height:1200px;
	margin: 5.2em 0.1em 0.5em 0.2em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	line-height: 2em;
	color: #eeeeee;
	font-size: 1em;
	float:left;
	text-align: left;
	}


#content {
	background-color:#424242;
	margin: 1em 0.1em 0.5em 140px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	text-align: center;
	}


/* debut cours photos */
#page-title{
	color: #22dd22;
	padding: 2em 0 0 3em;
	margin-top: 1em;
	margin-bottom: 3em;
	text-align:left;
	}



/* photo de haut de page alignee a gauche */
#post-phototitre1 {
	background-color:#424242;
	padding:1em 0 0 0;
	margin:1em 0 0 5.5em;
	text-align:left;
	border: none;
	}

/* photo de haut de page alignee a droite */
#post-phototitre2 {
	background-color:#424242;
	padding:0 1em 0 29em;
	border:none;
	}


/* boite de la photo de haut de page alignee au centre */
#post-phototitre4 {
	background-color:#424242;
	width: 270px;
	padding:1em 0 0 0;
	margin:1em 0 0 1em;
	text-align:center;
	border:none;
	}

/* classe de la photo centree haut de page sert dans les cours animaliers */
.phototitre4 {
	background-color:#424242;
	width: 270px;
	padding:0;
	margin:0 auto;
	text-align:center;
	border:none;
	} 




/* photo du haut sert dans blancs crames mexpo lumiereettemp miseaupoint */
#post-phototitre3 {
	background-color:#424242;
	padding:0.5em 1em 0 18em;
	border:none;
	text-align:left;
	}

/* sert pour la photo de titre de la page calibrer */
#post-phototitrcal {
	background-color:#424242;
	padding:0.1em 1em 0 20em;
	border:none;
	}




#post-phototitremat {
	background-color:#424242;
	padding:0em 0 0 8em;
	border:none;
	}


/* contient le texte des cours photos */
#post-content3 {
	color: #eeeeee;
	background-color:#424242;
	padding:0 5em 8em 3em;
	margin-top: 5em;
	line-height: 1.9em;
	text-align:left;
	}


#vignetteg{
	width : 120px;
	background-color:#424242;
	padding:0;
	margin: 0.6em 1em 0 0;
	float:left;
	}



.photovignette1 {
	width : 120px;
	background-color:#424242;
	padding:0;
	margin: 0;
	text-align: left;
	}



/* le texte sera en gris très clair et gras */
p.stitre {
	color: #eee;
	background-color:#424242;
	font-weight: bold;
	line-height:1.9em;
	}


#vignetteg2{
	width : 125px;
	background-color:#424242;
	padding:0;
	margin: 0.5em 1em 0 0;
	float:left;
	}





#vignetted{
	width : 127px;
	background-color:#424242;
	padding:0;
	margin: 1.4em 0.4em 0 0.6em;
	float:right;
	}

.vignetted{
	width : 120px;
	background-color:#424242;
	padding:0;
	margin: 0.4em 0.4em 0 0.6em;
	float:right;
	}




.ul {
	background-color:#424242;
	padding: 0 0 0 14em;
	}


#cours{
	background-color:#424242;
	padding: 0 0 0 14em;
	}



/* footer
-------------------------------------------------------- */

#piedhtpage {
	margin: 0 0 0 480px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #424242;
	font-size: 1.1em;
	clear: both;
	text-align: center;
	}

#footer {
	padding: 0.4em 2em 1ex 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #424242;
	margin-top : 0.6em;
	clear: both;
	height: 140px;
	font-size: 95%;
	text-align: center;
	line-height: 1.9em
	}