/*****************************************/
/*SITE Pré de la mer §  */
/*****************************************/
/* couleurs utilisees
gris clair fond			color:#a3a3a8;	
gris fonce nav gauche	color:#68686f; + opacité 60%
noir					color:#020202;
*/
/*****************************************/
/*layout Pré de la mer - */
/*****************************************/
#body 
{ 
	background:url(../img/body-fd.png) repeat-x;
}
#containerOut
{
	width:1080px;
	margin:0 auto;
	background:url(../img/bottom-fd.png) repeat-y;
	/*padding-bottom:100px;*/
}
#containerIn
{
	width:100%;
}

#bandeau
{
	width:100%;
	height:180px;

}

#logo
{
	float:left;
	width:220px;
	height:180px;
	overflow:hidden;
}
#logo IMG
{
	border:0;
}
#bandeaugris
{
	float:left;
	width:860px;
	height:180px;
	background:#a3a3a8;
}
/*****************************************/
/*navigation 1 */
/*****************************************/
#nav1
{
	width:100%;
	background:black;
	height:22px;
	overflow:hidden;
}
#nav1 UL
{
}
#nav1 LI#accueil A
{
	width:138px;
	padding-left:70px;
}
#nav1 LI A
{
	display:block;
	padding:0 6px;
}
/*****************************************/
/*navigation 1 - texte*/
/*****************************************/
#nav1-texte
{
	margin-top:5px;
	margin-left:235px;
	height:22px;
}
html.MSIE #nav1-texte
{
	margin-left:245px;
}
#nav1-texte UL
{
}

#nav1-texte LI A
{
	display:block;
	padding:0 7px;
	color:#a3a3a8;
	text-transform:uppercase;
}
#nav1-texte LI A:hover
{
	color:#39f;
}

#pageContent
{
}
/*****************************************/
/*navigation outils */
/*****************************************/
#outils
{
	padding-top:10px;
}
#outils LI A
{
	color:white;
	text-transform:uppercase;
	letter-spacing:0.1em;
	padding:2px 10px;
	text-decoration:none;
}
#outils LI#vacances A
{
	margin-left:220px;
}
html.MSIE #outils LI#vacances A
{
	margin-left:290px;
}
#outils LI#langue A
{
	color:black;
}
#outils LI#langue A:hover
{
	color:white;
}

#outils LI A.current
{
	color:#39f;
	cursor:text;
	text-decoration:none;
}
#outils LI A:hover
{
	color:#39f;
	text-decoration:underline;
}

/*****************************************/
/*pied de page */
/*****************************************/

#footer
{
	margin-top:100px;
}
#pagefooter
{
	width:1080px;
	margin:0;
	padding:0;
}
#pagefooter A
{
}
#legal
{
	float:left;
	margin-top:5px;
	margin-left:10px;
	width:210px;
}
#legal A
{
	color:white;
}
#baseline
{
	float:left;
	margin-top:5px;
	margin-left:20px;
	margin-bottom:5px;
	width:600px;
	color:#68686f;
}
#baseline P
{
	margin:0;
	padding:0;
}
#creditslogos
{
	float:left;
	width:200px;
	margin-top:3px;
	margin-left:40px;
}
html.MSIE #creditslogos
{
	margin-left:20px;
}
#creditslogos IMG
{
	border:0;
}