@charset "utf-8";

/* CSS Document */

/**
 * global style resetting 
 */
	
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,

dd,dl,dt,li,ol,ul,

fieldset,form,label,legend,

table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {
	list-style: none;
}

q:before,q:after,

blockquote:before,blockquote:after {
	content: "";
}

* { outline: none; }

.clear-both{
	clear:both;
}

.bold{
	font-weight:bold;
}
/**
 * LINKS
 */

a:link {text-decoration: none; color: #ee7f00;}

a:visited {text-decoration: none; color: #ee7f00;}

a:active {text-decoration: none; color: #ee7f00;}

a:hover {text-decoration: underline; color: #ee7f00;}



/**
 * TITRE H1H2H3H4
 */



/**
 * STRUCTURE
 */

	
html, body{}

body{
	font-family: Verdana, Geneva;
    font: Verdana, Geneva;
	font-size:11px;
	color:#000;
	line-height:16px;
	background-color:#999d96;
	background-image:url(../images/interface/bgBody.jpg);
	background-position:0 0;
	background-repeat:repeat;
}

/**
 * WRAPPER
 */
#wrapper{
	float:left;
	width:100%;
	background-image:url(../images/interface/bgWrapper.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
} 
 

/**
 * HEADER
 */
#header{
	position:relative;
	width:1000px;
	height:210px;
	margin:0 auto;
	background-image:url(../images/interface/bgHeader.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}

a#logo, a#logo:link, a#logo:active, a#logo:visited, a#logo:hover{
	display:block;
	width:250px;
	height:160px;
}

/**
 * MENU PRINCIPAL
 */
ul#menu-principal{
	position:absolute;
	bottom:1px;
	left:17px;
	width:983px;
	height:21px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-image:url(../images/interface/menu/bgMenu.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
}
	ul#menu-principal li{
		position:relative;
		float:left;
		height:23px;
		font-weight:bold;
		margin:0 0 0 0;
		padding:0 10px 0 10px;
	}
			
		ul#menu-principal li a, ul#menu-principal li a:link, ul#menu-principal li a:active, ul#menu-principal li a:visited{
			float:left;
			display:block;
			cursor:pointer;
			height:23px;
			padding:3px 0 0 0;
			color:#fff;
			font-weight:bold;
			text-transform:uppercase;
		}
			ul#menu-principal li a:hover{
				text-decoration:none;
				color:#ee7f00;
			}
			
			
		ul#menu-principal li a.active, ul#menu-principal li a.active:link, ul#menu-principal li a.active:active, ul#menu-principal li a.active:visited{
			color:#ee7f00;
		}
		
		ul#menu-principal li ul{
			position:absolute;
			float:left;
			top:23px;
			left:0;
			display:none;
			background-color:#484848;
			z-index:999;
			
		}
		
		ul#menu-principal li:hover ul, ul#menu-principal li.iehover ul{
			display:block;
		}
		
		ul#menu-principal li ul:after /*From IE 7 lack of compliance*/{
			clear: both;
			display: block;
			font: 1px/0px serif;
			content: ".";
			height: 0;
			visibility: hidden;
		}
		
			ul#menu-principal li ul li{
				float: left; /*For IE 7 lack of compliance*/
				display: block !important;
				display: inline; /*For IE*/
				width:150px;
				height:20px;
				margin:0;
				background-image:none;
				padding:0;
			}
				ul#menu-principal li ul li:hover,  ul#menu-principal li ul li.iehover{
					background-image:none;
			}
			
				ul#menu-principal li ul li a, ul#menu-principal li ul li a:link, ul#menu-principal li ul li a:active, ul#menu-principal li ul li a:visited{
					width:140px;
					height:17px;
					padding: 0 0 0 0;
					color:#fff;
					padding:3px 5px 0 5px;
					font-weight:normal;
					text-transform:none;
				}
					ul#menu-principal li ul li a:hover{
						color:#ee7f00;
					}
					
#main{
	width:1000px;
	margin:0 auto;
}

#content{
	float:right;
	width:936px;
	padding:0 22px 10px 22px;
	background-image:url(../images/interface/bgMain.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-color:#FFF;
	border-left:solid 3px #999d96;
	border-right:solid 3px #999d96;
}

#bcrumbs{
	float:left;
	width:100%;
	height:30px;
}


