@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;*/
background-color:#fff;
}

.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;
margin-bottom:30px;
}

.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;
}

.sellerie{
	color: #707173;padding: 5px;vertical-align: top;
}

.sellerie A{
	text-decoration:underline; color:#7192a4; font-weight:bold;
}


.titre_txt_home {
  background-image: url("../../img/home_page_bas_04_01.gif");
  color: #416D7A;
  font-size: 11px;
  font-weight: bold;
  padding-left: 16px;
  text-align:left;
  padding-top:7px;
}


/**************************************************************************************************************/
/******************************************		ANIMATIONS JC	***********************************************/
/**************************************************************************************************************/
#page{
	height:auto;
	margin:0 auto;
}

#content{
	background-color:#f5f2ed;
	height:auto;
	clear:both;
	overflow:hidden;
}

#content_animation{
	width:830px;
	height:390px;
	margin:30px auto;
	background-color:#736357;
	border:7px solid #fff;
	-moz-box-shadow: 0 0 5px 5px #ccc;
	-webkit-box-shadow: 0 0 5px 5px#ccc;
	box-shadow: 0 0 5px 5px #ccc;
}

#page .lienVisitez{
	float:right;
	position:relative;	
	top:15px;
	right:120px;
}

#top_animation{
	width:830px;
	height:35px;
	border-bottom:solid 1px #FFF;
	clear:both;
}

#top_animation span{
	float:left;
	margin-left:80px;
	padding: 25px 0 0 20px;
	font-size:17px;
	color:#FFF;
	background-color:#736357;
}

#content .topCollectivite span{
	padding:25px 20px 0 4px;
	margin-left:0px;
}

#top_animation strong{
	float:left;
	padding-left:3px;
	padding:25px 20px 0 4px;
	font-size:17px;
	color:#FFF;
	background-color:#736357;
}

#content .topCollectivite strong{
	margin-left:80px;
	padding: 25px 0 0 20px;
}

#bottom_animation{
	width:830px;
	height:300px;
	clear:both;
}

.animation{
	width:530px;
	height:330px;
	float:left;
}

.animation div{
	 position: relative;
}
/* Page Architecture */
#architecture #divLien1{
    left: 266px;
    top: 17px;
}

#architecture #divLien2{
    left: 362px;
    top: 55px;
}

#architecture #divLien3{
    left: 82px;
    top: 69px;
}

#architecture #divLien4{
	left: 182px;
    top: 104px;
}

#architecture #divLien5{
    left: 259px;
    top: 104px;
}

#architecture #divLien6{
    left: 399px;
    top: 76px;
}

/* Page Industrie */
#industrie #divLien1{
    left: 265px;
    top: 55px;
}

#industrie #divLien2{
    left: 161px;
    top: 54px;
}

#industrie #divLien3{
    left: 406px;
    top: 67px;
}

#industrie #divLien4{
    left: 42px;
    top: 93px;
}

#industrie #divLien5{
    left: 87px;
    top: 50px;
}

#industrie #divLien6{
    left: 196px;
    top: 53px;
}

#industrie #divLien7{
    left: 249px;
    top: 27px;
}

#industrie #divLien8{
    left: 275px;
    top: 50px;
}

#industrie #divLien9{
    left: 179px;
    top: 135px;
}

#industrie #divLien10{
    left: 410px;
    top: 116px;
}

/* Page Particulier */
#particulier #divLien1{
    left: 364px;
    top: 25px;
}

#particulier #divLien2{
    left: 416px;
    top: 76px;
}

#particulier #divLien3{
    left: 146px;
    top: 61px;
}

#particulier #divLien4{
    left: 31px;
    top: 82px;
}

#particulier #divLien5{
    left: 133px;
    top: 80px;
}

#particulier #divLien6{
    left: 227px;
    top: 49px;
}

#particulier #divLien7{
    left: 217px;
    top: 110px;
}

#particulier #divLien8{
    left: 398px;
    top: 146px;
}

#particulier #divLien9{
    left: 434px;
    top: 65px;
}

/* Page Commercant */
#commercant #divLien1{
    left: 214px;
    top: 16px;
}

#commercant #divLien2{
    left: 305px;
    top: 7px;
}

#commercant #divLien3{
    left: 129px;
    top: 29px;
}

#commercant #divLien4{
    left: 202px;
    top: 6px;
}

#commercant #divLien5{
    left: 380px;
    top: 41px;
}

#commercant #divLien6{
    left: 60px;
    top: 45px;
}

#commercant #divLien7{
    left: 127px;
    top: 55px;
}

#commercant #divLien8{
    left: 152px;
    top: 16px;
}

#commercant #divLien9{
    left: 227px;
    top: 26px;
}

#commercant #divLien10{
    left: 285px;
    top: 58px;
}

#commercant #divLien11{
    left: 411px;
    top: 59px;
}

/* Page Agriculteur */
#agriculteur #divLien1{
    left: 90px;
    top: 81px;
}

#agriculteur #divLien2{
    left: 164px;
    top: 74px;
}

#agriculteur #divLien3{
    left: 304px;
    top: -14px;
}

#agriculteur #divLien4{
    left: 430px;
    top: 4px;
}
#agriculteur #divLien5{
    left: 137px;
    top: 83px;
}

#agriculteur #divLien6{
   left: 261px;
    top: 99px;
}

#agriculteur #divLien7{
    left: 476px;
    top: 64px;
}

#agriculteur #divLien8{
    left: 113px;
    top: 130px;
}

#agriculteur #divLien9{
    left: 352px;
    top: 132px;
}

/* Page Collectivite */
#collectivite #divLien1{
    left: 267px;
    top: 26px;
}

#collectivite #divLien2{
    left: 395px;
    top: 51px;
}

#collectivite #divLien3{
    left: 68px;
    top: 91px;
}

