/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-image: transparent;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

strong{
	font-weight:bold;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
*{
margin:0;
}


/* STRUCTURE */
html, body{
	height: 100%;
}
a:link{
color:#514242;
}
a:hover{
color:#514242;
}
a:active{
color:#514242;
}
a:visited{
color:#514242;
}

body{
	padding: 0;
	background-color:#FFFFFF;
	background-image:url(../images/fond_body.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-family:Tahoma,Verdana,Helvetica,"Sans-Serif";
	color:#514242;
	font-size:11px;
	text-align:center;
	line-height:15px;
}

#contenaire{
	width:822px;
	text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto !important;
	margin: 0 auto -189px; /* the bottom margin is the negative value of the footer's height */
	
}

#colonneGauche{
	width:200px;
	float:left;

	
	
	
	
	
}
#colonneDroite{
	width:600px;
	float:left;
}


.push {
	height: 10px; /* .push must be the same height as .footer */
	clear:both;
}

*html .push{
	height: 189px; /* .push must be the same height as .footer */
	clear:both;
}

#contLogo{
	width:179px;
	height:266px;
	margin:25px 0 0 0;
	padding:20px 0 0 20px;
	background-image:url(../images/fondLogo.jpg);
	background-repeat:no-repeat;
}


#contenaireFooter{
	width: 700px;
	position: absolute;
	left: 50%;
}
#footOk{
	left:-400px;
	position:absolute;
}


/* images */
.imgBan{
	float:left;
	margin:0 0 0 10px;
}
/* textes */

#colonneDroite .titreBan{
margin:45px 0 0 10px;
}
.titreActu{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	margin:12px 0 0 10px;
}
.titreContenu{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	margin:12px 0 20px 10px;
}
.pBan{
	width:300px;
	margin:10px 0 0 10px;
	float:left;
}
#contMenu{
	height:180px;
	margin: 0 0 30px 0;

}
#contPart{
	width:172px;
	height:150px;
	background-image:url(../images/fondPart.jpg);
	background-repeat:repeat-x;
	margin:20px 0 0 0;
	padding:30px 5px 0 5px;
	text-align:center;
}
#contPart img{
	margin:5px;
}
.bold{
font-weight:bold;
}
.infront{
	background-image:url(../images/puce_actu.jpg);
	background-repeat:no-repeat;
	background-position:20px 5px;
	font-weight:bold;
	padding:0 0 0 30px;
}



/* accordon */

.accordion_toggle {
	display: block;
	width:521px;
	height:24px;
	background-image:url(../images/banAccordeon.jpg);
	text-transform:uppercase;
	background-position: top;
	background-repeat:no-repeat;
	background-position:top;
	color:#ffffff;
	text-decoration:none;
	padding:5px 0 0 7px;
	margin:1px 0 0 4px;
	cursor:pointer;
	font-weight: normal;
	outline: none;
	font-size: 11px;
}

.accordion_toggle:hover{
	color:#ffffff;
	background-position: bottom;
	
}

.accordion_toggle_active {
	background-position: bottom;
}

