@charset "utf-8";
body
{
   width: 964px;
   margin: auto;
   background-color: #fff;
   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: #fff;
}

#en_tete{}

#en_tete h1
{
   font-size: 0.9em;
   margin: 0px 0px 0px 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:130px;
   margin-top:5px;
}

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

#texte_en_tete_gauche
{
   width: 500px;
   height: 30px;
   float: left;
   color: #000;
   vertical-align: center;
   background-color: #dadcd1;
   padding-top:5px;
}

#texte_en_tete_droite
{
   padding-top:5px;
   margin-left: 500px;
   height:30px;
   background-color: #dadcd1;
}

#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: 180px;
   margin-left: 10px;
   margin-right: 0px;
   padding-right: 0px;
   margin-top: 20px;
   background-color: #efeeed;
}

#image_paiement
{
   padding-top: 5px;
}

.bloc_menu_rech /* le bloc menu de la liste*/
{
   border: 2px solid #c3bba7;
   margin-bottom: 20px;
   margin-left: 0px;
   padding-left: 0px;
}

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

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

.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, .bloc_menu_rech h4 /* Les titres de chaque bloc menu */
{   
   color: #B3B3B3;
   text-align: center;
   text-decoration: underline;
   margin-bottom: 10px;
}

.bloc_menu p /* Bouton en haut du menu */
{
   text-align: center;
   margin: 2px;
   padding: 2px;
}

.bloc_menu img /* Bouton en haut du menu */
{
   margin-left: 1px;
}

.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: #5d544d;
   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: #e1505e;
   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: 198px;
   margin-bottom: 8px;
   margin-top: 20px;
   padding: 5px;
   text-indent: 20px;
   text-align: justify;
}

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

#corps-interne
{
   width: 740px;
   margin: 0px 9px 8px 198px; 
   padding: 20px 0px 10px 9px;
   text-indent: 20px;
   text-align: justify;
   overflow: visible;
}

#corps-interne .img_gauche
{
   float: left;
   margin-right: 30px;
   margin-bottom: 10px;
   margin-top: 10px;
}

#corps-interne .img_droite
{
   float: right;
   margin-left: 20px;
   margin-bottom: 10px;
   margin-top: 40px;
}

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

#corps-interne table
{
   margin: auto;
   border-collapse: collapse;
   text-align: center;
}
#corps-interne th
{
   border: 1px solid black;
   padding: 5px;
   font-size: 1em;
   background-color: #d97a8e;
}
#corps-interne td
{
   border: 1px solid black;
   text-align: center;
   padding: 2px;
}



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

#corps_boutique
{
   width: 740px;
   margin: 0px 0px 8px 201px;
   padding: 20px 0px 0px 0px;
   text-indent: 20px;
   font-size: 0.88em;
   text-align: justify;
   overflow: visible;
}

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

#corps-contact
{
   width: 740px;
   margin: 25px 0px 8px 198px;
   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: #000;
   font-size: 1.2em;
   text-decoration: underline;
}

#corps-interne h1, #corps-interne h2, #corps-interne h3 /* Les titres h2 et h3 du corps */
{
   text-indent: 20px;
   text-decoration: underline;
   color: #000;
   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: #000;
   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;
}

#pied_de_page .rss
{
  width: 20px;
  border: 0px;
}

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