body {
width: 790px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
color: black;
/*font-size: 0.8em;*/
margin: auto;
padding: 0;
background-color: white;
text-decoration: none;
/*background-image:  url("../images/extensionhorizontale2.png");
background-repeat: repeat-Y;*/
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------                          CONTENEUR                     ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#conteneur {
position: relative;
width: 790px;
margin: 0 auto;
background-image:  url("../images/extensionhorizontale.png");
background-repeat: repeat-y;
/*border: 1px yellow solid;*/
color: black;
font-size: 11px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------                         BANNIERE                          -----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#banniere {
/*border: 1px solid yellow;*/
height: 125px;
width: 790px;
background-image: url("../images/banniereassurancesvillefranchoises.png");
background-repeat: no-repeat;
}
.discret {
border: 0;
}
#evitement {
font-size: 9px;
position: absolute;
top: 4px;
left: 360px;
text-align: left;
}
#evitement a {
text-decoration: none;
color: rgb(88,153,255);
}
#evitement a:hover {
color: white;
}
#droit{
float: right;
color: white;
margin-right: 30px;
margin-top: 35px;
text-align: center;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------                          MENU HAUT                                ----------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#menuhaut {
/*border: 2px solid yellow;*/
margin-top: -3px;
width: 780px;
height: 21px;
padding-top: 3px;
margin-left: 5px;
background-color: rgb(11,11,104);
background-image: url("../images/menuhorizontal.png");
background-repeat: no-repeat;
text-align: center;
}
#menuhaut a {
color: white;
text-decoration: none;
margin-right: 6px;
padding-top: 2px;
padding-bottom: 4px;

}
#menuhaut a:hover {
color: black;
background-image: url("../images/menuhorizontalhover.png");
background-repeat: repeat-X;
height: 21px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------                          MENU GAUCHE                                   --------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#gauche {
position: absolute;
left: 7px;
width: 126px;
text-align: left;
font-size: 10px;
/*border-top: 2px solid rgb(11,11,104);*/
margin-top: -6px;
}


#particuliersmenu {
padding-top: 3px;
margin-top: 5px;
width: 127px;
height: 20px;
margin-left: 2px;
background-image: url("../images/menuhorizontal.png");
background-repeat: no-repeat;
font-size: 11px;
text-align: center;
font-weight: bold;
/*border-top: 1px solid white;*/
color: orange;
}
#professionnelsmenu {
padding-top: 3px;
margin-top: 20px;
margin-left: 2px;
width: 127px;
height: 20px;
font-size: 11px;
text-align: center;
font-weight: bold;
background-image: url("../images/menuhorizontal.png");
background-repeat: no-repeat;
border-top: 1px solid white;
color: orange;
}
#dossiersmenu{
padding-top: 3px;
margin-top: 20px;
margin-left: 2px;
width: 127px;
height: 20px;
font-size: 11px;
text-align: center;
font-weight: bold;
background-image: url("../images/menuhorizontal.png");
background-repeat: repeat-X;
border-top: 1px solid white;
color: orange;
}

#grandmenu {
/*border: 1px solid red;*/
margin-left:0;
padding-top: 0;
padding-bottom: 0;
height: auto;
/*background :#ffffff;*/
/*background-image: url("../images/menudroitsaumonmilieu.gif");*/
width: 126px;
}
#basgrandmenu {
width: 126px;
height: 23px;
/*background-image: url("../images/menudroitsaumonbas.gif");*/
margin-left: 2px;
margin-bottom: 2px;
}
.menugauche {
width: 127px;
list-style-type: none;
margin: 0;
margin-left: 2px;
text-align: center;
padding: 0;
padding-bottom: 10px;

}

