/*////////////////
/////GENERAL/////
//////////////*/

html, body {margin:0; padding:0;}
body {font-family:Verdana, Arial, Sans-sherif; font-size:11px; color:#666666; line-height:1.4; background:url(../images/fond.jpg) 0 0 repeat;}
div, p, ul, li, form {margin:0; padding:0}
img {border:none; margin:0; padding:0;}

div#conteneur-site {position:relative; top:0; left:0; width:980px; margin:0 auto; background:#ffffff;}
div#marge-bas {position:relative; top:0; left:0; width:980px; height:20px; margin:0 auto;}

div#conteneur-page {position:relative; top:20px; left:20px; width:940px; background:url(../images/background-colonne-gauche.png) 0 0 repeat-y;}
div.clear {position:relative; width:100%; height:3px; margin:-2px 0 0 0; font-size:1px; line-height:1px; clear:both; background:#ffffff; z-index:100;}




/*//////////////
/////PAGES/////
////////////*/

/*COLONNE GAUCHE*/
div#colonne-gauche {position:relative; top:0; left:0; width:248px; float:left;}
div#logo {position:relative; top:0; left:0; width:212px; height:41px; margin:24px 0 0 15px; text-align:center; float:left;}
div#menu {position:relative; top:0; left:0; width:248px; margin:178px 0 0 0; padding:0 0 138px 0;}
div#theiere {position:absolute; bottom:0; left:0; width:248px; height:138px;}

/*CONTENU COLONNE DROITE*/
div#colonne-droite {position:relative; top:0; left:0; width:676px; float:right;}
div#photo {position:relative; top:0; left:0; width:676px; height:354px;}
div#titre {position:relative; top:0; left:0; width:658px; font-size:24px; margin:23px 0 30px 0; padding:0 0 0 18px; font-family:Times, Times New Roman, serif;}
div#texte {position:relative; top:0; left:0; width:492px; padding:0 18px 25px 18px; float:left;}
div#photo-texte {position:relative; top:0; right:0; width:148px; text-align:center; float:right;}
div#photo-texte img {margin:20px 0 40px 0;}

/*CARTE DE LA PAGE CONTACT*/
div#carte {padding-top:10px;}

/*FOOTER*/
div#footer {position:relative; top:0; left:0; width:980px; height:92px; margin:20px 0 0 0; clear:both;}
div#inscription-newsletter {position:relative; top:0; left:0; width:245px; height:56px; padding:36px 0 0 20px; font-size:10px; color:#000000; float:left;}
input.saisie-newsletter {width:161px; height:14px; font-size:11px; line-height:11px; margin:7px 0 0 0; padding:1px; font-size:10px; background:#ffffff; border:1px solid #cccccc; color:#999999; vertical-align:middle;}
input.ok-newsletter {width:19px; height:19px; margin:7px 0 0 5px; padding:0; vertical-align:middle;}
div#adresse {position:relative; top:0; left:0; width:709px; height:38px; padding:54px 0 0 6px; font-size:10px; color:#231f20; float:left;}
span#tel {color:#86b204;}
span#tel a {color:#86b204; text-decoration: none;}



/*///////////////
/////TEXTES/////
/////////////*/

/*TITRE*/
div#titre h1 {margin:0; padding:0; font-size:30px; line-height:30px; font-weight:normal; text-align:left; color:#000000;}
div#texte h2 {margin:20px 0 5px 0; padding:0; font-size:14px; line-height:14px; font-weight:bold; color:#86b204;}

/*PARAGRAPHE*/
div#logo p {margin:5px 0 0 0; padding:7px 0 0 0; font-size:10px; font-weight:bold; color:#231f20; border-top:1px dotted #231f20;}
div#texte p {margin:6px 0;}

.bold {font-weight:bold; color:#4b2e30;}

/*LISTE*/
div#menu ul li {list-style-image:url(../images/puce.png); margin:0 0 13px 32px; text-align:left; color:#ffffff; line-height:1; font-size:12px; font-weight:bold; font-family:Arial, Verdana, Sans-sherif;}
div#menu li.sous-menu {margin:0 0 13px 42px; text-align:left; color:#6b6256; list-style-image:none; list-style:none; line-height:1; font-size:12px; font-weight:bold; font-family:Arial, Verdana, Sans-sherif;}


div#texte ul.lien-utile li.lien-utile {list-style:none; margin:0 0 13px 32px; text-align:left; font-weight:normal;}

div#texte ul.puce li.puce {list-style-type:disc; margin:6px 0 6px 32px; text-align:left; font-weight:normal;}

div#texte ul.sansPuce {list-style:none; margin:6px 0; text-align:left; font-weight:bold; color:#4b2e30;}
div#texte li.sansPuce {list-style:none; margin:6px 0 6px 32px; text-align:left; font-weight:normal; color:#666666;}




/*//////////////
/////LIENS/////
////////////*/
div#menu a, div#menu a:link, div#menu a:visited, div#menu a:active, div#menu a:focus {text-decoration:none; color:#ffffff;}
div#menu a:hover {text-decoration:none; color:#6b6256;}

div#menu li.sous-menu a, div#menu li.sous-menu a:link, div#menu li.sous-menu a:visited, div#menu li.sous-menu a:active, div#menu li.sous-menu a:focus {text-decoration:none; color:#6b6256;}
div#menu li.sous-menu a:hover {text-decoration:none; color:#ffffff;}

div#texte a, div#texte a:link, div#texte a:visited, div#texte a:active, div#texte a:focus {text-decoration:none; color:#ff9bac;}
div#texte a:hover {text-decoration:underline; color:#ff9bac;}


/*///////////////////
/////FORMULAIRE/////
/////////////////*/

/*CONTACT*/
form.contact {margin:5px 0 0 0;}
table.formulaire {width:425px; margin:0 auto; border-collapse:collapse;}
td.intitule {width:135px; margin:0; padding:5px 0 0 0; vertical-align:top;}
td.saisie {width:290px; margin:0; padding:5px 0 0 0; vertical-align:top;}
td.saisie input {width:98%; height:13px; font-size:11px; line-height:11px; margin:0; padding:0 1px; background:#ffffff; border:1px solid #6b6256;}
td.saisie input.envoyer {width:60px; height:17px; font-size:11px; margin:5px 0; padding:0 0 2px 0; background:#ffffff; border:1px solid #6b6256; color:#333333;}
td.saisie textarea {width:98%; height:40px; font-size:11px; line-height:11px; margin:0; padding:0 1px; background:#ffffff; border:1px solid #6b6256; font-family:Arial, Verdana, Sans-sherif; overflow:auto;}

div#envoiOK{color: green;}
div#erreur{color: red;}

.error{color: red;}