/* ===================================== *\
|  Styles de base et structure du site    |
|  Création : 13/03/2006                  |
|  Derniere modification : 13/03/2006     |
|  (C) Infomoto 2006											|
|	 Author : Christophe Bord               |
\* ===================================== */

body {
 background-color: #9EA7A7;
 text-align:center;
 background-image: url("../images/background-page.jpg");
 background-repeat: repeat-y;
 background-position:center;
}

body, p, div, span, h1, ul, li, span, a, form, img, h2, input, textarea{
 padding:0px;
 margin:0px;
 border:0px;
 font-family:arial;
 font-size:12px;
 color:#333333;
}

ul{
 list-style-type:square;
 list-style-position:inside; 
}

li{
 
}


h1{
 color:#333333;
 font-size:22px;
 font-weight:bold;
 font-style:italic;
 padding-left:68px;
 line-height:20px;
 text-transform:uppercase;
}


h2{
 font-size:18px;
 font-weight:bold;
 font-style:italic;
 padding-left:5px;
 border-left:solid 6px #C60008;
 text-align:left;
 line-height:18px;
 text-transform:uppercase;
}

h3{
 font-size:16px;
 font-weight:bold;
 font-style:italic;
 padding-left:5px;
 border-left:solid 4px #C60008;
 text-align:left;
 line-height:16px;
 text-transform:uppercase;
 font-variant:small-caps;
}

h4{
 font-size:14px;
 font-weight:bold;
 font-style:italic;
 padding-left:5px;
 border-left:solid 2px #C60008;
 text-align:left;
 line-height:14px;
 text-transform:uppercase;
}

h5{
 color:#8C0808;
 font-size:16px;
 font-weight:bold;
 font-style:italic;
 text-align:center;
 padding-bottom:5px;
 border-bottom:solid 1px #C60008;
}

p.comment{
 color:#575757;
 font-size:11px;
}

a{
 text-decoration:none;
 color:#000000;
}

a.lien{
 color:#E10915;
 font-weight:bold;
}

a.lien:hover{
 color:#000000;
}

a.lien-noir{
 color:#000000;
 font-weight:bold;
}

a.lien-noir:hover, a.puce-fleches:hover, a.puce-flash:hover{
 color:#E10915;
}

a.puce-gauche{
 display:block;
 border-left:solid 4px #000000;
 padding-left:4px;
 line-height:10px;
}

a.puce-gauche-rouge{
 display:block;
 border-left:solid 4px #E10915;
 padding-left:4px;
 line-height:12px;
}

a.puce-gauche-rouge:hover{
 color:#E10915;
}

a.puce-fleches{
 display:block;
 background-image: url("../images/puce-fleches.gif");
 background-repeat: no-repeat;
 background-position: left;
 padding-left:15px;
 padding-top:1px;
 text-align:left;
 font-size:11px;
}

a.puce-flash{
 display:block;
 background-image: url("../images/puce-flash.gif");
 background-repeat: no-repeat;
 background-position: left top;
 padding-left:20px;
 padding-top:2px;
 text-align:left;
 font-size:11px;
}

a.puce-loupe{
 display:block;
 background-image: url("../images/loupe.gif");
 background-repeat: no-repeat;
 background-position: left top;
 padding-left:25px;
 padding-top:2px;
 text-align:left;
 font-size:11px;
 color:#E10915;
 height:20px;
 margin-left:10px;
 font-weight:bold;
}

a.puce-gauche:hover, a.puce-loupe:hover{
 color:#000000;
}

a.invisible{
 display:none;
}

a.lien-block{
 display:block;
}


/* ===================================== *\
|  Structure du site    								  |
\* ===================================== */

div.page{
 width:956px;
 margin-left:auto;
 margin-right:auto;
 text-align:center;
}

div.header-ligne1{
 width:880px;
 background-color:#F5F5F5;
 text-align:center;
 margin-left:39px;
 margin-right:37px;
}

div.logo{
 float:left;
 width:672px;
 height:72px;
}

