html{
font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
/*color:#0060c0;*/
}

body
	{
	/*color: #6b6c5a;*/
	color:black;
	font-size: 13px;
	/*line-height: 22px;*/
	background-color:#ffff99; /*#e6e6d9*/
	text-align: left;
	margin: 0;
	}

img{
        text-align:center;
        border:0;
        }

        /*centrer image exemple sinon img.centre*/
.description{
 position:absolute;
 left: 30%;
}

img.centre {
   display: block;
   margin-left: auto;
   margin-right: auto; }



.centre{
   display: block;
   margin-left: auto;
   margin-right: auto; }



.logoANR {
margin:0;
padding:0;
margin-left:20px;
margin-top:70px;
}

#bandeau_h
	{
        margin:0;
        padding:0;
	background-color:#b1b2b7; /*#c7c8bc;*/  /*transparent;*/
	text-align: center;
	/*visibility: visible;*/
	/*position: relative;*/
	}

#bandeau_h img{
        margin:0;
        padding:0;
        /*margin-bottom:-0.5em;*/
        }

/*-----------------------------bandeau-haut - menu.htm ----------------------------------*/

#navigation
	{
        margin:0;
        padding:0;
	color: white;
	font-size: 10px;
	line-height: 16px;
	background-color: #6b6c5a;
	text-align: center;
	letter-spacing: 6px;
	height: 16px;
	}

#navigation a
	{
	color: white;
	text-decoration: none
	}

#navigation a:hover
	{
	color: #fc0;
	text-decoration: none
	}

/*----------------------------- Menu Vertical gauche --------------------------------------*/

.col-gauche
	{
        margin-top:-4em;
	text-align: right;
	/*width: 20%;*/
	float: left;
	/*border-style: solid ; border-color: green;  border-width: 2px ;*/
	}

.element-de-menu
	{
	color: #758642;
	margin-top: 20px;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 1px dotted #758642;
	border-left: 0 none;
	text-align:right;

	}

.element-de-menu a
	{
	color: #758642;
	text-decoration: none;
        }

.element-de-menu a:hover
	{
	color: #c63;
	text-decoration: none;
	}


/*---------------------------------------------------------------------------------------------*/
.contenu{
        width:100%;
        margin:auto;
        /*border-style: solid ; border-color: blue;  border-width: 2px ;
        background-color:red;*/
        }

.diaporama-top{
        width:100%;
        margin-left:-4em;
        /*border-style: solid ; border-color: blue;  border-width: 2px ;*/
        /*background-color:red;*/
        }
.diaporama{
        width:100%;
        padding-left:6em;
        /*border-style: solid ; border-color: blue;  border-width: 2px ;*/
        /*background-color:red;*/
        }


.col-milieu
	{
	/*padding-left: 36px;*/
	width: 50%;
	float: left;
	margin:0.5em;
	/*border-style: solid ; border-color: black;  border-width: 2px ;*/
	height:auto;
        }
.col-prairie
	{
	padding-left: 36px;
	width: 50%;
	float: left;
	margin:0.5em;
	}

.col-equipes
	{
	padding-left: 36px;
	width: 70%;
	float: left;
	margin:0.5em;
	}

.col-organisation
	{
	padding-left: 36px;
	width: 70%;
	height:850px;
	float: left;
	margin:0.5em;
	}

.col-droite
	{
        margin-top:0.5em;
	font-size: 12px;
	font-style: italic;
	line-height: 18px;
	margin-left: 2%;
	width: 28%;
	float: left;
	/*border-style: solid ; border-color: green;  border-width: 2px ;*/
	}


/*----------- utilisé pour ul dans structure et wp2 -----------*/
.sous-menu{
margin-left:6em;
}
/*-------------------------------------------------------------*/


#diaporama
        {
         width: 70%;
         margin:1em;
         /*border-style: solid ; border-color: green;  border-width: 2px ;*/
         float: left;
        }

/*------------------------------------------- table equipe------------------------------------*/

table{
  font-size: 11px;
  border-collapse:collapse;
  border-style:none; /*hidden;*/
}

th{
margin:0;
padding:0.5em;
font-size:14px;
}

td, th{
  border:2px solid MAROON; /*#333300;*/
  padding-left:0.5em;
}


tr{
  background-color:#ffffcc; /*#EEEEEE; /*E3D7C1*/
  height:4em;

}


/*---------------------------------------------------------------------------------------------*/


div {
	text-align:center;
	}

p {
  text-align:justify;
}

.illustration_d{
	float: right;
	}

        .illustration_g{
	float: left;
	}


.legende {
	font-size: 12px;
	font-style: none;
	margin-top:4em;
	line-height: 18px;
	padding:0;
	/*width: 22%;*/
	float: left;
	}


h1.titre   {
        margin:1em;
	font-size: 22px;
	font-variant: small-caps;
	text-align:center;
	color: #6b6c5a;
}

h1.sous-titre   {
        margin:1em;
	font-size: 16px;
	text-align: center;
	font-variant: small-caps;
	color: #6b6c5a;
}

h1.tete-de-liste {
  text-align: left;;
  color: #6b6c5a;
  font-size:14px;
  background:none;
  text-decoration:underline;
  font-style:bold;
}

h1.liste_wp   {
        margin:1em;
	font-size: 14px;
	color: #6b6c5a;
	text-decoration:underline;
	margin-top:2em;
}

