/* 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(Images/banniere-balades02.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;
	}


.st1{
	color: #ffdd33;
	background-color:#424242;
	font-size: 1.2em;
	font-weight:bold;
	}


.ita{
	color: #ddd;
	background-color:#424242;
	font-size: 0.95em;
	font-style: italic;
	}

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;
	}




/* 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;}



#menu{
	background:#424242;
	width: 120px;
	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;
	}


/* rubrique materiel */


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

/* pour la page materiel*/
#page-titlemat{
	background-color:#424242;
	color: #22dd22;
	width: 170px;
	padding: 2em 0 0 0;
	margin: 2em 2em 3em 0.5em;
	float:left;
	}

/* pour la page objectifs et la page bridge */
#page-titlemat2{
	background-color:#424242;
	color: #22dd22;
	width: 190px;
	padding: 2em 0 0 0;
	margin: 2em 2em 1em 1.5em;
	float:left;
	text-align:left;
	}





/* photos dans materiel cf et appareil */
#post-phototitremat {
	margin: 5em 1em 0.5em 3em;
	background-color:#424242;
	padding:0 0.5em 0.5em 0.5em;
	float:left;
	}

/* photo du trepied dans materiel */
#post-phototitremat2{
	margin: 2em 2em 0.5em 0.5em;
	background-color:#424242;
	padding:0 0 1.5em 0.5em;
	float:right;
	}

/* photo de titre de la biblio */
#photolivre
	background-color:#424242;
	padding:1em 1em 0 4em;
	width: 170px;
	height: 180px;
	border:none;
	margin-left: 5em;
	}


/* photo de titre de la page objectifs et appbijoux */
#post-phototitre3 {
	background-color:#424242;
	padding:1em 1em 0 29em;
	margin-top:1em;
	border:none;
	}



#vide {
	background-color:#424242;
	width: 250px;
	height:1px;
	text-align:left;
	}


/* sert pour la page materiel a grouper le titre et les photos */
#blocmat{
	background-color:#424242;
	}



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


.up{
	background-color:#424242;
	margin: 0.5em 2em 0 2em;
	}


/* utilise pour la page objectif */
#post-content3b {
	color: #eeeeee;
	background-color:#424242;
	padding:0.5em 0.5em 8em 3em;
	margin-top: 6.2em;
	line-height: 1.9em;
	text-align:left;
	}

/* utilise pour la page livres et la page plan du site*/
#post-content3c {
	color: #eeeeee;
	background-color:#424242;
	padding:0 0.5em 8em 3em;
	margin-top: 1.2em;
	line-height: 1.9em;
	text-align:left;
	}



#limat{
	background-color:#424242;
		padding: 0 0 0 12em;
		margin: 2em 0 8em 0;
	}




/* photos de materiel dans le texte*/

#mat{
	width : 160px;
	background-color:#424242;
	padding:0;
	margin: 0 1em 0 0;
	float:left;
	}


.photomat {
	width : 155px;
	background-color:#424242;
	padding:0;
	margin: 0;
	text-align: right;
	}


.mat2{
	width : 160px;
	background-color:#424242;
	padding:0;
	margin: 0 0 0 1.1em;
	float:right;
	}




.stitre1{
	color: #22dd22;
	background-color:#424242;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.6em;
	}


.stitre2{
	color: #eee;
	background-color:#424242;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight: bold;
	}




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


/* pout bilblio intertitres*/
.intertitre{
	color: #eee; 
	background-color:#424242;
	margin-top:2em;
	margin-bottom:2em;
	}

/* le sous titre sera vert et gras taille h3 pour livres */
.stvg{ 
	color: #eee;  
	background-color:#424242;
	font-size: 1.9em;
	margin-top:2em;
	margin-bottom:2em;
	margin-top:1em;
	}




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


#tableau1 {
	background-color:#424242;
	margin:6em 0 0 0.5em;
	}



/*tableau2 pour la page plansite */
#tableau2 {
	background-color:#424242;
	margin:7em 0 0 0.5em;
	}

.tablotitre {
	background-color:#333;
	width: 200px;
	height: 25px;
	margin-top:1em;
	padding:0.5em 0.1em 0 0.5em;
	font-size: 1.3em;
	font-weight: bold;
	color: #ffdd33;
	text-align:left;
	}


table{
	margin:2em 0 0.2em 0;
	width: 95%;
	}

thead{
	background-color:#333;
	color: #ffdd33;
	}


th{
	background-color: #424242;
	padding:0.2em 0  1.5em 0;
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: bold;
	color: #ffdd33;
	text-align:left;
	/* border-bottom: 1px solid #666; */
	}

/* ligne titre du tableau colone 1 dans plan du site */
th.plan{
	background-color: #424242;
	padding:0.2em 0  0.5em 0;
	font-size: 1.4em;
	line-height: 1.8em;
	font-weight: bold;
	color: #ffdd33;
	text-align:left;
	border-bottom: 1px solid #666; 
	}


td{
	padding:0.5em 0 6em 0;
	background-color:#424242;
	vertical-align: top;
	line-height: 1.8em;
	text-align:left;
	}

tr{
	background-color:#424242;
	line-height: 1.8em;
	padding-top: 0;
	}

/* liens dans la page plan */
tr.plan {
	background-color:#424242;
	line-height: 2em;
	padding-top: 0;
	font-size: 0.97em;
	font-style:italic;
	}

/* cellules de la colonne 1 dans objectifs */
td.colobjo {
	background-color:#424242;
	line-height: 1.8em;
	width: 160px;
	margin-top: 1.8em;
	}

/* cellules de la colonne 1 dans plan du site */
td.col1plan {
	background-color:#424242;
	line-height: 1.8em;
	width: 160px;
	}

.titepolicetb {
	font-size:0.83em;
	text-align:center;
	line-height:1.5em;
	}


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

#piedhtpage {
	margin: 0 0 0 480px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #424242;
	font-size: 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: 90%;
	text-align: center;
	line-height: 1.9em
	}