.accordion_content {
	width:529px;
	background-image:url(../images/fondAcc.jpg);
	background-repeat:no-repeat;
	margin:0 0 0 3px;

	overflow: hidden;
}

	.vignette{
	float:right;
	margin:5px 10px 0 5px;
	}
	.accordion_content p{
	width:375px;
	float:right;
	margin:5px 0 10px 5px;
	text-align:left;
	}
	
	.doc{
	background-image:url(../images/iconDownload.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin:0 0 0 0;
	height:18px;
	display:block;
	
	}
	
	.pdf{
	background-image:url(../images/iconPdf.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin:0 0 0 0;
	height:18px;
	display:block;
	}
	
	.video{
	background-image:url(../images/iconVideo.jpg);
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	height:16px;
	display:block;
	}
	
	.fondImgAccord{
	width:90px;
	height:90px;
	background-image:url(../images/fond_imgAccord.jpg);
	background-repeat:no-repeat;
	float:left;
	padding:5px 0 0 5px;
	margin:  0 0 10px 0;
	}
	
	.blocElementAccordion{
		margin: 10px 0 0 30px;
	}
	


/* partenaires */
.partenaires{
width:470px;
background-image:url(../images/fondPartenaires.jpg);
background-position:0 100px ;
background-repeat:repeat-x;
background-position:bottom;
float:left;

}
.partenaires img{
margin:0 10px 0 0;
}

.logoPart{
float:left;
}

.titrePartenaire{
text-transform:uppercase;
font-weight:bold;
margin:15px 0 5px 50px;
}

/* FORMULAIRE */
#verticalForm fieldset
{
	display: block;
	margin: 0 0 3em 0;
	padding: 0 1em 1em 1em;
	border:1px solid #cccccc;
}
#verticalForm legend{
text-transform:uppercase;
padding:3px;
margin:0 0 0 0;
}
#verticalForm  label{
float: left;
width: 150px;
font-weight: bold;
}

#verticalForm  input, #verticalForm  textarea{
width: 180px;
margin-bottom: 5px;
background-image:url(../images/fond_input.jpg);
background-repeat:no-repeat;
border:none;
font-size:11px;
height:19px;
border-color:#fff;

}

#verticalForm .textarea{
	background:none;
	border:1px solid #CCCCCC;
}

#verticalForm .cp{
background-image:url(../images/fond_input50.jpg);
width:50px;}
#verticalForm .tel{
background-image:url(../images/fond_input100.jpg);
width:100px;}
#verticalForm  textarea{
width: 250px;
height: 150px;
}

#verticalForm  .boxes{
width: 1em;
}
#verticalForm p{
margin:0 0 50px 250px;
}
#verticalForm  .submit{
background-image:url(../images/inputBut.jpg);
width:83px;
height:34px;
background-repeat:no-repeat;
text-transform:uppercase;
color:#fff;
margin:0 0 0 30px;
cursor:pointer;
}

.response-error{
	background:#fefafb;
	padding:4px;
	margin:0 0 8px 0;
	font-size:1.1em;
	font-weight:bold;
	border:1px solid #c9003a;
}

.response-valid{
	background:#fbfdfb;
	padding:4px;
	margin:0 0 8px 0;
	font-size:1.1em;
	border:1px solid #1e9d48;
}

br{
clear: left;
}

#verticalForm .checkBox{
width:25px;
margin-bottom: 0px;
height:15px;
background-image:none;
}

#verticalForm  .transLabel{
color:#fff;
}

#verticalForm .red{
text-indent:5px;
color:#CC0000;
}

/* PHOTOTH7QUE */
#contPhoto{text-align:left; padding:10px;height:auto;}

#contPhoto span, #contPhoto #contMain h5{color:#fff; text-transform:uppercase;}
#contPhoto #contListcont{float:left; width:140px;  }
#contPhoto #contListe{width:135px; background-image:url(../images/fond_listePhoto.jpg); background-repeat:repeat-y; color:#fff; margin:15px 0 0 5px;}
#contPhoto #contListe h4{font-weight:bold; margin:0 0 5px 10px;  }
#contPhoto #contListe #haut{width:135px; height:10px; background-image:url(../images/haut_listPhoto.jpg); background-repeat:no-repeat;}
#contPhoto #contListe #bas{width:135px; height:11px; background-image:url(../images/bas_listePhoto.jpg); background-repeat:no-repeat; background-position:bottom;}
#contPhoto #contListe ul{padding:0 0 0 0; width:135px;}
#contPhoto #contListe ul li{margin:2px 0 0 0; text-decoration:none; color:#fff;padding: 0 0 0 10px; cursor:pointer}
#contPhoto #contListe ul li:hover{background-color:#6b5a5a;}
#contPhoto #contMinia{width:135px; margin:20px 0 0 5px;}
#contPhoto #contMinia img{border:2px solid #d6bdbd; cursor:pointer}
#contPhoto #contMain{float:left; width:500px; margin:20px 0 0 20px; color:#fff; }
#contPhoto #contMain img{border:1px solid #d6bdbd;}
#contPhoto #contMain h5{margin:10px 0 0 0;}
h4.videoMedia{
background-image:url(../images/iconVideoMedia.jpg);
background-repeat:no-repeat;
padding:0 0 0 20px;
height:16px;
display:block;
color:#FFF;
margin:5px 0 0 0;
cursor:pointer;
}
a.mediaDoc_doc,
a.mediaDoc_doc:link,
a.mediaDoc_doc:active,
a.mediaDoc_doc:visited,
a.mediaDoc_doc:hover
{
	float:left;
	font-size: 10px;
	height: 20px;
	width:150px;
	background-image: url(../images/iconDownload.gif);
	background-repeat: no-repeat;
	background-position:left;
	margin: 10px 5px 0 0px;
	padding:5px 0 0 20px;
	color:#FFF;
}

