/***************FONT******************/

div.welcome h1,div.offres h2,div.newsletter h3,div.newsletter input.submit,div.produits h2,div.devis h3,div.produits h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/********************ACCUEIL*****************/
div.welcome{
margin-top:15px;
width:484px;
float:right;
}

div.welcome h2{
padding-top:10px;
font-weight:bold;
line-height:15pt;
font-size:15pt;
color:#ffb400;
}

div.welcome h1{
font-weight:normal;
font-size:15pt;
line-height:15pt;
color:#777777;
padding-bottom:8px;
}

div.welcome img{
display:block;
float:left;
border:2px solid #c8c8c8;
margin:0;
padding:0;
margin-right:15px;
}

div.separation{
padding-top:10px;
margin-bottom:10px;
width:484px;
height:0px;
line-height:0px;
font-size:0px;
border-bottom:2px solid #777777;
}

div.welcome p{
margin:0;
padding:0;
}

/************************LES PRODUITS***************/
div.produits{
background-color:#e7e7e7;
width:181px;
float:left;
border-bottom:4px solid #e7e7e7;
}

div.produits h2{
color:#424242;
font-size:8pt;
background-repeat:no-repeat;
background-position:10px 5px;
background-image:url('/charte/logo_produits.png');
padding-left:30px;
padding-top:7px;
padding-bottom:5px;
text-align:center;
}


div.produits h3{
margin-top:8px;
margin-bottom:4px;
color:#424242;
font-size:8pt;
padding-left:10px;
}

div.produits ul{
margin-top:0;
margin-bottom:0;
padding-left:0px;
margin-left:0px;
list-style: none;
}

div.produits ul li a{
font-size:9pt;
color:black;
}

div.produits ul li a:hover{
color:#8AA3B3;
}

div.produits ul li{
padding-left:20px;
}

div.produits ul li.clair{
background-color:#f6f6f6;
}

div.produits ul li.fonce{
background-color:#e7e7e7;
}


/************************DEVIS EN LIGNE**************/
div.devis{
float:right;
width:290px;
background-color:#e7e7e7;
}

div.devis a{
color:#8AA3B3;
}

div.devis a:hover{
color:black;
}

div.devis h3{
font-weight:bold;
font-size:10pt;
color:#424242;
padding-top:2px;
padding-bottom:4px;
}

div.devis img{
display:block;
float:left;
border-width:0px;
margin:0;
padding:0;
margin-right:4px;
}

div.bouton_devis{
float:right;
width:290px;
margin-top:10px;
text-align:center;
}

div.bouton_devis img{
border:2px solid #C8C8C8;
margin:0;
padding:0;
}

/************************GAUCHE********************/
div.gauche{
float:left;
width:293px;
}

/***********************OFFRES********************/
div.offres{
width:293px;
padding-left:5px;
padding-right:5px;
margin-top:15px;
background-color:#e7e7e7;
border-top:2px solid #777777;
}

div.offres h2{
margin-top:5px;
margin-bottom:5px;
padding-top:10px;
padding-bottom:15px;
padding-left:35px;
font-weight:bold;
font-size:10pt;
color:#424242;
text-align:center;
background-repeat:no-repeat;
background-position:10px 0px;
background-image:url('/charte/bg_h2_offres.png');
}


div.offres h3{
font-weight:bold;
font-size:11pt;
padding-left:15px;
}

div.alignright{
float:right;
}

div.alignleft{
float:left;
}

div.offres div.image{
padding-top:5px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;
}

div.offres div.texte{
padding-left:15px;
margin-top:5px;
width:160px;
}

div.offres div ul li.spip{
list-style-image:url('/charte/puce_offre.png');
}

div.offres div ul{
margin-top:0px;
margin-left:5px;
padding-left:5px;
}



/**********************NEWSLETTER****************/
div.newsletter{
padding-top:10px;
padding-left:10px;
font-size:10pt;
width:100%;
background-color:#f6f6f6;
border-bottom:10px solid #E7E7E7;
}

div.newsletter div{
background-repeat:no-repeat;
background-position:0px 0px;
background-image:url('/charte/logo_informations.png');
padding-left:35px;
}

div.newsletter h3{
color:#ffb400;
font-weight:bold;
font-size:11pt;
}

div.newsletter form{
margin:0;
padding:0;
margin-top:5px;
margin-bottom:5px;
}

div.newsletter form input.submit{
border-width:0px;
background-color:#f6f6f6;
font-weight:bold;
font-size:10pt;
color:#777777;
cursor:pointer;
}

div.newsletter form input.text{
font-size:10pt;
background-color:white;
border:1px solid #777777;
color:#777777;
}