body
{
width : auto;
margin-left : auto;
margin-right : auto;
background-color :#effafe ;
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
{		
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 : 150px;
width:210px;
background: url("Images/coin_g2.gif") no-repeat top left ;
}
#coin_droit
{
position: absolute;
margin-top: 0px;
margin-left:824px;
height : 150px;
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") no-repeat top center #99cc00;
}


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

#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;
}
#menu_v
{
background: #475e00 ;
position: absolute;
width: 135px;
height : 900px;
padding-left :0;
margin-top : 1px;
margin-bottom :0;
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;
background: url("Images/boutons_a_la_une_enfonce.gif") #475e00;
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
}


#feuilles
{
background:url("Images/feuilles.gif") repeat top right #475e00;
position: absolute;
width: 12px;
height : 898px;
margin-left : 916px;
padding-left :0;
margin-top : 1px;
margin-bottom :0;
}


#corpstexte_jaune
{

background: #ffff99;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:709px;
height: 865px;
text-align: justify;
color:black;
font-size :11px ;

}
#index_col_g
{
background: #ffff99;
position: absolute;
width: 50%;
height: 863px;
padding-left :0;
margin-top : 0px;
margin-bottom :0;

font-size: 11px;
color : black;
}
#index_col_d
{
background: #ffff99;
position: absolute;
width: 50%;
height: 863px;
padding-left :0;
margin-top : 0px;
margin-left: 350px;
margin-bottom :0;
font-size: 11px;

}

#onglets
{
background:url("Images/onglets.gif") no-repeat top right #475e00;
position: absolute;
width: 58px;
height : 900px;
margin-left : 916px;
padding-left :0;
margin-top : 1px;
margin-bottom :0;
}
		#abcd
{

position: absolute;
width: 39px;
height : 145px;
margin-left : 1px;
padding-left :0;
margin-top : 0px;
margin-bottom :0;
}
		#efgh
{

position: absolute;
width: 43px;
height : 104px;
margin-left : 1px;
padding-left :0;
margin-top :145px;
margin-bottom :0;
}
		#ijkl
{

position: absolute;
width: 43px;
height : 127px;
margin-left : 1px;
padding-left :0;
margin-top :249px;
margin-bottom :0;
}
		#mnopq
{

position: absolute;
width: 43px;
height : 115px;
margin-left : 1px;
padding-left :0;
margin-top :376px;
margin-bottom :0;
}
		#rstuv
{

position: absolute;
width: 43px;
height : 112px;
margin-left : 1px;
padding-left :0;
margin-top :491px;
margin-bottom :0;
}
		#wxyz
{

position: absolute;
width: 40px;
height : 301px;
margin-left : 1px;
padding-left :0;
margin-top :599px;
margin-bottom :0;
}


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

}


#moitie_haut
{
position: absolute;
width: 719px;
height : 450px;
margin-left : 0%;
padding-left :0;
margin-bottom :0;
font-size: 10px;

}


#edito
{
background: #fcddff;
position: absolute;
width: 239px;
height : 100%;
padding-left :0;
margin-top : 0px;
margin-bottom :0;
text-align: center;
font-size: 11px;
color : black;
}


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

#a_la_une
{
background: white;
position: absolute;
width: 100%;
height : 180px;
margin-left : 0%;
padding-left :0;
margin-bottom :0;
font-size: 10px;
color : black;
}


#en_fleur
{
background: red;
position: absolute;
width: 100%;
height : 270px;
margin-top: 180px;
margin-left : 0%;
padding-left :0;
margin-bottom :0;
font-size: 8px;
}

#clignotant
{
background: #1e8f03;
position: absolute;
width: 100%;
height : 76px;
margin-left : 0%;
padding-left :0;
margin-bottom :0;
font-size: 10px;
color : white;
}


#affiche_fleur
{
background: #1e8f03;
position: absolute;
width: 100%;
height :194px ;
margin-top: 76px;
margin-left : 0;
padding-left :0;
margin-bottom :0;
font-size: 10px;
}
#fleur_g
{
background: #1e8f03;
position: absolute;
width: 160px;
height : 100%;
padding-left :0;
margin-top : 1px;
margin-left: 0%;
margin-bottom :0;
font-size: 10px;
color : green;
}
#fleur_c
{
background: #1e8f03;
position: absolute;
width: 160px;
height : 100%;
padding-left :0;
margin-top : 1px;
margin-left: 160px;
margin-bottom :0;
font-size: 10px;
color : green;
}
#fleur_d
{
background: #1e8f03;
position: absolute;
width: 160px;
height : 100%;
padding-left :0;
margin-top : 1px;
margin-left: 320px;
margin-bottom :0;
font-size: 10px;
color : green;
}




#moitie-bas
{
position: absolute;
width: 719px;
height : 450px;
margin-left : 0%;
padding-left :0;
margin-top: 450px;
margin-bottom :0;
font-size: 10px;
color : white;
}
#message
{
background : #fcfc7e;
position: absolute;
width: 100%;
height : 148px;
margin-left : 0%;
padding-left :0;
margin-top: 300px;
margin-bottom :0;
font-size: 12px;
color : black;
}


#quart_bas
{
background: white;
position: absolute;
width: 100%;
height : 300px;
margin-left : 0%;
padding-left :0;
margin-top: 0%;
margin-bottom :0;

font-size: 10px;
color : black;

}


