/****************************************************
*****************************************************
****************************************************/

div#page{
	text-align : justify;
	margin : 7px 0px 0px 0px ;
	font : 12px Arial, sans-serif;
	overflow:visible;
}

.hide{
	display:none;
}

#page .illu{
	position:absolute;
	top:303px;
	left:504px;
}

div#page .widthPage{
	padding : 0px 20px 0px 20px ;
	border-left: 1px solid #EAE8E8;
	width : 460px;
}

#page h3{
	text-transform : uppercase;
	border-bottom:1px solid #EAE8E8;
	line-height:25px;
	font-size:14px;
	width:834px;
	position:relative;
	left:-20px;
	text-indent:5px;
	color:#00a6eb;
}

div#page h4{
	margin : 0px 0px 0px 0px ;
	padding : 15px 0 0 0;
	font : bold 14px arial ;
	color :#00a6eb;
}

div#page h5{
	padding : 15px 0px 0px 15px;
	font-size:14px;
	color :#00a6eb;
	background:transparent url('../img/arrow.gif') 0px 18px no-repeat;
}

div#page h6{
	padding : 15px 0px 0px 15px;
	font-size:12px;
	color :#00a6eb;
	background:transparent url('../img/arrow.gif') 0px 18px no-repeat;
	margin-left:15px;
}


#page h6 a{
	color:#69caf3;
}



div#page .workStatus{
	margin : 0;
	padding : 0px;
	font : bold 11px arial ;
	color :#ADA7A7;
}
div#page hr{
	margin : 7px 0px 0px 0px ;
	padding : 0px;
	font : 1px ;
	height : 1px;
	border: none;
	background: #EAE8E8;
	color : #EAE8E8;
}
div#page p{
	padding : 22px 0px 0px 0px;
}

div#page #schema{
	position : absolute ;
	top: 25px;
	right : 15px;
}

/****************************************************
*****************SOUFFLET******************************
****************************************************/


#page #menuSoufflet{
	margin : 10px 0px 20px 0;
	list-style-type : none;
	float:left;
	height:auto;
}

#page #menuSoufflet li{
	margin : 10px 10px 0px 0px ;
	width : 203px;
	background:transparent url('../img/arrow.gif') 2px 4px no-repeat;
	float:left;
	display:block;
}



ul#menuSoufflet li a{
	text-decoration : none;
	color: #5EC6F2;
	font-weight:bold;
	display:block;
	width:203px;
	text-align:left;
	outline:none;

}

#page #menuSoufflet a:hover{
	color : #5EC6F2;
	text-decoration : underline;
}


#page #menuSoufflet .blue{
	text-decoration:underline;
	color:#5EC6F2!important;
}

#page #menuSoufflet .over{
	text-decoration:underline;
}

#page #soufflet1, #page #soufflet2, #page #soufflet3, #page #soufflet4{
	clear:both;
}

/****************************************************
*****************FIN SOUFFLET******************************
****************************************************/

#page ul{
	width:100%;
	margin : 20px 0px 10px 0px ;
	list-style-type : none;
	display : block;
}

#page ul li{
	margin: 0px 0px 5px 20px ;
	padding-left:15px;
	background:transparent url('../img/puce_carre.gif') 2px 4px no-repeat;
}
#page ul li ul{
	margin-top:10px;
}
#page ul li ul li{
	background:transparent url('../img/puce_carre2.gif') 5px 5px no-repeat;
}

#page ul li p{margin:0px;padding:0 0 5px 0;}


/****************************************************
*****************ESPACE PRESSE******************************
****************************************************/

/********************LOGOS A TELECHARGER****************************************************/
#page ul#logos{
	margin : 0px;
	padding : 10px 0px 0px 0px ;
	width : 100%;
	display:block;
	height:500px;
	height:100%;
	float:none;
}
#page ul#logos li{
	margin : 0px;
	list-style-type:none;
	clear:both;
	display:block;
	background:transparent url('../img/arrow.gif') 0px 2px no-repeat;
}
#page ul#logos li h6{
	padding : 0px 0px 0px 0px ;
	font : bold 14px arial;
	color : #00a6eb;
	width : 208px;
	clear:both;
	display:block;
}
#page ul#logos li div{
	float : left;
	width : 215px;
	margin-left:0px;
}
#page ul#logos  li p{
	margin : 0px;
	padding: 0px;
	font : bold 12px arial;
}
#page ul#logos li ul{
	margin : 0;
	width : 200px;
	clear:both;
	height:60px;
	float:none;
	display:block;
}
#page #logos li ul li{
	margin : 0;
	background:transparent url('../img/arrow.gif') 0px 2px no-repeat;
	padding-left:15px;
	float:none;
	display:block;
}