a.bouton {
/*définition de la classe "bouton" de la balise <a>*/
display: block;
width: 126px;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
}
a.bouton:hover {
/*définition de la classe "bouton" de la balise <a> au survol */
background-image: url("../images/menugauchehover.png");
background-repeat: repeat-Y;
}
.menugauche li {
width: 126px;
/*background-color: rgb(240,251,254);*/
margin-bottom: -10px;
padding-top: 0;
padding-bottom: 6px;
list-style-type: none;/*enlève le symbole avant les listes*/
}
.menugauche a {
margin: 0;
color: white;
text-decoration: none;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
/*(info bulle) dans le menu*/
/*définition de la balise <span> (info bulle) inclue dans < a >*/
.menugauche a span {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
display: none;
text-decoration: none;
}
/*définition de la balise <span> au survol*/
.menugauche a:hover span {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
display: block;
position: absolute;
width: 155px;/*largeur de la zone de commentaire*/
text-align: left;
border: 1px solid rgb(230,230,230);
color: black;
left: 140px;
background-color: rgb(240,251,254);
text-decoration: none;
font-size: 110%;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
padding: 3px; 
} 

.menugauche li a:hover {
width: 126px;
background-image: url("../images/menugauchehover.png");
background-repeat: repeat-Y;
}
.menugauche a:hover {
text-decoration: none;
color: black;

}

.menugauche2 {
width: 127px;
list-style-type: none;
margin: 0;
margin-left: 2px;
text-align: center;
padding: 0;
padding-bottom: 10px;

/*border: 1px solid rgb(230,230,230);*/
}

.menugauche2 li {
width: 125px;
/*background-color: rgb(254,236,203);*/
margin-bottom: -10px;
padding-top: 0;
padding-bottom:6px;
list-style-type: none;/*enlève le symbole avant les listes*/
}
.menugauche2 a {
margin: 0;
color: white;
text-decoration: none;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

}
/*(info bulle) dans le menu*/
/*définition de la balise <span> (info bulle) inclue dans < a >*/
.menugauche2 a span {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
display: none;
text-decoration: none;
}
/*définition de la balise <span> au survol*/
.menugauche2 a:hover span {
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
display: block;
position: absolute;
width: 155px;/*largeur de la zone de commentaire*/
text-align: left;
border: 1px solid rgb(230,230,230);
color: black;
left: 140px;
background-color: rgb(254,236,203);
text-decoration: none;
font-size: 110%;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
padding: 3px; 
} 

.menugauche2 a:hover {
text-decoration: none;
color: black;
}

a.bouton {
/*définition de la classe "bouton" de la balise <a>*/
display: block;
width: 126px;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
}
a.bouton:hover {
/*définition de la classe "bouton" de la balise <a> au survol */
background-image: url("../images/menugauchehover.png");
background-repeat: repeat-Y;
}
ul.menugauche3 {
margin-top: 0;
}
.menugauche3 li {
list-style: none;
position: left;
margin-left: -37px;
}
.menugauche3 a:hover {
text-decoration: none;
color: black;
}
.menugauche3 a {
margin: 0;
color: white;
text-decoration: none;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;

}
#partenairemenudroit {
width: 165px;
height: auto;
background-image: url("../images/menudroitsaumonmilieu.gif") ;

}
#partenairemenudroit a{
color: black;
}
/*
#menudroit3 hr{
position: relative;
left: -40px;
width: 165px;
color:  #ffdb99;
background-color: #ffdb99;
height: 2px;
border: 0;
}*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------                                  PIED DE PAGE                                         --------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#pied {
clear: both;
width: 790px;
margin-top: 10px;
padding-top: 15px;
height: 80px;
/*border: 1px solid green;*/
color: #B3B3B3;
background-image: url("../images/footer.png"); 
background-repeat: no-repeat;
/*background-color: #99CC99;*/
text-align: center;
font-size: 10px;
text-decoration: none;
}
#pied a {
text-decoration: none;
}
.W3C {
border: 0;
text-decoration: none;
color: #B3B3B3;
}
.mention_legale3 {
color: black;
font-size: 60%;
font-family: Arial,"Arial Black", "Times New Roman", Times, serif;
text-decoration: none;
}
.noir {
color: black;
font-size: 10px;
}
.blanc {
color: white;

}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------                          CORPS DE PAGE                           -----------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#centre {
/*background-color:#9999CC;*/
margin-left: 135px;
margin-right: 05px;

/*border: 2px solid yellow;*/
}
#corps {
margin-top: 0;
width: 630px;
height: auto;
min-height: 800px;
font-family: Arial, "Arial Black", "Times New Roman", Times ,serif;
text-align: justify;
font-size: 100%;
/*margin: auto;/*ça c'est pour éviter que le corps colle trop au pied de page en dessous*/
padding: 4px;
color: black;
/*background-color: white;*/
/*background-image:  url("../images/extensionhorizontale.png");
background-repeat : no-repeat;*/
/*border: 1px solid red;*/
}
#corps h1 {
text-align: center;
color: rgb(88,153,255);
}
#corps ol {
list-style-type: upper-roman;
margin-bottom: 50px;
}
#corps ol a{
color: black;
}
#corps ol li {
margin-bottom: 20px;
}
#corps ol ul li {
margin-bottom : 0;
}
#corps ol ul{
list-style-type: disc;
}
#retour_haut_de_page, #retour2_haut_de_page, #retour3_haut_de_page, #retour4_haut_de_page, #retour5_haut_de_page {
margin-left: 500px;
margin-bottom: 50px;
font-size: 75%;
}
/*Pour cacher les réponses dans la page f.a.q */
.cachediv {
visibility: hidden;
overflow: hidden;
height: 1px;
margin-top: -1px;
position: absolute;
background-image:  url("../images/extensionhorizontale.png");
background-repeat: repeat-Y;
}
.centre {
text-align: center;
}
#serenite {
height: 630px;
}
#pros a {
color: black;
}
#pros ul {
list-style-type: none;
}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------                        CORPS ACCUEIL                              ------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#pres {

