/**********Definitions generales***********/
html {
font-size: 100%;
}

body {
font-size: 1em;
font-family: arial, verdana, sans-serif;
margin: 0;
padding: 0;
text-align: center;
font-size: 1em;
color: white;
font-family: arial, verdana, sans-serif;
background:white url(images/body_bg.png) top center repeat-x;
}

div,ul,li,table,td,h1,h2,h3,h4,h5,p,span,form{
margin: 0;
padding: 0;
font-size: 1em;
}

ul{
list-style:none;
}

a{
text-decoration:none;
}

a img{
border:none;
}

a:hover{
text-decoration:underline;
}

.nettoyeur{
clear:both;
}

span.nettoyeur{
display:block;
}

div.page,ul.page{
width:924px;
padding-left:23px;
padding-right:23px;
margin-left:auto;
margin-right:auto;
}

/*************Entete******************/
div#entete{
text-align:left;
height:76px;
padding-top:24px;
background:transparent url(images/entete_bg.png) bottom center no-repeat;
margin-top:0px;
}

div#entete a#logo{
display:block;
width:260px;
height:20px;
margin-left:16px;
float:left;
}

div#entete a#logo img{
display:block;
width:260px;
height:20px;
}

div#entete span.bonjour{
display:block;
width:50%;
float:right;
text-align:right;
margin-right:16px;
font-size:0.8125em;
}

div#entete span.bonjour a{
color:white;
}

.majuscules{
text-transform:uppercase;
}

div#entete ul{
display:block;
margin-left:16px;
margin-right:16px;
margin-top:21px;
padding-top:0px;
padding-bottom:0px;
}

div#entete li{
display:inline;
font-size:0.8125em;
font-weight:bold;
padding-right:25px;
text-transform:lowercase;
}

div#entete li span{
padding-left:15px;
background-color:transparent;
background-position:left center;
background-repeat:no-repeat;
}

div#entete li a{
color:black;
}

li.accueil span{
background-image:url(images/puce_accueil.gif);
}

li.contact span{
background-image:url(images/puce_contact.gif);
}

li.connexion span{
background-image:url(images/puce_connexion.gif);
}

li.creer_compte span{
background-image:url(images/puce_creer_compte.gif);
}

li.deconnexion span{
background-image:url(images/puce_deconnexion.gif);
}

li.mon_compte span{
background-image:url(images/puce_mon_compte.gif);
}

div#entete li a:hover{
color:white;
text-decoration:none;
}

div#entete li.panier{
display:block;
float:right;
width:32%;
text-align:right;
padding-right:0px;
}

div#entete li.panier span{
padding-left:22px;
background:transparent url(images/puce_panier.gif) left center no-repeat;
}

/*********************Bandeau******************/
div#bandeau{
position:absolute;
top:100px;
left:50%;
margin-left:-485px;
color:black;
width:970px;
height:152px;
z-index:50;
background:transparent url(images/bandeau_bg.png) center center repeat-y;
overflow:visible;
}

div#bandeau p{
margin-top:30px;
margin-left:40px;
}

div#bandeau ul{
display:block;
margin-top:10px;
padding-top:0px;
padding-bottom:0px;
}

div#bandeau ul li{
display:inline;
padding-left:30px;
padding-right:30px;
text-transform:lowercase;
font-size:1em;
}

/******************Page***************/
div#page{
background:#639101 url(images/page_bg.png) top center repeat-x;
}

/*********************Contenu*****************/
div#contenu{
background:transparent url(images/contenu_bg.jpg) center top no-repeat;
margin-top:152px;
padding-top:52px;
padding-bottom:37px;
text-align:left;
}

p{
text-align:justify;
font-size:0.75em;
padding-top:4px;
padding-bottom:4px;
}

td{
font-size:0.75em;
}

p.centre{
text-align:center;
}

.noir{
color:black;
}

p a{
color:white;
}

ul{
padding-top:4px;
padding-bottom:4px;
}

ul li{
font-size:0.75em;
}

ul li ul li{
font-size:1em;
}


h1{
font-size:1.5em;
font-weight:bold;
text-transform:uppercase;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
margin-bottom:5px;
}

h1 span{
color:black;
}

h2{
font-size:1.25em;
font-weight:bold;
text-transform:uppercase;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
margin-bottom:5px;
padding-top:6px;
}

h3{
font-size:1.0625em;
font-weight:bold;
text-transform:uppercase;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
margin-bottom:5px;
padding-top:6px;
}

h4{
font-size:0.875em;
font-weight:bold;
text-transform:uppercase;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
margin-bottom:5px;
padding-top:6px;
}

input{
background:white url(images/input_bg.png) top left repeat-x;
border:none;
padding:2px 2px 2px 2px;
font-size:1.2em;
}

textarea{
background:white url(images/input_bg.png) top left repeat-x;
border:none;
padding:2px 2px 2px 2px;
font-family: arial, verdana, sans-serif;
font-size:1.2em;
}

/********************Pied**********************/
div#pied{
color:black;
background:transparent url(images/pied_bg.png) top left repeat-x;
padding-bottom:10px;
}

