@charset "UTF-8";
/* CSS Document */

body
{
background-color: #FFFFCC;
}

body 
{
margin: 10px;
padding: 0;
font-family: Arial,Heetica,sans-serif;
color: #000000;
}

img
{
border: none;
margin: 0;
padding: 0;
}
 
h1
{
font-family: Arial,Heetica,sans-serif;
font-size: 24px;
font-weight: bold;
text-align:center;
color: #880000
}

h2
{
font-family: Arial,Heetica,sans-serif;
font-size: 20px;
font-weight: bold;
padding-top: 15px;
text-align: center;
color: #883E00;
}

h3
{
font-family: Arial,Heetica,sans-serif;
font-size: 16px;
font-style: normal;
text-align: center;
color: #880000;
}

h4
{
font-family: Arial,Heetica,sans-serif;
font-size: 14px;
font-style: italic;
text-align: center;
color: #883E00;
}

p
{
font-family: Arial,Heetica,sans-serif;
font-size: 14px;
font-style: normal;
text-align: left;
}

.petit
{
font-family: Arial,Heetica,sans-serif;
font-size: 10px;
font-style: normal;
text-align: center;
color: #FF0000;
}

.petitfooter
{
font-family: Arial,Heetica,sans-serif;
font-size: 10px;
font-style: normal;
text-align: center;
color: #000000;
}

.temoignage
{
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
font-style: normal;
text-align: justify;
color: #0000FF;
}

.©1
{
font-family: Arial,Heetica,sans-serif;
font-size: 1px;
font-style: normal;
text-align: left;
color: #880000;
}

/*tableau temoignage de JCN*/
.tableautab 
{
width: 600px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}

.titretab
{
background-color: #000000;
font-family: Arial,Heetica,sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}

.lignetab
{
background-color: #F5F5DC;
font-family: Arial,Heetica,sans-serif;
font-size: 9px;
color: #000000;
text-align: center;
}

.col1tab 
{
font-family: Arial,Heetica,sans-serif;
font-size: 9px;
font-weight: bold;
color: #000000;
background-color:#F5F5DC;
text-align: left;
}

.col2tab 
{
font-family: Arial,Heetica,sans-serif;
font-size: 9px;
color: #000000;
background-color:#F5F5DC;
text-align: right;
}

.col3tab 
{
font-family: Arial,Heetica,sans-serif;
font-size: 10px;
font-weight: bold;
color: #F5F5DC;
background-color:#000000;
text-align: center;
}

/*tableau resultats AcadSB*/

.tableaures
{
width: 520px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}

.titreres
{
background-color: #000000;
font-family: Arial,Heetica,sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}

.ligneres
{
background-color: #FFFFFF;
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
text-align: center;
}

.col1res 
{
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
color: #FFFFFF;
background-color:#000000;
text-align: left;
}

.col2res 
{
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: right;
}

.col3res
{
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
font-weight: bold;
color: #F5F5DC;
background-color:#000000;
text-align: center;
}

/*tableau tarits posteaux*/
.tableaupos 
{
width: 600px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}

.titrepos
{
background-color: #000000;
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}

.lignepos
{
background-color: #000000;
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
color: #FFFFFF;
text-align: left;
}

.col1pos 
{
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color:#000000;
text-align: left;
}

.col2pos 
{
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
color: #000000;
background-color:#FFFFFF;;
text-align: right;
}

.col3pos 
{
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
background-color:#000000;
text-align: center;
}


/*alignement des mots*/

.centre
{
text-align: center;
}

.justifie
{
text-align: justify;
}

.adroite
{
text-align: right;
}

.agauche
{
text-align: left;
}

/*particularites des mots*/

/*pour lettre de vente*/
.lettrine 
{ 
float: left; /* positionnement de la lettrine dans le conteneur*/ 
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/ 
font-weight: bold; 
font-family: Courier New; 
color: #000000; 
border: 0px solid #990000; /* définition d'une bordure autour de la lettrine*/ 
background-color: #FFFFFF;  
margin: 1px; 
padding: 1px; 
line-height: 1em; 
} 

.lettrine2
{
float: left;
font-size: 4em;
font-weight: bold;
font-family:  Courier New; 
color: #990000; 
border: 0px solid #990000; /* définition d'une bordure autour de la lettrine*/ 
background-color: #FFFFCC;  
margin: 1px; 
padding: 1px; 
line-height: 1em; 
} 

.garantietexte
{
margin-left: 15px;
margin-top: 0px;
font-family: Courier New;
color: #27295A;
text-align: justify;
}

