body
{
  background-color: #afcfff;
  background-image: url("../images/path4512e.jpg");
  background-attachment: fixed;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 0.8em;
}
div, p, h1, h2, h3
{
  margin: 0px;
}
a
{
  color: #ff8800;
  text-decoration: none;
}
:focus
{
/*  outline: 0;*/
}
:active
{
/*  outline: 0;*/
}

a:hover
{
  color: #005588;
  text-decoration: none;
}
a:active
{
  color: #ff8800;
  text-decoration: none;
}
.bouton
{
  display: block;
  padding: 0px;
  margin: auto;
  border-width: 1px;
  border-color: #005588; 
  border-style: outset;
  color: #005588;
  background: #ddeeff;
  font-weight: bold;
  cursor: pointer;  
}
.bouton:active
{
  border-style: inset;
  color:  #ff8800;
}
a.bouton
{ 
  width: 163px;
  padding-top: 2px;
  padding-bottom: 2px; 
  text-align: center;
}
input.bouton
{ 
  width: 165px;
  padding-top: 1px;
  padding-bottom: 1px;
}
a img
{
  border: none;
}
.link2, .map
{
  padding-right: 20px; 
  background: no-repeat top right;
}
.link2{background-image: url('../images/16lien_externe.png')}
.map{background-image: url('../images/16map_magnify.png')}
.link2:hover
{
/*  padding-right: 15px;
  background-position: 100% -4px;
*/}

acronym
{
  color: #005588;
  font-style: italic;
  cursor: help;
}
/*======Mise en place des blocs======*/
#conteneur
{ 
  width: 940px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 0px;
}
/*------En-tete------*/
#tete
{  
  width: 800px;
  margin: auto;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #005588;
  border-left: 2px solid #005588;
 	background: #ffffff no-repeat url("../images/tete1.jpg") ;
  background-color: white;
} 
h1
{
  margin-left: -5000px;
}
/*---Menu horizontal---*/
#menu_h
{
  margin-top: 62px;
  margin-left: 14px;
  width: 500px;
}
#menu_h .item
{
  float: left;
  border-bottom: 2px solid #005588;
  color: #005588;
  font-weight: bold;
  padding: 5px 10px;
  margin: 0px 7px;
}
#menu_h .item:hover
{
  border-bottom: 2px solid #ff8800;
  color: #ff8800;
}
#menu_h .item span
{
  display: block;
  width: 32px; 
  height: 32px; 
  margin: auto;
  margin-bottom: 10px;
}
#menu_h .item:hover span
{
  position: relative;
  top: -15px;
}
#menu_h .active_menu
{
  border-bottom: 2px solid #ff8800;
  color: #ff8800;
}
#menu_item1 span{background-image: url("../images/32garde.png");}
#menu_item7 span{background-image: url("../images/32house.png");}
#menu_item6 span{background-image: url("../images/32map.png");}
#menu_item4 span{background-image: url("../images/32telephone.png");}
#menu_item22 span{background-image: url("../images/32clock.png");}
/*---FIN Menu horizontal---*/

