/*feuille de style générale*/

html{
/* overflow-y: scroll; */
overflow:scroll;
}

#monbody 
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 /*background-color: #FFFFFF;*/
 
  background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

.conteneur
{
  width:1010px;
  height:639px;
  position:relative;
  top:0px;
  background: url("images/maquette-7-wide.jpg") no-repeat #ffffff center;
  text-align:center;
}

.conteneur2
{
  width:1010px;
  height:639px;
  position:relative;
  top:0px;
  background: url("images/maquette-7-short.jpg") no-repeat #ffffff center;
  z-index:1;
}

.conteneur3
{
  width:1010px;
  height:40px;
  position:relative;
  background: url("images/maquette-7-short.jpg") no-repeat #ffffff center;
  top:0px;
  z-index:1;
  /* background-position: 30% 30%;*/
}

.navigation
{
  width:900px;
  height:20px;
  position:relative;
  top:145px;
  padding-left:0px;
}

.lien
{
  
  float:left;
  
  height:18px;
  text-align:center;
  padding-top:1px;
  padding-right:5px;
  padding-left:5px;
}

.lien_100
{
  
  float:left;
  
  height:18px;
  text-align:center;
  padding-top:1px;
  padding-left:5px;
  padding-right:5px;
}

.lien_nav_vert
{
  padding-top:1px;
  color:#8C9372;
  font-size:15px;
  font-weight:normal;
  text-decoration:none ;
  padding-right:1px;
  padding-left:1px;
}

.lien_nav_rouge
{
  padding-top:1px;
  color:#D70647;
  font-size:15px;
  font-weight:normal;
  text-decoration:none ;
  padding-right:1px;
  padding-left:1px;
}
.contenu
{
  position:relative;
  height:320px;
  line-height:15px;
  width:677px;
  top:180px;
  padding-left:10px;
  padding-right:10px;
  text-align:left;
  text-align:justify;
  overflow:auto;
}

.contenu div
{
  padding-left:25px;
  padding-right:10px;
}

.contenu span
{
  color:#D70647;
  font-size:15px;
  font-weight:bold;
  text-align:center;
}

.contenu ul
{
  line-height:16px;
}

.liste_credit
{
  /*list-style-image : url(images/etoile_rouge.jpg);*/
  color:#D70647;
  font-size:12px;
  font-weight:normal;
}

.liste_credit span
{
  color:#000000;
  font-size:12px;
  font-weight:normal;
}

.lien_liste
{
  color:#000000;
  font-size:12px;
  font-weight:normal;
  text-decoration:underline;
}

.div_ville
{
  float:left;
  width:170px;
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  height:130px;
}

.div_ville2
{
  float:left;
  width:275px;
  text-align:center;
  padding-left:0px;
  padding-right:0px;
  height:130px;
}

.pied_de_page
{
  position:relative;
  height:40px;
  width:950px;
  top:210px;
  color:#000000;
  text-align:left;
  font-size:9px;
  padding-left:30px;
  padding-top:15px;
}

.pied_de_page2
{
  position:relative;
  height:40px;
  width:950px;
  top:-90px;
  color:#000000;
  text-align:left;
  font-size:9px;
  padding-left:0px;
  padding-top:15px;
}

.pied_plus_2
{
  position:relative;
  height:40px;
  width:950px;
  top: -115px;
  color:#000000;
  text-align:left;
  font-size:11px;
  font-weight: bold;
  padding-left:0px;
  padding-top:15px;
}

.pied_plus
{
  position:relative;
  height:40px;
  width:950px;
  top: 184px;
  color:#000000;
  text-align:left;
  font-size:11px;
  font-weight: bold;
  padding-left:30px;
  padding-top:15px;
}

.formulaire
{
  position:relative;
  width:350px;
  height:420px;
  top:140px;
  left:-324px;
  text-align:left;
  padding-top:0px;
  padding-left:10px;
  line-height:11px;
  overflow:auto;
}

.formulaire_bis
{
  position:relative;
  width:343px;
  height:360px;
  top:155px;
  left:-324px;
  text-align:left;
  padding-top:10px;
  padding-left:10px;
  line-height:11px;
  overflow:auto;
}

#devis_gratuit
{
  color:#D70647;
  font-size:19px;
  font-weight:bold;
  width:260px;
  float:left;
  height:30px;
  z-index:1;
  line-height:20px;
}

#renseignement
{
  color:#000000;
  font-size:10px;
  font-weight:bold;
  width:350px;
  float:left;
  padding-bottom:12px;
  /* height:30px;
  z-index:1;
  line-height:20px;*/
}


#rachat_credits
{
  color:#0022FF;
  font-size:20px;
  font-weight:bold;
  width:400px;
  float:left;
  height:30px;
  z-index:1;
  line-height:35px;
}