.lettrine 
{ 
float: left; /* positionnement de la lettrine dans le conteneur*/ 
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/ 
font-weight: bold; 
font-family: Georgia, Times New Roman, Times, serif; 
color: #990000; 
border: 0px solid #990000; /* définition d'une bordure autour de la lettrine*/ 
background-color: #FFFFFF;  
margin: 1px; 
padding: 1px; 
line-height: 1em; 
} 

.lettrine2
{
float: left;
font-size: 4em;
font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif; 
color: #990000; 
border: 0px solid #990000; /* définition d'une bordure autour de la lettrine*/ 
background-color: #FFFFCC;  
margin: 1px; 
padding: 1px; 
line-height: 1em; 
} 

.gras 
{
font-weight: bold;
}

.grasSB 
{
font-weight: bold;
color: #880000;
}

.grascentre 
{
font-weight: bold;
text-align:center;
}

.grascentrecouleur 
{
font-weight: bold;
text-align:center;
color: #880000;
}

.centrecouleur 
{
text-align:center;
color: #880000;
}

.centrerouge 
{
font-weight: bold;
text-align:center;
color: #FF0000;
}

.ital
{
font-style: italic;
}

.italgras
{
font-weight: bold;
font-style: italic;
}

/*couleur des mots*/

.hrouge
{
width: 250px;
color: #FFFFFF;
border: 1px dashed #BD0000;
margin-top: 20px;
margin-bottom: 20px;
}

.coulSB
{
color: #880000;
}

.petitcoulSB
{
font-size: 10px;
color: #880000;
}

.petitcoulSBcentre
{
text-align:center;
font-size: 10px;
color: #880000;
}

.noir
{
color: #000000;
}


.vert
{
color: #009900;
}

.rouge
{
color: #FF0000;
}

.bleu
{
font-size: 10px;
color: #0066FF;
}

.bleugrand
{
font-size: 16px;
color: #0066FF;
}

.bleugrandcenter
{
font-weight: bold;
text-align:center;
color: #0066FF;
}

/*decoration des mots*/

.souligne
{
text-decoration: underline;
}

/*aspects des mots*/

.toutminuscule
{
text-transform: lowercase;
}

.toutmajuscule
{
text-transform: uppercase;
}

.majusculelettre1
{
text-transform: capitalize;
}

.petitescapitales
{
font-variant: small-caps;
}

/*positions particulieres des mots*/

.center
{
text-align: center;
}

.retrait
{
padding-left: 30px;
padding-right: 45px;
text-align: justify;
}

.retrait2 
{
margin-left: 20px;
}

.retraitavsign 
{
margin-left: 200px;
}

.retraitsign
{
padding-left: 400px;
padding-right: 45px;
text-align: justify;
}

.largeur 
{
width: 360px;
}

.puce
{
list-style-image: url("/images/fleche.gif");
}

.puce2
{
list-style-image: url("/images/fleche2.gif");
}

.flechebas
{
width: 24px;
height: 24px;
}

.clear
{
clear: both;
}

.garantietexte
{
margin-left: 15px;
margin-top: 0px;
font-family: Arial,Heetica,sans-serif;
color: #27295A;
text-align: justify;
}

.garantieimg
{
float: left;
margin-right: 10px;
}

.boutoncommander
{
text-align: center;
padding:1px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
width: 229px;
height: 27px;
border: solid 1px #000000;
}

/*avec un # = id */

#container
{
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 5px 5px 5px 5px;
width: 728px;
border-width: 1px;
border-color: #000000;
border-style: solid;
text-align: left;
font-family: Arial,Heetica,sans-serif;
background-color: #FFFFFF;
}

#container1
{
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 5px 5px 5px 5px;
width: 528px;
border-width: 7px;
border-color: #880000;
border-style: solid;
text-align: justify;
font-family: Arial,Heetica,sans-serif;
font-size: 10px;
background-color: #FFFFCC;
}

#container2
{
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 5px 5px 5px 5px;
width: 600px;
border-width: 1px;
border-color: #000000;
border-style: none;
text-align: left;
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
background-color: #FFFFFF;
}

#container3
{
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 5px 5px 5px 5px;
width: 528px;
border-width: 7px;
border-color: #880000;
border-style: none;
text-align: justify;
font-family: Arial,Heetica,sans-serif;
font-size: 10px;
background-color: #FFFFCC;
}

#container4
{
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 5px 20px 5px 20px;
width: 600px;
border-width: 1px;
border-color: #000000;
border-style: none;
text-align: left;
font-family: Arial,Heetica,sans-serif;
font-size: 12px;
background-color: #FFFFFF;
}

#container5
{
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 5px 5px 5px 5px;
width: 528px;
border-width: 0px;
border-color: #000000;
border-style: none;
text-align: justify;
font-family: Arial,Heetica,sans-serif;
font-size: 16px;
background-color: #FFFFFF;
}

