body
{
width : auto;
margin-left : auto;
margin-right : auto;

font-family : Verdana,serif;
background: url("Images/sb.jpg") top center white;
background-repeat:no-repeat;
}
#site
{
 margin-left : auto;
margin-right : auto;
margin-top:0px;
border: none;
width:974px;
height: 1100px;
}

a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  2px outset #cccccc; /* Définition des bordures */
	font-size: 11px;
	text-align : left;	
	text-indent:0px;
	
} 

a.info_bulle
{		

	
  color           : #2F368A;
  
  text-decoration : none; 
 position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
  text-decoration : none; 
 
  z-index:2;
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span
{
padding : 2px;
    top        :  auto;
    left       :  -20px;
    width      :  auto;
    height     :  auto;
    overflow   :  visible;
}        
            
           



#coin_gauche
{
position: absolute;
margin-top: 0px;
height : 112px;
width:210px;
background: url("Images/coin_g2.gif") no-repeat top left ;
}
#coin_droit
{
position: absolute;
margin-top: 0px;
margin-left:824px;
height : 112px;
width:150px;
background: url("Images/coin_d.gif") no-repeat top right ;
}
#banniere
{
position: absolute;
margin-top: 0px;
margin-left:210px;

height : 112px;
width:674px;
background: url("Images/nouvellebanniere5.jpg") top left ;
}

#menu_hg
{
position: absolute;
width: 210px;
height : 25px;
padding-left :0;
margin-left: 0px;
margin-top :112px;
margin-bottom :0;
text-align: center;
font-size: 60%;
background: url("Images/ImageH2.gif") repeat-x ;
color : black;
}


#corps
{
background:url("Images/feuilles2.png") repeat top right #475e00;
position: absolute;
width: 974px;
height : 900px;
padding-left :0;
margin-top :137px;
margin-bottom :0;

font-size: 60%;
z-index:1;
}

#contenu
{
position: absolute;
width: 719px;
height : 900px;
margin-left : 197px;
padding-left :0;
margin-top : 0px;
margin-bottom :0;
font-size: 10px;

}
#partie-gauche

{

position: absolute;
width: 419px;
height : 900px;
margin-left : 0px;
padding-left :0;
margin-top : 0px;
margin-bottom :0;
font-size: 10px;

}

#sommaire
{
background: yellow ;
position: absolute;
width: 419px;
height : 100px;
margin-left : 0px;
padding-left :0;
margin-top : 0px;
margin-bottom :0;
font-size: 12px;

}

#editorial3cases
{
background: url("Images/page_edito3c.png") no-repeat top left ;
position: absolute;
width: 419px;
height : 200px;
margin-left : 0px;
padding-left :0;
margin-top : 100px;
margin-bottom :0;
font-size: 12px;

}


#menu3cases
{
background: url("Images/fondmenu3cases.png") no-repeat top left ;
position: absolute;
width: 419px;
height : 600px;
margin-left : 0px;
padding-left :0;
margin-top : 300px;
margin-bottom :0;
font-size: 10px;

}

#caseH
{

position: absolute;
width: 419px;
height : 200px;
margin-left : 0px;
padding-left :0;
margin-top : 0px;
margin-bottom :0;
font-size: 10px;

}
#caseM
{

position: absolute;
width: 419px;
height : 200px;
margin-left : 0px;
padding-left :0;
margin-top : 200px;
margin-bottom :0;
font-size: 10px;

}
#caseB
{

position: absolute;
width: 419px;
height : 200px;
margin-left : 0px;
padding-left :0;
margin-top : 400px;
margin-bottom :0;
font-size: 10px;

}

#partie-droite
{

position: absolute;
width: 300px;
height : 900px;
margin-left : 616px;
padding-left :0;
margin-top : 0px;
margin-bottom :0;
font-size: 10px;

}

#info
{
position: absolute;
width: 300px;
height : 531px;
margin-left : 0px;
padding-left :0;
margin-top : 0px;
margin-bottom :0;
font-size: 10px;

}

#sous-info
{
background: url("Images/cadre-texte1.jpg") no-repeat top left ;
position: absolute;
width: 280px;
height : 369px;
margin-left : 0px;
padding-left:15px;
padding-right:5px;
margin-top : 531px;
margin-bottom :0;
font-size: 12px;


}


#moitie_haut
{

background: #ffc7ce ;
position: absolute;
width: 419px;
height : 495px;
margin-left : 0%;
padding-left :0;
margin-bottom :0;

color : black;
font-size: 12px;
}
#moitie_haut-hgd
{
background: #ffc7ce ;
position: absolute;
width: 709px;
height : 300px;
margin-left : 0px;

padding-left :10px;
margin-bottom :0;

color : black;
font-size: 13px;

}
#moitie_haut-b
{
background: url("Images/Camargue-006-1.jpg") no-repeat top left ;
position: absolute;
width: 719px;
height : 200px;
margin-left : 0px;
margin-top :300px;
padding-left :0;
margin-bottom :0;

color : black;
font-size: 13px;

}
#moitie_haut-bg
{
background: url("Images/jardin.jpg") no-repeat top left ;
position: absolute;
width: 469px;
height : 200px;
margin-left : 250px;
margin-top :300px;
padding-left :0;
margin-bottom :0;

color : black;
font-size: 13px;

}
#moitie_haut-bd
{
background: #61a4cf ;
position: absolute;
width: 250px;
height : 200px;
margin-left : 0px;
margin-top :300px;
padding-left :0;
margin-bottom :0;

color : black;
font-size: 13px;

}



#moitie_haut-g
{
background: url("Images/419-430-3.jpg") no-repeat top left ;
position: absolute;
width: 419px;
height : 430px;
margin-left : 300px;

padding-left :0;
margin-bottom :0;

color : black;
font-size: 13px;

}
#moitie_haut-d
{
background: url("Images/300-430-2.jpg") no-repeat top left ;
background-color: white ;
position: absolute;
width: 300px;
height : 430px;

padding-left :0;
margin-bottom :0;

color : #e55f23;
font-size: 12px;
}

#moitie_haut-dh
{
background: url("Images/300-230.jpg") no-repeat top left ;
position: absolute;
width: 100%;
height : 230px;
margin-left : 0px;
padding-left :0;
margin-bottom :0;

color : #e55f23;
font-size: 12px;
}
#moitie_haut-db
{
background: url("Images/300-200.jpg") no-repeat top left ;
position: absolute;
width: 100%;
height : 200px;
margin-top : 230px;
margin-left : 0px;
padding-left :0;
margin-bottom :0;

color : #e55f23;
font-size: 12px;
}

#moitie-bas
{
position: absolute;
width: 719px;
height : 403px;
margin-left : 0%;
padding-left :0;
margin-top: 495px;
margin-bottom :0;
font-size: 10px;
color : white;
}


#gauche
{
background: black ;
position: absolute;
width: 380px;
height : 100%;
padding-right: 0px;

margin-left : 0px;
margin-top : 0px;
margin-bottom :0;
font-size: 12px;

}


#gauche_haut
{
background:url("Images/380-468-4.jpg") no-repeat top left  ;
position: absolute;
width: 380px;
height : 380px;
padding-left : 0px;
margin-top : 0px;
margin-bottom :0px;

font-size: 12px;

}

#gauche_bas
{

background:url("Images/phyllades.jpg") no-repeat top left  ;
position: absolute;
width: 380px;
height : 188px;
padding-left : 0px;
margin-top : 380px;
margin-bottom :0;
font-size: 12px;
color : white;
}


#quart_d
{
background: white;
position: absolute;
width: 339px;
height : 100%;
padding-left :0;
margin-top : 0px;
margin-left : 380px;
margin-bottom : 0px;
font-size: 10px;

}


#a_la_une
{
background: white ;
position: absolute;
width: 339px;
height : 168px;
margin-left : 0%;
padding-left :0px;
margin-bottom :0;
font-size: 14px;
color : black;
}
#sous_la_une
{
background: url("Images/asparagus.jpg") no-repeat top left ;
position: absolute;
width: 339px;
height : 200px;
margin-top: 168px;
margin-left : 0%;
padding-left :0px;
margin-bottom :0;
font-size: 14px;
color : black;
}


#en_fleur
{
background: blue ;
position: absolute;
width: 339px;
height : 200px;
margin-top: 368px;
margin-left : 0%;
padding-left :0px;
margin-bottom :0;
font-size: 12px;
color : black;
}

#menu_v
{
background: #475e00 ;
position: absolute;
width: 135px;
height : 900px;
padding-left :0;
margin-top : 1px;
margin-bottom :0px;
font-size: 10px;

}

#boutons
{
background: #475e00;
position: absolute;
width: 137px;
height : 396px;
padding-left :0;
padding-right: 0;
margin-top :15px;
margin-left: 0px;
margin-right: 0px;
margin-bottom :0;
font-size: 15px;
color : white;
}
	#bouton_a_la_une
{

margin-top :0px;
margin-bottom :0px;
margin-left: 5px;
margin-right: 0%;
height : 51px;
width : 125px;
background:  #475e00;
text-align: center;
font-size :75% ;
}

		#bouton_a_la_une:hover
{

margin-top :0px;
margin-bottom :0px;
margin-left: 10px;
margin-right: 0%;
margin-top:0px;
height : 51px;
width : 125px;

text-align: center;
font-size :75% ;
}

	#bouton_connaissances
{
margin-top :0px;
margin-bottom :0px;
margin-left: 5px;
margin-right: 0%;
height : 51px;
width : 125px;
padding : 0;
background : #475e00;
text-align: center;
font-size :75% ;
}

		#bouton_connaissances:hover
{
margin-top :0px;
margin-bottom :0px;
margin-left: 10px;
margin-right: 0%;
margin-top:0px;
height : 51px;
width : 125px;
padding : 0;
background : url("Images/bouton-connaissances.gif") #475e00;
text-align: center;
font-size :75% ;
}

	#bouton-outils-pedago
{
margin-top :0px;
margin-bottom :0px;
margin-left: 5px;
margin-right: 0%;
height : 51px;
width : 125px;
padding : 0;
background : #475e00;
text-align: center;
font-size :75% ;
}

		#bouton-outils-pedago:hover
{
margin-top :0px;
margin-bottom :0px;
margin-left: 10px;
margin-right: 0%;
margin-top:0px;
height : 51px;
width : 125px;
padding : 0;
background : url("Images/bouton-outils-pedago.gif") #475e00;
text-align: center;
font-size :75% ;
}

	#bouton-liens
{
margin-top :0px;
margin-bottom :0px;
margin-left: 5px;
margin-right: 0%;

height : 51px;
width : 125px;
padding : 0;
background : #475e00;

text-align: center;
font-size :75% ;
}

		#bouton-liens:hover
{
margin-top :0px;
margin-bottom :0px;
margin-left: 10px;
margin-right: 0%;
margin-top:0px;
height : 51px;
width : 125px;
padding : 0;
background : url("Images/bouton-liens.gif") #475e00;

text-align: center;
font-size :75% ;
}
	#bouton-annuaire
{
margin-top :0px;
margin-bottom :0px;
margin-left: 5px;
margin-right: 0%;

height : 51px;
width : 125px;
padding : 0;
background : #475e00;

text-align: center;
font-size :75% ;
}

		#bouton-annuaire:hover
{
margin-top :0px;
margin-bottom :0px;
margin-left: 10px;
margin-right: 0%;
margin-top:0px;
height : 51px;
width : 125px;
padding : 0;
background : url("Images/bouton-liens.gif") #475e00;

text-align: center;
font-size :75% ;
}

	#bouton-index-alpha
{
margin-top :0px;
margin-bottom :0px;
margin-left: 5px;
margin-right: 0%;
height : 51px;
width : 125px;
padding : 0;
background : #475e00;

text-align: center;
font-size :75% ;
}

		#bouton-index-alpha:hover
{
margin-top :0px;
margin-bottom :0px;
margin-left: 10px;
margin-right: 0%;
margin-top:0px;
height : 51px;
width : 125px;
padding : 0;
background : url("Images/boutons_index_enf.gif") #475e00;

text-align: center;
font-size :75% ;
}


	#bas_boutons
{
margin-top :0px;
margin-bottom :0px;
margin-left: 0px;
margin-right: 0%;
margin-top:2px;
height : 42px;
width : 125px;
padding : 0;
background : #475e00;
}
	#bas_boutons:hover
{
margin-top :0px;
margin-bottom :0px;
margin-left: 5px;
margin-right: 0%;
margin-top:2px;
height : 42px;
width : 125px;
padding : 0;
background : #475e00;
}
	#bas_menu
{
margin-top:0px;
background-color: #475e00;
height : 190px;
color : white;
}
		#Auteur
{
background: #475e00 ;
font-size : 70% ;
text-align: center;
color : white;

margin-left:auto;
margin-right: auto
}

#spiraled
{
background:url("Images/grande_spirale3.gif") repeat top right #475e00;
position: absolute;
width: 60px;
height : 898px;
margin-left : 137px;
padding-left :0;
margin-top : 1px;
margin-bottom :0;
z-index:1;
}






#menu_hd
{
position: absolute;
width: 170px;
height : 25px;
padding-left :0;
margin-left:804px;
margin-top :112px;
margin-bottom :0;

font-size: 60%;
background: url("Images/ImageH2.gif") repeat-x ;
color : black;
}


#menu_h
{
position: absolute;
width: 674px;
height : 25px;
padding-left : 0px;
margin-left: 210px;
margin-top : 112px;
margin-bottom : 0px;
text-align: center;
font-size: 10px;
background: url("Images/ImageH2.gif") repeat-x ;
color : black;
}

#pied
{
position: absolute;
width: 974px;
height : 125px;
padding-top :10px; 
margin-top :1037px;
margin-bottom :0;
font-size: 12px;
background: url("Images/im-pied.jpg") top left white;   
background-repeat:no-repeat;
color : black;
z-index:1;
}


#pied_haut
{
position: absolute;
width: 773px;
height : 20px;
margin-top :20px;
margin-left: 200px;
font-size: 12px;

color : black;
z-index:1;
}

#pied_bas_gauche
{
position: absolute;
width: 200px;
height : 125px;
margin-top :0px;
margin-left : 0px;
font-size: 12px;

color : black;

}

#pied_bas_droit
{
position: absolute;
width: 673px;
height : 95px;
margin-top :20px;
margin-left : 200px;
padding-left: 100px;
padding-top: 10px;
font-size: 12px;

color : black;

}




#pub_google
{
position: absolute;
width: 468px;
height : 60px;
padding-left :0;
margin-top :10px;
margin-left :300px;
margin-bottom :0;
font-size: 12px;
text-align: center;
background : green;
color : black;

}

span.centre
{
font-size : 150%;
text-align: center;
}


table
{
width : 100%;
margin-left: 0px;
margin-right : 0px;
font-size : 11px;

border : 0px;
border-collapse : collapse;

}
td
{
margin-left: 0px;
margin-right : 0px;
font-size : 13px;
text-align: left;
border : 0px;
border-collapse : collapse;

}
th
{
margin-left: 0px;
margin-right : 0px;
font-size : 11px;
text-align: center;
border : 0px;
border-collapse : collapse;
}





h1
{

text-indent : -50000px;

}
h2
{
text-align :center;
color:#137b40;
}
h3
{
text-align :center;
color :#99cc00;
}
h4
{
text-align :left;
font-size : 13px;
color :#99cc00;
}
h5
{
color:#a03900;
font-size:13px;
margin-left:1%;

}
h6
{
font-size :10px;
text-align: right;
color:black;
text-align: center;
}
p
{

text-align : left;
text-indent:30px;
font-size : 12px ;
margin-left : 10px;
margin-right : 10px;
}

p.taille11
{

text-align : left;
text-indent:30px;
font-size : 11px ;
margin-left : 10px;
margin-right : 10px;
}



f12
{

text-align : justify;
text-indent:30px;
font-size : 12px ;
margin-left : 10px;
margin-right : 10px;
}

ul
{
margin-left:10px;
text-align : left;
}

abbr
{
color:#006600;
}

abbr :hover
{
color:red;
}
.Imagedroite
{
position : absolute;
top : 180px;
left: 75%;
}
.Imageincorp1
{
float : left;
margin : 10px;
border-style : solid;
border-color : #99cc00;
}
.Imageincorp2
{
float : right;
margin : 10px;
border-style : solid;
border-color : #99cc00;
}
.Imageincorp_loupe
{
float : right;
margin-top : 1px;
border-style : none;
margin : 5px;
}
.Imageincorp_loupeg
{
float : left;
margin : 0px;
border-style : none;

}
.Image_sansbord
{
border: none;

}

.Imageincorp3
{
float : none;
margin : 8px;
border-style : outset;
border-color : #99cc00;
}

.Imageincorp3:hover
{
float : none;
margin : 8px;
border-style : inset;
border-color : #99cc00;
}
.Imageincorp4
{
float : none;
margin : 10px;

}
.Imageincorp4b
{
float : none;
margin : 0px;
border : 0px;

}
.Imageincorp5
{
float :none;
margin : 10px;

}
span.copyright
{
display:none;
text-align: center;
font-size: small;
color: black;
}

span#TitG
{

text-align : left;
}

span#choixparimage
{

text-align : center;
}
span.jaune
{
color:yellow;
}
span.rouge
{
color:red;
}
span.rouge12
{
color:red;
font-size: 12px;
}

span.arianes
{
color:#137b40;
}
span.ariane3
{
color:#c8b479;
}
span.ariane4
{
color:#ca9f7c;
}
span.ariane5
{
color:#eded87;
}

span.marron
{
color:#a03900;
}
span.marron14
{
color:#a03900;
font-size:13px;
}

span.noir
{
color: black;
}
span.bleu
{
color:#619fe4;
}
span.vert
{
color:#006600;
}
span.ariane
{
color:#99cc00;


}
span.vertclair
{
color:#99cc00;
}
span.blanc
{
color: white;
}
span.petit
{
font-size:11px;
}
span.signature
{
text-align: right;
color:#99cc00;
}
span.lettrine
{

color:black;
float:left;
margin-right: 5px;
height:300%;

}
span#Titrefondrouge
{
color : black;
height : 20px;

}
span#Titrefondvert
{
color : black;
height : 20px;

}

a
{

color: #006600;
text-decoration : none;
text-align: left;

}

a:hover
{
text-decoration :underline;

}
li
{
text-align : left;

margin-left : 5px;
margin-right : auto;
}