@charset "utf-8";
body
{
   width: 964px;
   margin: auto;
   background-color: #fcfcfc;
   margin-top: 10px;
   margin-bottom: 20px;
   padding-top: 0px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, serif;
   border: 2px solid black;
   font-size: 0.90em;
}

/* L'en-tête */

#texte_en_tete
{
   padding:0px 5px 0px 5px;
   background-color: #efeeed;
}

#en_tete h1
{
   font-size: 0.9em;   
   margin-bottom:0px;   
   margin-top:0px;
   margin-left:10px;
   display : inline;
}

#en_tete p
{
   display : inline;
   font-size: 0.9em;   
   padding:0px 0px 0px 0px;  
}

#image1_en_tete
{
   background-image:url("permis_a_points_images/stage-points-permis.jpg");
   background-repeat:no-repeat;   
   height:160px;
}

#en_tete form
{   
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}

#texte_en_tete_gauche
{
   background-image:url("permis_a_points_images/stage-points-permis2.jpg");
   background-repeat:no-repeat;
   width: 500px;
   height:25px;
   float: left;
   color: #000000;
   padding-top: 5px;
}

#texte_en_tete_droite
{
   background-image:url("permis_a_points_images/stage-points-permis3.jpg");
   background-repeat:no-repeat;
   margin-left: 500px;
   /*width: 464px;*/
   height:30px;
}

#texte_en_tete_gauche H1, #texte_en_tete_gauche H2
{
   font-size: 0.85em;
   margin-left: 20px;
}

/* Le menu */

#menu /* L'ensemble du menu */
{
   float: left;
   width: 168px;
   margin-left: 10px;
   margin-right: 0px;
   padding-right: 0px;
   margin-top: 20px;
   background-color: #efeeed;
}

.recherche /* La liste deroulante des departements */
{   
   color: black;
   text-align: center;
   font-size: 0.80em;
}

.bouton-recherche
{   
   background-color: #8bb6ed;
   color: black;
   text-align: center;
   font-size: 0.80em;
}

.select-recherche /* Chaque élement de la liste deroulante */
{   
   font-size: 0.90em;
   margin-bottom: 10px;
}

.bloc_menu /* Chaque bloc du menu */
{
   border: 2px solid #c3bba7;
   margin-bottom: 20px;
}

/* Quelques effets sur les menus */
.bloc_menu h4 /* Les titres de chaque bloc menu */
{   
   color: #B3B3B3;
   text-align: center;
}

.bloc_menu ul /* Toutes les listes à puces du menu */
{
   list-style-type: none;
   padding: 0px;
   padding-left: 15px;
   margin: 0px;
   margin-bottom: 5px;
   font-size: 0.85em;
}

.bloc_menu a, #pied_de_page a, #corps-interne a, #corps-article a  /* link: couleur du lien */
{
   color: black;
   text-decoration: none;
}

.bloc_menu a:visited, #pied_de_page a:visited, #corps-interne a:visited, #corps-article a:visited /* visited: quand le visiteur a déja vu la page */
{
   color: #00008b;
   text-decoration: none;
}

.bloc_menu a:hover, #pied_de_page a:hover, #corps-interne a:hover, #corps-article a:hover /* Hover: Quand on pointe sur un lien du menu */
{
   color: #0f75be;
   font-style: italic;
   text-decoration: underline;
}

.bloc_menu a:active, a:focus, #pied_de_page a:focus, #corps-interne a:focus, #corps-article a:focus /* active: quand on clique sur le lien, focus: quand le visiteur selectionne le lien on met les meme parametres car les deux sont trés court */
{
   color: #ed8ea2;
   font-style: italic;   
}

/* La banniére pub sur les pages de stages */
.pub_banniere
{
  float: left;
  margin-left: 50px;
}

.contour
{
  border-style:solid;
  border-width:1px;
  border-color:black;
  float: left;
}

.fin_flottant
{
  clear:both;
}

/* Les pub page radar */
.pub
{
  width: 125px;
  height: 125px;
  border: 0px;
}

.avertisseur
{
  border: 0px;  
}

.pavertisseur
{  
  text-indent: 20px;  
  text-align:center;
  margin-top:5px;
  margin-bottom:5px;
}

.souligner
{  
  text-decoration:underline;  
}

/* La carte de France */
#carte
{
   margin-left: 250px;
}

#carte-accueil
{
  width: 601px;
  height: 569px;
  border: none;
}

/* Le corps de la page */
#corps
{
   width: 750px;
   margin-left: 190px;
   margin-bottom: 8px;
   margin-top: 20px;
   padding: 5px;
   color: #ffffff;
   background-color: #1990e1;
   border: 1px solid black;
   text-indent: 20px;
   text-align: justify;
}

