html, body {
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%;

}

body {
	background-color: #fff;
	color: #444;
	font-size: 84%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	text-align: center;	
}

a {
	color: #556379;
}

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

.spip_logos {
	margin: 0; 
	padding: 0; 
	border: none;
	float: left;
}

h1 {
	font-size: 1.3em;
	font-family: Arial;
	color: #7ca8b5;
	margin: 0;
	padding-bottom: 0;
}


h2 {
	font-size: 1.5em;
	font-family: Arial;
	color: #a7b53b;
	background-image: url(image/li4.gif);
	background-repeat:no-repeat;
	background-position:5px;
	text-transform: uppercase;
	font-family:Helvetica;
	margin-top: 15px;
	padding-left:20px;
}

h3 {
	font-size: 0.9em;
	font-family: Arial;
	margin: 0;
	padding-bottom: 8px;
}

h4 {
	font-size: 0.8em;
	font-family: Arial;
	color: #8CA1AA;
	text-transform: uppercase;
	margin: 0;
	padding-bottom: 8px;
}

p  {
	margin: 0;
	padding-bottom: 8px;
}

hr {
	clear: both;
	height: 1px;
	border-top: solid 1px #AACCD5;
}


img {
	border: none;
}

#wrapper {
	margin: 0 auto;
	margin-top:0px;
	width: 733px;
	text-align: left;
	/*height: 100%;*/
	border:2px solid white;
	clear:both;
}

#head {
	background-color: #f0f8fa;
	/*height: 190px;*/
	border-bottom: 1px solid #fff;
}


#toplinks{
width:545px;
height:30x;
float:right;
margin: 0;
padding-bottom: 1px;
border-top:6px solid #FF7F00;
font-size:13px;
}

#toplinks ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}

#toplinks ul{
margin-bottom: 0;
}

#toplinks ul li{
display: inline;
}


#toplinks ul li a{
float: left;
color:#556379;
font-weight: bold;
padding: 2px 5px 4px 5px;
text-decoration: none;
font-family: Arial;
}


#toplinks ul li a:hover{
color: black;
background-color: #F3F3F3;
border-top: 2px solid #b0c045;
padding-bottom: 0;
}


#side {
	padding-bottom: 8px;
	border-bottom: 3px solid #ffffff;
	width: 170px;
	background-color: #eaf4f6;
	float:left;
	text-align:left;
}

#contener {
	float: right;
	width: 548px;
}


#visual  { 
font-size: 28px; 
color: #ffffff; 
letter-spacing: -1px; 
font-family:helvetica;
border-bottom: 12px solid white;
margin:0 auto;
}

#visual p { 
margin-left:20px;
text-align:left;
padding-top:35px;
font-size: 28px; 
color: #ffffff; 
letter-spacing: -1px; 
font-family:helvetica;
}



#content {
	float: left;
	padding-right:14px;
	margin-bottom:20px;
	width: 357px;
	border-right: 1px solid #AACCD5;
	display:inline;
	font-family:Verdana, Helvetica, arial;
}

#content p{
	margin-left:8px;
	font-family:Verdana, Helvetica, arial;
}

#content h1 a{
	font-family: Arial;
	color: #7b98f8;
	margin: 0;
	padding-bottom: 0;
	text-decoration:none;
}

#content img{
	padding-right:10px;
	font-size: .9em;
	clear: right;
	display: inline;
}

#news {
	float:right;
	display:inline;
	width:163px;
	text-align:chaine;
}

#news h4{
color: #556379;
}

#news h4:hover{
color: #7799ae;
}

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

#news h4 {
	padding-left: 22px;
	background-image: url(image/rss2.png);
	background-repeat: no-repeat;
}

#news dl { margin: 0; padding: 10px 0 0; }

#news dt {
	padding: 6px 10px 4px 10px;
	margin: 0;
	border-top: 1px solid #DEECF0;
	background-image: url(image/li3.gif);
	background-position: 0 11px;
	background-repeat: no-repeat;
	font-size: .7em;
	color: #8CA1AA;
}

#news dd {
	padding: 0;
	margin: 0;
	font-size: .8em;
}

#news h5 {
	margin: 0;
	padding-bottom: 2px;
	font-size: 1.0em;
	font-weight: normal;
}


#threecells {
	clear: both;
}

#threecells div {
	float: left;
	font-size: .9em;
	clear: right;
}

