/***********************************************/
/*		         www.accf.fr		           */
/*    Copyright(c)2007   www.menlog.com        */
/***********************************************/




html, body {
background-color:#333399;
font:14px Arial, Helvetica, sans-serif;
padding:0px;
margin:0px;
height: 100%
}

.clear { clear: both; margin: 0; }

img{padding:0px; margin:0px;}
a img {border: none;}
.center{ text-align:center;}


.borderBlanc{ border: 3px solid #fff;}

#diaporamaFrame{
width:500px; height:700px;

}

h1 {font: 25px Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;}
h2{font-weight: bold; font-size:18px; color:#A3CDF2;background-image:url(../images/fdH2.gif); padding:0px 0px 15px 0px; margin:0px; background-repeat:no-repeat; }
h3{font-weight: bold;color: #74BA1C; font-size:13px;  padding:0px; margin:0px;}
h4{font-weight: bold; font-size:18px; color:#333;background-image:url(../images/fdH2.gif); padding:0px 0px 20px 0px; background-repeat:no-repeat; }
.rougeTitre{ color:#AA501E;}
h5 {font: 16px Arial, Helvetica, sans-serif;font-weight:bold; margin:0px; padding:0px;}
.separer{border-bottom:2px dotted #DEDEE2; margin:10px 0px 10px 0px;}
.leftPhoto{ float:left;margin: 0px 30px 20px 0px;}

/*...................................................................................BODY PANEL.........*/
#bodyPan{width:965px; position:relative; margin:0 auto; background:#FFFFFF  url(../images/fdBodyPan.gif) repeat-y; padding:0px;min-height: 100%;}

/*...................................................................................BODY LEFT PANEL....*/
#bodyleftPan {position: absolute;top: 0px;left: 0px;margin:0 0 0 4px;padding: 242px 0 0 0 ;border: 0px;background:url(../images/topLeftPan.jpg) top;width: 150px;}

/*...................................................................................BODY RIGHT PANEL....*/
#bodyrightPan{position: absolute;top: 0px;right: 0px;margin:0 14px 0 0px;padding: 0px;border: 0px;width: 172px;}
.logo{ background:url(../images/logo.gif) top; width:172px; height:294px;}
/*...................................................................................HEADER PANEL.......*/
#HeaderPan{width:613px; height:120px; margin: 0px 0px 0px 160px; background-color:#555;}
.menuFlash{width:613px; height:121px; background-color:#A4CB15;}
/*...................................................................................TITRE PANEL.......*/
#bodytitrePan{width:613px; height:98px; margin: 0px 0px 0px 160px;background-color:#000;}
/*...................................................................................TEXTE PANEL.......*/
#bodytextePan{width:613px;margin: 0px 0px 30px 160px; color:#4D4D4D;font: 14px Arial, Helvetica, sans-serif;height: 600px;}
html>body #bodytextePan {height: auto;min-height: 600px;}
#chantierPan{width:580px;background: url(../../images/fdChantier.gif) no-repeat 0 0px; margin:30px 0px 20px 33px;}
.imgCadre{ border:2px solid #DBDBDB;padding:5px;}
#chantierPan p{ width:465px;}
#chantierPan p a{ text-decoration:none; color:#000000; border-bottom:2px dotted #000000;}
#chantierPan p a:hover{background:#A3CDF2; color:#fff; text-decoration:none;}
#contactPan{width:580px;background: url(../images/fdContact.jpg) no-repeat 0 0px; margin:30px 0px 20px 33px; height:500px;}
#flashPan{width:613px; height:513px; margin:0px 0px 10px 0px}

#photo{ padding: 10px 0px 10px 0px; font-size:11px; font-weight:bold; height:170px;}
.photoGauche{width:135px; border-right:2px dotted #DBDBDB; float:left; padding-left:15px; }


.ssTitreVert{font: 15px Arial, Helvetica, sans-serif; color: #74BA1C; margin:0px 0px 5px 0px;padding:0px;}

#infoGauchePan{width:354px;margin: 30px 0px 0px 0px; float:left;  }
#infoGauchePan .Actuimg {width:330px;height:253px;margin: 0px 0px 0px 0px;padding: 13px 0px 0px 15px;background: url(../images/fdImgActu.gif) no-repeat 0 0px;}
#infoGauchePan .legendImg {width:299px; background-color:#333333; color:#FFFFFF; padding:5px; margin:0px;}
#infoGauchePan .ActuTxt {width:315px;padding:0px 25px 25px 15px; margin:0px; text-align:justify;}
#infoGauchePan .ActuTxt a{ text-decoration:none; color:#000000; border-bottom:2px dotted #000000; font-weight:bold;}
#infoGauchePan .ActuTxt a:hover{background:#A3CDF2; color:#fff; text-decoration:none;}

#infoGauchePan .ArticleTxt {width:315px;padding:0px 25px 25px 25px; margin:0px; text-align:justify;}
#infoGauchePan .ArticleTxt a{ text-decoration:underline; color:#AA501E;background:url(../images/icoArticle.gif) no-repeat 0 0; padding: 0 0 0 20px;}
#infoGauchePan .ArticleTxt a:hover{text-decoration:none;}

#infoDroitePan{width:258px;margin: 30px 0px 0px 0px; float:left;}
.hautVide{width:258px; height:80px;background: url(../images/hautVide.gif) no-repeat 0 0px; margin:0px; padding:0px;}
.infoTxt{background: url(../images/fdInfo.gif); font-size:13px; padding:10px 10px 0px 25px;}
.finInfo{width:258px; background: url(../images/finInfo.gif); height:52px;}

#infoDroitePge{width:250px;margin: 0px 0px 0px 0px; float:left;}

/* formulaire */
#formContact{ margin:0px; padding:0px;}
#formContact form {margin:0px; padding:5px ;border: 1px solid #DBDBDB; background-color: #FAFAFA; }
#formContact label {display:block;font-weight:bold;margin:5px 0;}
#formContact input {padding:2px;border:1px solid #eee;font: normal 1em Verdana, sans-serif;color:#777;}
#formContact textarea {width:300px;padding:2px;font: normal 1em Verdana, sans-serif;border:1px solid #eee;height:100px;display:block;color:#777;}
#formContact input.button { font: bold 12px Arial, Sans-serif; height: 24px;margin: 0;padding: 2px 3px; color: #fff;background: #A3CDF2 url(../images/button-bg.jpg) repeat-x 0 0;border: none;}

/*...................................................................................FOOTER PANEL.......*/
#footermainPan{width:613px; height:196px; background: url(../images/footer.gif) no-repeat 0px 0px; color:#fff; clear:both; font:12px Arial, Helvetica, sans-serif;margin:0 0 0 160px;}
#footerGauche{width:240px;margin: 100px 0px 0px 0px; float:left; text-align:center;}
.rouge{ color:#CC6633;}
.rouge a{  color:#CC6633;text-decoration:underline;}
#footerDroite{width:240px;margin: 100px 0px 0px 55px; float:left; color:#EFEFEF; }
#footerDroite a{color:#EFEFEF; text-decoration:underline; }
#footerDroite a:hover{text-decoration:none; }

/*...................................................................................Vignettes options.......*/







#popupMask {
	position: absolute;
	z-index: 200;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: .4;
	filter: alpha(opacity=40);

	background-color:transparent !important;
	background-color: #333333;

	background-image/**/: url("maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;
	background-repeat: repeat;
	display:none;
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	border: 2px solid #000000;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar {
	background-color: #486CAE;
	color: #ffffff;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	border-bottom: 2px solid #000000;
	border-top: 1px solid #78A3F2;
	border-left: 1px solid #78A3F2;
	border-right: 1px solid #204095;
	position: relative;
	z-index: 203;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}


.petit{font-size:12px; }