/******************** BASE ********************/
body{
background:url(imgs/fond.jpg) repeat top left;
margin:0;
padding:0;
}

img{
border:none;
}

table,input,select,option,textarea,div{
font-family:Times, Arial, Verdana;
font-size:13px;
color:#000;
line-height:16px;
}

table,div,form,img{
margin:0;
padding:0;
}

a, a:hover{
color:#000;
text-decoration:none;
}


/******************** HOMEPAGE ********************/
.conteneur_general{
position:absolute;
width:943px;
left:50%;
top:20px;
margin-left:-471px;
}

.conteneur_haut{
width:943px;
height:139px;
background:url(imgs/haut_gen.png) no-repeat top left;
}

.lien_accueil, .lien_langues{
width:100px;
color:#423522;
padding-top:115px;
}

.lien_accueil{
float:left;
padding-left:60px;
}

.lien_langues{
float:right;
padding-right:60px;
text-align:right;
}

.lien_accueil a, .lien_langues a{
color:#423522;
}

.conteneur_centre{
width:862px;
padding:0 41px 0 40px;
background:url(imgs/contour_gen.png) repeat-y top left;
}

.header{
width:842px;
background-color:#FFF;
padding:10px 10px 0 10px;
}

.centre_page{
width:862px;
padding-top:10px;
overflow: hidden;
height: 1%;
}

.contenu{
float:left;
width:682px;
min-height:370px;
height:auto !important;
height:370px;
display: table-cell;
padding-bottom: 2000em;
margin-bottom: -2000em;
background-color:#FFF;
}

.bandeau_droite{
float:right;
width:150px;
padding:10px;
display: table-cell;
padding-bottom: 2000em;
margin-bottom: -2000em;
background-color:#FFF;
}

.conteneur_bas{
width:943px;
height:77px;
background:url(imgs/bas_gen.png) no-repeat top left;
}

.footer{
width:943px;
height:22px;
padding:20px 0;
}

.footer_liens_fr, .footer_liens_eng{
float:left;
width:864px;
text-align:center;
}

.footer_liens_fr a{
margin:0 4px;
}

.footer_liens_eng a{
margin:0 9px;
}

/*.footer div{
float:left;
padding:0 5px;
}*/


/******************** GENERAL ********************/
.lettrine{
float:left;
margin:3px 5px 0 0;
}

.gd_titre{
font-size:18px;
line-height:20px;
}

.titre_haut{
float:left;
width:622px;
text-align:center;
padding-bottom:20px;
}

.ss_menu_contenu{
float:left;
width:682px;
padding-top:10px;
text-align:center;
}

.a_gris{
color:#80766B;
}


/******************** ACCUEIL ********************/
.bloc_accueil{
float:left;
width:622px;
padding:20px 30px 30px 30px;
}

.txt_accueil, .txt_actu{
float:left;
width:330px;
color:#000;
text-align:justify;
}

.actu_accueil{
float:right;
width:190px;
color:#5B4F2C;
line-height:18px;
padding-right:20px;
}

.actu_accueil a{
color:#80766B;
}

.ti_liste_actu{
border-bottom:1px solid #D9D8DD;
padding:5px 0;
}

.txt_liste_actu{
padding:5px 0 10px 0;
}

.bloc_accueil2{
float:left;
width:560px;
padding:10px 61px 30px 61px;
}

.bas_accueil td{
padding:3px 0;
color:#5B4F2C;
text-align:center;
}

.bas_accueil a{
color:#80766B;
}

.bas_accueil_ti{
border-bottom:1px solid #D9D8DD;
}


/******************** ACTUALITES ********************/
.bloc_actu{
float:left;
width:622px;
padding:10px 30px 30px 30px;
}

.ti_page_actu{
float:left;
width:330px;
padding-bottom:20px;
}

.img_page_actu{
float:left;
width:130px;
}

.txt_page_actu{
float:left;
width:200px;
}

.txt_page_actu_gd{
float:left;
width:330px;
}

.liste_actu_page{
float:right;
width:190px;
padding-right:20px;
}

