/* CSS Document */
body{
background:url(../images/fond-body.jpg);}
#header{
background:#FFF;
height:120px;
width:750px;
margin:0 auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:20px;
}
#header #logo{
text-align:center;
padding-top:10px;
 
}
#header H1 {
display:inline;
padding:0;margin:0;
font-size:11px;
}
#header .droite{
float:right;height:120px;padding-right:20px}
#header .droite a{
text-decoration:none;
color:#000;
}
#header .droite ul {
list-style:none;
}
#header .droite li {
list-style:none;
}
#footer{margin:0 auto;width:740px;color:#FFFFFF;font-size:12px;padding:10px;background:#CCCCCC}
#footer a {color: #FFFFFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px}
#footer a:hover{color:#0099FF}
#center{
margin:0 auto;
background:#FFF;
width:760px;
height:750px;
border:1px solid #000;
}
#ombre-droite{

height:100%;
	
}

#left{
border:1px dashed #CCC; 				
margin:10px;
width:480px; 
padding:5px;
background-image:url(../images/fond/ombre-cote-droit.png) repeat-y; float:left;
}
#center #sidebar{
float:left;
margin-top:6px;
width:210px;
}
#center #sidebar #bloc-noir{
background:url(../images/fond/bloc-noir.png) no-repeat;width:206px;height:128px;margin-top:2px}
#center #sidebar #bloc-bleu {
background:url(../images/fond/bloc-bleu.png) no-repeat;width:206px;height:128px;margin-top:2px}
#center #sidebar #bloc-orange{
background:url(../images/fond/bloc-orange.png) no-repeat;width:206px;height:128px;margin-top:2px}
#center #sidebar #bloc-rose{
background:url(../images/fond/bloc-rose.png) no-repeat;width:206px;height:128px;margin-top:2px;}

#center #sidebar #bloc-noir H2{
position:relative;padding:12px 8px 0 8px;font-size:14px;color:#FFFFFF;text-align:left;margin:0}
#center #sidebar #bloc-orange H2{
position:relative;padding:12px 8px 0 8px;font-size:14px;color:#FFFFFF;text-align:left;margin:0}
#center #sidebar #bloc-bleu H2{
position:relative;padding:12px 8px 0 8px;font-size:14px;color:#FFFFFF;text-align:left;margin:0}
#center #sidebar #bloc-rose H2{
position:relative;padding:16px 8px 0 8px;font-size:14px;color:#FFFFFF;text-align:left;margin:0}


#center #sidebar  .text{
position:relative;color:#FFF;font-size:10px;height:20px;line-height:20px;width:180px;margin:6px 0 0 12px;font-family:Verdana, Arial, Helvetica, sans-serif}
#center #sidebar  .text a{
color:#FFFFFF;text-decoration:none;font-weight:bold;display:block;padding-left:4px}
#center #sidebar  #bloc-noir  a:hover{
 background:url(../images/fond/fleche.png) no-repeat;width:180px;height:20px;display:block}
#center #sidebar  #bloc-bleu .text  a:hover{
 background:url(../images/fond/fleche-bleu.gif) no-repeat;width:180px;height:20px;}
#center #sidebar  #bloc-orange .text  a:hover{
 background:url(../images/fond/fleche-orange.gif) no-repeat;width:180px;height:20px;display:block;color:#FFF}
#center #sidebar  #bloc-rose .text  a:hover{
 background:url(../images/fond/fleche-rose.gif) no-repeat;width:180px;height:20px;display:block;}


#devis-referencement{
float:left;
width:99%;
padding:5px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(../images/fond/fond-devis.png); background-repeat:repeat-x;
}
#devis-referencement H1{	
margin:0;paddding:0;display:inline;font-size:14px;font-family:Verdana, Arial, Helvetica, sans-serif}

.tx1O{font-size:1Opx}
.tx11{font-size:11px}
.tx12{font-size:12px}
.tx13{font-size:13px}
.tx14{font-size:14px}
.txrouge{color:#FF0000}


.verdana{font-family:Verdana, Arial, Helvetica, sans-serif}
.arial{font-family:Arial, Helvetica, sans-serif}

.encadrer{border:1px solid #000000;padding:4px;margin:4px; background-color:#CCCCCC}



#formulaire .gauche input,#formulaire .droite input{height:20px}
#formulaire .gauche{
float:left;width:150px;height:30px;line-height:30px;margin-bottom:5px;padding-left:5px;
}
#formulaire .droite{
float:left;width:250px;height:30px;line-height:30px;margin-bottom:5px;padding-left:5px
}
#formulaire .textarea{
width:400px;padding:5px;
}
#formulaire textarea{
width:400px;
}