html, body 
{
	height:auto !important;
	min-height:100%;
	padding:0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/************************************** STRUCTURE SITE ***************************************/
/*********************************************************************************************/

#CadreAllSite
{
	clear:both;
	display:inline;
	float:left;
	height:100%;
	overflow:hidden;
	width:100%;
}

#AllSite
{
	clear:both;
	display:inline;
	float:left;
	height:auto;
	width:100%;
	overflow:hidden;
}

/************************************** HEADER ***********************************************/
/*********************************************************************************************/
#Header
{
	float:left;
	display:inline;
	clear:both;
	overflow:hidden;
	width:100%;
	height:190px;
	margin-top:-10px;
	background:url(/images/header/repeat-x.jpg) repeat-x;
}

#Header .bann
{
	clear:both;
	width:1000px;
	height:190px;
	margin-left:auto;
	margin-right:auto;
	background:url(/images/header/bann.jpg) no-repeat;
}

#Header .bann .menu
{
	clear:both;
	float:left;
	display:inline;
	width:300px;
	height:55px;
	margin-left:141px;
	margin-top:116px;
}

#Header .bann .menu .news
{
	float:left;
	display:inline-block;
	width:60px;
	height:55px;
	background:url(/images/header/news-off.jpg) no-repeat;
	cursor:pointer;
}

#Header .bann .menu .news:hover
{
	background:url(/images/header/news-on.jpg) no-repeat;
}

#Header .bann .menu .realisations
{
	float:left;
	display:inline-block;
	width:115px;
	height:55px;
	background:url(/images/header/realisations-off.jpg) no-repeat;
	cursor:pointer;
}

#Header .bann .menu .realisations:hover
{
	background:url(/images/header/realisations-on.jpg) no-repeat;
}

#Header .bann .menu .infos a
{
	float:left;
	display:inline;
	width:125px;
	height:55px;
	background:url(/images/header/infos-off.jpg) no-repeat;
}

#Header .bann .menu .infos a:hover
{
	background:url(/images/header/infos-on.jpg) no-repeat;
}

/************************************** NEWS *******************************************************/
/***************************************************************************************************/
#News
{
	background-color:#F2F2F2;
	clear:both;
	display:inline;
	float:left;
	height:320px;
	width:100%;
}

#News .fleche_gauche
{
	float:left;
	display:inline;
	overflow:hidden;
	width:6%;
	height:100%;
	cursor:pointer;
	background:url(/images/news/fleche_gauche-off.png) no-repeat left center;
}

#News .fleche_gauche:hover
{
	background:url(/images/news/fleche_gauche-on.png) no-repeat left center;
}

#News .fleche_droite
{
	float:left;
	display:inline;
	overflow:hidden;
	width:6%;
	height:100%;
	cursor:pointer;
	background:url(/images/news/fleche_droite-off.png) no-repeat right center;
}

#News .fleche_droite:hover
{
	background:url(/images/news/fleche_droite-on.png) no-repeat right center;
}

#News .cadreNews
{
	overflow:hidden;
	display:inline;
	width:87.5%;
	height:100%;
	float:left;
}


#News .cadreNews .allNews
{
	overflow:hidden;
	display:inline;
	width:10000px;
	height:100%;
	float:left;
}

#News .cadreNews .allNews .news
{
	display:inline;
	float:left;
	height:100%;
	margin-left:45px;
	margin-right:45px;
	overflow:hidden;
	width:280px;
}

#News .cadreNews .allNews .news .date
{
	clear:both;
	color:#D8D8D8;
	display:inline;
	float:left;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	margin-top:40px;
	width:100%;
}

#News .cadreNews .allNews .news .titre
{
	clear:both;
	color:#BDBDBD;
	display:inline;
	float:left;
	font-family:Arial Black;
	font-size:14px;
	font-style:italic;
	width:100%;
}

#News .cadreNews .allNews .news .image
{
	clear:both;
	display:inline;
	float:left;
	height:149px;
	width:279px;
	padding-left:1px;
	padding-top:1px;
	margin-top:5px;
	background:url(/images/news/actu.jpg) no-repeat;
}

#News .cadreNews .allNews .news .image img
{
	
}

#News .cadreNews .allNews .news .texte
{
	clear:both;
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	width:100%;
	margin-top:5px;
	line-height:1.5em;
}

#News .cadreNews .allNews .news .texte a
{
	text-decoration:none;
	color:#AF0102;
}
#News .cadreNews .allNews .news .texte a:hover
{
	color:Gray;
}


/************************************** REALISATIONS ***********************************************/
/***************************************************************************************************/

#Realisations
{
	float:left;
	display:inline;
	clear:both;
	width:100%;
	height:600px;
	text-align:center;
}

#Realisations .fleche_gauche
{
	float:left;
	display:inline;
	overflow:hidden;
	width:7%;
	height:580px;
	cursor:pointer;
	background:url(/images/realisations/fleche_gauche-off.jpg) no-repeat left center;
}

#Realisations .fleche_gauche:hover
{
	background:url(/images/realisations/fleche_gauche-on.jpg) no-repeat left center;
}

#Realisations .fleche_droite
{
	float:left;
	display:inline;
	overflow:hidden;
	width:7%;
	height:580px;
	cursor:pointer;
	background:url(/images/realisations/fleche_droite-off.jpg) no-repeat right center;
}

#Realisations .fleche_droite:hover
{
	background:url(/images/realisations/fleche_droite-on.jpg) no-repeat right center;
}

#Realisations .cadreRea
{
	overflow:hidden;
	display:inline;
	width:85.5%;
	height:580px;
	float:left;
}

#Realisations .footer_rea
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	height:20px;
}

