span, div, em * {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font: bold;}

a 					{text-decoration: none; color: #FF0000; font: bold;}
a:hover				{text-decoration: none; color: #fff}


#intro  {
margin: 0 20px 50px 20px ;  
font-size:12px; 
text-decoration: none; 
line-height: 16px;
height:1%
}

#intro  .indent{
text-indent: 30px; /* Les paragraphes commenceront 30 pixels sur la droite */
   text-align: justify; /* Ils seront justifiés */
font-size: 1.2em; /* Allez, soyons fous, grossissons le texte :o;) */
font-family: Arial, Helvetica, sans-serif; 

}

#intro .droit {
float: right; 
min-height: 175px;
width: 47%; 
margin: 0px; 
padding: 5px; 
border:1px solid ;  
}

#intro .gauche {
width: 47%; 
min-height: 175px; 
margin: 0px; 
padding: 5px; 
border:1px solid ;  
}

#intro .bgbleu {
	background-image: url("../image/fondbleu.png");
   background-repeat: repeat-y; /* Le fond ne se répètera que sur la première colonne, verticalement */
}


#intro .gauche2 {
width: 47%; 
float: left;
min-height: 175px; 
margin: 0px; 
padding: 5px; 
}

.liste li {
    margin:0px 0px 0px 25px;  
    list-style-type:circle;
}

#intro .cadre{
  margin: 2px;
  width: 30%;
  min-height: 175px;
  float: left;
  padding: auto;
  font-family:Georgia, "Times New Roman", Times, serif;  
  display: inline;
  background:#E6E6E6 ; /*couleur de fond   */
}

#intro .cadre2{float: left; width: 3.9%;}


#intro h1{
  font: bold 13px Georgia, "Times New Roman", Times, serif;
  color:#ff0000;
  text-align:center;
  padding-top:5px;
  padding-left:5px;
  border:1px solid ; 
}


#intro h2{
  font: bold 13px Georgia, "Times New Roman", Times, serif;
  color:#990000;
  padding-top:5px;
  font-variant:small-caps;
  padding-left:5px;
  background: #fff;
  border:1px solid ; 
}
#intro h2 span{
  font-size:1.5em;
  color:#fff;
  float: right;
  font-weight:300;
  padding-right:5px;
  margin-top:-5px;
  background: #990000;
}
#intro .pimg{
  margin: 5px;
  width: 80%;  
}
#intro .pimg img {
  width: 100%;
  height: 100%;
}
#intro .pimg2{
  margin: 0px;
  width: 95%;  
}
#intro .pimg2 img {
  width: 100%;
  height: 100%;
}
#intro .pimg3{
  margin: 0px;
  width: 95%;  
}
#intro .pimg3 img {
  width: 60%;
  height: 60%;
}

#intro .imagegauche
{
			width: 40%; 
			float: left;
			margin: 5px;
}  
#intro .imagegauche img {
  width: 100%;
  height: 100%;
}




#intro .ptxt{
  margin: 0;
  padding:0;
  width: 95%;
}

#intro .legende      /* Explication sur les formulaire */
 { 
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif; /* style de police*/
	color:BLACK;
	font-style:italic;  
	font-size:8pt;
	text-align:justify;
}


p.communiquer {
text-align:center;
clear:both;
margin-bottom: 3em;
margin-top: 3em;
}