@charset "utf-8";
/* CSS Document */

form{
margin:0px;
}

img{
border:0px;
}

.container{
width:1000px;
border:1px solid #9C9D9F;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/* header */
.container .header{
height:61px;
width:1000px;
background-color:#00CC99;
}

.container .header .left{
float:left;
width:349px;
height:61px;
background-color:#cbd7db;
}

.container .header .right{
float:left;
width:651px;
height:61px;
background-color:#d3c1a5;
}





/* body_top */
.body_top{
width:1000px;
/*background-image:url(img/img_fond.jpg);*/
}






/* menu haut */
.menu_home{
padding:32px 0px 0px 0px;
margin:0px;
text-align:left;
}

.menu_home li{
display:inline;
font-size: 13px;
text-align:left;
}

.menu_home li a:hover{
color:#000000;
}

.separateur{
color:#FFFFFF;
}

.link{
text-decoration:none;
color:#646567;
}






/* menu milieu */
.menu_home2{
padding:0px 0px 0px 10px;
margin:0px;
text-align:left;
background-color:#EBE5DA;
height:24px;
width:747px;
}

.menu_home2 li{
display:inline;
font-size: 11px;
text-align:left;
padding-left:12px;
background-image:url(img/fleche.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}

.menu_home2 li a:hover{
color:#000000;
}

.link2{
text-decoration:none;
color:#416D7A;
}

.vous_etes{
color:#416D7A;
font-size: 11px;
padding-left:10px;
padding-right:10px;
font-weight:bold;
}






.menu_home3{
padding:0px 0px 0px 115px;
margin:0px;
text-align:left;
text-indent:220px;
margin-top:38px;
}

.menu_home3 li{
display:inline;
font-size: 11px;
text-align:left;
padding-left:12px;
background-image:url(img/fleche.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}

.menu_home3 li a:hover{
color:#000000;
}

.link3{
text-decoration:none;
color:#416D7A;
}

.vous_etes{
color:#416D7A;
font-size: 11px;
padding-left:10px;
padding-right:10px;
font-weight:bold;
}


.menu_home4{
padding:0px 0px 0px 112px;
margin:0px;
text-align:left;
text-indent:220px;
margin-top:26px;
}

.menu_home4 li{
display:inline;
font-size: 11px;
text-align:left;
padding-left:12px;
background-image:url(img/fleche.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}

.menu_home4 li a:hover{
color:#000000;
}



.menu_home5{
padding:0px 0px 0px 10px;
margin:0px;
text-align:left;
text-indent:100px;
margin-top:0px;
}

.menu_home5 li{
display:inline;
font-size: 11px;
text-align:left;
padding-left:12px;
background-image:url(img/fleche.gif);
background-repeat:no-repeat;
background-position:4px 4px;
}

.menu_home5 li a:hover{
color:#000000;
}





.link4{
text-decoration:none;
color:#416D7A;
}






/* body_bottom */
.container .body_bottom{
height:200px;
width:1000px;
padding:10px 0px 0px 0px;
}

.container .body_bottom .left1{
float:left;
}

.container .body_bottom .left2{
float:left;
}

.container .body_bottom .right1{
float:left;
}

.container .body_bottom .right2{
float:left;
}





/* body_top2 */
.body_top2{
width:1000px;
}







.menu_relais{
float:left;
width:599px;
height:91px;
background:url(img/menu_relais.gif) no-repeat 85px;
background-color:#F5F2EC;
}

.menu_relais2{
float:left;
width:599px;
height:69px;
background:url(img/menu_relais.gif) no-repeat 85px;
}

.tel{
float:left;
height:67px;
width:396px;
background-color:#F5F2EC;
padding-top:24px;
text-align:left;
}


.tel2{
float:left;
height:67px;
width:396px;
padding-top:14px;
text-align:left;
}


.footer{
width:1000px;
height:100px;
background-color:#F2F0EA;
}

.footer2{
width:1000px;
height:99px;
background-color:#F2F0EA;
}

.form1{
background-color:#F2F0EA;
}

.form1 table{
font-size:12px;
color:#646567;
background-color:#F2F0EA;
}

.formulaire{
padding-left:85px;
}

.submit{
background-image:url(img/submit.gif);
background-position: left;
height:20px;
width:75px;
border:0px;
font-size:18px;
}

.submit:hover{
cursor:pointer;
}

.applications{
height:19px;
width:173px;
border:1px solid #7e8e93;
font-size:10px;
}

.applications2{
height:18px;
width:168px;
border:1px solid #7e8e93;
font-size:10px;
}

.applications3{
height:18px;
width:202px;
border:1px solid #7e8e93;
font-size:10px;
}


/****cboude****/

#bloc_miniatures{
	height: 32px;
	width: 180px;
/*	border: solid 1px red;*/
	overflow: hidden;
	position: relative;
}

#bloc_miniatures #bloc_moving{
	position: absolute;
	height: 32px;
	left: 0;
	width: <?php echo $totalWidth; ?>px;
	top: 0;
}


#bloc_miniatures2{
	height: 32px;
	width: 288px;
/*	border: solid 1px red;*/
	overflow: hidden;
	position: relative;
}

#bloc_miniatures2 #bloc_moving{
	position: absolute;
	height: 32px;
	left: 0;
	width: <?php echo $totalWidth; ?>px;
	top: 0;
}