#corps a  /* link dans le paragraphe */
{
   color: #ffffff;
   text-decoration: none;
}

#corps-interne
{
   width: 750px;
   margin-left: 187px;
   margin-bottom: 8px;
   margin-top: 0px;
   padding: 10px;
   padding-left: 9px;
   padding-right: 0px;
   margin-right: 9px;
   padding-top: 20px;
   text-indent: 20px;
   text-align: justify;
   overflow: visible;
}

#corps-interne .centrer
{
	text-align: center;
}

#script
{
   margin-left: 0px;
   padding-left: 0px;
}

#liste-stage
{
   margin-left: 25px;
   padding: 0px;
   border-width:3px;
   border-color:#999999;
   border-style:double;
   overflow:auto;
}

#liste-stage2
{
   margin: 0px;
   padding: 0px;
   margin-left:10px;
   border-width:3px;
   border-color:#999999;
   border-style:double;
   overflow:auto;
}

#corps_boutique
{
   width: 750px;
   padding: 0px;
   margin: 0px;
   margin-left: 187px;
   margin-bottom: 8px;
   margin-top: 0px;
   padding-top: 20px;
   text-indent: 20px;
   font-size: 0.88em;
   text-align: justify;
   overflow: visible;
}

#boutique-avertisseur
{
   margin: 0px;
   padding: 0px;
   margin-left: -5px;
   text-align:left;
   border:none;
   overflow:auto;
}

#boutique-avertisseur2
{
   margin: 0px;
   padding: 0px;
   margin-left: -5px;   
   text-align: left;
   border: none;
   overflow: auto;
}

#corps-contact
{
   width: 750px;
   margin-left: 187px;
   margin-bottom: 8px;
   margin-top: 25px;
   padding: 5px;
   color: black;
   border: 2px solid black;
   text-indent: 20px;
   text-align: justify;
}


#corps h1  /* Les titres h1 du corps */
{
   text-align: center;
   color: #B3B3B3;
   font-size: 1.2em;
}

#corps-interne h1, #corps-interne h2, #corps-interne h3 /* Les titres h2 et h3 du corps */
{
   text-indent: 20px;
   text-decoration: underline;
   color: #B3B3B3;
   font-size: 0.9em;
   text-align: left; 
}

#corps-interne h4, #corps-interne h5, #corps-interne h6 /* Les titres h2 et h3 du corps */
{
   text-indent: 30px;
   text-decoration: underline;
   color: #B3B3B3;
   font-size: 0.9em;
   text-align: left; 
}

#corps-interne li /* Les listes du corps */
{
   text-indent: 20px;
   list-style-type: square;
   font-size: 0.9em;
   text-align: left;
}

#corps em, #corps strong, #corps-interne em, #corps-interne strong, #corps_boutique em, #corps_boutique strong
{
   font-style: normal;
   font-weight: normal;
}

.alphabet
{
text-align:center;
}

.liste-ville
{   
font-size: 0.9em;
text-align: justify;
margin-left: 50px;
}

/* Le pied de pageL */

#pied_de_page
{
   text-align: center;
   color: #B3B3B3;
   margin-bottom: 0px;
}

#pied_de_page p
{
   color: black;
   font-size: 0.8em;
}

/* Les formulaires des membres de l'annuaire*/

form
{
  text-align:center;
}

input:focus, textarea:focus /* Quand le curseur est sur un champL */
{
   background-color: #fea3ce;
}
 
label
{
   color: #314a84;
}
 
legend
{
   font-family: Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
   color: #016c94;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px;
}

.urgent, .alerte
{
  color: red;
}

.ok
{
  color: green;
  text-indent: 30px;
}

/* l'annuaire */

.categorie_annuaire
{
  width: 730px;
  margin-left: 20px;  
}

.categorie_annuaire td
{
  width: 240px;
}

.site_annuaire
{
  width: 730px;
  margin-left: 10px;
}

.site_annuaire img
{
  border: 1px solid #f08a9f;
}

.site_annuaire td
{
  width: 225px;
}

.site_annuaire a
{
  text-decoration: underline;
}

.pagination
{
  text-align: center; 
}

.pagination_en_cours
{
  color: #f08a9f;
  text-decoration: underline; 
}

.imageflottante
{
   float: left;
   margin-right: 20px;
   margin-bottom: 10px;
   border: 1px solid #f08a9f;
}

.paragraphe-article
{
   text-indent: 20px;
}

#google-468-60, #google-250-300
{   
   text-align: center;
}