body
{
width : 974px;
margin-left : auto;
margin-right : auto;
background-color :#effafe ;
font-family : Verdana,serif;
background: url("Images/sb.jpg") top left repeat-x white;
}
#site
{

margin-top:0px;

border: 0px;
width:974px;
height: 790px;
}


#Bandeau-haut
{
background: url("Images/banniere-atelier3.png") no-repeat top ;
position: absolute;
margin-top: 0px;
margin-left:0px;
height : 137px;
width:974px;

}


#corps
{
background:white;
position: absolute;
width: 800px;
min-height : 678px;
padding-left : 10px;
padding-top : 10px;
padding-right : 160px;

border-style : outset;
border-color : black;
border : 1px;
margin-top :137px;
margin-bottom :0px;

font-size: 60%;

}

#menu_lateral
{
z-index: 2;
background: url("Images/historique.gif") no-repeat top ;
position: absolute;
width: 135px;
min-height : 500px;
 padding-top :20px;
padding-left :0px;
margin-left :819px;
margin-top :157px;
margin-bottom :0px;
font-size: 10px;

}

#menu_principal
{
background: url("Images/bas-historique.gif") no-repeat bottom #9f956e;

position: absolute;
width: 135px;
min-height : 20px;
padding-left :0px;
padding-bottom : 20px;
margin-left :0px;
margin-top :0px;
margin-bottom :0px;
font-size: 12px;

}

#sous_menu
{
background: url("Images/bas-historique.gif") no-repeat top ;
position: absolute;
width: auto;
height :auto;
padding-left :0px;
margin-left :-280px;
margin-top :20px;
margin-bottom :0;
font-size: 10px;

}


#map
{
border: 10px;
border-color: green;
}

a.info
{
text-decoration:none;
font-size: 12px;
position: relative;
z-index: 3;
background-color:#DDFFD0;
}
a.info:hover
{
text-decoration:none;
cursor: help;
z-index: 4;
background-color:#FFFFBB;
}

a.info span
{

display: none;
font-size: 11px;
width: 239px;
padding: 20px 4px 2px 4px;
}

a.info:hover span
{

display:block;
position:absolute;
z-index: 100;
top : 18px ;
right: -5px;
background-image:url(Images/bul.gif);
background-repeat: no-repeat;
background-position: center top;
color: black;
text-align: justify;
}

a.info2
{
text-decoration:none;
font-size: 12px;
position: relative;
z-index: 3;
background-color:#DDFFD0;
}
a.info2:hover
{
text-decoration:none;
cursor: help;
z-index: 4;
background-color:#FFFFBB;
}

a.info2 span
{

display: none;
font-size: 11px;
width: 239px;
padding: 20px 4px 2px 4px;
}

a.info2:hover span
{

display:block;
position:absolute;
z-index: 100;
top : 18px ;
left: -5px;
background-image:url(Images/bul2.gif);
background-repeat: no-repeat;
background-position: center top;
color: black;
text-align: justify;
}



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

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_bulle1
{		

	
  color           : #2F368A;
  
  text-decoration : none; 
 position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
 
}  
 
a.info_bulle1: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_bulle1:hover span, a.info_bulle:focus span
{
padding : 2px;
    top        :  auto;
    left       :  -20px;
    width      :  auto;
    height     :  auto;
    overflow   :  visible;
}  

a.info_bulle1 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_bulle2
{		

	
  color           : #2F368A;
  
  text-decoration : none; 
 position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
 
}  
 
a.info_bulle2: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_bulle2:hover span, a.info_bulle:focus span
{
padding : 2px;
    top        :  auto;
    left       :  -20px;
    width      :  auto;
    height     :  auto;
    overflow   :  visible;
}  

a.info_bulle2 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_bulle3
{		

	
  color           : #2F368A;
  
  text-decoration : none; 
 position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
 
}  
 
a.info_bulle3: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_bulle3:hover span, a.info_bulle:focus span
{
padding : 2px;
    top        :  auto;
    left       :  -20px;
    width      :  auto;
    height     :  auto;
    overflow   :  visible;
}  

a.info_bulle3 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_bulle4
{		

	
  color           : #2F368A;
  
  text-decoration : none; 
 position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
 
}  
 
a.info_bulle4: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_bulle4:hover span, a.info_bulle:focus span
{
padding : 2px;
    top        :  auto;
    left       :  -20px;
    width      :  auto;
    height     :  auto;
    overflow   :  visible;
}  

a.info_bulle4 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_bulle5
{		

	
  color           : #2F368A;
  
  text-decoration : none; 
 position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
 
}  
 
a.info_bulle5: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_bulle5:hover span, a.info_bulle:focus span
{
padding : 2px;
    top        :  auto;
    left       :  -20px;
    width      :  auto;
    height     :  auto;
    overflow   :  visible;
}  

a.info_bulle5 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_bulle6
{		

	
  color           : #2F368A;
  
  text-decoration : none; 
 position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
 
}  
 
a.info_bulle6: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_bulle6:hover span, a.info_bulle:focus span
{
padding : 2px;
    top        :  auto;
    left       :  -20px;
    width      :  auto;
    height     :  auto;
    overflow   :  visible;
}  

a.info_bulle6 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;
	
} 

#cadre_mode_emploi
{
margin-right : auto;
margin-left : auto;
width : 70%;
height : 300px;
padding: 5px;
border: 2px inset black;
background : white;
font-size : 100%;
text-align: center;
color: black;
overflow : scroll;
}



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 : 11px;
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:5px;
font-size : 12px;
margin-left : 10px;
margin-right : 10px;
}


ul
{
font-size : 12px;
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 : 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;
}