.clear{
	width: 100%;
	clear: both;
}

.bg-gallery{
	background-image: url("img/bg-gallery.gif");
	width: 867px;
	height: 425px;
	position: relative;
}

.bg-gallery .diapo{
	left:40px;
	position:absolute;
	top:102px;
	text-align:left;
}

.bg-gallery .titre h1{
	left:95px;
	position:absolute;
	top:75px;
	font-family: Helvetica, sans-serif;
	font-size: 17px;
	color: white;
	margin: 0px;
	font-weight: normal;
}

.bg-gallery .description{
	color:white;
	font-size:11px;
	line-height:15px;
	position:absolute;
	right:80px;
	text-align:left;
	top:75px;
	width:280px;
	font-family:Arial, Helvetica, sans-serif;
}

#big_picture{
	border: solid 4px white;
}

/****cboude****/

.mentions1{
font-size:11px;
text-align:left;
color:#646567;
width:300px;
vertical-align:top;
padding:0px 10px 0px 85px;
}

.mentions2{
font-size:11px;
text-align:left;
color:#646567;
width:300px;
vertical-align:top;
padding:0px 10px 0px 0px;
}

.mentions3{
font-size:11px;
text-align:left;
color:#646567;
width:300px;
vertical-align:top;
padding:0px 50px 0px 0px;
}

.mentions1 a,.mentions2 a,.mentions3 a{
text-decoration:none;
color:#646567;
}

.pergola{
margin-left:85px;
border-collapse:collapse;
}

.pergola tr td{
font-size:10px;
height:10px;
}

.al_right{
text-align:right;
}

.pergola tr td input, option{
height:18px;
font-size:9px;
}

.pergola tr td textarea{
height:50px;
width:100%;
}

.txt_home h2{
text-align:left;
font-size:11px;
height:82px;
background-color:#FFFFFF;
padding-left:8px;
font-weight: normal;
margin: 0px;
}

.txt_home a{
text-decoration:none;
color:#707173;
}

.txt2_home{
text-align:left;
font-size:11px;
line-height:12px;
height:57px;
background-color:#FFFFFF;
padding-left:2px;
}

.txt2_home a{
text-decoration:none;
color:#707173;
}

.txt3_home{
text-align:left;
font-size:11px;
line-height:12px;
height:118px;
background-color:#FFFFFF;
padding-left:5px;
vertical-align:top;
}

.txt3_home a{
text-decoration:none;
color:#707173;
}

.txt4_home{
text-align:left;
font-size:14px;
height:36px;
background-color:#FFFFFF;
padding-left:5px;
}

.txt4_home a{
text-decoration:none;
color:#A67C52;
}

.txt_reseau{
text-align:left;
font-size:11px;
height:230px;
background-color:#FFFFFF;
padding-left:33px;
padding-right:60px;
text-decoration:none;
color:#707173;
background-color:#F2F0EA;
vertical-align:top;
}

