/* body */
body
	{
	/*couleur de fond general*/
	background-image: url(images/fond.gif);
	background-repeat: repeat-y;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: justify;
	overflow-y: hidden;
	color: #333333; 
	background-color: #333333;
	margin-top:0px;
	margin-left:0px;
	margin: 0;
	padding: 0;
			
    }

.maj {text-transform: uppercase;}

/* les liens */


a:link
	{/* lien */
		color:#333333;
		text-decoration:underline ;
		font-weight:normal;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 10pt;
    	/*letter-spacing: 0.01cm;*/
	}

a:visited
	{
		color:#333333;
		text-decoration:underline ;
		font-family: Geneva, Arial, Helvetica, sans-serif;
       	font-size: 10pt;
       	/*letter-spacing: 0.01cm;*/
	}

a:hover /* version 1 : pour les liens */
	{

		color:#333333;
        /*color:#FFA448;*/
		/*color:#fcddcd;*/
		text-decoration:underline;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 10pt;


	}

#notes{
	font-family:Geneva;
	color: #333333;
	/*border: #F7F7F7 solid 1px;*/
	font-size:9pt;
	}


#color_brown_text { /*au fait c est la couleur gris au lieu du marron*/
	color:#333333;
	font-size:10pt;
	}

#color_gray1_text {
	color:#666666; 
	font-size:10pt;
	}
#color_green_text {
	color:#006633; 
	font-size:10pt;
	}

#color_test {
	color:red; 
	font-size:10pt;
	}


#hierarchie_menu {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear: both;
	margin-left: 60px;
	/*margin-top: 5px;*/
	margin-bottom: 5px;
	font-size: 8pt; }

#hierarchie_lien {
	/*background: #000000;*/
	margin-bottom: 5px;
	margin-right: 5px;
	/*border: 1px solid #CCC;*/
	font-size: 10pt;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	/*color: #000000;*/
	}


.hierarchie_encours {
	/*background: #000000;*/
	margin-bottom: 5px;
	margin-right: 5px;
	/*border: 1px solid #CCC;*/
	font-size: 10pt;
	font-style: italic ;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	/*text-transform: lowercase;*/
	}

#meme_rub_titre {
	/*background: #000000;*/
	margin-bottom: 5px;
	margin-top: 50px;
	margin-left: 5px;
	font-size: 10pt;
	font-style: italic ;
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	/*text-transform: lowercase;*/
	}

div#meme_rub_titre_lien ul
	{
		clear: both;
		border-top: 1px solid green;
		border-top-style:dotted;
		text-align: left;
		padding: 10pt;
	}
	
div#meme_rub_titre_lien ul li a:hover
	{
		text-decoration:underline;
		color:#333333;
	}

div#meme_rub_titre_lien ul li a
	{
 		text-decoration:none;
		color:#333333;
		list-style-type: none;
	}


/* margin a ZERO */
#margin_zero
	{
		top: 0;
		left: 0;
		margin:0px;
	}

/* debut entete position fixe*/
html > body {overflow-y: auto}

.content  {height: 100%;overflow: auto} 

.menu1  {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 130px;
  background-color:white;
  border-bottom: solid black 1px
  }
  
body>.menu1 {position:fixed}
/* fin entete position fixe*/  

.menu2  {
	z-index: 2;
	/*overflow: auto;*/
	top: 130px;
	height: 100%;
	position: relative;	
	float: none;
  }
  
.menu3  {
	z-index: 2;
	top: 130px;
	float: none;
	height: 100%;
	width: 190px;
	position: fixed;
	background-color: #505153;
	
  }




/* debut menu */

div#menu_align   
	{ 
		vertical-align: top;
		text-align: left;
	}

/* fin menu */

/* debut presentation article */

div#art_surtitre   
	{
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #333333;
	}
	
div#art_titre   
	{
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: normal;
	color: #006633;/*couleur du texte : vert - green dark 006633*/
	}
	
div#art_soustitre   
	{
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #333333;

	}

div#art_texte   
	{
	text-align: justify;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333333;
	}

div#art_chapo   
	{
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #333333;
	}
	

div#art_ps   
	{
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	font-style:italic;
	margin-top: 10px;
	margin-bottom: 10px;
	}


/* fin presentation article */

/* debut : document joints */
/*flv*/

div#doc_joints_align_left
	{
	font-size:8pt;
	text-align:left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	

	}

div#doc_joints_general
	{
	font-size:8pt;
	color:#333333;
	text-align:left;
	}

div#doc_joints
	{
	font-size:12pt;
	text-align:left;
	}

div#doc_joints_a
	{
	font-size:10pt;
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	}
div#doc_joints_a_type
	{
	font-size:12pt;
		font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	}
div#doc_joints_b
	{
	font-size:10pt;
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	}	
	
div#doc_joints_b_centrer
	{
	font-size:10pt;
	font-weight: normal;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	}	


div#doc_joints_b_gras
	{
	font-size:10pt;
	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:left;
	}	
div#gras
	{
	font-weight: bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	}




/* debut sous menu */

	
div#petit_menu ul
	{
		clear: both;
		text-align: left;
 		text-decoration:none;
		margin:0px;
		color:#333333;
		text-transform: none;	
	}

div#petit_menu ul li a
	{
 		text-decoration:none;
		color: #333333;

	}