#Realisations .footer_rea .points
{
	clear:both;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	width:165px;
}

#Realisations .footer_rea .points .point
{
	background:url(/images/realisations/footer-rea-off.jpg) no-repeat;
	display:inline;
	float:left;
	height:10px;
	margin-right:5px;
	width:10px;
	cursor:pointer;
}

#Realisations .footer_rea .points .point.on
{
	background:url(/images/realisations/footer-rea-on.jpg) no-repeat;
}

#Realisations .footer_rea .points .point:hover
{
	background:url(/images/realisations/footer-rea-on.jpg) no-repeat;
}


#Realisations .cadreRea .allRea
{
	overflow:hidden;
	display:inline;
	width:100000px;
	height:100%;
	float:left;
}

#Realisations .cadreRea .allRea .rea
{
	overflow:hidden;
	display:inline;
	height:100%;
	float:left;
	text-align:center;
}

#Realisations .cadreRea .allRea .rea .video
{
	clear:both;
	height:375px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	padding-right:7px;
	width:595px;
}

#Realisations .cadreRea .allRea .rea .texte
{
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:10px;
	font-weight:bold;
	height:30px;
	margin-top:550px;
	overflow:hidden;
	text-align:center;
	width:100%;
}

#Realisations .cadreRea .allRea .rea .texte a
{
	text-decoration:none;
	color:Black;
}

#Realisations .cadreRea .allRea .rea .texte a:hover
{
	color:Gray;
}

/************************************** CONTACTS ***********************************************/
/***************************************************************************************************/

#CadreContact
{
	clear:both;
	height:250px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding-top:40px;
	width:965px;
}

#AllContact
{
	clear:both;
	height:250px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	width:1930px;
}

#Infos
{
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:100%;
	line-height:1.5em;
	width:965px;
}

#Infos .gauche
{
	float:left;
	display:inline;
	width:600px;
	text-align:justify;
}

#Infos .droite
{
	float:left;
	display:inline;
	width:300px;
	margin-left:40px;
}

#Infos .droite .acces_contact
{
	clear:both;
	float:left;
	display:inline;
	width:100%;
	height:77px;
	background:url(/images/infos/contact-off.jpg) no-repeat;
	cursor:pointer;
}

#Infos .droite .acces_contact:hover
{
	background:url(/images/infos/contact-on.jpg) no-repeat;
}

#FormContact
{
	display:inline;
	float:left;
	font-family:Verdana;
	font-size:11px;
	height:100%;
	line-height:1.5em;
	width:720px;
}

#FormContact .titre
{
	clear:both;
	display:inline;
	float:left;
	width:100%;
	height:13px;
	background:url(/images/contact/contact.jpg) no-repeat;
	margin-bottom:15px;
}

#FormContact .ligne
{
	clear:both;
	display:inline;
	float:left;
	height:25px;
	margin-bottom:8px;
	width:100%;
}

#FormContact .ligne .texte
{
	display:inline;
	float:left;
	height:20px;
	margin-left:15px;
	margin-right:10px;
	margin-top:2px;
	text-align:right;
	width:150px;
}

#FormContact .ligne .value
{
	display:inline;
	float:left;
	width:auto;
	height:25px;
}

#FormContact .ligne .value input
{
	border:1px solid #CFCFCF;
	width:540px;
}

#FormContact .validate
{
	clear:both;
	display:inline;
	float:left;
	height:28px;
	margin-bottom:8px;
	width:100%;
}

#FormContact .validate .annul
{
	background:url(/images/contact/back-off.jpg) no-repeat;
	display:inline;
	float:left;
	width:68px;
	height:22px;
	cursor:pointer;
	text-decoration:none;
}

#FormContact .validate .annul:hover
{
	background:url(/images/contact/back-on.jpg) no-repeat;
	text-decoration:underline;
}

#FormContact .validate .valid
{
	display:inline;
	float:left;
	width:233px;
	height:28px;
	background:url(/images/contact/envoyer-off.jpg) no-repeat;
	cursor:pointer;
	margin-left:250px;
}

#FormContact .validate .valid:hover
{
	background:url(/images/contact/envoyer-on.jpg) no-repeat;
}