a.mediaDoc_pdf,
a.mediaDoc_pdf:link,
a.mediaDoc_pdf:active,
a.mediaDoc_pdf:visited,
a.mediaDoc_pdf:hover
{
	float:left;
	font-size: 10px;
	height: 20px;
	width:150px;
	background-image: url(../images/iconDownload.gif);
	background-repeat: no-repeat;
	background-position:left;
	margin: 10px 5px 0 0px;
	padding:5px 0 0 20px;
	color:#FFF;
}

#contVideo{
	width:540px;
	height:540px;
	background-color:#FFF;
	padding:10px 0 0 10px;
}


/********* GED ************/
#listPublic h2{
	margin: 5px 0 5px 0;
}

.ged-list li a{
	text-decoration:none;
	background-image:url(../images/iconDownload.jpg);
	background-position:left;
	background-repeat:no-repeat;
	padding:5px 0 0 20px;
	height:17px;
	margin: 0 0 0 0;
	display:block;
}

#packEnAvant{
	float:left;
	height:101px;
	width:183px;
	background-image:url(../images/img_packSolaire2.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

#packEnAvant a{
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	text-decoration:none;
	display:block;
	height:16px;
	padding:5px 5px 5px 5px;
	background-color:#FFFFFF;
	margin:50px 5px 0 5px;
	text-align:right;
	width:163px;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}



#radio{
	float:left;
	text-align:left;
}

h2.catGed{
	font-weight:bold;
	margin: 15px 0 0 0;
}

/*
 *  HEADER
 */
.clear{
	clear:both;
}

#box_titre{
	float:left;
	width:350px;
}
	#box_titre h1{
		float:right;
		font-size:26px;
		font-weight:bold;
		font-style:italic;
		margin:50px 0 0 0;
		line-height:normal;
		padding:2px 0 2px 0;
	}
	#box_titre h2{
		float:right;
		font-size:20px;
		font-weight:bold;
		font-style:italic;
		margin:20px 0 0 0;
	}
	
#box_logos{
	float:right;
	height:131px;
	width:170px;
	margin:33px 0 0 0;
	padding:20px 0 0 15px;
	background-image:url(../images/interface09/bgBoxLogos.png);
	background-position:left;
	background-repeat:no-repeat;
}

/**
 * MEDIATHEQUE
 */
#contPhoto{
	width:800px;
	background-image:url(../images/interface09/bgBoxMediatheque.jpg);
	background-repeat:repeat-y;
	margin:0 0 0 2px;
}

#phototheque{
	left:-402px;
	height:100%;
	position:absolute;
	
}

#basPhoto{
	width:764px;
	height:20px;
	margin:0 0 0 0;
	background-image:url(../images/basPhoto.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#contenairePhoto{
	width: 764px;
	position: absolute;
	left: 50%;
	z-index:999;
}

/**
 * MENU PRINCIPAL
 */