#container6
{
margin-top: 10px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
padding: 5px 5px 5px 5px;
width: 428px;
border-width: 0px;
border-color: #FFFFFF;
border-style: none;
text-align: justify;
font-family: Arial,Heetica,sans-serif;
font-size: 16px;
background-color: #FFFFFF;
}

#header
{
padding: 0;
margin: 0;
height: 97px;
}

#menu
{
padding: 0;
margin: 0;
height: 35px;
background-color: #860200;
}

#content
{
padding: 10px 100px 10px 100px;
text-align: center;
}

#content2
{
padding: 10px 20px 10px 20px;
text-align: center;
}

#content img .guy
{
width: 150px;
height: 125px;
margin: auto;
}

#content h1
{
font-weight: bold;
font-family: Arial,Heetica,sans-serif;
}

#content h3
{
font-weight: bold;
font-family: Arial,Heetica,sans-serif;
text-align: center;
}

#content .legend
{
font-size: 10px;
text-align: center;
}

#contenth4
{
text-align:center;
font-size:12px;
font-weight:normal;
}

#content p
{
font-family: Arial,Heetica,sans-serif;
font-size: 16px;
text-align: justify;
}

#content ul li
{
font-family: Arial,Heetica,sans-serif;
font-size: 13px;
padding-bottom: 7px;
text-align: left;
line-height: 15px;
}

#autorepondeur
{
text-align: center;
font-size: 13px;
}

#autorepondeurfleche
{
float: right;
padding-top: 20px;
padding-left: 40px;
}

#autorepondeurform
{
width: 350px;
margin-left: 10px;
background-color: #FFFFCC;
padding: 10px;
float: left;
}

#autorepondeurforminput
{
width: 200px;
}

#autorepondeurformlabel 
{
width:125px;
float:left;
text-align: left;
font-weight: bold;
}ouutton
{
width: 300px;
}

#autorepondeurtxtnewsletter
{
font-size: 16px;
color: gray;
font-weight: bold;
}

#audio
{
margin: auto;
font-size: 13px;
border: dashed 1px #000000;
width: 200px;
padding: 5px;
}

#footer
{
margin-top: 15px;
margin-bottom: 25px;
text-align: center;
font-size: 10px;
}

#footer1
{
margin-top: 15px;
margin-bottom: 25px;
text-align: center;
font-size: 10px;
}

#footer p, #footer1 p
{
margin: 0;
padding: 0;
margin-bottom: 5px;
}

#footer a, #footer1 a
{
color: #1A78BE;
text-decoration: none;
}

#footer a:hover, #footer1 a:hover
{
text-decoration: underline;
}

#menu ul 
{
list-style-type: none;
width: 100%;
padding: 0;
margin: 0;
padding-left: 120px;
}

#puce
{
list-style-image: url("/images/fleche.gif");
}

#puce2
{
list-style-image: url("/images/fleche2.gif");
}

#menu ul li 
{
list-style-type: none;
list-style-image: url("images/fleche.gif");
float: left;
padding: 0;
margin: 0;
font: 12px Arial,Heetica,sans-serif;
}

#menu ul a
{
float: left;
margin: 0 2px;
padding: 5px 15px;
text-align: center;
border: 1px solid gray;
text-decoration: none;
color: #000000;
background: #ffffff;
}

#menu ul a:hover {
background: #ccc;
border: 1px solid gray; 
}

#garantie
{
width: 380px;/*ici il y avait 508*/
height: 160px;/*ici il y avait 108*/
font-size: 14px;/*ici il n'y avait rien-je vais remettre ? 14*/
padding-top: 10px;/*ici il y avait 20*/
padding-left: 10px;/*ici il y avait 20*/
padding-right: 20px;
padding-bottom: 20px;/*ici il y avait 20*/
border: 1px dashed gray;
background-color: #F5F5F5;
margin: auto;
}

#signature
{
margin-left: auto;
margin-right: auto;
width: 73px;
}

#faq, #mentions
{
padding: 20px 20px 20px 20px;
text-align: justify;
}

#faq dt
{
font-family: Arial,Heetica,sans-serif;
color: Navy;
font-size: 16px;
font-weight: bold;
padding-top: 15px;
}

#faq dd
{
font-family: Arial,Heetica,sans-serif;
font-size: 14px;
padding-top: 10px;
}

#mentions h2
{
color: Navy;
font-size: 14px;
font-weight: bold;
padding-top: 15px;
}

#mentions p
{
font-size: 12px;
}

#commande
{
padding: 40px 20px 20px 20px;
text-align: left;
}

#commande h1
{
font-size: 18px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 20px;
}

#commande p
{
font-family: Arial,Heetica,sans-serif;
font-size: 13px;
text-align: left;
}