#threecells a {
	display: block;
	width: 162px;
	height: 48px;
	margin-bottom: 10px;
}

#threecells span {
	display: none;
}

#cell_1 {
	width: 162px;
	padding-right: 15px;
}

#cell_1 a {
	background-image: url(image/3colls_p1.png);
}

#cell_2 {
	width: 162px;
	padding: 0 15px 0 15px;
	border-left: 1px solid #AACCD5;
	border-right: 1px solid #AACCD5;
}

#cell_2 a {
	background-image: url(image/3colls_p2.png);
}

#cell_3 {
	width: 162px;
	padding-left: 15px;
}

#cell_3 a {
	background-image: url(image/3colls_p3.png);
}


#menu {
	padding: 0;
	margin: 0;
	width:165px;
}

#menu a {
	text-decoration: none;
	display:block;
}

#menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial;
}

#menu ul li a {
	margin-top: 8px;
	padding: 0 32px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #AACCD5;
	border-bottom: 1px solid #AACCD5;
	background-image: url(image/puce3.gif);
	background-position: 13px 4px;
	background-repeat: no-repeat;
}

#menu ul li a:hover {

	background-image: url(image/puce4.gif);
	background-position: 13px 4px;
	background-repeat: no-repeat;
}

#menu ul li ul li a {
	margin-top: 0;
	padding-right:3px;
	height:19px;
	line-height: 19px;
	font-weight:normal;
	text-transform: capitalize;
	background-image: url(image/li2.gif);
	background-color: #DEECF0 ;
	background-position: 13px 5px;
	background-repeat: no-repeat;
	border-top: 1px solid #EEF5F7;
	border-bottom: 1px none #EEF5F7;
}

#menu ul li ul li a:hover {
	background-image: url(image/menu2.gif);
}


#menup {
	padding: 0;
	margin: 0;
	width:165px;
}

#menup a {
	text-decoration: none;
	display:block;
}

#menup ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menup li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial;
}

#menup ul li a {
	margin-top: 8px;
	padding: 0 32px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #AACCD5;
	border-bottom: 1px solid #AACCD5;
	background-image: url(image/attach.png);
	background-position: 13px 4px;
	background-repeat: no-repeat;
}

#menup ul li a:hover {

	background-image: url(image/attach.png);
	background-position: 13px 4px;
	background-repeat: no-repeat;
}

#menup ul li ul li a {
	margin-top: 0;
	padding-right:3px;
	height:19px;
	line-height: 19px;
	font-weight:normal;
	text-transform: capitalize;
	background-image: url(image/li2.gif);
	background-color: #DEECF0 ;
	background-position: 13px 5px;
	background-repeat: no-repeat;
	border-top: 1px solid #EEF5F7;
	border-bottom: 1px none #EEF5F7;
}

#menup ul li ul li a:hover {
	background-image: url(image/menu2.gif);
}

#menuf {
	padding: 0;
	margin: 0;
	width:165px;
}

#menuf a {
	text-decoration: none;
	display:block;
}

#menuf ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menuf li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial;
}

#menuf ul li a {
	margin-top: 5px;
	padding: 0 32px;
	height: 100%;
	text-transform: uppercase;
	line-height: 21px;
	font-weight: bold;
	border-top: 1px solid #AACCD5;
	background-image: url(image/table_save.gif);
	background-position: 13px 4px;
	background-repeat: no-repeat;
}

#menuf ul li a:hover {
	background-image: url(image/table_save.gif);
	background-position: 13px 4px;
	background-repeat: no-repeat;
}

#menuf ul li ul li a {
	margin-top: 0;
	padding-right:3px;
	font-weight:normal;
	text-transform: capitalize;
	background-image: url(image/li2.gif);
	background-color: #DEECF0 ;
	background-position: 13px 5px;
	background-repeat: no-repeat;
	border-bottom: 1px none #EEF5F7;
}

#menuf ul li ul li a:hover {
	background-image: url(image/menu2.gif);
	}

#menunews a {
	text-decoration: none;
	display:block;
}

#menunews ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menunews li {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Arial;
}

#menunews ul li a {
	margin-top: 8px;
	padding: 0 32px;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #AACCD5;
	border-bottom: 1px solid #AACCD5;
	background-image: url(image/bullet_feed1.gif);
	background-position: 13px 4px;
	background-repeat: no-repeat;
}