div#pied div.page{
background:transparent url(images/pied_bg2.png) center top no-repeat;
padding-top:10px;
}

div#pied ul.haut{
display:block;
margin-bottom:14px;
text-align:left;
}

div#pied ul{
margin-left:16px;
margin-right:16px;
padding-top:0px;
padding-bottom:0px;
}

div#pied li.liens{
display:block;
width:31%;
float:left;
font-size:0.75em;
padding-right:25px;
text-transform:lowercase;
}

div#pied li ul{
margin:0;
padding:0;
}

div#pied li.liens ul li{
font-size:1em;
float:none;
width:100%;
padding-top:2px;
padding-bottom:2px;
}

div#pied li a{
color:black;
}

div#pied li.liens span{
padding-left:15px;
background-color:transparent;
background-position:left center;
background-repeat:no-repeat;
}

li.plan_du_site span{
background-image:url(images/puce_plan.png);
}

li.mentions_legales span{
background-image:url(images/puce_mentions.png);
}

li.cgv span{
background-image:url(images/puce_cgv.png);
}

li.service span{
background-image:url(images/puce_service.png);
}

div#pied li.label{
display:block;
width:350px;
float:left;
text-align:left;
padding-left:0px;
padding-top:15px;
}


div#pied li img{
margin-left:8px;
margin-right:8px;
}

div#pied li.pixel_communication{
display:block;
width:20%;
float:right;
text-align:right;
padding-right:0px;
font-size:0.6875em;
color:#5E5E5E;
padding-top:4px;
}

div#pied img.paypal{
width:60px;
height:39px;
}

div#pied img.e_transactions{
width:140px;
height:39px;
}

div#pied img.master_card{
width:84px;
height:39px;
margin-left:4px;
margin-right:4px;
}

div#pied img.visa{
width:71px;
height:39px;
margin-left:4px;
margin-right:4px;
}

div#pied li.pixel_communication img{
width:120px;
height:37px;
margin-bottom:5px;
}

div#pied p{
text-align:right;
}

/*********************Flottant************************/
.flottant_gauche{
float:left;
}

.flottant_droit{
float:right;
}

.flottant_centre{
margin-left:auto;
margin-right:auto;
}

/*********************Titre************************/
.titre{
padding-left:16px;
}

/*********************Cadre***********************/
.cadre{
margin-bottom:15px;
}

.cadre_blanc,.cadre_modele{
color:black;
}

.cadre_grand{
width:590px;
}

.cadre_modele{
width:204px;
}

.cadre_maxi{
width:690px;
}

.cadre_mini{
width:186px;
}

.cadre_moyen{
width:456px;
}

.cadre_petit{
width:286px;
}

.cadre_bg{
padding-left:16px;
padding-right:16px;
padding-top:4px;
padding-bottom:4px;
}

.cadre_top{
height:6px;
}

.cadre_bottom{
height:6px;
}

.cadre_modele .cadre_top{
height:15px;
}

.cadre_modele .cadre_bottom{
height:14px;
}

.cadre_grand .cadre_bg{
background:transparent url(images/cadre_grand_bg.png) center top repeat-y;
}

.cadre_grand .cadre_top{
background:transparent url(images/cadre_grand_top.png) center top no-repeat;
}

.cadre_grand .cadre_bottom{
background:transparent url(images/cadre_grand_bottom.png) center bottom no-repeat;
}

.cadre_maxi .cadre_bg{
background:transparent url(images/cadre_maxi_bg.png) center top repeat-y;
}

.cadre_maxi .cadre_top{
background:transparent url(images/cadre_maxi_top.png) center top no-repeat;
}

.cadre_maxi .cadre_bottom{
background:transparent url(images/cadre_maxi_bottom.png) center bottom no-repeat;
}

.cadre_mini .cadre_bg{
background:transparent url(images/cadre_mini_bg.png) center top repeat-y;
}

.cadre_mini .cadre_top{
background:transparent url(images/cadre_mini_top.png) center top no-repeat;
}

.cadre_mini .cadre_bottom{
background:transparent url(images/cadre_mini_bottom.png) center bottom no-repeat;
}

.cadre_moyen .cadre_bg{
background:transparent url(images/cadre_moyen_bg.png) center top repeat-y;
}

.cadre_moyen .cadre_top{
background:transparent url(images/cadre_moyen_top.png) center top no-repeat;
}

.cadre_moyen .cadre_bottom{
background:transparent url(images/cadre_moyen_bottom.png) center bottom no-repeat;
}

.cadre_grand .cadre_blanc .cadre_bg{
background:white;
}

.cadre_grand .cadre_blanc .cadre_top{
background:transparent url(images/cadre_grand_blanc_top.png) center top no-repeat;
}

.cadre_grand .cadre_blanc .cadre_bottom{
background:transparent url(images/cadre_grand_blanc_bottom.png) center bottom no-repeat;
}

.cadre_maxi .cadre_blanc .cadre_bg{
background:white;
}

.cadre_maxi .cadre_blanc .cadre_top{
background:transparent url(images/cadre_maxi_blanc_top.png) center top no-repeat;
}