#page ul#logos ul li a{
	color : #5EC6F2;
	text-decoration : none;
	font : bold 12px arial;

}
#page ul#logos ul li a:hover{
	color : #5EC6F2;
	text-decoration : underline;
	font : bold 12px arial;
}
/****************************************************
*****************FIN ESPACE PRESSE*******************
****************************************************/



/****************************************************
*****************CONTACT FORM*******************
****************************************************/

#page #contact{
	width:700px!important;
}

#page #contact input{
	float:left;
	margin-top:10px;
	width:160px;
}

#page #contact select, #page #contact textarea{
	margin-top:10px;
}

#page #contact textarea{
	width:270px;
}

#page #contact form{
	margin:0;
	padding:0;
}


#page #contact label{
	width:140px;
	display:block;
	margin-top:10px;
	float:left;
}


#page #contact .first{
	width:320px;
	float:left;

}

#page #contact .second{
	width:320px;
	float:right;
	margin-right:10px;
}

#page #contact h3{
	width:700px;
}

#page #contact h5{
	padding-bottom:15px;
}

#page #contact .valider{
	background:#5EC6F2;
	color:white;
	border:none;
	width:100px;
	font-weight:bold;
	float:none;
	display:block;
}

#page #contact p{
	width:613px;
}
#page #contact #mention p{
	width : 600px !important ;
}
/****************************************************
*****************CONTACT FORM*******************
****************************************************/

/****************************************************
*****************COMMUNIQUES DE PRESSE********
****************************************************/

div#page .cp h6{
	font-size:11px;
	color :#786F70;
	background:#F1F1F1;
	padding:5px 10px;
	margin-top:20px;
	width:460px;
}

div#page .cp p{
	margin:0;
	padding:0;
	padding-top:10px;
	width:480px;
}

div#page .cp a{
	color:#666;
}







/****************************************************
*****************FIN COMMUNIQUES DE PRESSE***
****************************************************/

/****************************************************
*****************FIN REFERENCES***
****************************************************/

.reference{
	margin : 2px;
	float : left ;
}
.titreReference{
	margin-top : 30px ;
	margin-bottom : 10px ;
	border-bottom : 1px solid #EAE8E8;
	text-transform : uppercase;
}


/****************************************************
*****************FIN REFERENCES***
****************************************************/




/****************************************************
*****************PRESSE RELEASE********************
****************************************************/


.prelease{
	position:relative;
	margin-bottom:20px;
}

.prelease p{
	margin-left:35px;
	padding-top:10px!important;

}

.prelease p.teaser{
	margin-left:35px;
	font-style:italic;
	padding-top:0!important;
}

.prelease .logo{
	position:absolute;
	width:208px;
	height:86px;
	left:570px;
	top:52px;
	background : transparent url('../img/review/background.gif') top left no-repeat;
	visibility:hidden;
	display:none;
}

.prelease .logo img{
	position:relative;
	left:11px;
	top:3px;
	height:79px;
	width:186px;
}

/****************************************************
*****************COMMUNIQUE SEUL ****************
****************************************************/

.pcommunique{
	width:794px;
	padding-bottom:30px;
}

.pcommunique h5{
	float:right;
}

.pcommunique p{
	margin-left:10px;
	padding-top:15px!important;
}


.pcommunique .teaser p{
	color:#5ec6f2 !important;
	font-weight:bold !important;
	clear:both !important;
	margin-left:0!important;
}

/****************************************************
*****************TS LES COMMUNIQUES ****************
****************************************************/


.pcommuniques{
	width:794px;
	padding-bottom:30px;
}

/**************P NEWS**************/

.pnews{
	width:600px!important;
}

.pnews ul{
	margin:0 !important;
}


.pnews ul li{
	background:transparent url(../img/puce_carre.gif) no-repeat scroll 2px 4px !important;
	float:none!important;
	margin-left:28px!important;
	margin-top:2px!important;
	width:100%!important;
}

.pnews ul li a{
	color:#666666!important;
	font-style:italic;
	text-decoration:none!important;
}

.pnews h6 a{text-decoration:none!important;color:#666666!important;}

/**************P NEWS**************/

.formok{
background:#5EC6F2;
border:none;
color:white;
font-size:11px;
padding:2px;
width:100px;
font-weight:bold;
}