body {font-size:11px; font-family:arial,sans-serif; text-align: center; background-color:#FFF; }

a {font-family:arial;color:#000000;font-size:11px;text-decoration:none}
a:hover {font-family:arial;text-decoration:underline;color:#CC0000;font-size:11px;}

td.col_milieu {padding:5px}

/* Titre rubrique et article */
h1.titre {padding-right:10px;font-size:16px; display:inline; color:#4B80DC; text-transform:uppercase;background:#FFF; }

.cartouche {padding-left:10px;padding-right:10px;margin-top:20px;}
.chapo {padding-left:10px;padding-right:10px;font-weight:bold}
.texte{padding-left:10px;padding-right:10px;font-size:12px;text-align:justify;}

/* newsletter */
table#news {width:690px;margin-top:10px /*height:25px; */}
td#tdnews {text-align:right;}
div#newsletter {background:url('images/puce_newsletter.gif') no-repeat 24% 0.6em; font-weight:bold; font-size:10px; text-align:right; margin-left:5px;}
div#newsletter input {font-size:11px;}
a.newsletterlink {font-family:arial;font-weight:bold;font-size:11px;}
span.newsletterlink {font-family:arial;font-weight:bold;font-size:11px;}

/* fil d'arianne et titre H1 => page regionale + home */ 
table#filtitre {width:690px; }
div#fil {margin-left:10px; width:680px; padding:8px 0; text-align:right; font-size:11px; }
div#fil a, div#fil span {color:#4B80DC; background:url('images/fleche_rappel.gif') no-repeat 0% 0.4em; padding-left:15px; font-weight:bold; }
div#fil a {padding-right:10px; }
div#titre {margin-left:10px; margin-bottom:10px; background:#E6E8F7; height:17px; width:680px; }
div#titre h1 {float:left; padding-right:10px; height:18px; display:inline; color:#4B80DC; /*text-transform:uppercase;*/ background:#FFF; }
div#titre p {float:left; font-size:16px; padding-right:10px; height:18px; font-weight:bold; display:inline; color:#4B80DC; /*text-transform:uppercase;*/ background:#FFF; }
div#titreart h1 {float:left; color:#4B80DC; font-size:14px; padding-bottom:10px;}


/* ce qui suit est un code css spécial pour le footer */

.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 850px;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0px; height:25px;}
.rbroundbox { width: 100%; margin: 0px auto; }

/* fin du code spécial */

ul.mention {margin:0px;font-size:11px}
ul.mention li {display:inline;padding:5px;}

.menu_liste_gauche div {background: url(images/fond_menu_g.jpg) no-repeat}

#footer {text-align:center;}

/* ce qui suit est un code spécial qui permet de gérer les boîtes à coins arrondis */

.xsnazzy h1, .zsnazzy h1 {
margin:0; 
font-size:14px;
font-weight:bold;
padding:0 10px 5px 10px; 
border-bottom:1px solid #444;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
font-size:10px;
}

.xsnazzy ul, .zsnazzy ul {
	margin: 0;
	padding-left: 5px;
	list-style-type: none;
}

.xsnazzy li, .zsnazzy li {
margin:0; 
padding-left:0px; 
font-size:10px;
text-align:left;
}

.xsnazzy {
background: transparent; 
width:100%; 
float:left; 
margin-left:0;
margin-right:0;
margin-top:10px;
margin-bottom:10px;
}

float:left; 
margin-left:0;
margin-right:0;
margin-top:10px;
margin-bottom:10px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#fff; 
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 {
margin:0 5px; 
background:#444;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
}
* html .xboxcontent {
height:1px;
}

.fuschia_plein {
	color: #FFFFFF;
	background-color: #CC0066;
}
.fuschia_degrade {
	color: #FFFFFF;
	background-color: #CC0066;
	background-image: url(degrade_fuschia.jpg);
}

.marron_plein {
	color: #FFFFFF;
	background-color: #CC6600;
}
.marron_degrade {
	color: #FFFFF;
	background-color: #CC6600;
	background-image: url(degrade_marron.jpg);
}

.carmin_plein {
	color: #FFFFFF;
	background-color: #CC0000;
}
.carmin_degrade {
	color: #FFFFFF;
	background-color: #CC0000;
	background-image: url(degrade_rouge.jpg);
}

.kiwi_plein {
	color: #FFFFFF;
	background-color: #CBCC00;
}
.kiwi_degrade {
	color: #FFFFFF;
	background-color: #CBCC00;
	background-image: url(degrade_kiwi.jpg);
}

.violet_plein {
	color: #FFFFFF;
	background-color: #FFFFFF;
}
.violet_degrade {
	color: #888888;
	background-color: #CB00CC;
	background-image: url(degrade_violet.jpg);
}
.gris {
	color: #CC0000;
	background-color: #CCCCCC;
	background-image: url(degrade_gris.jpg);
}