width: 635px;
padding-left: 10px;
}
.presentation {
margin-right: 5px;
/*border: 1px solid red;*/
margin-bottom: 2px;
width: 204px;
float: left;
text-align: center;
}
.titre{
background-image: url("../images/presbleu.png");
height: 42px;
padding-top: 2px;
margin-left: 1px;
background-repeat: no-repeat;
}
#imageaccueil {
/*border: 1px solid red;*/
width: 643px;
margin-top: -4px;
margin-left: -1px;
}
.prescontenu {
width: 200px;
height: 150px;
padding-top: 15px;
margin-top: -14px;
margin-left: 1px;
border-left: 1px solid rgb(88,153,255);
border-right: 1px solid rgb(88,153,255);
}
.basprescontenu {
background-image: url("../images/basprescontenu.gif");
background-repeat: no-repeat;
height: 5px;
margin-left: 1px;
}



#titre_corps_accueil h1 {
color: black;
}
#titre_corps_accueil h2 {
color: black;
text-align: center;
}
.vert {
color: green;
}
.rouge {
color: red;
}
.bordure {
border: 0;
}

#contenu_actu {
width: 630px;
border-top: 0.5px solid #b1b1b1;
border-left: 2px solid #b1b1b1;
border-right: 1px solid #b1b1b1;
margin-top: -20px;
border-bottom: 2px dotted #b1b1b1;
}

#contenu_actu p {
margin-top: 20px;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
color: black;
}
#mentions_legales{
height:850px;
}
#contacter {
text-align: center;
height: 850px;
margin-top: 100px;
}
#contacter h2 {
font-size: 14px;
}

.actu {
width: 630px;
margin: auto;
margin-bottom: 30px;
}  

.actu em {
font-size: 80%;
}   

.actu h3 {

text-align: center;
height: 50px;
background: url("../images/titreactu3.png") no-repeat;
color: black;
margin-bottom: 0px;
padding-top: 20px;
font-size: 95%;
}
#particuliers_pros{
clear: both;
width: 632px;
text-align: center;
padding-left: 13px;
text-align: center;
font-size: 12px;
font-weight: bold;
padding-top: 6px;
}
 .special {
 width: 618px;
 background-image: url("../images/special.png");
 background-repeat: no-repeat;
 height: 36px;
 }
#special{
width: 619px;
border: 1px solid rgb(88,153,255);
border-top: 0;
margin-left: 0;
margin-top: -12px;
margin-bottom: 5px;
text-align: center;
font-size: 11px;
height: auto;
padding-bottom: 2px;
padding-top: 2px;
clear: both;
}
#special ul {
margin-bottom: -2px;
list-style-type: disc;
}
#special a{
color: black;
}
#special a:hover{
color: black;
font-weight: bold;
}
#autotempo {
margin-left: 150px;
}
#autotempo ul {
list-style-image: url("../images/interdit.gif");
}
fieldset {
border: 1px solid rgb(88,153,255);
margin-bottom: 5px;
}
#particuliers {