ul#menuPrincipal{
	float:left;
	margin:29px 0 0 0;
	width:584px;
	height:27px;
	padding:0 0 0 4px;
	background-image:url(../images/interface09/bgMenuPrincipal.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	z-index:999;
}

	ul#menuPrincipal li{
		position: relative;
		float:left;
		height:27px;
		padding:0 4px 0 4px;
		font-size:10px;
		font-weight:bold;
		list-style-image:none;
		background-image:url(../images/interface09/bgMenuPrincipalLi.jpg);
		background-position:right;
		background-repeat:no-repeat;
	}
	
		ul#menuPrincipal li a, ul#menuPrincipal li a:active, ul#menuPrincipal li a:link, ul#menuPrincipal li a:visited{
			display:block;
			float:left;
			height:22px;
			padding:5px 0 0 0;
			color:#fff;
			text-decoration:none;
		}
		
		ul#menuPrincipal li a:hover{
			color:#f47835;
			text-decoration:none;
		}
		
		ul#menuPrincipal li a.active{
			color:#f47835;
			text-decoration:none;
		}	
		/*
			ul#menuPrincipal li a.active,
			ul#menuPrincipal li.active a:visited,
			ul#menuPrincipal li.active a:link,
			ul#menuPrincipal li.active a:hover,
			ul#menuPrincipal li.active a:active{
				color:#f5600a;
				text-decoration:none;
			}		
		*/
		ul#menuPrincipal li:hover ul,
		ul#menuPrincipal li.iehover ul {
			display: block;
		}
		
		ul#menuPrincipal li ul{
			display:none;
			position:absolute;
			float:left;
			top:27px;
			left:0;
			width:145px;
			margin:0;
			padding:0;
			z-index:999;
			background-color:#eeeeee;
		}
		
			ul#menuPrincipal li ul:after /*From IE 7 lack of compliance*/{
				clear: both;
				display: block;
				font: 1px/0px serif;
				content: ".";
				height: 0;
				visibility: hidden;
			}
		
			ul#menuPrincipal li ul li{
				float: left; /*For IE 7 lack of compliance*/
				display: block !important;
				display: inline; /*For IE*/
				height:24px;
				width:135px;
				padding:4px 0 0 10px ;
				font-size:11px;
				font-weight:bold;
				color:#000;
				background-image:none;
				border-bottom:1px solid #d1d1d1;
				border-left:1px solid #d1d1d1;
				border-right:1px solid #d1d1d1;
				background-color:#514242;
				list-style-image:none;

			}
			
				ul#menuPrincipal li ul li a{
					text-transform:none;
					color:#323232;
				}
	
/**
 * TEASER
 */
.teaser_gauche{
	margin:0 0 10px 0;
}

#box_primTemps{
	width:183px;
	height:96px;
	background-image:url(../images/interface09/bgBoxPrimtemps.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}	

#box_teranga{
	width:183px;
	height:96px;
}		
				
.titreBan{
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:-1px;
	margin:0 0 0 4px;
}

/************** BLOC NEWSLETTER ********/

.inputText{
	width: 150px;
	margin:10px 0 5px 0;
	background-image:url(../images/fond_input150.jpg);
	background-repeat:no-repeat;
	border:none;
	font-size:11px;
	height:19px;
	border-color:#fff;
}

.ok{
	background-color: transparent;
	border:none;
	height:100%;
	background-image:url(../images/inputButOk2.jpg);
	width:29px;
	height:25px;
	background-repeat:no-repeat;
	color:#fff;
	cursor:pointer;
	margin: 7px 0 0 20px;
}

#newsletterBloc{
	float:left;
	height:101px;
	width:183px;
	background-image:url(../images/interface09/bgBoxNewsletter.jpg);
	background-position:left;
	background-repeat:no-repeat;
	text-align:center;
}
#newsletter{
	margin: 15px 0 0 5px;
}
.newsletterRadio{
	margin:0 0 0 15px;
}

/**
 * FOOTER
 */
#footer{
	background-color:#f3671c;
	background-image:url(../images/fond_footer.jpg);
	background-repeat:repeat-x;
	height:189px;
	text-align:left;
	color:#ffffff;
	padding:20px 0 0 0;
}
#footer a{
	color:#ffffff;
	text-decoration:none;
}
#listeFooter{
	margin:0 auto;
	width:400px;
	list-style-type:none;
	text-transform:uppercase;
	font-size:10px;
}
#listeFooter li{
	display:inline;
}

