/*
___________________________________________ Couleurs :
Fond d'écran : #a1bbcd et points #97b0c1
Bordure (bleu foncé) : #406480
Fond (bleu clair) : #cfdce6
Fond (bleu moeyn) : #5c7f9a
*/

/*
___________________________________________ Général
*/
* {margin: 0; padding: 0;}

img
{
	border:0;
}

.center
{
	margin:5px auto;
	text-align:center;
}

body
{
	background:#a1bbcd;
	background-image:url('../img/design/fond.png');
	font-family:Calibri;
}

a
{
	color:#406480;
	text-decoration:underline;
}

a:hover
{
	color:#000;
	text-decoration:none;
}

ul
{
	margin-left:20px;
}

/*
___________________________________________ Logo
*/

#logo
{
	/*margin:5px auto;*/
	text-align:center;
	margin-bottom:5px;
}

/*
___________________________________________ Cadre arrondi
*/

.cadre
{
	margin:10px auto;
	width:780px;
	background:#FFF;
	background-image:url('../img/design/cadre-milieu.png');
}

.cadre_haut
{
	width:780px;
	height:18px;
	background-image:url('../img/design/cadre-haut.png');
}

.cadre_bas
{
	width:780px;
	height:18px;
	background-image:url('../img/design/cadre-bas.png');
}

/*
___________________________________________ Menu
*/

#menu ul
{
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: #406480;
color: white;
width: 100%;
font-family: Arial,Helvetica,sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */
}

#menu ul li
{
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px;
}

#menu ul li a
{
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

#menu ul li a:hover
{
background-color: #5c7f9a;
color: white;
}

#menu #active { border-left: 1px solid #fff; }

/*
___________________________________________ Contenu
*/

h2
{
	width:284px;
	height:49px;
	margin:0;
	margin-bottom:12px;
	font-weight:bold;
	text-align:center;
	padding-top:13px;
	color:#fff;
	font-family:Verdana;
	font-size:15px;
	background-image:url('../img/design/h2.png');
	background-repeat: no-repeat;
}

#contenu
{
	padding:15px;
}

.gauche
{
	width:360px;
	float:left;
	padding:5px;
}

.droite
{
	width:360px;
	margin-left:370px;
	padding:5px;
	padding-left:10px;
}

.spacer
{
	clear:both;
	height:10px;
}

.special
{
	background:#5c7f9a;
	border:1px solid #000;
	color:#fff;
	font-weight:bold;
	padding:3px;
	line-height:30px;
	font-size:18px;
}

#contenu form label
{
	display:inline;
	float:left;
	width:250px;
}

#contenu form div
{
	margin:10px;
}

#contenu form input
{
	width:250px;
}

.message
{
	margin:15px auto;
	text-align:center;
	border:1px solid #406480;
	padding:5px;
	background:#cfdce6;
	width:250px;
}

.error-message
{
	color:red;
	font-weight:bold;
}