/*---Messages d'alerte---*/
#alert p
{
  width: 460px;
  height: 50px;margin-left: 10px;
  margin-right: 10px;
  margin-top: 150px;
  border-style: solid;
  border-width: 2px;   
  padding: 5px; 
  padding-left: 65px;
  background-repeat: no-repeat;
  text-align: center;
  color: #ff0000;
}
#alert p a
{
  display: block;
  width: 120px;
  margin: auto;
  border-style: solid;
  border-width: 1px;  
  background-color: #ddeeff;
  font-weight: bold;
}
#alert .alerte
{
  border-color: #ff6262;
  background-color: #ffc6c6;
  background-image: url("../images/message_erreur.png");
  color: #ff0000;
}
#alert .alerte a
{
  border-color: #ff6262;
  color: #ff0000;
}
#alert .valide
{
  border-color: #69ff69;
  background-color: #c9ffc9;
  background-image: url("../images/message_valide.png");
  color: #00cc00;
}
#alert .valide a
{
  border-color: #69ff69;
  color: #00cc00;
}
#alert .info
{
  border-color: #ffd162;
  background-color: #fff0c6;
  background-image: url("../images/message_info.png");
  color: #ffb501;
}
#alert .info a
{
  border-color: #ffd162;
  color: #ffb501;
}
/*---FIN messages d'alerte---*/
h2
{
  clear: both;
  width: 570px;
  margin: auto;
  margin-bottom: 0px;
  padding-top: 55px;
  text-align: center;
  color: #005588;
}
/*------FIN En-tête------*/
/*------Gauche------*/
#gauche
{ 
  float: left;
  position: relative;
  top: -60px;
}
#gauche div
{
  width: 163px;
  margin-top: 5px;
  border: #005588 solid 1px; 
  padding: 5px;
  padding-bottom: 0px;
  background: #ffffff;
}
#gauche div div
{
  margin: 0px;
  border: none;
  padding: 0px;  
}
#gauche .menu_v div a
{
   color: #005588;
   font-weight: bold; 
   display: block;
}
#gauche .menu_v div a:hover
{
   color: #ff8800;
}
#gauche .menu_v div .active_menu
{
   color: #ff8800;
}
#gauche div .tete
{
  height: 32px;
  width: 131px;
  position: relative; 
  left:-16px; 
  top: -10px;
  padding-left: 32px;
  text-align: center;
  color: #005588;
  font-weight: bold;
  background-repeat: no-repeat;
  background-color: transparent;
}
#gauche div .tete p
{
  position: relative; top: 12px;
}
#menu_v2 .tete{background-image: url("../images/32pill.png");}
#menu_v3 .tete{background-image: url("../images/32computer.png");}
#connexion .tete{background-image: url("../images/32user.png");}
#gauche hr
{ 
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: #ff8800 1px solid;
}
#connexion .input
{
  width: 140px;
  padding-left: 20px;
  background-repeat: no-repeat;
}
#connexion label
{
  color: #005588;
}
#connexion_cookie
{
  width: 10px;  
}
#connexion a
{ position: relative;
  padding-left: 20px;
  background-repeat: no-repeat;
}
#connexion a span
{
  display: none;
}
#connexion a:hover span.info
{
  display: block; 
  position: absolute; top: 20px; left: 20px; 
  width: 175px;
  z-index: 500;
  
  border: 1px solid #005588;
  border-left: 4px solid #005588;
  padding: 5px;
  padding-left: 25px;
  
  background-color: #ddeeff ; 
  background-image: url("../images/16info.png");
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #005588;
}
#connexion a:hover span.info b
{
  color: #ff8800;
}

#connexion .connected
{
  text-align: center;
}
#connexion .connected span
{
   color: #005588;
   font-weight: bold;
}

#connexion_login{background-image: url("../images/16user.png");}
#connexion_password{background-image: url("../images/16key.png");}
#connexion .profil{background-image: url("../images/16user_gray.png");}
#connexion .deconnexion{background-image: url("../images/16user_go.png");}
#connexion .inscription{background-image: url("../images/16user_edit.png");}
#connexion .pqinscription{background-image: url("../images/16lightbulb.png");}
#connexion .mdp{background-image: url("../images/16lock.png");}
/*------FIN Gauche------*/

/*------Droite------*/
#droite
{ 
  float: right;
  position: relative;
  top: 15px; 
}
#droite hr
{ 
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: #ff8800 1px solid;
}
#droite div
{ 
  width: 193px;
  margin-top: 5px;
  border: 1px solid #005588;
  padding: 5px;
  padding-bottom: 0px;
  background: #ffffff;
  text-align: justify;
}
#droite div div
{
  margin: 0px;
  border: none;
  padding: 0px;
}
#droite div .tete
{
  height: 32px;
  width: 161px;
  position: relative; 
  left:-16px; 
  top: -10px;
  padding-left: 32px;
  text-align: center;
  color: #005588;
  font-weight: bold;
  background-repeat: no-repeat;
  background-color: transparent;
}
#droite div .tete p
{
  position: relative; top: 12px;
}
#droite .garde .corps
{
  text-align: center;
}
#droite .garde .nom
{
  color: #005588;
}
#droite .garde .num
{
  font-weight: bold;
  margin-top: 1px;
  margin-bottom: 5px;
}
#droite .garde .nom a
{
  color: #005588;
  background-image: none;
  padding: 0px;
}
#droite .garde .nom a:hover
{
  color: #ff8800;
}
#droite .garde .tete{background-image: url("../images/32urgence.png");}
#droite .flashinfo .tete{background-image: url("../images/32lightning.png");}
#droite .flashinfo .corps .titre
{
    font-size: 1em;
    text-align: left;
    padding-left: 20px;
}
#droite .flashinfo .corps p
{
    font-size: 0.9em;
    text-align: justify;
}
#droite .flashinfo .corps .img a
{
  padding: 0px; 
  background: none;
}
#droite .flashinfo .corps .img img
{
  border: solid #005588 1px; 
  padding: 1px;
}
#droite .flashinfo .corps .img
{
  text-align: center;
  margin-bottom: 15px; 
  
}
#droite .flashinfo .corps .lireplus
{
  text-align: right;
}
/*------FIN Droite------*/

