/* CSS Document */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*------------Réinitialisation des css des navigateurs----------*/
html{color:#000;background-color:#7F6E65;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
a {text-decoration:none;color:#7F6E65;}
a:hover{color:#A70D30;}
* {padding:0px;margin:0px;}
strong {font-weight:bold;}

/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*------------CSS GENERAL---------------------------------------*/

/* gris = #7F6E65*/
/* rouge = #A70D30*/
/* jaune = #FB9E1B*/
/* vert = #b7d02c*/

/*---------Structure générale----------*/
body {position:relative;text-align:center;font-family:"Trebuchet MS","Century Gothic",Arial,Verdana;font-size:13px;}
#page {position:relative;width:1000px;margin:auto;text-align:left;background:url(../images/fonds/ext.jpg) repeat-y;}
#tete {position:relative;width:1000px;height:212px;background:url(../images/fonds/tete.jpg) no-repeat;}
#pied {position:relative;width:1000px;height:69px;clear:both;background:url(../images/fonds/pied.jpg) no-repeat;}
h1 {display:none;}
#hauteur_min {position:relative;float:left;width:1px;height:300px;}

/*---------menu----------*/
#animeGauche {position:absolute;top:0;left:145px;width:435px;height:169px;z-index:10;}
#animeDroite {position:absolute;top:0;left:575px;width:278px;height:210px;z-index:10;}
#menu {position:absolute;top:169px;left:143px;height:40px;font-size:13px;}
#menu li {	display:block;float:left;}
#menu a:hover{color:#ffffff;}

#menu li#actualites {width:80px;height:40px;}
#menu li#actualites a:hover {background:url(../images/menu/menu_actu_on.jpg) no-repeat;color:#ffffff;}
#menu li#actualites a {display:block;width:80px;height:40px;padding:10px 0 0 10px !important;padding:10px 0 0 5px;}
#menu li#actualites a.allume {background:url(../images/menu/menu_actu_on.jpg) no-repeat;color:#ffffff;}

#menu li#presentation {width:135px;height:40px;}
#menu li#presentation a:hover {background:url(../images/menu/menu_presentation_on.jpg) no-repeat;color:#ffffff;}
#menu li#presentation a {display:block;width:135px;height:40px;padding:10px 0 0 10px !important;padding:10px 0 0 5px;}
#menu li#presentation a.allume {background:url(../images/menu/menu_presentation_on.jpg) no-repeat;color:#ffffff;}

#menu li#realisations{width:115px;height:40px;}
#menu li#realisations a:hover {background:url(../images/menu/menu_realisations_on.jpg) no-repeat;color:#ffffff;}
#menu li#realisations a {display:block;width:115px;height:40px;padding:10px 0 0 10px !important;padding:10px 0 0 5px;}
#menu li#realisations a.allume {background:url(../images/menu/menu_realisations_on.jpg) no-repeat;color:#ffffff;}

#menu li#services{width:96px;height:40px;}
#menu li#services a:hover {background:url(../images/menu/menu_services_on.jpg) no-repeat;color:#ffffff;}
#menu li#services a {display:block;width:96px;height:40px;padding:10px 0 0 10px !important;padding:10px 0 0 5px;}
#menu li#services a.allume {background:url(../images/menu/menu_services_on.jpg) no-repeat;color:#ffffff;}

/*-------------- pied -------------------*/
#logo1{position:absolute;top:14px;left:172px;}
#logo2{position:absolute;top:14px;left:244px;}

#pied_contact {position:absolute;top:14px;left:172px;width:150px;height:36px;background:url(../images/pages/pied_contact.jpg) no-repeat;}
#pied_contact:hover {background:url(../images/pages/pied_contact_on.jpg) no-repeat;}
#pied_contact a {display:block;padding:8px 0 0 35px;color:#A70D30;}
#pied_contact_on {position:absolute;top:14px;left:172px;width:150px;height:36px;background:url(../images/pages/pied_contact_on.jpg) no-repeat;}
#pied_contact_on a {display:block;padding:8px 0 0 35px;color:#A70D30;}

#pied_menu{position:absolute;top:25px;left:510px;font-size:11px;font-weight:bold;}

/*------------corps accueil--------------*/
#corps_accueil {position:relative;/*width:1000px;*/min-height:400px;background:url(../images/fonds/bg_accueil.jpg) no-repeat;}

#actualites_defilantes {position:relative;width:650px;text-align:center;margin:auto;}
#actualites_defilantes #container {position:relative;overflow:hidden;width:650px;height:30px;top:30px;background:#EEE6E3;}
#actualites_defilantes ul#defile{position:relative;width:900px;height:30px;}
#actualites_defilantes ul#defile li {display:block;float:left;padding-top:5px;}

#corps_accueil #contenu {position:relative;width:360px;margin:50px 0 0 210px;text-align:justify;}

#accueil_photos {position:absolute;top:160px;left:685px !important;left:500px}

/*------------corps actus--------------*/
#corps_actualites {position:relative;/*width:1000px;*/min-height:400px;background:url(../images/fonds/bg_actus.jpg) no-repeat;}

#corps_actualites #contenu {position:relative;width:360px;padding:55px 0 0 210px;}

#corps_actualites #contenu h2 {margin-bottom:10px;font-size:24px;font-weight:bold;color:#7F6E65;}
#corps_actualites #contenu h2 span {color:#A70D30;}

#corps_actualites #contenu .date_actu {font-size:14px;color:#FB9E1B;}
#corps_actualites #contenu .titre_actu {font-size:16px;font-weight:bold;color:#A70D30;}

/*------------corps qui sommes nous--------------*/
#corps_presentation {position:relative;/*width:1000px;*/min-height:400px;background:url(../images/fonds/bg_quisommes.jpg) no-repeat;}

#corps_presentation #contenu {position:relative;width:360px;padding:40px 0 0 210px;text-align:justify;}

#corps_presentation h2 {display:none;}
#corps_presentation h3 {padding-top:20px;text-transform:uppercase;font-size:20px;font-weight:bold;color:#7F6E65;}

#corps_presentation #menu_presentation {background:#EEE6E3;width:375px;height:20px;}
#corps_presentation #menu_presentation li {display:block;float:left;padding:0 10px 0 0;}
#corps_presentation #menu_presentation li a {display:block;color:#7F6E65;padding-left:15px;}
#corps_presentation #menu_presentation li a:hover {color:#A70D30;background:url(../images/pages/quisommesnous/puce_menu.jpg) no-repeat;}
#corps_presentation #menu_presentation li a.active {color:#A70D30;background:url(../images/pages/quisommesnous/puce_menu.jpg) no-repeat;}

#corps_presentation #texte {padding-top:10px;}

/*------------corps services--------------*/
#corps_services {position:relative;/*width:1000px;*/min-height:435px;background:url(../images/fonds/bg_services.jpg) no-repeat;}

#corps_services #menu_services {position:relative;float:left;width:142px;text-align:right;}
#corps_services #menu_services h3 {position:relative;width:142px;line-height:14px;text-align:center;font-size:22px;color:#FFFFFF;}
#corps_services #menu_services #bg_menu_services {background-color:#FFFFFF;filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7;}
#corps_services #menu_services ul.sous_menu {padding:20px 0 50px 0;/*background:url(../images/pages/services/bg_sous_menu.gif);*/text-align:right;/*filter : alpha(opacity=100)*/; -moz-opacity : 1; opacity : 1;}
#corps_services #menu_services ul.sous_menu li {padding:0 0 5px 0;font-size:14px;font-weight:bold;}
#corps_services #menu_services ul.sous_menu li a {display:block;width:130px;padding-right:10px;}
#corps_services #menu_services ul.sous_menu li a:hover {background:url(../images/pages/services/puce_services.gif) right no-repeat;}
#corps_services #menu_services ul.sous_menu li a.allume {color:#A70D30;background:url(../images/pages/services/puce_services.gif) right no-repeat;}


#corps_services #contenu {position:relative;width:360px;margin:0 0 0 200px;padding:55px 0 0 0;text-align:justify;/*outline:1px solid blue;*/}

#corps_services #contenu h2 {margin-bottom:10px;font-size:24px;font-weight:bold;color:#7F6E65;}
#corps_services #contenu h2 span {color:#A70D30;}

#corps_services table.sommaire td {padding:3px}
#corps_services table.cellule td {padding:0px}

/*------------corps contact--------------*/
#corps_contact {position:relative;/*width:1000px;*/background:url(../images/fonds/bg_contact.jpg) no-repeat;}

#corps_contact #bloc_adresse {position:absolute;top:50px;left:645px;width:180px;height:65px;color:#7F6E65;font-size:11px;text-align:right;line-height:15px;}
#corps_contact #bloc_adresse span{font-weight:bold;font-size:18px;}
#corps_contact #bloc_adresse span.numtel{font-size:12px;}

#corps_contact #bloc_horaires {position:absolute;top:200px;left:620px;width:100px;height:70px;color:#7F6E65;font-size:11px;text-align:right;}
#corps_contact #bloc_horaires span{font-weight:bold;font-size:15px;color:#A70D30;}

#corps_contact #contenu {position:relative;width:400px;padding:55px 0 0 210px;color:#7F6E65;}

#corps_contact #contenu h2 {margin-bottom:10px;font-size:24px;font-weight:bold;color:#7F6E65;}
#corps_contact #contenu h2 span {color:#A70D30;}

#corps_contact #sous-titre_contact{font-size:14px;color:#A70D30;}

#infocontact {color:red;font-size:14px;font-weight:bold;}

#corps_contact #contenu table.formulaire {margin-bottom:10px;}
#corps_contact #contenu table.formulaire td{padding:1px 0 1px 0;}
#corps_contact #contenu table.formulaire td.champ{text-align:right;}
#corps_contact #contenu table.formulaire span#infocontact{color:red;}
#corps_contact #contenu table.formulaire input{width:250px;border:1px solid #7F6E65;}
#corps_contact #contenu table.formulaire textarea#message{width:390px;height:80px;border:1px solid #7F6E65;background:#EDE5E3;}
#corps_contact #contenu table.formulaire td.text{font-weight:bold;color:#000000;}

#corps_contact #contenu table.bas {width:390px;margin:10px 0 20px 0;}
#corps_contact #contenu table.bas td.info{font-size:11px;font-weight:bold;color:#7F6E65;}
#corps_contact #contenu table.bas td.info span {color:#A70D30;}
#corps_contact #contenu table.bas td.bouton{text-align:right;}
#corps_contact #contenu table.bas input#submit{width:67px;height:20px;background:url(../images/pages/contact/bt_envoyer.jpg) no-repeat;border:none;cursor:pointer;}
#corps_contact #contenu table.bas input#submit:hover{width:67px;height:20px;background:url(../images/pages/contact/bt_envoyer_on.jpg) no-repeat;border:none;cursor:pointer;}

#projetConstruction .slide_button {font-size:14px;font-weight:bold;}
#projetConstruction .slide_button span {color:#A70D30;}
#corps_contact #contenu table.projetConstruction td.champ{text-align:right;}
#corps_contact #contenu table.projetConstruction input{width:200px;border:1px solid #7F6E65;}
#corps_contact #contenu table.projetConstruction td.champ_radio{padding-left:27px;vertical-align:top;text-align:left;}
#corps_contact #contenu table.projetConstruction td.champ_radio input {width:auto;}
#corps_contact #contenu table.projetConstruction td.text{vertical-align:top;}
#corps_contact #contenu textarea#communeConstruction, #corps_contact #contenu textarea#apportPersonnel, #corps_contact #contenu textarea#commentNousAvezVousConnu{width:390px;height:18px;border:1px solid #7F6E65;/*background:#EDE5E3;*/}
#corps_contact #contenu table.projetConstruction td.champ_age input{width:20px;margin-left:10px;}
#corps_contact #contenu table.projetConstruction {/*display:none;*/}
#corps_contact #contenu table.projetConstruction td{padding-top:10px;}
#corps_contact #contenu table.projetConstruction td.text{font-weight:bold;color:#000000;}
#corps_contact #contenu table.projetConstruction td.textTitre{font-weight:bold;color:#A70D30;}


/*------------corps mentions_legales--------------*/
#corps_mentions_legales {position:relative;/*width:1000px;*/background:url(../images/fonds/bg_quisommes.jpg) no-repeat;}

#corps_mentions_legales #contenu {position:relative;width:360px;padding:55px 0 0 210px;text-align:justify;}

#corps_mentions_legales #contenu h2 {margin-bottom:10px;font-size:24px;font-weight:bold;color:#7F6E65;}
#corps_mentions_legales #contenu h2 span {color:#A70D30;}

#corps_mentions_legales #contenu h3 {margin-bottom:5px;font-size:14px;color:#A70D30;}

#corps_mentions_legales #contenu span {font-weight:bold;}

/*------------corps plan_du_site--------------*/
#corps_plan_du_site {position:relative;/*width:1000px;*/background:url(../images/fonds/bg_quisommes.jpg) no-repeat;}

#corps_plan_du_site #contenu {position:relative;width:360px;padding:55px 0 0 210px;text-align:justify;}

#corps_plan_du_site #contenu h2 {margin-bottom:10px;font-size:24px;font-weight:bold;color:#7F6E65;}
#corps_plan_du_site #contenu h2 span {color:#A70D30;}

#corps_plan_du_site #contenu li {list-style:none;list-style-position:outside;font-size:14px;font-weight:bold;border-bottom:2px solid #A70D30;margin-bottom:5px;padding-bottom:5px;width:360px;}
#corps_plan_du_site #contenu li li {margin-left:20px;margin-bottom:0px;border:0px;font-weight:normal;padding:0px;}