body {margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background-color:#B8CCD9;}
img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
/*br {margin-bottom:7px;}*/
/* Page */
#contientout {
	width: 900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color:#FFFFFF;
}
#banner {
	height:200px;
	background-image: url(../images/bandeau_nanotrendchart.jpg);
}
/* Entete */
#entete {
	border-bottom: 1px solid #B8CCD9;
	margin-bottom: 10px;
}
/* Entete IE7 : Hack CSS */
*+html #entete {
	height: 32px;
}
/* Entete IE6 et inférieurs : Hack CSS */
*html #entete {
	height: 32px;
}
#entete a { text-decoration: none; }


h1.titrepage {
	/*display: block;*/
	float: left;
	font-weight: lighter;
	font-size: 25px;
	color: #286D93;
}
.nettoyeur { clear: both; margin: 0; padding: 0;}

form{
	margin-bottom:0px;
}

#contenumarge {
	color: #666;
	margin: 5px 20px 00px 20px;
	font-size:13px;
	clear: both;
}
#contenumarge a{
	color: #286D93;
	text-decoration:underline;
	font-weight:600;	
}

#contenumarge a:hover{
	text-decoration:none;	
}

.exposant {
	font-size: 75%; 
	vertical-align:text-top;
}
/*.spip_note {
	font-size: 70%;
	vertical-align: text-top;
}*/
h3.spip {
	margin:20px 0 0 0;
	padding:0px;
	border-bottom: 1px solid #DDD;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:bold;
	color:#7FAD18;
	text-align:left;
}
.grascouleur {
	color: #E7AD00;
	font-weight:bolder;
}
.grasclassique {
	font-weight:bold;
}
.grasgrand {
	font-weight: normal;
	font-size: 22px;
	text-decoration: underline;
}

.souligne {
	text-decoration:underline;
}
.petitesmajuscules {
	font-variant:small-caps;
	font-size:18px;
	font-weight:bold;
}

#centre {
	/*float:left;*/
	font-size:14px;
	/*text-align:justify;*/
}
.encadre {
	background-color: #BBB;
	text-align:left;
	color: #FFFFFF;
	padding: 10px;
	margin: 0px 0 15px 0;
}
.encadre img{
	margin: 0 10px 0 0;
	float: left;
}
#notesbp {
	font-size:12px;
	width:660px;
	float:left;
	color:#666666;
}


/* IMAGES */
a img{
	border: 2px solid #009EE0;
}
a:hover img{
	border: 2px solid #FFFFFF;

}


/* PASSERELLE */
#droite {
	float: right;
	width: 272px;
	font-size:11px;
	/*border-left:1px dashed #999999;*/
	padding-left:10px;
}


/* FIN PAGE ACCUEIL */

h2.titrecolonne {
	letter-spacing:2px;
	font-size: 14px;
	color:#000000;
	border-bottom: 1px dashed #999999;
	margin-bottom:10px;
	clear:both;
}

.titrebloc {
	padding: 2px 3px;
	/*border-bottom: 1px dotted #CCC;*/
	color:#FFFFFF;
	text-align: left;
	font-weight: bold;
	font-size:12px;
}

.retrait{
	 padding:5px;
}

.bleu {
	border: 1px solid #225BA2;
	margin-bottom: 10px;
}
.bleu .titrebloc { background:#225BA2; }
.jaune {
	border: 1px solid #EBAE18;
	margin-bottom: 10px;
	background-color: #EEE;
}
.jaune .titrebloc { background: #EBAE18;}
.gris {
	border: 1px solid #666666;
	margin-bottom: 10px;
}
.gris .titrebloc { background: #666666;}
/* FIN PASSERELLE */
#piedpage {
	margin-top:20px;
	height: 35px;
	clear: both;
	background-color:#286D93;
	color:#333;	
}
#piedpage p {
	margin: 0px;
	padding-top : 11px;
	padding-bottom : 5px;
	text-align: center;
	font-size: 10px;
}
#piedpage a {
	color: #B8CCD9;
}

#piedpage a:hover{
	text-decoration:none;
	color: #FFF;
}
#piedpage a img {
	vertical-align: bottom;
	border: none;
}