#content-left{
	float:left;
	width:602px;
}

	#content-left-header{
		float:left;
		width:582px;
		height:18px;
		margin:0 0 1px 0;
		padding:3px 10px 0 10px;
		background-color:#484848;
		color:#FFF;
		text-transform:uppercase;
		font-size:13px;
	}
	
	#content-left-main{
		float:left;
		width:580px;
		margin:0 0 0 0;
		padding:10px;
		background-color:#fbfbfb;
		border:1px solid #b4b4b4;
	}
	
	.content-left-header{
		float:left;
		width:582px;
		height:18px;
		margin:0 0 1px 0;
		padding:3px 10px 0 10px;
		background-color:#484848;
		color:#FFF;
		text-transform:uppercase;
		font-size:13px;
	}
	
	.content-left-main{
		float:left;
		width:580px;
		margin:0 0 10px 0;
		padding:10px;
		background-color:#fbfbfb;
		border:1px solid #b4b4b4;
	}
	
#content-right{
	position:relative;
	float:right;
	width:306px;
	padding:0 0 175px 0;
}

/**
 * A LA UNE
 */
#une{
	float:left;
	width:306px;
	margin:0 0 10px 0;
}
	#une h1{
		float:left;
		width:286px;
		height:18px;
		margin:0 0 1px 0;
		padding:3px 10px 0 10px;
		background-color:#0d82d4;
		color:#FFF;
		text-transform:uppercase;
		font-size:13px;
	}
	
	#une-content{
		float:left;
		width:286px;
		padding:10px;
		background-color:#0d82d4;
		color:#FFF;
	}
		#une-content a.imgUne{
			display:block;
			float:left;
		}
		#une-content img{
			border:1px solid #FFF;
		}
		
		#une-header{
			float:left;
			width:125px;
			padding:0 0 0 5px;
		}
		
		#une-content span.date{
			float:left;
		}
		
		#une-content h1{
			float:left;
			/*width:125px;*/
			padding:0;
		}
		
		p.une-texte{
			display:block;
			float:left;
			color:#fff;
			height:60px;
			overflow:hidden;
		}
		
		#une-content a.suite, #une-content a.suite:link, #une-content a.link:active, #une-content a.suite:visited{
			color:#FFF;
			float:right;
			font-style:italic;
			margin:5px 0 0 0;
		}
		
#new-rea{
	float:left;
	width:306px;
	margin:10px 0 0 0;
}
	#new-rea h1{
		float:left;
		width:286px;
		height:18px;
		margin:0 0 1px 0;
		padding:3px 10px 0 10px;
		background-color:#d40d60;
		color:#FFF;
		text-transform:uppercase;
		font-size:13px;
	}
	
	#new-rea-content{
		float:left;
		width:286px;
		padding:10px;
		background-color:#d40d60;
		color:#FFF;
	}

a.acces-extra, a.acces-extra:link, a.acces-extra:visited, a.acces-extra:active, a.acces-extra:hover{
	float:left;
	width:286px;
	height:18px;
	margin:10px 0 0 0;
	padding:3px 10px 0 10px;
	background-color:#c9d40d;
	color:#FFF;
	text-transform:uppercase;
	font-size:13px;
}

#logo-groupe{
	position:absolute;
	bottom:0;
	left:0;
}

	#logo-groupe .marge-left-right{
		margin:0 7px 0 7px;
	}

#footer{
	width:983px;
	margin:0 auto;
	padding:0 0 0 17px;
}
	#footer-header{
		float:left;
		width:932px;
		height:20px;
		padding:3px 24px 0 24px;
		font-size:10px;
		color:#FFF;
		background-image:url(../images/interface/bgFooter.jpg);
		background-position:0 0;
		background-repeat:repeat-x;	
	}
	#footer-footer{
		float:left;
		width:946px;
		height:20px;
		padding:3px 10px 0 24px;
		font-size:10px;
		color:#FFF;
		text-align:right;
	}
		#footer-footer a, #footer-footer a:link, #footer-footer a:active, #footer-footer a:visited{
			color:#FFF;	
		}
	
/**
 * PAGE ACTUALITE
 */
.dateDetail{
	float:left;
	width:100%;
	margin: 0 0 10px 0;
	font-style:italic;
	
}
 
