html, body {
margin: 0;
padding: 0;
height: 100%
}

body {
margin: 0;
padding: 0;
/*height : 720px;*/
font-family: Verdana, Helvetica, sans-serif;
font-size: 11px;
background: #CDC4B3 url(images/bgall.jpg) repeat-x;
text-align : center ;
color:#000000}

/*#D1CAB8*/
#annonce{

padding: 70px 40px 0px 0px;
}


.conteneur { 
width:776px;
height:auto; 
background-color:#C4BDAC; 
margin-left:auto;
margin-right:auto;
text-align:left;
background: url(images/centre2.jpg)  no-repeat ;

}

.messages { 
width:777px;
margin : 1px 0px 0px 0px;
background: url(images/messages.jpg)  repeat-y ;

}

.conteneur_livredor{ 
width:776px;
background-color:#C4BDAC; 
margin-left:auto;
margin-right:auto;
text-align:left;
height:auto; 
background: url(images/centre2_livredor.jpg)  repeat-y ;

}

#droite img{
border-bottom: 1px solid;
border-top: 1px solid;
border-right: 1px solid;
border-left: 1px solid;
border-bottom-color:#FFFFFF;
border-top-color:#FFFFFF;
border-right-color:#FFFFFF;
border-left-color:#FFFFFF;
}

#centre img{
border-bottom: 1px solid;
border-top: 1px solid;
border-right: 1px solid;
border-left: 1px solid;
border-bottom-color:#FFFFFF;
border-top-color:#FFFFFF;
border-right-color:#FFFFFF;
border-left-color:#FFFFFF;
}

img{
border-bottom: 0px solid;
border-top: 0px solid;
border-right: 0px solid;
border-left: 0px solid;
border-bottom-color:#FFFFFF;
border-top-color:#FFFFFF;
border-right-color:#FFFFFF;
border-left-color:#FFFFFF;
}


 .ref{
	    display : none;
		
    }

.lettrine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	color:#666666;
	margin: 1px;
	padding: 1px;
	margin-left:10px;
	line-height: 1em;
	}


.haut{ 
width:724px;
height: 300px;
text-align:center;
margin-left :25px;
/*background: url(images/centre2.jpg)  no-repeat ;*/
}


.conteneur_or { 
width:776px;
background-color:#C4BDAC; 
margin-left:auto;
margin-right:auto;
text-align:left;
height:900px; 
background: url(images/centre2_livredor.jpg)  no-repeat ;

}

.haut2{ 
width:776px;
height: 300px;
text-align:center;
margin-left :25px;
background: url(images/centre2.jpg)  no-repeat ;
}

.centre{ 
background: #D1CAB8 url(images/fond.jpg)  no-repeat ; 
width:724px;
text-align : left;
margin-left :25px;
height:420px; }

.centre2{ 
background: #D1CAB8 url(images/fond.jpg)  no-repeat ; 
width:724px;
text-align : left;
margin-left :25px;
height:550px; }


.haut_intro {float : right ; margin-top : 190px; text-align : right ; width : 300px ;}


.gauche {
float : left; 
width : 234px ; 
margin-left : 15px; 
margin-top : 20px; 
 background : #fff  url(images/bgauche.gif)  no-repeat bottom;
 color : #6A6F78; 
 padding-bottom : 100px}
 html>body .gauche{margin-left : 30px; }


.droite {
float : left ; 
background : transparent; 
text-align: justify;
}

.left_i
{ 
float: left; 
padding: 0px 8px 0px 0px;
}

.left_i2
{ 
float: left; 
padding: 20px 30px 0px 15px;
}

.droite2 {
float : left ; 
width : 450px ; 
margin-left : 20px; 
margin-top : 20px; 
background : transparent; }
html>body .droite {margin-left : 20px; }

.bas{ 
background : #000;
width:725px;
text-align : center;
 margin-left :25px;}
html>body .bas{ width:725px; }







p {margin : 0 20px 0 20px ; padding : 10px 0 0 0}
.para_edito {text-transform : uppercase ; font-weight : bold}
.para_haut {color : orange ; margin-top : 0; padding : 0 }
.para_haut {color : orange ; margin-top : 0; padding : 0 }
.notop {margin : 0 20px 0 20px ; padding : 0}
.para_nomargin {margin : 0 ; paddig : 0; float : none} 




.spacer {clear : both ; height : 13px; }
.spacer2 {clear : both ; height : 13px; background-color : #000 }
 

h1 {
font-size : 24px ;  
padding : 0 ; 
margin : 60px 30px 0 20px ; 
color : orange ; 
font-style : italic;  
background :  url(images/h1.gif) repeat-x left bottom ; 
height : 50px ;
text-transform : uppercase}



h2 {font-size : 12px ;
color : #fff;
 text-indent : 30px ; 
 height : 20px ; 
 padding-top : 10px ; 
 margin : 0;
  background :  #fff url(images/h2.gif) no-repeat  ; 
height : 35px}

h3 {font-size : 12px ;
color : #fff;
 text-indent : 30px ; 
 height : 20px ; 
 padding-top : 2px; 
 margin : 5px 0 0 0 ;
  background :  #ccc url(images/h3.gif) no-repeat 6px 5px ; 
height : 20px}

h4 {font-size : 12px ;
color : orange; margin : 10px 0 0 20px ; font-weight : normal}

h5 {font-size : 11px ;
color : orange; margin : 10px 0 0 20px ; font-weight : normal ; text-decoration : underline}

.haut_gauche {height : 45px ;   background :  url(images/box_mail2.gif) no-repeat ;}

a {color : #fff; text-decoration : none}
a:hover  {color : #fff; text-decoration : none}

a.class1 {color : #000;  font-weight : bold; text-decoration : underline ; padding-bottom : 20px; display :  block}
a:hover.class1  {color : #000; text-decoration : underline}


a.class3  {color : orange; text-decoration : none}
a:hover.class3  {color : orange; text-decoration : underline}


a.class4  {color : #FFF; text-decoration : none; font-weight : bold}
a:hover.class4  {color : #FFF; text-decoration : underline}



input {margin : O; padding : 0 ;  margin-top : 0}
.imagegauche {float : left}
.imagegauche2 {float : left; margin-left : 6px; margin-top : 12px}





.newsletter {float : left ; background-color : transparent ; padding : 12px 0 0 0}

div.hr {
height: 13px;
margin : 0   ;
padding : 0;   

width : 100px;
background : url(images/point.gif) repeat-x}

div.hr hr {
display: none;  padding :0; 
}


	form {margin-left : 0 ; margin-top : 20px}

.para_form_envoyer {margin-top : 20px}