.spip_surligne{
	background-color:#EA6EA3;
}

/* DOCUMENTS SPIP */
. {
	font-size:10px;
	font-weight:normal;
	/* width est déterminé dans doc.html */
}


/* MENU VERTICAL */
.listeplan ul li {
	display: block;
	clear: left;
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 2px;
	padding-top: 0;
}
.listeplan ul li ul {
	margin: 0 0 15px 0 ;
}

.listeplan .niveau1 {
font-size:16px;
color: #666; 
}

.listeplan .niveau2 a{
font-size:12px;
color: #225BA2;
font-weight:bold;
margin-left: 20px;
}

/*DIVERS */
.fg {
	float:left;
	margin-right:20px;
}
dl.spip_documents {
	margin-top: 0px;
	padding: 0px;
	text-align:left;
	color:#FFFFFF;
	background-color:#546595;
}
dt.spip_doc_titre {
	margin-left: 5px;
	margin-bottom : 5px;
	margin-right: 5px;
	margin-top: 0px;
	font-size: 10px;
}	
dd.spip_doc_descriptif {
	margin-left: 5px;
	margin-bottom : 0px;
	margin-right: 5px;
	margin-top: 0px;
}	
/* TABLEAUX */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid #E7AD00;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first {
	background: #E2007A;
	text-align:center;}
table.spip thead tr.row_first th strong.spip {
	color:#FFFFFF;
	font-size:13px;
	text-align:center;
}
table.spip tr.row_odd { background: #333; }
table.spip tr.row_even { background: #111; }
table.spip th, table.spip td {
padding: 3px;
vertical-align: middle;
border: 1px solid #E7AD00;
color: #89BA17;
font-weight: bold;
font-size:12px;
}

/* formuaire plugin */
/* champ texte libre TEXTEAREA */ /**/
div.spip_forms .spip_form_champ textarea {
	width: 98%;
}
div.spip_forms fieldset {
	border:1px solid #333;
	background-color:#546595;
	padding:20px;
	margin-bottom:5px;
}

div.spip_forms form label {
	float:none;
	font-weight: bold;
}

div.spip_forms .obligatoire_oublie {
	color:#EA6EA3;
}
div.spip_forms .champ_obli_oubli {
	border:2px solid #EA6EA3;
}

div.spip_forms .spip_form_champ {
	margin-bottom:12px;
}

div.spip_forms .spip_form_label {
  	color:#E7AD00;
}
div.spip_forms .spip_form_label .label {
  	color: #E7AD00;
	font-weight: bold;
}
.spip_form_label_details{
	color:#FFF;
	font-size:10px;
}
.spip_form_label_obligatoire{
	font-size:9px;
	color:#B1AB9F;}
.erreur{
	font-size:13px;
	color:#EA6EA3;
	}


textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
input.forml{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
input.formo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
select.fondl{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.spip_form_ok{
	color:#89BA17;
	font-weight: bold;
	font-variant:small-caps;
	background-color: #546595;
	font-size:15px;
	padding: 5px;
}
legend {
	color: #FFF;
	font-size:15px;
	font-variant:small-caps;
	margin-top: 14px;

}
form {
	text-align: left;
}


/*STYLE BASIC*/

#nav {
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: gray;*/
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
/*#menu {
height:30px;
font-size: 13px;
}
#menu dl {
float: left;
width: 180px;
margin: 0px;

}
#menu dt {
cursor: pointer;
text-align: center;
background: #ccc;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
height:30px;
line-height: 30px;

}
#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
padding:0 10px;

color: #FFF;
background-color: #225BA2;
}
#menu dt a:hover {

background-color: #EBAE18;
}*/


/* Menu propre Alsa Créations */
ul#menu {
list-style-type: none;
width: 100%; /* précision pour Opera */
height:25px;
font-size: 13px;
}

ul#menu li {
float: left;

}

ul#menu a {
float: left;
padding: 5px 0px;
text-align: center;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
text-decoration: none;
color: #FFF;
background-color: #225BA2;
width: 171px;
}
ul#menu a:hover {
background-color: #EBAE18;

}

