@charset "utf-8";
/* CSS Document */
/** body **/
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,
b, u, i, center,
dl, dt, dd, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, th{
	margin: 0;
	padding: 0 0;
	border: 0;
	outline: 0;
}


body{
	background:url(../../images/background.png);
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	line-height: 17px;	
}
.endCol{
	clear:both;
}
textarea{
	resize:none;
}

a{
	color:#222222;
	letter-spacing:1px;
	text-decoration:none;
	line-height: 17px;		
}
a:hover, a.actif{
	color:#00AACC;
	text-decoration:none;
}
a.lien{
	color:#222222;
	letter-spacing:1px;
	text-decoration:none;	
	background:url(../../images/puce.png) no-repeat;
	background-position: 0% 4px;
	padding-left:15px;	
}
h1{
	font-size:22px;
	font-weight:bold;
	color:#222222;
	letter-spacing:1px;
	line-height:24px;
	font-family: Arial,Verdana, Helvetica, sans-serif;
}
h2{
	font-size:22px;
	font-weight:bold;
	color:#222222;
	letter-spacing:1px;
	line-height:24px;
}
p{
	color:#666666;
	line-height: 17px;
}
hr{
	height: 1px;
	border: 0px;
	border-top: 1px solid #9daaac;
	margin:15px 0 15px 0;
}
.fix, img{
	behavior:url(iepngfix.htc);
}
/** images **/
img{
	border: 0;
}
/** main (container for everything else) **/
#main{
	width:100%;
}

#main-inner{
	position:relative;
	width:980px;
	margin:0px auto;
	background-color:#FFF;
	
}
/** logo **/
#logo{
	position:absolute;
	width:50px;
	top:10px;
	left:100px;
}

/** content **/
#titreContent{
	position:absolute;
	top:160px;
	left:125px;
	width:180px;
}
#content{
	position:absolute;
	top:168px;
	left:335px;
	width:270px;
}
	#content a{
		color:#00AACC;
	}
	#content a:hover{
		color:#00AACC;
		text-decoration:underline;
	}

	#content ul {
		list-style: none;
		line-height: 1em;
		padding: 0;
		margin:0;
		border-top:1px solid #e7e7e7;
	}

	#content li {
		border-bottom:1px solid #e7e7e7;
		padding-left:0px;
		padding-top:3px;
		padding-bottom:3px;
		line-height: 1.25em;
		font-size:11px;
		font-weight:normal;
		color:#666666;
		text-align:justify;
	}
#content-inner{
	position:absolute;
	top:172px;
	left:55px;
	width:230px;
	line-height: 1.333em;
}
/** nav Projet ***/
#titreNavProjet{
	position:absolute;
	left:125px;
	top:437px;
	width:180px;
}

#navProjet{
	position:absolute;
	left:310px;
	top:445px;
	width:430px;
}
	#navProjet-inner {
		padding-left:10px;
		margin-bottom:50px;
	}
	#navProjet ul {
		list-style: none;
		margin:0;
		padding: 0;
		width:270px;
	}
	#navProjet li {
		font-weight:normal;
		line-height:18px;
		height:18px;
		background:url(../../images/puce.png) no-repeat;
		background-position: 0% 7px;
		padding-left:15px;
		font-family: Arial,Verdana, Helvetica, sans-serif;
	}
	#navProjet a:hover{
		color:#00AACC;
		letter-spacing:1px;
	}
	#navProjet a.actif{
		color:#00AACC;
		letter-spacing:1px;
		font-weight:bold;
	}

	#navProjet a.actifReal{
		color:#00AACC;
		font-size:11px;
		letter-spacing:1px;
	}
	#navProjet a.actifReal:hover{
		color:#00AACC;
		text-decoration:none;
	}

/***************************************
 				MENU 
**************************************/
#nav{
	position:absolute;
	left:325px;

}
.divMenu{
	float:left;	
	color: #263335; 
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	text-transform:lowercase;
	letter-spacing:1px;
	text-align: left; 	 
	padding-left:10px;
	margin-right: 25px;	
	padding-top:42px;
	margin-top: 0px;
	background:url(../../images/puce_menu.jpg) no-repeat;
	line-height:11px;
}
.divMenuActif{
	float:left;	
	color: #263335; 
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration: none;
	text-transform:lowercase;
	letter-spacing:1px;
	text-align: left; 	 
	padding-left:10px;
	margin-right: 25px;	
	padding-top:31px;
	margin-top: 0px;
	background:url(../../images/puce_menu.jpg) repeat-y;
	
}
.homepage .divMenuActif{
	padding-top:290px;
}

.divMenu a{
	font-size:11px;
}
.divMenuActif a{
	font-size:24px;
	line-height:30px;
}

/*******************************/
/** footer **/
/******************************/
#footer{
	position:absolute;
	top:570px;
	left:427px;
	color:#00AACC;
	font-size:13px;
}
	#footer .contactFleche{
		float:left;
		width:16px;
	}
	#footer .contactText{
		float:left;
	}

	#footer A{
		color:#666666;
		font-size:11px;
		letter-spacing:1px;
	}
	#footer A:hover{
		color:#00AACC;
	}

.valign{
	vertical-align: middle;
	display: inline-block;
	line-height:1em;
}


div.preload {
	position:absolute;
	top:-9999;
	left:-9999;
	height:1px;
	width:1px;
	overflow:hidden;
}
/* Formulaire */
input.texte {
	padding:0px;
	margin:0px;
	border: 1px solid #cccccc;
	height:16px;
	color:#222222;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none; 
	width:185px;
}

TEXTAREA {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	margin:3px 0px 3px 0px;
	padding:0px;
	width:136px;
	color:#222222;
	font-size: 11px;
	font-weight: normal;
	
}
#message{
	height:140px;
	width:185px;
}
/*************************************/
/*  Formulaire contact 				 */
/*************************************/
#titreFormulaire{
	position:absolute;
	left:125px;
	top:350px;
	width:180px;
}
#formContact{
	position:absolute;
	left:335px;
	top:360px;
	/*width:430px;
	height:340px; */
	vertical-align:top;
}
#envoyer{
	background-color:#cccccc;
	border:1px solid #263335;
	color:#263335;
	font-size:11px;
	padding:2px;
	cursor:pointer;
}
#envoyer:hover{
	background-color:#00AACC;
}
/* label error formulaire */
	input.error, select.error, textarea.error{
		color:#000;
		border:1px solid #c52c23;
	}
	label.error{
		display:inline-block;
		font-size:10px;
		color:#c52c23;
	}
	.label{
		font-size:12px;
	}
	
	
/*********************************************************************************
	SLIDER EXPAND
*********************************************************************************/
.slider { 
	overflow: hidden;
	width:550px;
	margin-left:15px;
}
.sliderMenu { 
	margin-top:10px; 

}
.blocSlider	{
	border-top:1px solid #cccccc;
	margin-top:10px;
	margin-bottom:10px;	
}
.gallery	{
	border-bottom:1px solid #cccccc;
}

.blocSliderText{
	float:left;
	width:210px;
	margin:10px 0 10px 0;
	line-height:14px;

}
.blocSliderText a{
	color:#00AACC;
}
.blocSliderImage{
	float:right;
	margin:10px 0 10px 0;
}