div.bons-plans{
 float:left;
 background-color:#F5F5F5;
 background-image: url("../images/btn-bonsplans.jpg");
 background-repeat: no-repeat;
 background-position: 0px 5px;
 width:207px;
 height:72px;
}

div.bons-plans-hover{
 float:left;
 clear:right;
 background-color:#F5F5F5;
 text-align:left;
 width:207px;
 background-image: url("../images/btn-bonsplans.jpg");
 background-repeat: no-repeat;
 background-position: 0px -76px;
 height:72px;
 cursor:hand;
}

div.header-ligne2{
 width:880px;
 margin-left:38px;
 margin-right:36px;
 background-image: url("../images/bg-ombres-rouges.gif");
 background-repeat: repeat-y;
 background-position: 0px 0px;
 height:23px;
 text-align:right;
 padding-top:1px;
 background-color:#F5F5F5;
 clear:left;
}

a.blanc{
 display:block;
 float:right;
 font-family:"Arial";
 color:#FFFFFF;
 font-size:11px;
 margin-right:0px;
 padding-top:4px;
}

img.enveloppe{
 display:block;
 margin-top:2px;
 padding-right:5px;
 float:right;
}

div.header-ligne3{
 clear:left;
 width:880px;
 margin-left:38px;
 margin-right:36px;
 height:52px;
 border-bottom:solid 4px #C60008;
 background-color:#EAECEC;
}

ul.menu{
 list-style-type:none;
 display:block;
 margin:0;
 padding:0;
 margin-left:2px;
 background-color:#EAECEC;
}

ul.menu a{
 font-weight:bold;
 font-style:italic;
 font-size:13px;   
}

ul.menu a:hover{
 color:#C60008; 
}

ul.menu li{
 float:left;
 display:block;
 text-align:center;
}

ul.menu li.first{
 background-color:#EAECEC;
 height:34px;
 padding-top:18px;
 padding-left:21px;
 float:left;
 display:block;
}

ul.menu li.element{
 float:left;
 display:block;
 background-image: url("../images/menu-element.jpg");
 background-repeat: no-repeat;
 background-position: top left;
 height:34px;
 padding-top:18px;
 padding-left:45px;
 padding-right:3px;
 background-color:#EAECEC;
}

ul.menu li.deux-lignes{
 padding-top:10px;
 height:42px;
 float:left;
 display:block;
}

div.separation {
 clear:both;
 visibility:hidden;
}

div.page-element{
 width:880px;
 margin-left:38px;
 margin-right:36px;
 background-color:#FFFFFF;
 clear:right;
 height:130px;
}

div.page-element2{
 width:880px;
 margin-left:38px;
 margin-right:36px;
 background-color:#F5F5F5;
 clear:right;
}

div.filet-rouge{
 border-bottom:4px solid #C60008;
 width:880px;
 margin-left:38px;
 margin-right:36px;
 background-color:#FFFFFF;
}

p.filet-rouge{
 padding-bottom:10px;
 border-bottom:1px solid #C60008;
}

div.filet-gris{
 /*border-bottom:1px solid #595E5E;*/
 padding-bottom:40px;
}

div.fond-gris{
 background-color:#F5F5F5;
}

div.partie-gauche{
 float:left;
 width:396px;
 padding-left:30px;
 padding-right:15px;
 text-align:left;
}

div.partie-droite{
 float:left;
 width:394px;
 padding-left:30px;
 padding-right:15px;
 text-align:left;
}

div.flottant-gauche{
 float:left;
}

div.flottant-droite{
 float:right;
}

div.liste-liens-accueil{
 margin-top:2px;
}

div.br{
 clear:right;
}

div.sep5px{
 clear: both;
 padding-top:5px;
}

.width100px{
 width:100px;
}

ul.liens-bas_home{
 display:block;
 list-style-type:none;
}

ul.liens-bas-home li{
 float:left;
 display:block;
 padding-right:15px;
}

.align-droite{
 text-align:right;
}

.bg-blanc{
 background-color:white;
}