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
}

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

}

#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;
}
#corpstexte_jaune
{

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

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

font-size: 11px;
color : black;
}

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

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

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

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

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

}

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

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

#Menu_loupe
{
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: 1400px;

}







#corpsportrait
{
background: url("Images/Portrait4.jpg") no-repeat top white;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
margin-left: 0px;
margin-top : 0px;
width:782px;
border: 1px solid black;
text-align: justify;
color:black;
font-size :90% ;
height: 898px;

}



#corpsalaune
{
background: url("Images/decor1.gif")  repeat-y top right white;
margin-left : 0px;
margin-top : 0px;
padding : 0px;
height : 100%;
background: white;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
width:792px;
border: 1px solid black;
text-align: justify;
color:black;
background-color : white;
font-size :40% ;
height: 898px;
}

#corpsalaune2
{

background: url("Images/decor1.gif")  repeat-y top right white;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:782px;
border: 1px solid black;
text-align: justify;
color:black;

font-size :90% ;
height: 888px;
}
#corpsalaune5
{

background: white;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:782px;
border: 1px solid black;
text-align: justify;
color:black;

font-size :90% ;
height: 888px;
}
#corpsalaune_loupe
{

background:  white;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 5px;
width:782px;
border: 1px solid black;
text-align: justify;
color:black;

font-size :90% ;
height: 1380px;
}
#corpsalaune3
{

background: url("Images/decor1.gif")  repeat-y top right white;

padding : 5px;
margin-left: 0px;
margin-top : 0px;
width:782px;
border: 1px solid black;
text-align: justify;
color:black;

font-size :80% ;
height: 898px;
}
#corpsalaune4
{

background: #99cc00;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
margin-left: 0px;
margin-top : 0px;
padding : 0px;
width:792px;
border: 1px solid black;
text-align: justify;
color:black;

font-size :90% ;
height: 898px;
}
#encart_hg
{
position: absolute;
background: #fdf575;
margin-left : 0%;
margin-top : 0%;
border:1px solid red;
width: 40%;
height:54%;
}
#colonne_haut_droite
{
position: absolute;
background: #fdf575;
margin-left : 40.133%;
margin-top : 0%;
border:1px solid red;
width: 57.78%;
height:54%;
}
#rectangle_hautd1
{
position: absolute;
background: white;
margin-left : 0%;
margin-top : 0%;
font-size:100%;
padding:1%;
border:1px;
border-style : solid;
border-color: red;
width: 98%;
height:30%;
font-size :18px;
}
#carre_gh
{
position: absolute;
background: #c7d7e5;
margin-left : 0%;
margin-top : 61.63%;

width: 15%;
height:13%;
font-size : 18px;
}
#carre_gb
{
position: absolute;
background: white;
margin-left : 0px;
margin-top : 77%;
width: 15%;
height:13%;
font-size : 18px;
}
#rectangle_bas
{
position: absolute;
background: #99cc00;
margin-left : 0px;
margin-top : 91.133%;
width: 100%;
height:20.533%;
font-size : 12px;
}
#rectangle-bas-cadre
{
position: absolute;
background: white;
margin : 10%;
font-size : 12px;
text-align : center;
margin-top: 0%;
width: 80%;
height:85%;
}

#rectangle_hautd2
{
position: absolute;
background: #1e8f03;
margin-left : 0%;
margin-top : 45%;
width: 100%;
height:10%;
}
#carre_h1
{
position: absolute;
background: #1e8f03;
margin-left : 40.133%;
margin-top : 35.8%;
width: 20%;
height:22.333%;
font-size :15px;
}
#carre_h2
{
position: absolute;
background: #1e8f03;
margin-left : 60.033%;
margin-top : 35.8%;
width: 20%;
height:22.333%;
font-size :15px;
}
#carre_h3
{
position: absolute;
background: #1e8f03;
margin-left : 79.9333%;
margin-top : 35.8%;
width: 20.03%;
height:22.333%;
font-size :15px;
}
#grand_carre_h1
{
position: absolute;
background: #ffcc66;
margin-left : 15.323%;
margin-top : 61.63%;

width: 42.05%;
height:30%;
font-size :18px;
}
#grand_carre_h2
{
position: absolute;
background: #d0a380;
margin-left : 57.53%;
margin-top : 61.63%;
padding :1%;
width: 40.45%;
height:30%;
font-size :18px;
}


#piedcorpsalaune_loupe
{
position: absolute;

margin-left : 0%;
margin-top : 1555px;
padding : 0px;
height : 24px;
width:974px;
border: 0px solid black;
text-align: center;
color:white;
font-size :75% ;
background: url("Images/ImageH2.gif") repeat-x ;
}

#piedcorpsalaune
{
position: absolute;

margin-left : 0%;
margin-top : 1078px;
padding : 0px;
height : 24px;
width:974px;
border: 0px solid black;
text-align: center;
color:white;
font-size :75% ;
background: url("Images/ImageH2.gif") repeat-x ;
}


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

}

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


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

border : none;
border-collapse : collapse;

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

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

}
#pied_de_page 
{	
Background:url("Images/carrevert.jpg") repeat-x bottom right #99cc00 ;
margin-top: 0px;
padding-left: 10px;
margin-left : 21%;
text-align :center;
border: 2px; 
border-style: outset;
border-color : #99cc00;
margin-top : 0px;
height : 100%;
width:76%;
color:red;
font-size :small ;
min-width: 500px;
min-height: 20px;
}
#pied_de_page2 
{	
background: url("Images/Base2.jpg") no-repeat bottom right #619fe4;
margin-top: 0px;
padding-left: 10px;
margin-left : 21%;
text-align :center;
border: 0px;
padding : 0px;
height : 100%;
width:76%;
color:black;
font-size :small ;
min-width: 500px;
min-height: 352px;
}
#haut_de_page
{	
background: url("Images/haut2.jpg") no-repeat top left #619fe4;
margin-top: 0px;
margin-bottom : 0px;
padding-left: 10px;
margin-left : 21%;
border: none;
color:black;
margin-top : 0px;
padding : 0px;
height : 100%;
width:76%;
border: none;
text-align: justify;
color:black;
font-size :medium ;
min-width: 500px;
min-height: 200px;
}
#haut_de_page:hover
{	
background: url("Images/haut3.jpg") no-repeat top left #619fe4;
margin-top: 0px;
margin-bottom : 0px;
padding-left: 10px;
margin-left : 21%;
border: none;
color:black;
margin-top : 0px;
padding : 0px;
height : 100%;
width:76%;
border: none;
text-align: justify;
color:black;
font-size :medium ;
min-width: 500px;
min-height: 200px;
}

#corpsindex
{
background: url("Images/fond_bleu.jpg") repeat-y top right #619fe4;
margin-left : 21%;
margin-top : 0px;
padding-left: 10px;
height : 100%;
width:76%;
border: none;
text-align: justify;
color:black;
font-size :small ;
min-width: 500px;
min-height: 30px;
}

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 : justify;
text-indent:30px;
font-size : 100% ;
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 : 10px;
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
{

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#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.marron-titre
{
color:#a03900;
font-size:13px;
}
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 : 10px;
margin-right : auto;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }