* { margin: 0; padding: 0; }

body {
  color: black;
  font: 11px verdana;
  background: #ede6d5 url('../images/fonddepage.png') center top repeat-y;
  text-align: center;
}

body.home { background-image: url('../images/fonddepagepri.png'); font-size: 11px; }

a { text-decoration: none; }

#global { width: 880px; margin: 0 auto; text-align: left; }

/* header */
div#header { background-color: #f1ecde; }
#header h2 { font: 24px Georgia; margin-bottom: 0.5em; }
#header #colg { float: left; width: 235px; }
#header #colg h1 { margin: 12px 0 0 33px; background: transparent url('../images/logodca.gif') 0 0 no-repeat; }
#header #colg h1 a { width: 197px; height: 99px; display: block; }
#header #colg h1 span { display: none; }
#header #cold { float: left; width: 645px; background: transparent url('../images/headertopd.gif') 0 43px no-repeat; }
#header #fil { position: relative; padding: 15px; }
#header ul#navigation { height: 50px; text-align: right; list-style:  none; padding-right: 50px; }
#header ul#navigation li { display: inline; }
#header #drapeau { position: absolute; background:  url('../images/drapeaux.jpg') no-repeat; margin-top: -10px; right: 5px; width: 49px; height: 31px; }
#header #drapeau p a { display: block;  width: 49px; height: 31px; }
#header #drapeau p a span { visibility: hidden; }

#header div#flash { float: left; }
#header div#edito h2 { padding: 0.5em 28px 0 0.5em; color: #ffeec5; }
#header div#edito {
	float: left;
	width: 225px;
	height: 290px;
	color: #333333;
	background: #f6c44c url('../images/fond_edito.gif') top right repeat-y;
  line-height: 140%;
}
#header div#contenuedito { 
	padding: 0.5em 16px 0 0.5em;
	height: 225px;
	width: 198px;
	overflow: auto; 
	scrollbar-face-color: #9d8970;
  scrollbar-arrow-color: #6c6255;
  scrollbar-track-color: #6c6255;
  scrollbar-shadow-color: #6c6255;
  scrollbar-highlight-color: #6c6255;
  scrollbar-3dlight-color: #6c6255;
  scrollbar-darkshadow-Color: #6c6255;
}
#header div#contenuedito h3 { color: white; font-weight: bold; } 
#header div#edito a { color: white; font-weight: bold; }

/* menu */
#header h2.menu { color: #666; margin: 0.5em 0 0.5em 40px; } 
#header ul#menu { list-style: none; width: 155px; }
#header ul#menu li { padding: 3px 0 3px 40px; background: #f1ecde url('../images/pucemenu.gif') 27px 7px no-repeat; }
#header ul#menu a	{ color: #666; }
#header ul#menu li:hover, #header ul#menu li.selected { background-color: #e79600; background-image: url('../images/pucemenuover.gif'); }
#header ul#menu li:hover a	{ color: #fff; }


/* contenu - home */
#miseavant a { color: #eba208; font-weight: bold; }
#miseavant a:hover { text-decoration: underline; }
#miseavant { padding-left: 25px; color: #908d84; text-align: justify; }
#miseavant.in { border-bottom: 8px solid #fff; background: #fff url('../images/mea_spefond.gif') top left repeat-x; }

#miseavant h2 { color: #fff; height: 22px; font: 18px Georgia; padding: 18px 0 0 22px; }
#miseavant h2 a { font-weight: normal; color: #fff; }
#miseavant div.premier { width: 210px; float: left; background: transparent url('../images/bdmix_a.gif') 0 0 no-repeat; }
#miseavant div.second { width: 210px; float: left; background: transparent url('../images/bdmix_b.gif') 0 0 no-repeat; }
#miseavant div.troisieme { width: 210px; float: left;  background: transparent url('../images/bdmix_c.gif') 0 0 no-repeat;  }
#miseavant div.troisieme h3 .ss-titre-accueil { color: #666; font-size: 9px; line-height: 130%; height: 4.5em; text-align: left; }
#miseavant div.quatrieme { width: 225px; float: left; background: transparent url('../images/bdmix_d.gif') 0 0 no-repeat; }
#miseavant div.quatrieme h2, div#miseavant div.quatrieme h2 a { color: #999; }
#miseavant div.second dd { padding: 0 0 0.5em 1.2em; } 
#miseavant img.premier { border-right: 10px solid #3e8680; }
#miseavant img.second { border-right: 10px solid #716c17; }
#miseavant img.troisieme { border-right: 10px solid #dba023; }
#miseavant img.quatrieme { border-right: 25px solid #ceaf6f; }
#miseavant h3 { font-weight: bold; color: #666; font-size: 11px; line-height: 130%; height: 4.5em; text-align: left; }
#miseavant div.meacont1 { border-right: 10px solid #f0ebdc; }
#miseavant div.meacont2 { border-right: 25px solid #f0ebdc; }

#contenu { background: #fff url('../images/fondcontenu.png') left top repeat-y; }
#colgauche { float: left; width: 235px; }
#coldroite { float: left; width: 573px; padding: 1em 36px;  }



/* submenu - dl */
dl.submenu dt { color: #666; font: 24px Georgia; padding: 20px 0 16px 28px; }
dl.submenu dd a { background: transparent url('../images/submenu_off.gif') 18px 3px no-repeat; text-transform: uppercase; padding-left: 30px; color: #f5a300; }
dl.submenu dd a.selected { background-image: url('../images/submenu_on.gif'); color: #004c96; }
dl.submenu dd a:hover { background-image: url('../images/submenu_on.gif'); color: #004c96; }

/* menugauche - dl */
#menugauche dt { color: #666; font: 24px Georgia; padding: 20px 0 16px 28px; }
#menugauche dd a { background: transparent url('../images/submenu_off.gif') 18px 3px no-repeat; text-transform: uppercase; padding-left: 30px; color: #f5a300; }
#menugauche dd a.selected { background-image: url('../images/submenu_on.gif'); color: #004c96; }
#menugauche dd a:hover { background-image: url('../images/submenu_on.gif'); color: #004c96; }

/* zoom */
#zoom { margin: 2em 0; background: #fff url('../images/zoomtop.gif') top right no-repeat; text-align: center;  }
#zoom h3 { color: #666; font: 24px Georgia; padding: 20px 0 16px 28px; text-align: left; }
#zoomfin { padding: 1em 26px 5em; background: #fff url('../images/zoombottom.gif') bottom left no-repeat; text-align: justify; }
#zoomfin a.esp  { padding-top : 1em; float: right; color: #f5a300; }

/* corps de page */
#coldroite { color: #7e7c74; }
#coldroite h2 { color:#59b5af; font: 18px Georgia; display: compact; padding: 0.8em 0 0.2em; }
#coldroite h2.titre { margin-bottom: 1em; } 
#coldroite h2.titre span.marine { color: #fff; background-color: #59b5af; padding: 2px 4px; text-transform: uppercase; }
#coldroite h2 a { color: #59b5af; }
#coldroite h3 { color: #f5a300; font: 13px Verdana; font-weight: bold; padding: 0.4em 0 0.2em 0.5em; }
#coldroite h4 { color: #f5a300; font-size: 12px; font-style: italic; font-weight: normal; padding: 0.4em 0 0.2em 1em; }
#coldroite p { padding: 0 0 0.2em 2em; }
#coldroite ul { padding: 0 0 0 1.4em; }
#coldroite table { font-size: 11px; }
#coldroite table td div { padding: 0 0 0 0.5em; }


#logosbas {
	min-height: 50px;
	background: transparent url('../images/footertop.png') bottom right no-repeat; 
	border-bottom: 1px solid #888680; 
}
#alllogos { margin: 0.5em; }
#alllogos dt { float: left; display: block; }

#footer { color: #999; padding: 1em; }
#footer li { display: inline; } 
#footer a { color: #eba208; }

/* home page nos realisations */
#home { height: 400px; width: 500px; background:transparent url(/templates/dcav2/images/home.jpg) no-repeat top left; }
#home #regionales { position: absolute; width: 200px; height: 90px; float:left; margin: 80px 0 0 50px; }
#home #caracteres { position: absolute; width: 200px; height: 90px; float: left; margin: 90px 0 0 290px; }
#home #mesures { position: absolute; width: 195px; height: 90px; margin-left: 202px; margin: 310px 0 0 190px; }

#home a { text-decoration: none; color: #000; font-weight: bold; font-size: 12px;}
#home a:hover { background: none; }
#home a span { display: none; }
#home a:hover span { display: block; position: relative; top: 10px; width: 180px; height: 50px; text-align: justify; color: #000; font-weight: normal;}


/* style de la page de feuilletage nos realisations */
dl.realisation { width: 142px; height: 140px; text-align: center; padding: 10px; float: left; margin-right: 1em; }
.realisation dt {  }
.realisation dt img { border: none;  display: block; width: 140px; height: 120px; background: transparent url('../images/ajax-loader.gif') center no-repeat; }
.realisation dd { width: 140px; }
.realisation dd a { color: #000; font-weight: bold;}

/* style de la page avec une realisation*/
.center { width: 500px; height: auto; margin :auto; text-align: center;}
.center p { width: 282px; margin-top: 5px; }
.center a { color: #f5a301; }
.centre #img_centre { width : 432px; height : 300px; margin : 0 auto;}

.bottom { clear: both; /*position : absolute;*/ /*margin : 300px 160px;*/ /*margin-bottom: 300px;*/ text-align: center; }
.bottom a { color: #f5a301;}
.bottom a:hover { color: #1157a9; }

/*Page sur mesure*/
dl.sur_mesure{ margin: 2em 0; padding: 0; }
.sur_mesure dt { position: relative; left: 0; top: 1.1em; width: 8em; font-weight: bold; }
.sur_mesure dt a { color: #F3AC1D; }
.sur_mesure dd { border-left: 1px solid #F3AC1D; margin: 0 0 0 8em; padding: 0 0 .5em .5em; color: #000; }
.sur_mesure dd a img { border: 1px solid #000; }


/*Gmaps agences*/
#gmaps #test{ font-size : 11px; }
#gmaps #liens{ position : absolute; font-size : 11px; width: 130px; margin : 5px 8em 0; }	
#gmaps a{ text-decoration : none; color : #F3AD20; }

/*Galerie*/
#galerie {  }
#galerie #main_image { width : 400px; height: 300px; margin: auto; text-align: center;}
#galerie #thumbs_image { width: 570px; height: 150 px; margin : 20px auto;}
#galerie #thumbs_image img { margin : 5px;}
#galerie #thumbs_image a img { border : none;}
#galerie #play {width: 70px; height: 10 px; margin : 0px auto;}


/*Page terrains details*/
#terrains #main_img { width : 200px; height: 200px; margin : 0 auto; text-align : center; }
#terrains p { text-align : justify;}
#terrains #thumbs_image { width: 250px; height: 150 px; margin : 20px auto;}
#terrains #thumbs_image img { padding : 7px;}
#terrains #thumbs_image a img { border: none; }

#terrains table tbody tr th { border-bottom : 2px solid #eee; }
#terrains table tbody tr td { height : 40px; border-right: 2px solid #eee; border-bottom : 2px solid #eee;}



form.cssform th { width: 150px; text-align: right; padding: 0 1em 1em 0; }
form.cssform td { padding: 0 0 1em 0; } 

/* Page actualités */
.lls a { color: #59B5AF; }
.lls a:hover { text-decoration: underline; }

.post-commentaire { margin-left: -21px; }
.post-content a, .post-commentaire a { color: #59B5AF; }
.post-content a:hover, .post-commentaire a:hover { text-decoration: underline; }

#commentform fieldset { border: none; }
#commentform legend { visibility: hidden; }
#commentform table { margin: 15px 0 15px 10px; }
#commentform th { font-size: 10px; font-weight: normal; text-align: right; }
#commentform input,#commentform textarea { border: 1px solid #59B5AF; }
#submit, #reset { background: #59B5AF; color: #fff; }
#submit:hover, #reset:hover { background: #fff; color: #59B5AF; }


#coldroite dl.pds dt a { font-size: 110%; color: #f5a300; }
#coldroite dl.pds dd a { padding-left:1em; color: #eee; }