/*border: 2px solid red;*/
width: 370px;
}
#footerparticulier {
width: 369px;
height: 10px;
background-image: url("../images/footerparticulier.png");
background-repeat: no-repeat;
}
#footerpros {
width: 369px;
height: 10px;
background-image: url("../images/footerpros.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}
#professionnels {
/*border: 2px solid green;*/
width: 370px;

}
#titre_particuliers {
background-image: url("../images/titreparticulier.png");
background-repeat: repeat-y;
text-align: center;
width: 369px;
height: 20px;
padding-top: 6px;
font-size: 12px;
font-weight: bold;
color: black;
}
#titre_professionnels {
background-image: url("../images/titrepros.png");
background-repeat: repeat-y;
text-align: center;
width: 369px;
height: 20px;
padding-top: 6px;
font-size: 12px;
font-weight: bold;
text-align: center;
color: black;
}
#accueil ul{
list-style-type: none;
margin:0;
padding: 0;
/*border: 2px solid yellow;*/
list-style-position: inside;
}
#accueil li {
float: left;
margin-right: 52px;
}
#accueil {
margin-left: 0;
}
#titre_corps_accueil{
width: 369px;
height: 560px;
background-image: url("../images/particulier-pro.png");
background-repeat: repeat-y;
padding-left: 2px;
}
#titre_corps_accueil li {
border: 1px solid #ffdb99;
width: 178px;
text-align :center;
float: left;
height: 180px;
margin-right: 4px;
}
#titre_corps_accueil2 {
width: 369px;
height: 560px;
background-image: url("../images/particulier-pro.png");
background-repeat: repeat-y;
padding-left: 2px;
}
#titre_corps_accueil2 li {
border: 1px solid #ffdb99;
width: 178px;
text-align :center;
float: left;
height: 180px;
margin-right: 4px;
}
#maintien_revenu {
border: 1px solid #ffdb99;
text-align : center;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------                                       LE RESTE                                               -------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
p {margin: 0 0 10px 0;}
/*légende*/
legend {
font-family: Arial,"Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
color: black;
}
/*pour l'écriture dans les tableaux*/
caption {
margin: auto;/*centre le tableau*/
font-family: Arial,"Arial Black", "Times New Roman", Times, serif;
margin-bottom: 20px;
}
/*fabrication du tableau*/
.cs {
margin: auto;
border: 2px solid black;
border-collapse: collapse;
}

.cs td {
font-family: Arial,"Arial Black", "Times New Roman", Times, serif;
border: 1px solid black;
text-align: center;
padding: 5px;/*petite marge interieur aux cellules pour eviter que le texte ne touche les bordures*/
}

.table_form {
border: 0;
margin: 0;
}
.table_form td {
border: 0; 
text-align: left;
}
.mention_legale {
font-size: 70%;
font-family: Arial,"Arial Black", "Times New Roman", Times, serif;
}

.souligne {
text-decoration: underline;
}
.e_mail {
text-decoration: none;
}
#centrer{
text-align: center;
}
.email {
border: 0;
text-decoration: none;
padding-left: 1px;
}
/*mettre en majuscule toutes les champs des formulaires*/
.majuscule {
text-transform: uppercase;
}
/*pour que la zone de saisie des email soit remplie en petit*/
.minuscule {
text-transform: lowercase;
}
/*taille de la case pour indiquer le nbre de chiens*/
.nbre_chiens {
width: 20px;
}
/*taille de la case pour indiquer le nbre de chats*/
.nbre_chats {
width: 20px;
}
.versement {
width: 40px;
}


.valider {
font-family: Arial,"Arial Black", "Times New Roman", Times, serif;
color: blue;
font-size: 100%;
}
.contact {
font-size: 200%;
}
.attention {
float: left;
margin-right: 5px;
}
.importantautotempo {
color: blue;
font-weight: bold;
font-size: medium;
}
#autotempo {
margin-left: 150px;
}
#autotempo ul {
list-style-image: url("../images/interdit.gif");
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------                               LES PARTENAIRES             ----------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.partenaires {
border: 0;
text-decoration: none;
}
#lecameleon {
width: 140px;
border: solid 1px #003366;
text-align: center;
background-color: #C6D1EF;
margin-left: 0;
font-family:  Arial, Helvetica, sans-serif;
}
#lecameleon2{
text-align: center;
}
.ecrire {
color: blue;
font-size: 66%;
}
.ecrire_noir{
color: black;
}
.form_cameleon {
background-color: #FFFFFF;
color: #000000; 
font-family: Arial, Helvetica, sans-serif;
font-size: 10px; 
border: 1px solid #000000;
}
.surligne {
background-color: #ffdb99;
}

#partenaires li{
list-style-type: none;
}
#gratuitrama {
border: 4px dashed blue;
width: 135px;
background-color: #ffffff;
}
.boutonafroo {
font-family: Arial;
font-size: 11px;
text-align: center;
width: 108px;
height: 31px; 
background-color: #FDF8DD;
border: 3px dotted #F7601E;
color: #F7601E;
}
 .boutonafroo a{color:#000000;} .boutonafroo
a:hover{text-decoration:none;
}
.allisonline {
width: 165px;
height: 38px;
border: 0;
}