.txt_pergola{
text-align:left;
font-size:11px;
height:91px;
text-decoration:none;
color:#A67C52;
background-color:#F2F0EA;
vertical-align:top;
padding-left:85px;
}

.ombre1{
background-image: url(img/ombre_gallerie_pergola.png);
background-repeat:no-repeat;
}

.ombre2{
background-image: url(img/ombre_gallerie.png);
background-repeat:no-repeat;
}

.std{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#707173;
background-color:#F2F0EA;
text-align:left;
vertical-align:top;
text-decoration:none;
}

.indices{
float:left;
font-size:11px;
text-align:left;
color: #707173;
margin:20px 20px 20px 60px;
}

.description h2,
.txt_illustrations h2{
	margin: 0px;
	font-size:11px;
	padding: 0px;
}

.txt_illustrations{
text-align:left;
font-size:11px;
line-height:15px;
color:#FFFFFF;
background-color:#6D625B;
}

.plus_grand{
font-size:10px;
}

.perso1{
padding:0px 0px 5px 10px;
color:#3e6c7b;
font-size:21px;
text-align:left;
}

.perso2{
padding-left:10px;
color:#707173;
font-size:12px;
line-height:12px;
/*font-weight:bold;*/
overflow: hidden;
text-align:left;
}

.perso2 ul{
padding-left:9px;
margin-left:9px;
}

.perso2 a{
color:#707173;
font-size:12px;
line-height:12px;
font-weight:bold;
overflow: hidden;
text-align:left;
text-decoration:none;
}

#lien_perso{
color:#707173;
font-size:12px;
line-height:12px;
font-weight:bold;
overflow: hidden;
text-align:left;
padding-left:10px;
}

#lien_perso:hover{
color:#000;
}

.menu_home_perso{
padding:0px 10px 0px 0px;
margin:0px;
text-align:left;
}

.menu_home_perso li{
display:inline;
font-size: 12px;
text-align:left;
}

.menu_home_perso li a:hover{
color:#000000;
}

.perso3{
background-color:#F5F2ED;
color:#707173;
text-align:left;
font-size:12px;
vertical-align:top;
font-weight:bold;
padding:10px 5px 0px 10px;
height:290px;
overflow:auto;
}

.perso4{
background-color:#D3C1A5;
color:#000000;
text-align:left;
font-size:11px;
vertical-align:top;
padding:10px 0px 0px 3px;
line-height:12px;
}

.perso4 a{
color:#000000;
text-decoration:none;
}

.navig_gallery{
width:298px;
text-align: center;
border-collapse:collapse;
border-spacing:0;
font-size:Opx;
}

.navig_gallery tr td{
padding:0px;
margin:0px;
}

.bloc_miniatures{
width:180px;
}

.bloc_droite a img{
vertical-align:middle;
}

.bloc_gauche a img{
vertical-align:middle;
}

.logo_perso{
float:left; 
width:172px; 
text-align:center; 
padding-left:10px;
padding-right:100px;
}

.float_left{
float:left;
}

.txt_left{
text-align:left;
}

.menu_perso{
float:left;
padding: 30px 0px 0px 15px;
}

.txt_transport{
overflow: auto; 
height:330px;
line-height:14px;
padding:0px 5px 0px 0px;
}

.bloc3{
background-image:url(img/tel_perso.gif);
width:203px;
height:61px;
}

.bloc3 a{
display:block;
width:153px;
height:36px;
color:#FFFFFF;
font-weight: bold;
font-size:18px;
text-decoration:none;
padding:25px 50px 0px 0px;
}

.bloc_norm{
background-image:url(img/home_page_bas_06.gif);
width:203px;
height:61px;
}

.bloc_norm a{
display:block;
width:100%;
height:100%;
}

.tel_perso{
float:left;
height:67px;
width:396px;
background-color:#F5F2EC;
padding-top:24px;
text-align:left;
background-image:url(img/tel_perso_2.gif);
background-repeat: no-repeat;
background-position:0px 24px;
}

.tel_perso a{
display:block;
width:190px;
height:36px;
color:#FFFFFF;
font-weight: bold;
font-size:18px;
text-decoration:none;
padding:29px 0px 0px 152px;
}