.cadre_maxi .cadre_blanc .cadre_bottom{
background:transparent url(images/cadre_maxi_blanc_bottom.png) center bottom no-repeat;
}

.cadre_petit .cadre_bg{
background:transparent url(images/cadre_petit_bg.png) center top repeat-y;
}

.cadre_petit .cadre_top{
background:transparent url(images/cadre_petit_top.png) center top no-repeat;
}

.cadre_petit .cadre_bottom{
background:transparent url(images/cadre_petit_bottom.png) center bottom no-repeat;
}

.cadre_petit .cadre_blanc .cadre_bg{
background:white;
}

.cadre_petit .cadre_blanc .cadre_top{
background:transparent url(images/cadre_petit_blanc_top.png) center top no-repeat;
}

.cadre_petit .cadre_blanc .cadre_bottom{
background:transparent url(images/cadre_petit_blanc_bottom.png) center bottom no-repeat;
}

.cadre_modele .cadre_bg{
background:none;
}

.cadre_modele .cadre_top{
background:transparent url(images/cadre_modele_top.png) center top no-repeat;
}

.cadre_modele .cadre_bottom{
background:transparent url(images/cadre_modele_bottom.png) center bottom no-repeat;
}

.cadre_conception_graphique .cadre_bottom{
background:transparent url(images/cadre_conception_bottom.png) center bottom no-repeat;
height:53px;
}


/************************Bouton******************/
ul.bouton{
display:block;
}

ul.bouton li{
background:none;
padding:0;
display:block;
width:40%;
text-transform:lowercase;
}

ul.bouton li.bouton_droit{
float:right;
}

ul.bouton li.bouton_droit span{
margin-left:auto;
}

ul.bouton li.bouton_gauche{
float:left;
}

ul.bouton li.bouton_gauche span{
margin-right:auto;
}

ul.bouton li.bouton_centre{
margin-left:auto;
margin-right:auto;
}

ul.bouton span{
background-color:transparent;
background-image:url(images/input_submit_right.png);
background-position:top right;
background-repeat:no-repeat;
display:block;
height:26px;
padding-left:0px;
}

ul.bouton span a{
display:block;
background-color:transparent;
background-image:url(images/input_submit_left.png);
background-position:top left;
background-repeat:no-repeat;
padding-left:30px;
padding-right:12px;
padding-top:4px;
height:22px;
color:#476800;
font-weight:bold;
text-align:center;
font-size:13px;
}

ul.bouton li.bouton_gauche span{
background-image:url(images/input_submit_right2.png);
}

ul.bouton li.bouton_gauche span a{
background-image:url(images/input_submit_left2.png);
padding-left:12px;
padding-right:30px;
}

.cadre_blanc ul.bouton span{
background-image:url(images/input_submit_blanc_right.png);
}

.cadre_blanc ul.bouton span a{
background-image:url(images/input_submit_blanc_left.png);
}

ul.bouton span a:hover{
text-decoration:none;
}

/**********************Formulaire*************************/
form li.left{
display:block;
width:44%;
float:left;
}

form li.centre{
display:block;
width:45%;
margin-right:auto;
clear:both;
}

form li.right{
display:block;
width:44%;
float:right;
}

form li.centre_large{
width:100%;
}

form li{
padding-bottom:5px;
padding-top:5px;
}

form ul li.submit{
display:block;
clear:both;
padding-bottom:0px;
text-align:right;
padding-top:22px;
}

form ul li.submit_right{
clear:none;
}

form ul li.submit span{
background:transparent url(images/input_submit_right.png) center right no-repeat;
display:block;
height:26px;
margin-left:auto;
padding-left:0px;
}

form ul li.submit input{
display:block;
background:transparent url(images/input_submit_left.png) center left no-repeat;
padding-left:30px;
padding-right:12px;
padding-top:0px;
color:#476800;
font-size:13px;
font-weight:bold;
height:26px;
text-align:center;
cursor:pointer;
width:100%;
}

form label{
padding-bottom:4px;
display:block;
text-align:left;
font-weight:bold;
/*cursor:pointer;*/
}

span.obligatoire{
text-decoration:underline;
font-weight:bold;
}

p.retour{
text-align:center;
color:black;
font-weight:bold;
}

form ul li input,form ul li textarea{
width:97%;
}

form ul li textarea{
height:120px;
}

span.legende{
display:block;
text-align:left;
padding-top:4px;
}

form a{
color:white;
}

/***************************Connexion***************/
form.connexion{
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
}

form.connexion  ul li.submit{
padding-top:12px;
}

form.connexion ul li{
font-size:0.8125em;
}

/********************Message*******************/
.cadre_message{
margin-top:20px;
margin-bottom:50px;
}

/***************Tableau**************/
table.tableau{
width:100%;
}

table.tableau tr.entete td{
color:black;
text-align:center;
border:none;
text-transform:uppercase;
font-weight:bold;
}

table.tableau tr.pied td{
color:black;
font-weight:bold;
border:none;
text-transform:uppercase;
}

table.tableau td{
border:1px solid #89B023;
padding:4px 4px 4px 4px;
}

td.right{
text-align:right;
}

td.center{
text-align:center;
}