/*------Corps------*/
#corps
{
  width: 800px;
  margin: auto;
  border-right: 2px solid #005588;
  border-left: 2px solid #005588;  
  background-color: #ffffff;
}
#centre
{
  margin-left: 120px;
  margin-right: 150px;
  padding-top: 20px; padding-bottom: 1px;
  text-align: justify;
}
#fin
{
  clear: both;
}
/*------FIN Corps------*/

/*------Pieds------*/
#pieds
{
  width: 800px;
  clear: both;
  margin: auto;
  padding-top: 50px;
  padding-bottom: 15px;
  border-right: 2px solid #005588;
  border-left: 2px solid #005588;
  border-bottom: 2px solid #005588;
  background-color: #ffffff;
}
#pieds hr
{ 
  margin: 15px; 
  border: #ff8800 1px solid;
}
#pieds .centre p
{
  color: #005588;
  text-align: center;
  margin-left: 120px;
  margin-right: 120px;
  font-size: 0.8em;
}
#pieds .gauche
{
  position: relative;
  bottom: 40px;
  float: left;
  padding: 5px;
  padding-left: 15px;
}
#pieds .droite
{
  position: relative;
  bottom: 40px;
  float: right;
  padding: 5px;
  padding-right: 15px;
}
#pieds .droite img
{
  margin-top: 27px;
}
/*------Fin Pieds------*/
/*======FIN blocs======*/

.recherche
{ 
  width: 140px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-image: url("../images/16magnifier.png");
}

/*-CON--produits produit.intro.vue*/
#produits_intro table
{
  width: 100%;
  margin-top: 15px;
  padding-top: 15px;
  border-bottom: solid 18px #ddeeff;
  border-collapse: collapse;
  margin-bottom: 25px;
}
#produits_intro table th
{
  background: #ddeeff;
  padding-left: 20px;
}
#produits_intro td
{
  padding: 10px;
  padding-bottom: 20px; 
}
#produits_intro table .gauche
{
  text-align: justify;
  width: 60%;
}
#produits_intro table .droite
{
  text-align: center;
  width: 40%;
}
/*-FIN--produits produit.intro.vue*/

/*-CON--Garde------*/
#garde
{
  padding-top: 15px;
}
#garde table
{
  border-collapse: collapse;
  margin-top: 15px;
  border-bottom: solid 18px #ddeeff;
  margin-bottom: 25px;
  width: 100%;
}
#garde table th
{
  background: #ddeeff;
  padding-left: 20px;
}
#garde td
{
  width: 50%;
  padding: 10px;
  text-align: center;
}
#garde .telephone, #garde .adresse
{
  padding-bottom: 20px;
}
#garde .telephone span
{
  padding-left: 20px;
  background-repeat: no-repeat;
  background-image: url("../images/16telephone.png");
}
#garde .adresse a.map
{   
  margin: auto;
  padding-left: 20px;
  padding-right: 0px;
  background-repeat: no-repeat;
  background-position: top left;
  background-image: url("../images/16map_magnify.png");
}
#garde td img
{
  float: left;
}
/*-FIN--Garde------*/

