* { margin:0; padding:0; outline:none; }

body { background: #ffe900 url(../images/pattern.jpg) repeat-x; padding-top:10px; font:normal 11px  Verdana, Arial, Helvetica, sans-serif; color:#222; text-align:justify }

h1 { font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#000; line-height:12px; padding:20px 0 0 0; text-align:center; height:80px; vertical-align:middle; }

h2 { text-transform:uppercase; color:#fff; font: italic bold 12px Verdana, Arial, Helvetica, sans-serif; line-height:12px; padding: 2px 0 0 5px; margin:10px 0 10px 0; background:#126924; height:14px; text-align:center }

h3 { text-transform:uppercase; color:#126924; font: bold 13px Verdana, Arial, Helvetica, sans-serif; line-height:12px; margin: 0 0 5px 0; border-bottom:1px solid #126924; border-right:1px solid #126924; padding: 0 0 3px 0; clear:both }

h4 { text-transform:uppercase; color:#fff; font: italic bold 12px Verdana, Arial, Helvetica, sans-serif; line-height:12px; padding: 2px 0 0 5px; margin:10px 0 10px 0; background:#7DBE7E; height:14px; text-align:center }

p { text-align:justify;}

a:hover { text-decoration:none }

#index { text-align:center; }

#index a { color:#222; }

#page { width:929px; margin:0 auto; background: url(../images/repeat.jpg) repeat-y; }

#entete { width:929px; height:183px; clear:both; background: transparent url(../images/entete.jpg) no-repeat; }

#menu { background: url(../images/gauche.jpg) no-repeat; width:210px; height:319px; float:left; }

#titre { width:719px; height:38px; float:left; background:#fff }

#contenu { width:694px; min-height:276px; _height:276px; float:left; background: url(../images/contenu.jpg) no-repeat; padding:15px 10px 0 15px }

#contenu a { color:#222; }

/*#contenu p:first-letter { font: bold 14px Verdana, Arial, Helvetica, sans-serif; }*/

#contenu p { line-height:13px; padding: 0 0 14px 0; }

#adresse { background: url(../images/footer.jpg); width:924px; height:46px; clear:both; text-align:right; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:8px 5px 0 0 }

#adresse img { float:right; border:none; }

#adresse a { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

#coordonnees { width:230px; text-align:center; padding: 50px 0 0 30px; float:left; }

.cadrage { border:1px solid #222; }

sup { font:normal 8px Verdana, Arial, Helvetica, sans-serif; }

#menubas { text-align:center; color:#222; font:normal 10px Verdana, Arial, Helvetica, sans-serif; padding:10px 0 }

#menubas a { color:#222; }

.gallery li { list-style:none;}

/*/////////////////////////////////////////////// formulaire //////////////////////////////////////////////////////////////////*/
	
#formulaire { width:420px; text-align:center; float:left; padding:0 0 0 20px }

option { background:none; border:none }

.fieldset { padding:10px; border-bottom:3px solid #126924; border-right:1px solid #126924; border-top:1px solid #126924; border-left:1px solid #126924; }

.legend { padding:2px 15px 2px 10px; text-transform:uppercase; color:#126924; font: italic bold 12px Verdana, Arial, Helvetica, sans-serif; border-left:3px solid #126924 }

.label { width: 100px; float: left; text-align: right; margin:0 0 2px 0 }

.label2 { width: 203px; float: left; text-align: right; }

.input { width:96px; height:13px; float:left; }

.input2 { width:191px; height:13px; float:left; }

.textarea { width:394px; height:60px; overflow: auto; clear:both; background: transparent; border: 1px solid #222; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#222; }

.textarea_hover { width:394px; height:60px; overflow: auto; clear:both; background: transparent; border: 1px dashed #222; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#222; }


.select { width:98px; height:18px; float:left; color:#89f715; background:#000; border: 1px solid #89f715; }

.select_hover { width:98px; height:18px; float:left; background:#000; border: 1px solid #f00; }

.captchat { text-align:center }

.captchat div { padding: 0 0 5px 0; }

.texte_antispam { }

.image_antispam { width:200px; height:50px; margin:0 auto; padding:0 }

#code { width:150px; }

.border, #code, #imgcaptcha { background: transparent; border:none; border-bottom: 1px solid #222; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#222; }

.border_hover { background: transparent; border:none; border-bottom: 1px dashed #222; font: normal 11px Verdana, Arial, Helvetica, sans-serif; color:#222; }

.envoyer { width:150px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

.separation { padding:0 0 6px 0; clear:both }

.separation div { border-bottom: 1px dashed #222; padding:5px 0 0 0; }

.div_form { clear:both; }


.coordonnees { display:block; width:190px; background: transparent url(../images/coordonnees.gif) no-repeat; color:#126924; height:14px; font:  italic bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 0px; margin:-10px 0 0 5px; _margin:-10px 0 0 2px; text-transform:uppercase; z-index:20; position:relative; border-left:3px solid #126924; float:left; }

.coordonnees2 { display:block; background:#EEF5FB; width:110px; color:#0f99d2; height:14px; font:  italic bold 12px Verdana, Arial, Helvetica, sans-serif; padding:2px 0px 2px 10px; margin:-10px 0 0 5px; _margin:-10px 0 0 2px; text-transform:uppercase; z-index:20; position:relative; border-left:3px solid #0f99d2; float:left; }

#mention { text-align:center; padding: 0 0 10px 0; width:200px; border-bottom:3px solid #126924; border-right:1px solid #126924; border-top:1px solid #126924; border-left:1px solid #126924; color:#222; line-height:14px; display:table }

#mention a { color:#222 }

#autourmention { padding:0; width:200px; float: left; padding:8px 0 0 30px }

/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////// plan du site //////////////////////////////////////////////////////////////////*/


#page2 { width:717px; margin:0 auto; background: url(../images/page2.jpg) repeat-y; }

#entete2 { width:717px; clear:both; background: url(../images/entete2.jpg) no-repeat; }

#contenu2 { padding:220px 10px 0 15px; clear:both; }

#contenu2 p:first-letter { font: bold 14px Verdana, Arial, Helvetica, sans-serif; }

#contenu2 a:first-letter { font: bold 14px Verdana, Arial, Helvetica, sans-serif; }

#contenu2 p { line-height:13px; padding: 0 0 14px 0; }

#contenu2 a { color:#222; }

#adresse2 { background: url(../images/adresse2.jpg); width:712px; height:55px; clear:both; text-align:right; font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; padding:8px 5px 0 0 }

#adresse2 img { float:right; border:none; }

#adresse2 a { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#fff; }

/*/////////////////////////////////////////////// fin plan du site //////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////// formulaire nos offres //////////////////////////////////////////////////////////////////*/
	
#nos_offres { width:100%; clear:both; padding:0 0 0 20px; }

.input_nos_offres { width:96px; height:16px; padding:0 0 0 0; font-size:11px}

.double { float:left; width:320px; padding: 0 0 0 10px }

.double2 { float:left; width:160px; padding: 0 0 0 0; height:190px;}

.overflow { overflow:auto}

.div_nos_offres { float:left; width:160px; display:block; height:25px; padding:3px 0 0 0 }

.checkbox { display:block; float:left; width:55px; _width:50px }

.selpage { font-weight:bold; }

.img_nos_offres { border:1px solid #000 }

.offres { width:550px; clear:both; margin: 0 auto 10px auto; background:#ACCBAB; padding:0 0 5px 0 }

.image_offres { width:150px; float:left; padding:5px 0 0 5px; text-align:center }

.description_offre { width:375px; float:left; padding:5px 5px 0 15px }

.infos_offres { height:30px; background:#7DBE7E; clear:both }

.carre_offres { width:20px; height:30px; background:#AD343B; float:left }

.ref_offres { float:left; width:33%; text-align:left; padding:5px 0 0 0; font-weight:bold; }

.secteur_offres { float:left; width:33%; text-align:center; padding:5px 0 0 0; font-weight:bold; }

.prix_offres { float:left; width:30%; text-align:right; padding:5px 0 0 0; font-weight:bold; }

.offres_gauche { float:left; width:255px; padding:0 10px; }

.offres_droite {float:left; width:255px; padding:0 10px; text-align:center}

.offres_droite img { margin:0 0 10px 0; border:1px solid #000}



/*////////////////////////////////////////////// fait par GrEGoOoO /////////////////////////////////////////////////////////////////*/
	
/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/


/*.lien {font:normal  11px Verdana, Arial, Helvetica, sans-serif; color:#222;}

.yzeo div {font:normal  10px Arial, Helvetica, sans-serif; color:#fff;}

.yzeo a {font:normal  10px Arial, Helvetica, sans-serif; color:#fff; text-decoration: underline;} 

.indent {text-indent:5px;}

.liste li { margin: 10px 0 0 0; list-style:square inside; padding:5px 0 0 0;}

.liste2 li { margin: 0; list-style:none inside; padding:5px 10px 0 5px;}

.form tr td { border-bottom:none; border-top:none; border-right:none; border-left:none;}

li { line-height:14px;}

ul { padding-top:0px;}

.titre01 {font:bold 12px Verdana, Arial, Helvetica, sans-serif; border:#fff 1px solid; background:#86cd22; width:200px; height:15px; padding:3px 0 0 5px; margin:5px 0 0 0;}

.titre02 {font:bold 11px Verdana, Arial, Helvetica, sans-serif; border-bottom:#000 1px solid; width:645px; height:13px; padding:0 0 5px 5px; margin:8px 0 0 0; vertical-align:middle;}

.titre03 {font:bold 12px Verdana, Arial, Helvetica, sans-serif; border:#fff 1px solid; background:#86cd22; width:400px; height:15px; padding:3px 0 0 5px; margin:5px 0 0 0;}

*/

/*/////////////////////////////////////////////// fin du formulaire //////////////////////////////////////////////////////////////////*/

#contenu p.pagination { text-align:center; float:none; clear:both; padding:2px 0 0px 0; margin:1em 0 1em 0 }

#contenu p.pagination a { font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #fff; color:#fff; background:#972E16; padding:0 3px 1px 3px; text-decoration:none}

#contenu p.pagination .page_select { font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #972E16; color:#972E16; background:#fff; padding:0 3px 1px 3px}

#contenu p.pagination a:hover { font: normal 11px Verdana, Arial, Helvetica, sans-serif; border:1px solid #972E16; color:#972E16; background:#fff; padding:0 3px 1px 3px}