@charset "utf-8";

/* CSS Document */
body {
	width: 960px;
	margin: 0px auto 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-align: center;
	background-color: #000;
}

#banniere {
	margin: 0px 0px 0px 0px;
	background-image: url(images/banniere.jpg);
	width: 960px;
	height: 154px;
}

#super {
	text-align: left;
}

#menuhaut {
	width: 960px;
	height: 42px;
	background-color: #fff;
	text-align: center;
}

#menuhaut ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 0 150px;
	padding: 0;
	text-align: center;
}

#menuhaut li {
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 17px;
	color: #114656;
}

#menuhaut li a {
	display: block;
	color: #114656;
	font-size: 17px;
	text-decoration: none;
	padding: 1px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#menuhaut li a:hover {
	color: #55d1dd;
	text-decoration: none;
	padding: 1px 0px 0px 0px;
	border-top: 2px solid #55d1dd;
	border-bottom: 2px solid #55d1dd;
}

#menuhaut td {
	text-align: center;
	vertical-align: middle;
	width: 960px;
	height: 42px;
}

/*contenu*/
#contenu {
	float: left;
	width: 960px;
	background-image: url(images/fondcontenu.jpg);
	margin: 0;
	padding: 0;
}

/*colonne gauche*/
#colonnegauche {
	float: left;
	width: 239px;
	height: 484px;
	margin: 0;
	padding: 0;
	background-image: url(images/fondgauche.jpg);
}

#colonnegauche ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 11px 0 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#colonnegauche li {
	margin: 0;
	padding: 0;
	line-height: 18px;
}

#colonnegauche li ul {
	margin: 0;
	padding: 0;
}

#colonnegauche li ul.sousmenu {
	margin: 0 0 0 56px;
	padding: 0;
}

#colonnegauche li a {
	color: #fff;
	text-decoration: none;
}

#colonnegauche li a:hover {
	color: #4ec2cf;
	text-decoration: none;
}

#colonnegauche li img {
	margin: 0 0 0px 20px;
	padding: 0;
}

/*colonne principale*/
#colonnecentrale {
	width: 700px;
	float: left;
	background-image: url(images/fondcentrale.jpg);
	margin: 0;
	padding: 0;
}

#text {
	width: 670px;
	margin: 0px 0px 0px 20px;
	padding: 0;
}

#text h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/pucetitre.jpg);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	margin: 30px 0 0;
	padding: 0 0 0 48px;
}

#text h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #55d1dd;
	margin: 10px 0 0 0;
	padding: 0;
}

#text p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	margin: 10px 10px 20px 0;
	padding: 0;
	line-height: 16px;
}

#text ul {
	list-style-position: outside;
	list-style: disc;
	margin: 10px 10px 10px 20px;
	padding: 0;
}

#text li {
	margin: 10px 0px 0px 0px;
	padding: 0;
}

#text a {
	color: #FFFFFF;
	padding: 0px;
	margin: 0;
	text-decoration: underline;
}

#text a:hover {
	color: #FFFFFF;
	padding: 0px;
	margin: 0;
	text-decoration: none;
}

.bleu {
	color: #55d1dd;
}

.gras {
	font-weight: bold;
}

/*footer*/
#footer {
	clear: left;
	text-align: center;
	color: #5696a8;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 960px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 10px 0px;
	letter-spacing: 0px;
}

#footer a {
	color: #5696a8;
	text-decoration: underline;
}

#footer a:hover {
	color: #5696a8;
	text-decoration: none;
}

/********MODIFS MAX 20090928*********/
input.text,
input.password
{
display:block;
}
#text fieldset ul
{
list-style-type:none; 
}
#colonnegauche .sousmenu li img 
{
margin-left:0;
}
#colonnegauche a.on
{
color:#55D1DD;
}
#menuhaut li a.on
{
color:#55D1DD;
border-top: 2px solid #55d1dd;
border-bottom: 2px solid #55d1dd;
}

/*** articles ***/
.lire_suite{
	margin-top:3px;
	margin-bottom:15px;
}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 10px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 10px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }


/*** Formulaire Newsletter ****/
#inscr_newsletter{
	margin:20px 0 30px;
}
#inscr_newsletter fieldset{
	margin-bottom:10px;
}
#inscr_newsletter legend{
	color: #55d1dd;
	font-weight:bold;
}
#inscr_newsletter ul, #inscr_newsletter li{
	margin:0;
	padding:0;
	list-style:none;
}
#inscr_newsletter label{
	display:block;
	padding-bottom:5px;
}
#inscr_newsletter #email{
	width:200px;
}
#inscr_newsletter .submit{
}
form.formulaire-spiplistes-abo p.message-formulaire {
	color:red; 
	font-size: 110%
}
.formulaire-spiplistes-abo .nom {display:block;font-size:1.2em;}
.formulaire-spiplistes-abo .souhait {display:block;font-size:90%;}

#spiplistes-formabo .nom {display:block;font-size:1.2em; font-weight:bold;}
#spiplistes-formabo .nom, #spiplistes-formabo .souhait {text-align:center;}
#spiplistes-formabo .souhait {display:block;font-size:90%;}