/*-CON--Contact------*/
#contact hr
{
  border: solid 9px #ddeeff;
}
#contact form
{
  padding-top: 50px;
}
#contact .coordico
{ 
  width: 160px;
  float: left;
  border-bottom: dotted 1px #005588;
  text-align: right;
  background-repeat: no-repeat;
}
#contact .telephone{background-image: url("../images/16telephone.png");}
#contact .telefax{background-image: url("../images/16telefax.png");}
#contact .adresse{background-image: url("../images/16email.png");}
#contact .email{background-image: url("../images/16keyboard.png");}
#contact .nom{background-image: url("../images/16user.png");}
#contact .texte{background-image: url("../images/16pencil.png");}
#contact .coord
{
  margin: 12px;
  margin-left: 170px;
}
#contact label
{
  display: block;
  width: 160px;
  
  float: left;
  margin-top: 15px;
  text-align: right;
  border-bottom: dotted 1px #005588;
  background-repeat: no-repeat;
}
#contact label.erreur
{
  border-color: red;
  color: red;
}
#contact .obligatoire
{
  border-bottom: dotted 1px #ff8800;
}
#contact input, #contact select
{
  margin: 10px;
  border-width: 1px;
  border-color: #005588;
}
#contact .input
{
/*  border-style: inset;*/
}/*
#contact input.erreur
{
  border-color: red;
}
*/
#contact .sujet
{
  clear: both;
  margin-left: 20px;
  margin-top: 1px;
}
#contact span.sujet
{
  display: block;
  width: 400px;
  margin-bottom: 10px;
}
#contact .label2
{
  float: none;
  clear: both;
  margin-top: 0px;
  margin-left: 20px;
  margin-bottom: 0px;
  text-align: left;
}
#contact textarea
{
  width: 500px;
  font-family: Helvetica, Arial, sans-serif;
  border-style: inset;
  border-width: 1px;
  border-color: #005588;
  padding: 5px;
  margin-left: 20px; /*margin-right: 20px;*/
  margin-top: 1px;
}
#contact textarea.erreur
{
  border-color: red; 
}
#contact span.erreur
{
  position: relative;
  white-space: nowrap;  
  width: 240px;
  font-size: 0.9em;
  font-style: italic;
  color: red;
}
#contact span.erreur.i
{
  display: block;
  left: 150px;
  top: -10px;
}
#contact span.erreur.ta
{ 
  left: 30px;
  top: -2px;
  text-align: left;
}
#contact .break
{
  line-height: 0; 
  display: block;
}
#contact .legende
{
  float: right;
  width: 140px;
  border: solid 1px #005588;
  padding: 5px;
}
#contact .legende p
{
  width: 140px;
}
#contact .legende .erreur
{
  border-bottom: dotted 1px red;
  color: red;
  font-style: normal;
}
/*-FIN--Contact------*/

/*-CON--Profil------*/
#profil table
{
  width: 100%;
  margin-top: 15px;
  padding-top: 15px;
  border-bottom: solid 18px #ddeeff;
  border-collapse: collapse;
  margin-bottom: 25px;
}
#profil table th
{
  background: #ddeeff;
  padding-left: 20px;
}
#profil td
{
  padding: 10px;
  padding-bottom: 20px; 
}
#profil table .gauche
{
  text-align: justify;
  width: 70%;
}
#profil table .droite
{
  text-align: center;
  width: 30%;
}
#profil .coordico
{ 
  width: 130px;
  float: left;
  border-bottom: dotted 1px #005588;
  text-align: right;
  background-repeat: no-repeat;
}
#profil .telephone{background-image: url("../images/16telephone.png");}
#profil .mobil{background-image: url("../images/16phone.png");}
#profil .telefax{background-image: url("../images/16telefax.png");}
#profil .adresse{background-image: url("../images/16email.png");}
#profil .email{background-image: url("../images/16keyboard.png");}
#profil .utilisateur{background-image: url("../images/16user_gray.png");}
#profil .nom{background-image: url("../images/16user.png");}
#profil .texte{background-image: url("../images/16pencil.png");}
#profil .lock{background-image: url("../images/16lock.png");}
#profil .key{background-image: url("../images/16key.png");}
#profil .coord
{
  margin-left: 140px;
  margin-bottom: 12px;
}
#profil label
{
  display: block;
  width: 160px;
  float: left;
  margin-top: 15px;
  text-align: right;
  border-bottom: dotted 1px #005588;
  background-repeat: no-repeat;
}
#profil label.erreur
{
  border-color: red;
  color: red;
}
#profil .obligatoire
{
  border-bottom: dotted 1px #ff8800;
}
#profil input, #profil select
{
  margin: 10px;
  border-width: 1px;
  border-color: #005588;
}
#profil select
{
  width: 180px;
}
#profil .input
{
  border-style: inset;
}
#profil input.erreur
{
  border-color: red;
}
#profil textarea
{
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  border-style: inset;
  border-width: 1px;
  border-color: #005588;
}
#profil textarea.erreur
{
  border-color: red;
}
#profil p.erreur
{
  position: relative;
  width: 240px;
  font-size: 0.9em;
  font-style: italic;
  color: red;
}
#profil p.erreur.i
{
  left: 170px;
  top: -10px;
}
/*-FIN--Profil------*/
/*-CON--inscription------*/
#inscription table
{
  width: 100%;
  margin-top: 15px;
  padding-top: 15px;
  border-bottom: solid 18px #ddeeff;
  border-collapse: collapse;
  margin-bottom: 25px;
}
#inscription table th
{
  background: #ddeeff;
  padding-left: 20px;
}
#inscription td
{
  padding: 10px;
  padding-bottom: 20px; 
}
#inscription table .gauche
{
  text-align: justify;
  width: 70%;
}
#inscription table .droite
{
  text-align: center;
  width: 30%;
}
#inscription .coordico
{ 
  width: 160px;
  float: left;
  border-bottom: dotted 1px #005588;
  text-align: right;
  background-repeat: no-repeat;
}
#inscription .telephone{background-image: url("../images/16telephone.png");}
#inscription .mobil{background-image: url("../images/16phone.png");}
#inscription .telefax{background-image: url("../images/16telefax.png");}
#inscription .adresse{background-image: url("../images/16email.png");}
#inscription .email{background-image: url("../images/16keyboard.png");}
#inscription .utilisateur{background-image: url("../images/16user_gray.png");}
#inscription .nom{background-image: url("../images/16user.png");}
#inscription .texte{background-image: url("../images/16pencil.png");}
#inscription .lock{background-image: url("../images/16lock.png");}
#inscription .key{background-image: url("../images/16key.png");}
#inscription .coord
{
  margin-left: 170px;
  margin-bottom: 12px;
}
#inscription label
{
  display: block;
  width: 160px;
  float: left;
  margin-top: 15px;
  text-align: right;
  border-bottom: dotted 1px #005588;
  background-repeat: no-repeat;
}
#inscription label.erreur
{
  border-color: red;
  color: red;
}
#inscription .obligatoire
{
  border-bottom: dotted 1px #ff8800;
}
#inscription input, #inscription select
{
  margin: 10px;
  border-width: 1px;
  border-color: #005588;
}
#inscription select
{
  width: 180px;
}
#inscription .input
{
  border-style: inset;
}
#inscription input.erreur
{
  border-color: red;
}
#inscription textarea
{
  width: 100%;
  font-family: Helvetica, Arial, sans-serif;
  border-style: inset;
  border-width: 1px;
  border-color: #005588;
}
#inscription textarea.erreur
{
  border-color: red;
}
#inscription p.erreur
{
  position: relative;
  width: 240px;
  font-size: 0.9em;
  font-style: italic;
  color: red;
}
#inscription p.erreur.i
{
  left: 170px;
  top: -10px;
}
#inscription .legende
{
  float: right;
  width: 140px;
  border: solid 1px #005588;
  padding: 5px;
}
#inscription .legende p
{
  width: 140px;
}
#inscription .legende .erreur
{
  border-bottom: dotted 1px red;
  color: red;
  font-style: normal;
}