h1.source {
      font-size: 10px;
      color: #6b6c5a;
      text-align:center;
      margin:0;
      }
ul{
      margin:0;
      padding:0;
      text-align: left;
      margin:0;
      list-style:none;
      line-height:20px;
      margin-left:5px;
}

li{
   margin:12px;
   padding-left:30px;
   background:url(../images/puce_herbe_fond-j.jpg) no-repeat center left;
   text-align:left;

   }

li.classique{
  background:none;
  }



/*.pied{
        margin:0;
        padding-top:2em;
        clear: left;   /* remplace <div style="clear: both"></div> qui arrete le "float left" apres les 3 colonnes flotantes*/
        /*letter-spacing: 6px;*/
       /* }
*/


.pied{
        clear: left;   /* remplace <div style="clear: both"></div> qui arrete le "float left" apres les 3 colonnes flotantes*/
 }

.bloc_logos{
margin-top:12px;
}

.pied-de-page{
margin:0;
/*margin-left:2em;*/
padding:0;
top: 0em;
text-align:center;
clear: left;
}

p.nom{
font-size: 13px;
text-align:center;
line-height:0.8em;
margin-bottom:0.8em;
}

p.adresse {
margin:0;
padding:0;
text-align:center;
font-size:10px;
line-height:1.2em;
}

p.copyright{
  margin:0;
 padding:0;
 text-align:center;
 font-size:10px;
 line-height:1.2em;
 letter-spacing:2px;
}

/*---------------------------------- BLOCS ORGANISATION / img --------------------------------*/
.blocs_organisation{
  font-size:14px;
  text-align:left;
  /*font-variant: small-caps;*/
  color: #6b6c5a;
}

.rubriques-wp{
  font-size: 12px;
  text-align:left;
}

.organisation_cadre1{
  width:280px;
  position:absolute;
  top :430px;
  left:340px;
  text-align:left;
}

.organisation_cadre2{
  width:300px;
  position:absolute;
  top :520px;
  left:680px;
  text-align:left;
}

.organisation_cadre3{
  width:330px;
  position:absolute;
  top :600px;
  left:340px;
  text-align:left;
}

.organisation_cadre4{
  width:300px;
  position:absolute;
  top :660px;
  left:680px;
  text-align:left;
}

.organisation_cadre5{
  width:310px;
  position:absolute;
  top :775px;
  left:340px;
  text-align:left;
}

.organisation_cadre6{
  width:280px;
  position:absolute;
  top :840px;
  left:720px;
  text-align:left;
}

/*--------------------------------------------- BLOCS WP1 / img --------------------------------------*/
/*---------------POSITIONNEMENT  BLOCS TEXTE  et IMAGE  STRUCTURE page organisation-------------------*/
.img_structure{
 position:absolute;
 top:400px;
 left:315px
}
/*----------------------------------------------------------------------------------------------------*/
.blocs_wp{
  margin:0;
  padding:0;
  font-size: 17px;
  font-variant: small-caps;
  color: #6b6c5a;
  background-image: url("../images/wp1_500_sstxt.png");
  background-repeat:no-repeat;
  position:absolute;
  left:400px;
  width:500px;
  margin-top:20px;
  text-align:center;
  padding:20px;
  /*border-style: solid ; border-color: green;  border-width: 2px ;*/
}

.wp1_cadre1{
  width:240px;
  margin-top :20px;
  left:520px;
  /*border-style: solid ; border-color: red;  border-width: 1px ;*/
}

.wp1_cadre2{
  width:14em;
  margin-top :50px;
  left:520px;
}

.wp1_cadre3{
  width:14em;
  margin-top :60px;
  left:520px;
}

.wp1_cadre4{
  width:380px;
  margin-top :75px;
  padding:2px;
  left:520px;
}


/*------------------------------------------- POSITIONNEMENT  IMAGE  WP1 -----------------------------------------*/

.conteneur_wp1{
background-image: url("../images/wp1_500_sstxt.png");
}

/*-----------------------------------------------------------------------------------------------------------------*/

.conteneur_wp1{ border-style: solid ; border-color: red;  border-width: 1px ;}

.contunu_1{
  text-align:left;
  margin:0;
  margin-left:3em;}
  
.contunu_2{

  text-align:left;
  margin:0;
  margin-left:3em;}
  
.contunu_3{

  text-align:left;
  margin:0;
  margin-left:3em;}
  
/*---------------------------------- STYLE DES  LIENS ORGANISATION ------------------------------*/

.blocs_organisation a {
  text-decoration:underline;
  font-weight:bold;
  color:#0060c0;
  
}

.blocs_organisation a:hover {
	/*letter-spacing: 1px;*/
        text-decoration:none;
	color:#000080;
}

/*---------------------------------------- STYLE DES  LIENS WP -----------------------------------*/

.navigation_wp a {
  text-decoration:underline;
  font-weight:bold;
  color:#0060c0;
  
}

.navigation_wp a:hover {
	/*letter-spacing: 1px;*/
        text-decoration:none;
	color:#000099;
}
/*-------------------------------------------------------------------------------------------------*/
.cr {
text-align:left;
margin-top:2em;
margin-left:22em;
}








/*-------------------------------------------------------------------------------------------------*/