/*
 * CONTENU
 */
#contenu{
	float:left;
	margin:0;
	padding:10px 0 0 5px;
	width:590px;
}

/*
 * BOX ACTUS HOME 
 */
 
#box_actusHome{
	float:left;
	height:147px;
	width:564px;
	background-image:url(../images/interface09/bgBoxActusHome.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:35px 5px 10px 20px;
}

.blocActu{
	width:258px;
	height:147px;
	float:left;
	padding:0 12px 0  0;
}

/*
 ** GLIDER ACTUS HOME
 */
#actusGlider{
	float:left;
	width:564px;
}

	#actusGlider div.scroller { 	
		width: 564px; 
		height: 147px;
		overflow: hidden;
	}
		#actusGlider div.scroller div.section {	
			float:left;
		}
		#actusGlider div.scroller div.content {
			height: 10000px;
		}

.titreAc{
	font-weight:bold;
	margin:10px 0 0 0;
}
.dateActusHome{
	font-style:italic;
	margin:0 0 10px 0;
	float:left;
	width:100%;
}

.fondImgActu{
	width:90px;
	height:98px;
	background-image:url(../images/fond_imgActu.jpg);
	background-repeat:no-repeat;
	float:right;
	padding:5px 0 0 5px;
}
.paraActu{
	float:left;
}
.lasuite{
	font-size:10px;
	background-image:url(../images/puce_actu.jpg);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;

}

.blocActuListe{
	width:529px;
	background-image:url(../images/fondAcc.jpg);
	background-repeat:no-repeat;
}

.paraActuListe{
	float:left;
	width:400px;
	text-align:left;
}

.textActuListe{
	float:left;
	margin: 0 0 0 10px;
}


/*
 * ANIMATION HOME
 */

#box_animationHome{
	float:left;
	width:580px;
	/*height:283px;*/
	margin:20px 0 0 0;
	background-repeat:no-repeat;
}

/*
 * GLIDER REALISATIONS HOME
 */ 
#realisationHome{
	padding:0 0 15px 5px;
}
#realisationGlider{
	float:left;
	height:115px;
	margin:10px;
}

	#realisationGlider div.scroller { 	
		width: 495px; 
		height: 115px;
		overflow: hidden;
	}
		#realisationGlider div.scroller div.section {	
			float:left;
			width:157px;
			height:104px;
			margin:0;
			padding:8px 0 0 10px;
			cursor:pointer;
			background-image:url(../images/interface09/bgImgGlider.jpg);
			background-position:0 0;
			background-repeat:no-repeat;	
		}
		#realisationGlider div.scroller div.content {
			width: 10000px;
		}

/*div.produitImgListeDiv{
	float:left;
	width:148px;
	height:90px;
	border:1px solid #8d8d8d;
	background-image:url(../images/interface/bgDivImgListe.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	padding:0;

}*/

img.realisationImgListe{
	float:left;
	/*filter:alpha(opacity=30);-moz-opacity:.30;opacity:.30;*/
}

img.realisationImgListe:hover, img.iehover, img.realisationActif{
	/*filter:alpha(opacity=100);-moz-opacity:100;opacity:100;*/
	cursor:pointer;
}
	
a.btnRealisationLeft, a.btnRealisationLeft:link, a.btnRealisationLeft:active, a.btnRealisationLeft:visited{
	float:left;
	width:31px;
	height:31px;
	margin:45px 0 0 0;
	cursor:pointer;
	background-image:url(../images/interface09/btnLeft.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

a.btnRealisationRight, a.btnRealisationRight:link, a.btnRealisationRight:active, a.btnRealisationRight:visited{
	float:left;
	width:31px;
	height:31px;
	margin:45px 0 0 0;
	cursor:pointer;
	background-image:url(../images/interface09/btnRight.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}