/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(default.css);


/* Import de la CSS de layout
----------------------------------------------------------*/

@import url(layout/layout-2A.css);

/* Liste des layout disponibles :

@import url(layout/layout-1A.css);
@import url(layout/layout-1B.css);
@import url(layout/layout-1C.css);

@import url(layout/layout-2A.css);
@import url(layout/layout-2B.css);
@import url(layout/layout-2C.css);
@import url(layout/layout-2D.css);

@import url(layout/layout-3A.css);
@import url(layout/layout-3B.css);
@import url(layout/layout-3C.css);
@import url(layout/layout-3D.css);
@import url(layout/layout-3E.css);
@import url(layout/layout-3F.css);

*/


/* Quelques couleurs
----------------------------------------------------------*/

body { background:url(../images/fond.jpg) repeat-x top; background-color:#035ea5; color:#ffda47;}

#page { width: 885px; }

#header { }

#wrapper { background-image: url(../images/bg.gif); }

#top{ background-position: top left;}

#content { padding:30px 60px 0px 30px; width:600px;  background: url(../images/bgcontenu.gif) no-repeat right top; color: #ffda47; }
#content h2 { font-size:1.4em; }
#content h3 { font-size:1.1em; }
#content a:hover { color:#ffda47; text-decoration:none; }

#main { width:690px; }
#menu { width:195px; background: url(../images/bgcontenu.gif) no-repeat left top;}
#nav { color:#ffda47;}
#extra { }

#footer { font-size: 0.8em;}
#footer * { color: #ffda47; }
#footer a:hover { color: #ffda47; text-decoration:none; }

.validator{ clear:both; float:right; }

/* Éléments Particuliers
----------------------------------------------------------*/

/* Page d'intro */
.bodyIntro { background:url(../images/fond.jpg) repeat-x top;  background-color:#035ea5; color:#FFFFFF; }
.bodyIntro p, a:link{ color: #ffda47; }
.bodyIntro a:visited{color:#ffda47;}
.bodyIntro a:hover { color:#ffda47; text-decoration:none; }
.h1intro {font-size:12px; height:15px; margin-bottom:-30px; top:380px; width:100%; position:relative;}

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi textarea{ background-color:#4190be;  border-width:thin; }
input .bouton{ background-color:#000000;  border-width:thin; }
.champ{ background-color:#4190be;  border-width:thin; }
#code { background-color:#4190be;  border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }


/*classes supplémentaires*/
.texte{
text-align:left;
margin-left:50px;}

.align{
text-align:left;
margin-left:175px;}

/*--------------------------------- Plan du site -------------------------------*/
.bordure {
	border: 1px solid #059cd3;
}
#PS_page
{
	width:100%;
	text-align:center;
	
}
#PS_text
{
	margin:auto;
	text-align:left;
	width:700px;
	padding-left:40px;	
	padding-right:40px;	
	background-color:#036cb3;
	color:#ffda47;
}
#PS_text a
{
	color:#ffda47;
}
#PS_lienbas
{
	margin:auto;
	text-align:left;
	width:700px;
}
#main img{
	/*border:1px solid #FFFFFF;*/
	margin:.5em;

}
.textebleu{
	color:#8fe2eb;
}

.decale1{
	margin-left:50px;
}
.lienbas{
color:#ffda47;
}


#navlist
{
padding: 1px 0;
margin-left: 0;
border-bottom: 1px solid #ffde3e;
font: bold 12px Verdana, sans-serif;
}

#navlist li
{
list-style: none;
margin: 0;
display: inline;
}

#navlist li a
{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #ffde3e;
border-bottom: none;
background: #3086c0;
text-decoration: none;
}

#navlist li a:link { color: #ffde3e; }
#navlist li a:visited { color: #ffde3e; }

#navlist li a:hover
{
color: #ffde3e;
background: #5ea2cf;
border-color: #ffde3e;
}

#navlist li a#current
{
background: #81b7dc;
border-bottom: 1px solid #ffde3e;
}

#presentation img{
border: 1px solid #ffde3e;

}