/* ------------------------ */
/* Généralités              */
/* ------------------------ */
body {
margin: 0;
padding: 0;
font: 75% arial, verdana, sans-serif;
color: black;
background: white;
}
* {
margin: 0;
padding: 0;
}
.spacer {
clear: both;
font-size: 0;
line-height: 1px;
}
.exergue1 {
color: #0077b2;	 
font-weight:bold;
display:block;
}
.exergue2 {
color:black;
}
.center {
text-align: center;
}
.margehaute {
margin-top: 8px;
}
.margebasse {
margin-bottom: 8px;
}
.droite {
text-align: right;
}  

a img {
border: none;
} 

div#slogan {margin-top:80px;width:180px;font-size:0.9em;
font-weight:bold;}  


/*************************************************/
/*                  Formulaires			     	*/
/*************************************************/
/* formulaires texte + input */	
div.row {
clear: both;
margin:2px 0px 0px 5px;
padding:0px;
border:1px solid white;
}
div.row span.intitule {
float: left;
width:90px;
font-weight:none;
text-align: left;
margin:0px 5px 0px 0px;
}
* html div.row span.intitule {
margin-top:2px
}
.asterix{
color:#0077b2;
}
#page p.asterix{
margin:2px 0px 10px 10px;
padding:0px;
font-size:0.9em;
color:#0077b2;
}
h6#formulaire{
text-transform:none;
color:#a48c5a;
font-size:0.9em;
font-weight:none;
margin: 0 0px 0px 0px;						  
background:none;
}
div.row span.formw option,select{
font-family:verdana,arial, helvetica, sans-serif;
color:black;
font-size:10px;
border:1px solid #0077b2;
background:#d4e8f2;
}
div.row span.formw {
float:left;
text-align: left;
}
div.row span.formw label {
color:black;
margin-right:5px;
}
input#mme,input#m,input#mlle{
border:none;
background:none;
}
input[type=checkbox] {
border:1px solid #0077b2;
background:#d4e8f2;
}
label.checkbox{
margin-left:10px;
}
input.checkbox {
border:1px solid #0077b2;
background:#d4e8f2;
color:black;
margin-top:1px;}
div.row span.formw input {
border:1px solid #0077b2;
background:#d4e8f2;
color:black;
margin-top:1px;
}
textarea{
border:1px solid #0077b2;
background:#d4e8f2;
font-size:0.9em;
font-family:verdana,sans-serif;
}
#form-left, #form-right{
float:left;
width:48%;
padding:2px;
margin:10px 5px 0px 0px;
}
#form-left {
padding-right:4px;
border-right:1px dotted #8c8c8c;
}
#boutons{
margin:30px 0px 10px 0px;
text-align:center;
}
.bouton{
margin-right:25px
}
/* ------------------------ */
/* Blocs principaux         */
/* ------------------------ */
#conteneur {
position:relative;  
width:1000px;
background: white url(../design/fond.jpg) left top repeat-y;   
}	 
#col-gauche{ 
float:left;
width:256px; 
} 
#col-droite{
float:left;
width:737px; 
} 
#col-gauche h1 {
background:url(../design/fond-logo.jpg) no-repeat;
width:256px;
height:91px;	   
margin:0px;
padding:0px
}	
#footer-gauche{
float:left;
width:256px;
height:30px;	
background: white url(../design/fond-footer-gauche.jpg) left top no-repeat; 
} 
#footer-droite{
float:left;
width:737px; 	
height:30px;
background:url(../design/fond-footer-droite.jpg) repeat-x;
} 
#footer-gauche p{
color:#9e9e9e;
font-size:0.85em; 
font-family:arial,sans-serif;	
font-weight:bold;
margin-top:8px;
} 
#footer-droite p{
margin:0px;
padding:0px;
margin-top:9px;
text-align:center;
color:#ded3bb;
font-size:0.8em;
}  
#footer-droite p a {
color:#ded3bb;
text-decoration:none;
}
#footer-droite p a:hover {
color:white;
text-decoration:underline;
} 
/* Header */
#header{
background:url(../design/fond-header.jpg) no-repeat;
width:737px;
height:239px;
text-align:left;
padding-bottom:1px; 
border-bottom:2px solid #2f2101;
}	
#header h2{
font-size:1.3em;
color:#dcb769;
font-weight:bold;
padding:0px 0px 0px 5px;  
margin:0px;
} 
#header h2 span{
font-size:1.5em; 
color:#5a3c31;
display:block;
}  
#header h2#anticiper{ 
padding-top:45px;
padding-left:15px;
}
#header h2#saisir{
padding-top:0px;	
padding-right:10px;
text-align:right;
}
#header h2#negocier{
padding-top:14px;		
padding-left:140px;
text-align:center;
}
/*****************/ 
h3 {
border-left:2px solid #0077b2;
padding:2px 0px 2px 4px;
font-size:1.3em;
font-weight:bold;
color:#b9a16f;
} 
h3 span{
color:#0077b2
}
h4 {
border-left:2px solid #0077b2;
padding:2px 0px 2px 4px;
margin:0px 0px 10px 0px;
font-size:1.3em;
font-weight:bold;
color:#573d2f;
text-transform:uppercase;
} 
h4 span{
color:#c7b17e;
display:block;
padding-left:10px; 
text-transform:none;
} 
h5{
font-size:1em;
color:#0077b2;
padding-left:10px;
margin:0px;			 
display:inline;
background:url(../design/puce3.jpg) left center no-repeat;
}  
h6{
text-transform:uppercase;
color:#0077b2;
font-size:0.85em;
font-weight:none;
margin: 0 10px 0 10px;													  
padding-left:10px;
background:url(../design/puce5.jpg) no-repeat left center;
}
  
#actualites{
margin:6px 0px 0px 10px;
padding:0px;
border-left:none;
border-bottom:2px solid #573d2f;
width:230px;
} 

#presentation-actu{
margin:8px 0px 0px 10px;
padding:0px 0px 5px 0px;
width:230px;
border-bottom:1px dotted #8c8c8c;  
color:#0077b2;
font-size:0.9em;
}	
#presentation-actu span{
display:block;
color:#8c8c8c;				  
padding-left:8px;
background:url(../design/puce2.jpg) no-repeat left center;
} 
#presentation-actu a{
color: #0077b2;
text-decoration:underline;
}
#presentation-actu a:hover{
text-decoration:none;
}  

.ligne-separation{				 
height:1px;
font-size:1px;
border-bottom:1px dashed #8c8c8c; 
width:100%;
margin:0px 0px 4px 0px;
}
#slogan{
padding:0px;
margin:20px 5px 0px 10px;
font-size:0.9em;
text-transform:none;
text-align:left;
font-weight:none;
color:#8c8c8c;
}