#menunews ul li a:hover {

	background-image: url(image/bullet_feed1.gif);
	background-position: 13px 4px;
	background-repeat: no-repeat;
}


#ads {
	padding: 0;
	margin: 0;
}

#ads dt {
	padding: 0;
	margin: 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#ads dd {
	margin: 0;
	padding: 4px 12px;
	border-bottom: 1px solid #EEF5F7;
	font-size: .8em;
	border-bottom: 1px solid #AACCD5;
	line-height: 1.2em;
}

#foot { 
clear: both; 
margin-top:10px;
font-size: 12px; 
line-height: 1.4em; 
background-color: #fff; 
background-position: 0 0; 
text-align: center; 
padding-right: 1em; 
padding-left: 1em; 
border-bottom: solid 1px #AACCD5;
}


.rubriques ul { 
margin-left: 10px; 
padding: 5px; 
list-style: none;
}

.ulg{
border-left: 5px solid #cadb4a;
}

.rubriques li {  
clear: both; 
border:none;
}

.rubriques li .titre {
	font-size: 1.08em;
	font-weight: bold;
	text-decoration:none;
	}
	
.rubriques li .titre ul a{
	font-size: 0.8em;
	font-weight: bold;
	text-decoration:none;
	color:#68758b;
	}

.rubriques li .spip_logos {
	float: left;
	margin-bottom: 16px;
	clear: right; 
	}

.rubriques li p { 
margin: 0; 
padding: 0; 
}

.rubriques li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; 
	}

.rubriques li small {
	display: block;
	font-size: 0.71em; 
	}

.rubriques li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; 
	}

.rubriques li .titre a {	
		text-decoration:none;
		color: #556379;
		}
		
.rubriques li .titre a:hover{	
		text-decoration:none;
		color: #8ba1c0;
		}



/*  Sur le web
---------------------------------------------- */

.syndic{
margin-left:0px;
}


.syndic ul li a{
padding-bottom:10px;
text-decoration:none;
font-size:13px;
}

.syndic ul li ul li a{
color:grey;
margin-bottom:10px;
font-size:10px;
clear:both;
}

.syndic ul li ul li {
color:grey;
margin-bottom:10px;
font-size:10px;
clear:both;
list-style:url(image/li3-c1.gif);
}

.syndic ul li ul{
margin-top:10px;
margin-bottom:10px;
font-size:10px;
clear:both;
border-bottom: solid 1px grey;
}

.syndic ul{
list-style-type:none;
margin-bottom:15px;
padding-bottom:10px;
}




/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { 
margin-bottom: 2em; 
}

.cartouche h1{ 
margin-bottom:5px; 
margin-top:5px;
color: #083e3f;
font-size:15px;
text-transform: uppercase;
}

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #000; 
	}
	
#contenu .surtitre, #contenu .soustitre { 
font-size: 0.82em; 
}

.cartouche .spip_logos {
	margin-bottom: 16px; 
	}

.cartouche p { 
margin: 0; 
padding: 0; 
clear: left; 
}

.cartouche small { 
font-size: 0.71em; 
}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */

.liste-articles ul { 
margin: 0; 
padding: 5px; 
list-style: none;
border-left: 5px solid #cadb4a;
}

.liste-articles li {  
clear: both; 
}

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold;
	text-decoration:none;
	}

.liste-articles li .spip_logos {
	float: left;
	margin-bottom: 16px;
	clear: right; 
	}

.liste-articles li p { 
margin: 0; 
padding: 0; 
}

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; 

	}

.liste-articles li .titre a {	
		text-decoration:none;
		color: #556379;
		}
		
.liste-articles li .titre a:hover{	
		text-decoration:none;
		color: #8ba1c0;
		}
	
.pagination { 
font-size: 0.90em; 
}

/* Espaceur de blocs */
.nettoyeur { 
clear: both; 
margin: 0; 
padding: 0; 
border: none; 
height: 0; 
line-height: 1px; 
font-size: 1px; 
}

/* Non visible a l'ecran */
.invisible { 
position: absolute; 
top: -3000em; 
height: 1%; 
}




/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.spip_forms {
width:356px;
}

.spip_descriptif{
}

.spip_form_champ {
color:grey;
width:230px;
}


.forml{
width:300px;
}

.fichier {
width:325px;
}


/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {border: 1px solid green}
li {border: 1px solid lightgreen}
*/