.lien_valider
{
  width:200px;
  text-align:right;
  padding-top:5px;
  float:left;
}

.champs_obligatoire
{
  float:left;
  font-size:9px;
  width:125px;
  color:#000000;
  padding-top:10px;
}

.champs_obligatoire_erreur

{
  float:left;
  font-size:9px;
  width:125px;
  color:#E40061;
  padding-top:10px;
}

.bouton
{
  width:100px;
  color:#D70647;
  border:2px outset #D70647;
  font-weight:bold;
  cursor:pointer;
}

#etape
{
  color:#D70647;
  font-size:13px;
  font-weight:bold;
  padding-top:2px;
}

.devis_titre 
{
  float:left;
  width:170px;
  font-weight:bold;
  font-size:11px;
  height:20px;
  height:15px;
  padding-top:5px;
}

.champs
{
  width:150px;
  height:20px;
  float:left;
  font-size:10px;
  position:relative;
  padding-top: 4px;
}

.mon_select
{
  width:155px;
  height:20px;
  font-size:10px;
}

.select
{
  width:155px;
  height:20px;
  font-size:10px;
}

.mon_select_erreur
{
  width:155px;
  background-color:#E40061;
  color:#ffffff;
  height:20px;
  font-size:10px;
}

.mon_select_famille
{
  width:155px;
  height:15px;
  font-size:10px;
}

.mon_select_famille_erreur
{
  width:155px;
  background-color:#E40061;
  color:#ffffff;
  height:15px;
  font-size:10px;
}

.saisie
{
  width:150px;
  height:14px;
  font-size:12px;
}

.saisie_erreur
{
  width:150px;
  background-color:#E40061;
  color:#ffffff;
  height:15px;
  font-size:10px;
}

.pied_de_page a
{
  color:#ff0000;
  font-size:9px;
  font-weight:normal;
  text-decoration:none
}

.pied_de_page2 a
{
  color:#ff0000;
  font-size:9px;
  font-weight:normal;
  text-decoration:none
}

.email
{
  color:#000000;
  text-decoration:none;
}

.lien_plan
{
  color:#000000;
  text-decoration:underline;
}

.select_libre_mois
{
  width:60px;
  font-size:10px;
  height:20px;
  font-size:10px;
}

.select_libre_jour
{
  width:38px;
  font-size:10px;
  height:20px;
  font-size:10px;
}

.saisie_annee
{
   width:18px;
   height:13px;
   font-size:10px;
}

.select_libre_mois_erreur

{
  width:60px;
  font-size:10px;
  height:20px;
  font-size:10px;
  background-color:#E40061;
  color:#ffffff;
}

.select_libre_jour_erreur

{
  width:45px;
  font-size:10px;
  height:20px;
  font-size:10px;
  background-color:#E40061;
  color:#ffffff;
}

.saisie_annee_erreur
{
   width:20px;
   height:11px;
   font-size:10px;
   background-color:#E40061;
  color:#ffffff;
}

.saisie_annee_charge_erreur
{
   width:33px;
   height:11px;
   font-size:10px;
   background-color:#E40061;
  color:#ffffff;
}

.saisie_annee_charge
{
   width:33px;
   height:11px;
   font-size:10px;
}

.saisie_enfant
{
  width:14px;
  height:15px;
  font-size:10px;
}

.alloc
{
  position:relative;
  top:10px;
}

.merci
{
  width:100%;
  float:left;
  font-weight:bold;
  font-size:12px;
  line-height:20px;
}

.demande_devis a
{
  padding-top:1px;
  color:#D70647;
  font-size:14px;
  text-decoration:underline;
  font-weight:bold;
  line-height:15px;
}

.demande_devis a:visited
{
  color:#D70647;
}

.demande_devis a:hover
{
  color:#D70647;
}

.demande_devis
{
  width:340px;
  font-weight:bold;
  text-align:center;
  color:#D70647;
  line-height:10px;
}

.agences
 {
   float:left;
   width:290px;
   height:275px;
   line-height:23px;
   text-align:center;
   padding-left:30px;
 }

.adresse_agence
 {
   width:300px;
   height:150px;
   padding-top:10px;
   float:right;
   line-height:20px;
 }

.agences span
{
  color:#D70647;
  font-size:15px;
  font-weight:bold;
  cursor:pointer;
}

.adresse_agence span
{
  color:#D70647;
  font-size:15px;
  font-weight:bold;
}

.button{
   padding:0 .25em 0 .25em;
   width:auto;
   overflow:visible;
}

devis a
{
  padding-top:1px;
  color:#D70647;
  font-size:14px;
  text-decoration:underline;
  font-weight:bold;
  line-height:15px;
}

.adresse_agence
 {
   width:300px;
   height:150px;
   padding-top:10px;
   float:right;
   line-height:20px;
 }