div#petit_menu ul li a:hover
	{
		text-decoration:none;
		color:#333333;
		
	}

div#petit_menu ul li a:visited
	{
		text-decoration:none;
		color:#333333;

	}

div#petit_menu li
	{
		text-decoration:none;
	}

div#petit_menu2
	{
	text-align: left;
	color:#006633;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	padding-left: 5px;
	}





/* DEBUT : document joints Image galerie*/
div#texte_image 
	{
	font: bold 10px Arial Geneva, sans-serif;
	text-align: center;
	margin:10px;
	}
	
div#vignette 
	{		
    	font: bold 10px Arial Geneva, sans-serif;
     	text-align: left;
		/*margin-right:10px;
		margin-bottom:10px;*/
		margin:5px;
	}

div#vignette2 
	{		
    	font: bold 10px Arial Geneva, sans-serif;
     	text-align: left;
		/*margin-right:10px;
		margin-bottom:10px;*/
		margin:10px;
	}
div#texte_doc_joins 
	{
	font: bold 10px Arial Geneva, sans-serif;
	text-align: left;
	margin:10px;
	}

div#portfolio
	{
    	/* margin:10px;*/
		font: bold 10px Arial Geneva, sans-serif;
		float:left; 
		/*clear: right;*/ /*pas de retour a la ligne tout s'affiche sur 1 seule ligne*/
		/*border: none;*/
		/*border: 1px solid silver; #F0F0F0*/
		width: 120px;
		height: 150px;
		/*background: #F2F2F2;*/
		/*overflow: auto;
	  	/*margin-left: auto;*/
	  	/*margin-right: auto;*/
	/*pour IE, évidemment ;-) */
		text-align: left;
		/*display: inline; */
		/*margin:30px;*/
	}





/* DEBUT :Style pour le menu spipien*/

#affiche{

visibility:visible;

}

#cache{
display:none;

}

.lien{

color: #FFFFFF ;

text-decoration: none;

}

.lienon{

color: #FFFF00 ;

text-decoration: none;

}

ul.racine{

margin-left:0px;

padding-left:2px;

list-style:none;

}

.article{

margin-left:0px;

padding-left:60px;

list-style-type:square;

}

.rubrique{

margin-left:0px;

padding-left:25px;

list-style-type:circle;

}

/* FIN :Style pour le menu spipien*/

/* debut : menu_depliantA */

.open {
        display: block;
        }

.closed {
        display: none;
        }

.actif {
        font-weight: bold;
        color: #C59E67;
       }

ul {
        list-style-type: none;
        padding-top: 0px;
        padding-bottom: 5px;
        margin-left: 0px;
        padding-left: 10px;
        margin-top: 0;
        margin-bottom: 0;
       
        }
.li {
        list-style-type: none;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        margin-left: 0px;
        }

li img {
        vertical-align: middle;
        }

li img a:hover {
        vertical-align: middle;
        }
		
/* FIN : menu_depliantA */		

/* DEBUT BREVES */
#breves
	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:left;
	color: #CCCCCC;
	}
#breves a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #CCCCCC;
	text-decoration: underline;	
	}
	
#breves a:hover {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #CCCCCC;
	text-decoration: underline;	
	}

#breves_titre
	{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:left;
	color: #CCCCCC;
	}
/* FIN BREVES */
#marge_zero 
	{
		margin:0;
		padding: 0; 
	}


/*debut : menu depliant B (test dans sommaire) */
.affiche{visibility:visible;}
.cache{display:none;}
/*fin : menu depliant B (test dans sommaire) */


/*--roll over----*/



	}
.roll_over a {       /* définition de chaque bouton du menu */
/* width: 100px;	   largeur du bouton, que vous pouvez changer à loisir 
height: 20px;
float: left;
display: block;
text-align: center;
border: 1px solid #fff; 
color: #000;
background: #fff;*/
text-decoration: none;

}

.roll_over a:hover {
/*background: #AAA;
border: 1px solid gray; 
color: #ffffff;*/
}

.roll_over a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.roll_over a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: fixed;
top: 40px;
left: 250px;
width: 430px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
border-top: 1px solid gray;
background-color:#ffffff;
padding:5px;
}


/*------*/
.spip {
font-family:Verdana, Arial, Helvetica, sans-serif;
}


.petitmenu:link{font-weight:lighter ; font-family: Geneva, Arial, Helvetica, sans-serif; clear:both; text-align:left; text-decoration:none; margin:0px; color:#006633;	text-transform:none;	font-size: 9pt;
}
.petitmenu:visited{font-weight:lighter ; font-family: Geneva, Arial, Helvetica, sans-serif; clear:both; text-align:left; text-decoration:none; margin:0px; color:#006633;	text-transform:none;	font-size: 9pt;
}
.petitmenu:active{font-weight:lighter ; font-family: Geneva, Arial, Helvetica, sans-serif; clear:both; text-align:left; text-decoration:none; margin:0px; color:#006633;	text-transform:none;	font-size: 9pt;
}
.petitmenu:hover{font-weight:lighter ; font-family: Geneva, Arial, Helvetica, sans-serif; clear:both; text-align:left; text-decoration:none; margin:0px; color:#006633;	text-transform:none;	font-size: 9pt;
}

#espace_menu
	{
		padding: 3px; 
	}