#tier_g
{
background: #ff902d;
position: absolute;
width: 155px;
height : 100%;
padding-left :0;
margin-top : 1px;
margin-bottom :0;

font-size: 10px;
color : green;
}
#tier_c
{
background: white;
position: absolute;
width: 312px;
height : 100%;
padding-left :0;
margin-left: 155px;
margin-top : 1px;
margin-bottom :0;
font-size: 10px;
color : green;
}
#tier_d
{
background: #ccff99;
position: absolute;
width: 252px;
height : 100%;
padding-left :0;
margin-left: 467px;
margin-top : 1px;
margin-bottom :0;
font-size: 10px;
color : green;
}


#carre_h
{
background: #c7d7e5;
position: absolute;
width: 100%;
height : 150px;
margin-left : 0%;
padding-left :0;
margin-top: 0%;
margin-bottom :0;

font-size: 10px;
color : black;
}
#carre_b
{
background: white;
position: absolute;
width: 100%;
height : 150px;
margin-left : 0%;
padding-left :0;
margin-top: 150px;
margin-bottom :0;
font-size: 10px;
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;

}

#Contact
{
margin-left: 8%;
margin-right: auto;
font-size: 80%;
color : #99cc00;
}
#Menu
{
position: absolute;
width: 20%;
height : 100%;
padding-left :0px;
margin-top :175px;
margin-left:0px;
background: url("Images/ImageV.gif") right repeat-y  #99cc00 ;
width: 180px;
height: 900px;
}


#ariane
{
background: url("Images/img_ariane.gif") repeat-x bottom left white;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:709px;
text-align: justify;
color:black;
font-size :12px ;
height: 15px;
}

#ariane1
{
background: url("Images/img_ariane1.gif") repeat-x bottom left white;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:709px;
text-align: justify;
color:black;
font-size :12px ;
height: 15px;
}
#ariane2
{
background: url("Images/img_ariane2.gif") repeat-x bottom left white;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:709px;
text-align: justify;
color:black;
font-size :12px ;
height: 15px;
}
#ariane3
{
background: url("Images/img_ariane3.gif") repeat-x bottom left white;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:709px;
text-align: justify;
color:black;
font-size :12px ;
height: 15px;
}
#ariane4
{
background: url("Images/img_ariane4.gif") repeat-x bottom left white;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:709px;
text-align: justify;
color:black;
font-size :12px ;
height: 15px;
}

#ariane5
{
background: url("Images/img_ariane5.gif") repeat-x bottom left white;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:709px;
text-align: justify;
color:black;
font-size :12px ;
height: 15px;
}
#corpstexte
{
background: url("Images/fiche-fond3.png") no-repeat top left white;

margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:709px;

text-align: justify;
color:black;

font-size :12px ;
height: 865px;
}




#postith
{
margin-right : 23%;
margin-left : 1%;
margin-top : 0%;
border: 1px outset black;
background : yellow;
font-size : 100%;
text-align: center;
color: black;

}
#postith2
{
margin-right : auto;
margin-left : auto;
width : 70%;
padding: 5px;
border: 3px outset black;
background : yellow;
font-size : 100%;
text-align: center;
color: black;

}
#cadre_jaune
{
margin-right : 1%;
margin-left : 1%;
margin-top : 0%;
border: 1px outset black;
background : yellow;
font-size : 80%;
text-align: center;
color: black;

}


table
{
width : 100%;
margin-left: 0px;
margin-top: 60px;
margin-right : 0px;
font-size : 11px;
padding: 2px;
border: 0px;
border-color : #534040;
border-style : solid;


}
td
{
margin-left: 0px;
margin-right : 0px;
padding: 2px;
font-size : 22px;
text-align: left ;
padding-left: 5px;
padding-right: 5px;
border: 0px;
border-color : red;
border-style : solid;
border-collapse : collapse;

}
th
{
margin-left: 0px;
margin-right : 0px;
padding: 2px;
font-size : 11px;
color: black;
text-align: center;
padding-left: 5px;
padding-right: 5px;
border: 0px;
border-color : red;
border-style : solid;
border-collapse : collapse;

}





p
{

text-align : justify;
text-indent:30px;
font-size : 100% ;
margin-left : 10px;
margin-right : 10px;
}
h1
{

text-indent : -50000px;

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

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

span.bleu
{
color:#619fe4;
}
span.vert
{
color:#006600;
}

span.vertclair
{
color:#99cc00;
}
span.blanc
{
color: white;
}
span.noir
{
color: black;
}
span.centre
{
font-size : 150%;
text-align: center;
}

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


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

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




a
{

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

}

a:hover
{
text-decoration :underline;

}



ul
{
margin-left:10px;
text-align : left;
}
li
{
text-align : left;
margin-left : 5px;
margin-right : auto;
}

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;
}
.Image_sansbord
{
border: none;

}


.Imageincorp_loupeg
{
float : left;
margin : 10px;
border-style : 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
{

margin : 10px;

}
.Imageincorp4b
{

margin : 0px;
border : none;

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

}


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

span#TitG
{

text-align : left;
}

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

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

}




span.ariane
{
color:#99cc00;
}
span.arianes
{
color:#137b40;
text-align: center;
}
span.ariane3
{
color:#c8b479;
}
span.ariane4
{
color:#ca9f7c;
}
span.ariane5
{
color:#eded87;
}