@charset "utf-8";
/* CSS Document JFM */
/* Realisation Krenesys.com */

body{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	background-color:#CCC;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	color:#000;
}
div#conteneur{
	width: 987px ;
	margin: 0 auto ;
	text-align: left ;
}
h1{color:#3399CC; font-size:16px; padding:0px;  margin:0px}
h2{color:#666; font-size:16px; font-weight:bold; padding-left:20px;  margin:0px}
h3{color:#666; font-size:14px; font-weight:100; padding:0px; margin:0px}
img{border:0;}
p{margin:0; padding:0}
ul{margin:0px; padding-left:20px;color:#666}
a{color:#3399CC;}
a:hover{color:#039;}


/* GENERAL */
div#header{
	background-image:url(images/header.jpg)	;
	height:145px;
	width:987px;
}
div#headerJFM{
	padding-left:710px;
	padding-top:10px;
}
table#tableContent{
	background-image:url(images/fdContent.jpg);
	background-repeat:repeat-y;
	width:987px;
}
div#footer{
	clear:both;
	background-image:url(images/footer.jpg)	;
	height:25px;
	width:987px;
}


/* BLOC */
#blocGauche{vertical-align:top; /*width:30px;*/}

#blocDroit{
	width:290px;
	vertical-align:top;
	background:url(images/blocDroitHaut.jpg) no-repeat bottom;
}
#blocDroitBas{
	width:290px;
	height:55px;
	background-image:url(images/blocDroitBasFd.jpg);
	background-repeat:repeat-y;
}


/* MENU */
div#menuGauche{
	background-image:url(images/fdMenu.jpg);
	background-repeat:repeat-x;
	height:24px;
	width:697px;
	font-size:16px;
}
div#menuDroit{
	height:24px;
	width:290px;
}
#navigation {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	/*text-align: center ;*/
}
#navigation li {
	display: inline ;
	color: #fff ;
}
#navigation li a {
	color: #000 ;
	text-align: center ;
	text-decoration: none ;
	line-height:1.5em;
	padding: 3px 15px 2px 15px;

}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background-image:url(images/fdMenuOn.jpg);
	background-repeat:repeat-x;
	color:#FFF;
}
#navigation #menuAct a {
	background-image:url(images/fdMenuOn.jpg);
	background-repeat:repeat-x;
	color:#FFF;
}

/* TEXTES */
div#texteGauche{
	padding: 20px 20px 20px 30px;
	text-align:justify;
	float:left;
	width:610px;
}
div#nomPartieGauche{
	float:left;
	width:;
}
div#texteDroit{
	padding: 10px;
}
div#mentionsFooter{
	text-align:right;
	color:#999;
	font-size:10px;
	padding-right:300px;
}
div#mentionsFooter a{font-weight:bold; color:#666; text-decoration:none;}
div#mentionsFooter a:hover{color:#3399CC;}

.divErreur {border:thin #C03 solid; background-color:#FFCCCC; color:#666666; padding:10px; margin-bottom:30px}

/* PAGES */
/************************************************************************/

/* presentation */
div#imgPresentation .txtImgPres{
	padding-left:15px;
	padding-bottom:3px;
 	text-align:left;
 	color:#666;
	font-weight:bold;
}
div#imgPresentation .img_gauche{
	width:180px;
	padding:10px;
	float:left;
	text-align:center;
}
div#imgPresentation .img_gauche:hover{background-color:#CCC;}
div#imgPresentation .img_centre{
	width:180px;
	padding:10px;
	float:left;
	text-align:center;
}
div#imgPresentation .img_centre:hover{background-color:#CCC;}
div#imgPresentation .img_droite{
	width:180px;
	padding:10px;
	float:left;
	text-align:center;
}
div#imgPresentation .img_droite:hover{background-color:#CCC;}
div#imgPresentation .clearBoth{
	clear:both;
	height:10px;
}

/* news */
div#pageNews {}
div#pageNews .titre_news{ border-bottom:thin #666 solid; font-weight:bold; color:#666; }
div#pageNews .date_news{ font-weight:bold; color:#666; text-align:right; font-size:10px }
div#pageNews .txt_news{ margin-top:5px; margin-bottom:30px;}

/* liens */
div#pageLiens {}
div#pageLiens .titre_liens{ padding-left:20px; padding-bottom:3px; border-bottom:thin #666 solid; margin-bottom:15px; background-image:url(images/puce.jpg); background-repeat:no-repeat}
div#pageLiens a{font-weight:bold; color:#666; text-decoration:none;}
div#pageLiens a:hover{color:#3399CC;}

/* contact */
div#pageContact{}
div#pageContact #partie1 {padding-bottom:30px; background-color:#CCC; padding:10px; margin-top:5px; font-weight:bold; margin-bottom:20px}
div#pageContact .txtBlanc {color:#FFF; padding-left:5px; padding-right:5px}
div#pageContact #partie2 {border:#CCC solid thin; padding:10px; margin-top:5px; font-weight:bold; margin-bottom:30px;}
div#pageContact .titreContact {width:70px; text-align:right; padding-right:10px;}
div#pageContact .titreContact_Erreur {width:70px; text-align:right; padding-right:10px; color:#F00}
div#pageContact td{vertical-align:top}
div#pageContact a{text-decoration: none; color:#666}
div#pageContact a:hover{text-decoration: none; color:#3399CC;}
div#pageContact p {color:#666; font-size:11px;}

/* devis */
div#pageDevis .titreContact {width:60px; text-align:right; padding-right:10px;}
div#pageDevis .titreContact_Erreur {width:60px; text-align:right; padding-right:10px; color:#F00}
div#pageDevis .titreContactPetit {width:60px; text-align:right; padding-right:10px; font-size:10px}
div#pageDevis .titrePartie {font-weight:bold; color:#666; padding-top:10px; padding-bottom:5px; font-size:14px;}
div#pageDevis option, div#pageDevis select  {font-size:11px;}