.liste_actu_page a{
color:#5B4F2C;
}

.li_liste_actu_page{
float:left;
width:175px;
background:url(imgs/bt_fleche.jpg) no-repeat top left;
padding-left:15px;
}


/******************** CONTACT ********************/
.form_gauche{
float:left;
width:70px;
padding:5px 0;
}

.form_droite{
float:left;
width:260px;
padding:5px 0;
}

.form_droite input, .form_droite textarea, .form_droite select{
border:1px solid #D9D8DD;
}

.form_droite input, .form_droite textarea{
width:230px;
}

.form_droite textarea{
height:100px;
}

.form_erreur{
float:left;
width:330px;
padding:5px 0;
font-weight:bold;
color:#B63415;
}

.tab_contact td, .tab_connect td{
padding:5px 5px 5px 0;
}

.erreur_connect{
font-weight:bold;
color:#B63415;
}

.tab_contact input, .tab_contact textarea, .tab_contact select{
border:1px solid #D9D8DD;
}

.tab_contact input, .tab_contact textarea{
width:230px;
}

.tab_contact textarea{
height:100px;
}

.tab_connect input{
border:1px solid #D9D8DD;
width:150px;
}

.tab_connect a{
color:#5C5040;
font-weight:bold;
}


/******************** QUI SOMMES NOUS ET SAVOIR FAIRE ********************/
.bloc_dinamo, .bloc_savoirfaire{
float:left;
text-align:justify;
padding:20px 30px 30px 30px;
}

.bloc_dinamo{
width:500px;
}

.bloc_savoirfaire{
width:580px;
}


/******************** VISITE ********************/
.bloc_visite_diapo{
float:left;
width:682px;
padding-top:20px;
}

.bloc_diapo{
float:left;
background:url(imgs/contour_diapo_visite.jpg) no-repeat top left;
width:374px;
height:289px;
padding:22px 0 0 30px;
}

.fleches_diapo_g, .fleches_diapo_d{
float:left;
width:119px;
height:161px;
padding-top:150px;
}

.fleches_diapo_g{
text-align:right;
padding-right:20px;
}

.fleches_diapo_d{
padding-left:20px;
}

.fleches_diapo_g img, .fleches_diapo_d img{
cursor:pointer;
}

.texte_visite{
float:left;
width:600px;
padding:30px 0 0 30px;
text-align:justify;
}


/******************** REALISATION ********************/
.contenu_rea{
float:left;
width:622px;
padding:20px 30px;
}

.txt_rea{
float:left;
width:500px;
padding:20px 40px;
text-align:justify;
line-height:18px;
}

.cadre_photo, .cadre_bord{
float:left;
width:404px;
}

.cadre_bord{
height:17px;
}

.cadre_centre{
float:left;
width:364px;
padding:5px 20px;
background:url(imgs/cadre_photo_fond.jpg) repeat-y top left;
text-align:center;
}

.cadre_centre table{
color:#423522;
}

.cadre_centre table a{
color:#646464;
}

.liste_photo{
float:right;
width:200px;
}

#contenu_photo{
position:relative;
width:200px;
height:270px;
overflow:hidden;
}

#bloc_defil{
position:absolute;
width:180px;
}

#bloc_defil td{
cursor:pointer;
padding:5px 0;
}

.scrollbar_photo{
position:absolute;
top:0;
right:0;
width:10px;
}

.scrollbar_haut{
background:url(imgs/scrollbar_haut.jpg) no-repeat top left;
cursor:pointer;
}

.scrollbar_bas{
background:url(imgs/scrollbar_bas.jpg) no-repeat top left;
cursor:pointer;
}

#scrollbar_curseur{
position:absolute;
width:10px;
height:15px;
background-color:#7B6F59;
}

.liens_rea{
float:left;
width:622px;
padding:0 30px 30px 30px;
}

.liens_rea_puce{
background:url(imgs/bt_fleche.jpg) no-repeat top left;
padding:5px 0 5px 15px;
}

.liens_rea_puce a{
color:#423824;
}

.explication_diapo{
text-align:center;
color:#7B6F59;
font-size:11px;
}