#collectivite #divLien4{
    left: 84px;
    top: 211px;
}

#collectivite #divLien5{
    left: 388px;
    top: 148px;
}

/* Page Transport */
#transport #divLien1{
    left: 450px;
    top: 65px;
}

#transport #divLien2{
    left: 422px;
    top: 82px;
}

#transport #divLien3{
    left: 382px;
    top: 116px;
}

#transport #divLien4{
    left: 321px;
    top: 76px;
}

#transport #divLien5{
    left: 245px;
    top: 39px;
}

#transport #divLien6{
    left: 142px;
    top: 26px;
}

#transport #divLien6  ul{
	top:-98px;
}

#transport #divLien7{
    left: 317px;
    top: 91px;
}

#transport #divLien8{
    left: 178px;
    top: 154px;
}

#transport #divLien9{
    left: 384px;
    top: 116px;
}

.animation a.clickLink{
	width:16px;
	height:16px;
}


.animation a{
	display:block;
	position:relative;
	z-index:100;
}

.animation ul{
    background:#ebe5da;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    color: #707173;
    display: none;
    font-size: 12px;
    height: auto;
    padding: 5px;
    position: absolute;
	top:-80px;
    text-align: left;
    z-index: 10;
	-moz-box-shadow: 0 0 2px 2px #999;
	-webkit-box-shadow: 0 0 2px 2px #999;
	box-shadow: 0 0 2px 2px #999;
}

.animation li{
	list-style:none;
    font-size: 8px;
    line-height: 14px;
}

.animation li strong{
	font-size:11px;
}

#architecture{
	background:url(img/animations/bg_architecture.png) no-repeat;
	margin-top:20px;
}

#industrie{
	background:url(img/animations/bg_industrie.png) no-repeat;
}

#particulier{
	background:url(img/animations/bg_particulier.png) no-repeat;
	margin-top:20px;
}

#commercant{
	background:url(img/animations/bg_commercant.png) no-repeat;
	margin-top:20px;
}

#agriculteur{
	background:url(img/animations/bg_agriculteur.png) no-repeat;
	margin-top:20px;
}

#collectivite{
	background:url(img/animations/bg_collectivite.png) no-repeat;
	margin-top:20px;
}

#transport{
	background:url(img/animations/bg_transport.png) no-repeat;
	margin-top:0px;
}

.text{
	width:280px;
	height:320px;
	float:left;
	color:#FFF;
	font-size:11px;
	margin-top:5px;
}

.text h2{
	font-size:11px;
}

#text_architecture{
	margin-top:15px;
}

#text_particulier{
	margin-top:20px;
}

#text_commercant{
	margin:20px 0 0 10px;
}

#text_agriculteur{
	margin-top:20px;
}

#text_collectivite{
	margin-top:20px;
}

/* Page Reseau */
#reseau{
    background-color: #F5F2ED;
    clear: both;
    height: auto;
    overflow: hidden;
}

#reseau #content_animation{
	width:900px;
	background:none;
	border:none;
	-moz-box-shadow: 0 0 0px 0px #ccc;
	-webkit-box-shadow: 0 0 px 0px #ccc;
	box-shadow: 0 0 0px 0px #ccc;
}

#reseau #top_animation {
	width:900px;
    border-bottom: 1px solid #406d7e;
	height:15px;
}

#reseau #top_animation strong,
#reseau #top_animation span{
	background:#F5F2ED;
	color:#406d7e;
	padding-top:3px;
}

#reseau #bottom_animation {
	width:900px;
	margin-top:15px;
}

#reseau #map{
	width:600px;
	height:420px;
	background:url(img/map.png) no-repeat 0 0;
	float:left;
	position:relative;
}

#reseau #map a{
	width:5px;
	height:5px;
	position:absolute;
	background:#666;
	display:block;
}

#reseau #map .aRed{
	background:red;
}

#reseau #map select{
	width:180px;
	height:24px;
	border:solid 1px #333;
	padding:2px;
	margin:10px 0 0 410px;
	font-size:12px;
}

#reseau #map #blocContact{
	width:250px;
	height:200px;
	margin:174px 0 0 338px;
}

#reseau #map #blocContact ul,
#reseau #map #blocContact li{
	list-style:none;
	padding:0;
	margin:0;
	font-size:11px;
}

#reseau #map #blocContact ul{
	width:230px;
	height:180px;
	background:#a5b2b8;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:solid 2px #FFF;
	padding:8px;
	display:none;
	color:#666;
}

#reseau #map #blocContact strong{
	font-size:12px;
}

#reseau #map #blocContact strong#name{
	font-size:11px;
}

#reseau #map #blocContact a{
	position:relative;
	width:230px;
	color:#666;
	background:none;
	height:15px;
}

#reseau .text{
	color:#707173;
	margin-left:20px;
}
	
#reseau .text ul{
	margin: 10px 0 0 12px;
	padding:0px;
}

#reseau .text img{
	margin-top:15px;
}


/*** index ***/
#home #diaporama{
    height: 296px;
    width: 772px;
    margin-top: 6px;
}

#diaporama div{
	position:relative;
}

#home #diaporama h2,
#home #diaporama img{
	position:absolute;
}

#home #diaporama h2{
	display:none;
	font-size:48px;
	font-weight:normal;
	z-index:20;
	color:#FFF;
	font-family:Helvetica, Arial;
}

#titreDiaporama1{left:356px;top:55px;}
#titreDiaporama2{left:120px;top:120px;}
#titreDiaporama3{left:480px;top:5px;}
#titreDiaporama4{left:480px;top:180px;}
#titreDiaporama5{left:500px;top:170px;}
#titreDiaporama6{left:300px;top:120px;}
#titreDiaporama7{left:260px;top:-35px;}