/**
 * LIST NEWS
 */ 

#listNews{
	float:left;
	width:306px;
}
	#listNews h1{
		float:left;
		width:286px;
		margin:0 0 1px 0;
		padding:3px 10px 0 10px;
		background-color:#0d82d4;
		color:#FFF;
		text-transform:uppercase;
		font-size:13px;
	}
	
	#listNews-content{
		float:left;
		width:286px;
		padding:10px;
		background-color:#0d82d4;
		color:#FFF;
	}
		#listNews-content a.imgList{
			display:block;
			float:left;
			width: 75px;
		}
		#listNews-content img{
			border:1px solid #FFF;
		}
		
		#listNews-header{
			float:left;
			width:200px;
			padding:0 0 0 5px;
			margin:0 0 10px 0;
		}
		
		#listNews-content span.date{
			float:left;
		}
		
		#listNews-content h1{
			float:left;
			font-size:11px;
			width:200px;
			padding:0;
		}
		
		p.listNews-texte{
			display:block;
			float:left;
			color:#fff;
			height:30px;
			overflow:hidden;
		}
		
		#listNews-content a.suite, #listNews-content a.suite:link, #listNews-content a.link:active, #listNews-content a.suite:visited{
			color:#FFF;
			float:right;
			font-style:italic;
			margin:5px 0 0 0;
		}
		
/**
 * PAGINATOR
 */
.paginator{
	float:right;
}
.paginator a, .paginator a:link, .paginator a:active, .paginator a:visited{
	display:block;
	float:left;
	width:12px;
	height:12px;
	background-color:#FFF;
	color:#0d82d4;
	margin:0 2px 0 0;
	padding:0 0 4px 4px;
}

.paginator span.actif{
	display:block;
	float:left;
	width:12px;
	height:12px;
	background:none;
	color:#fff;
	margin:0 2px 0 0;
	padding:0 0 4px 4px;
}

/**
 * REALISATIONS
 */
#f_realisations select{
	width:300px;
}

#listRealisation-content a.imgList, #listRealisation-content a.imgList:active, #listRealisation-content a.imgList:visited, #listRealisation-content a.imgList:link{
	float:left;
	display:block;
	margin:10px;
}

#detailRealisation-content a.imgList, #detailRealisation-content a.imgList:active, #detailRealisation-content a.imgList:visited, #detailRealisation-content a.imgList:link{
	float:left;
	display:block;
	margin:10px;
}

#detailRealisation-content a.imgDetail, #detailRealisation-content a.imgDetail:active, #detailRealisation-content a.imgDetail:visited, #detailRealisation-content a.imgDetail:link{
	float:left;
	display:block;
	margin:0 10px 0 0;
}

/*
 * ACCES EXTRANET
 */
#f_extra {
	/*background:transparent url(../images/interface/bgFormExtra.jpg) repeat-x scroll center top;*/
	border-color:#F4F4F4 #EFEFEF #EFEFEF #F4F4F4;
	border-style:solid;
	border-width:2px;
	margin:0 auto;
	padding:10px;
	width:180px;
	height:100px;
}

#f_extra label{
	color:#484848;
	width:175px;
}

#f_extra input{
	border:1px solid #dddddd;
}

#f_extra .btnExtra{
	display:block;
	float:right;
	width:76px;
	height:25px;
	padding:0 0 0 0;
	margin:10px 0 0 0;
	color:#484848;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	/*background-image:url(../images/interface/bgNewsSuite.jpg);
	background-position:0 0;
	background-repeat:no-repeat;*/
	border:none;
	cursor:pointer;
}

/**
 * CONTACT
 */
.blocInput{
	height:25px;
}
.blocLabel{
	vertical-align:top;
}
.requiredError, .legendRequired{
	color:#FF0000;
}

.formCompDiv input{
	width:250px;
}

a.submitContact, a.submitContact:link, a.submitContact:active, a.submitContact:visited{
	float:right;
	display:block;
	border:1px #484848 solid;
	color:#484848;
	text-align:center;
	width:75px;
	height:20px;
	padding:2px 0 0 0;
	color:#484848;
	font-weight:bold;
}

.contactDemande{
	width:350px;
	height:150px;
}

ul.partenaire li img{
	float:left;
	margin:0 5px 0 0;
}