.adresse_agence
 {
   width:300px;
   height:150px;
   padding-top:10px;
   float:right;
   line-height:20px;
 }

.adresse_agence
 {
   width:300px;
   height:150px;
   padding-top:10px;
   float:right;
   line-height:20px;
 }

p.text_10px
{
  /* background-color:#E40061; */
  color:#000000;
  font-size:10px;
  /*vertical-align:text-top;*/
  margin-top: 0px ;
  padding-bottom : 0px ;
  margin-bottom : 0px ;
  padding-top : 0px ;
}

p.text_12px
{
  /* background-color:#E40061; */
  color:#000000;
  font-size:12px;
  /*vertical-align:text-top;*/
  margin-top: 10px ;
  padding-bottom : 0px ;
  margin-bottom : -2px ;
  padding-top : 0px ;
}

.img_cam
{
  margin-top: -5px ;
  padding-bottom : 0px ;
  margin-bottom : -10px ;
  padding-top : 0px ;
}

.h1navbar {
font-family:verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin:0;
font-size: 17px;
font-weight: bold;
display: inline;
font-weight: bold;
}


/*
Ajout footer extension 8 juillet 2011 
*************************************
*************************************
*/

body {

    background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}


p {
/* margin:1em 1em 1em 1em; */
font-size: 0.9em; 
/*font-family: "Arial Black", Arial, Verdana, serif;*/
}

h1 {
height: 50px;
width: 50px;
background-color: #666;
color: white;
margin:0;
}

h4 {
text-align: center; 
color: red;
margin: 0 0 0 0;
width: auto;
font-family: Arial Black, Arial, Verdana, serif; 
font-size: 1.5em; 
padding: 1em 0 0 0;
}

#conteneur_footer {
width: 1010px;
background-color:#ffffff;
margin: -5em 0em 0em 0em;
position:relative;
z-index:2;
}

#blocmenugauche {
float: left;
width: 330px;
background-color:#ffffff;
/*color: white;*/
}

#contenu {
margin-left: 330px;
margin-right: 330px;
background-color: #ffffff;

}

#contenu p {
margin: 1em 1em 1em 2em;
}



#blocmenudroite {
float: right;
width: 330px;
background-color:#ffffff;
/*color: white;*/
}

#blocmenugauche p {
margin-left:1em;
margin-right:1em;
}

#blocmenudroite p {
/* margin-left:1em; */
/* margin-right:1em; */
margin: 1em 1em 1em 2em;
}

#blocmenugauche ul, #blocmenudroite ul {
margin:0 0 1em 0;
}

#blocmenugauche li, #blocmenudroite li {
list-style-type: none;
margin:0 0 0 1em;
}

#blocmenugauche li a, #blocmenudroite li a {
color: white;
text-decoration: none;
}

#blocmenugauche li a:hover, #blocmenudroite li a:hover {
text-decoration: underline;
}

#pied {
clear: both;
width: 1010px;
color: white;
background-color: #ff0000;
margin:0;
}

#topbar_right, #topbar_contenu{
margin:0 0 0 1em;
width:auto; 
display:block; 
height:75px; 
background-color: silver; 
background-repeat: no-repeat;  
background: -moz-linear-gradient(top, white, #bbbbbb); /* pour Firefox 3.6+ */ 
}

#topbar_left{
margin:0 0 0 0;
width:auto; 
display:block; 
height:75px; 
background-color: silver;
background-repeat: no-repeat;  
background: -moz-linear-gradient(top, white, #bbbbbb); /* pour Firefox 3.6+ */  
}


hr {
height: 3px;
margin: -0.5em 0;
padding: 0;
color: #F00;
background-color: #F00;
border: 0;
}

.pied_de_page3 a
{
  color:#ff0000;
  font-size:9px;
  font-weight:normal;
  text-decoration:none
}

.pied_de_page3
{
  position:relative;
  height:40px;
  width:950px;
  top:-70px;
  color:#000000;
  text-align:left;
  font-size:9px;
  padding-left:0px;
  padding-top:15px;
  z-index: 8;
}

.pied_plus_3
{
  position:relative;
  height:40px;
  width:950px;
  top: -90px;
  color:#000000;
  text-align:left;
  font-size:11px;
  font-weight: bold;
  padding-left:0px;
  padding-top:15px;
  z-index: 8;
}

.pied_de_page4
{
  position:relative;
  height:40px;
  top: 0px;
  color:#000000;
  text-align:left;
  font-size:9px;
  padding-left:0px;
  padding-top:15px;
  z-index: 8;
}

.pied_plus_4
{
  position:relative;
  height:40px;
  top: -20px;
  color:#000000;
  text-align:left;
  font-size:11px;
  font-weight: bold;
  padding-left:0px;
  padding-top:15px;
  z-index: 8;
}