#inscription_h
{
  margin-top: 62px;
}
#inscription_h .item
{
  float: left;
  padding: 5px 10px;
}
#inscription_h .item span
{
  display: block;
  height: 32px; 
  margin-bottom: 10px;
}
#droite .legende
{
}
#droite .legende .coordico
{
  margin-bottom: 5px;
  text-align: right;
  border-bottom: dotted 1px #005588;
}
#droite .legende .obligatoire
{
  border-bottom: dotted 1px #ff8800;
}
#droite .legende .erreur
{
  border-bottom: dotted 1px red;
  color: red;
}

#gauche .inscription_v.active
{
  border: #005588 solid 3px; 
  position: relative; left: -2px; 
  background-color: #ddeeff;
}
#gauche .inscription_v.active .corps
{
  background-color: #ddeeff; font-size: 0.9em;
}
#inscription_v1 .tete{background-image: url("../images/32key.png");}
#inscription_v2 .tete{background-image: url("../images/32user.png");}
#inscription_v3 .tete{background-image: url("../images/32accept.png");}
/*-FIN--Inscription------*/

/*-CON--Localisation------*/
#localisation div
{
  margin: 10px;
  margin-left: 0px;
  padding-left: 20px;
  background-repeat: no-repeat;
}
#localisation .adresse{background-image: url("../images/16email.png");}
#localisation .auto{background-image: url("../images/16car.png");}
#localisation .bus{padding-left: 68px; background-image: url("../images/16bustec.png");}

#localisation object, #localisation iframe
{
  width: 100%;
  height: 400px;
}
/*-FIN--Localisation------*/

/*-CON--Horaire------*/
#horaire table
{
  margin-top: 25px;
  width: 100%;
}
#horaire th, #horaire td
{
  background-color: #ddeeff;
}
#horaire th
{
  text-indent: 5px;
}
#horaire tr
{
  height: 25px;
}
#horaire span
{
  display: block; 
  float: left; 
  padding-top: 5px;
  padding-bottom: 5px;
  text-indent: 5px;
  height: 15px;
}
#horaire .ouvert
{
  background-color: #c9ffc9;
  color: #00cc00;
}
#horaire .ferme
{
  background-color: #ffc6c6;
  color: #ff0000;
}

/*-FIN--Horaire------*/