* {
margin:0;
padding:0;
}
html {
height:100%
}
body {
background:#c0c0c0 url(images/fond-degrade_vertical.png) repeat-y center bottom;
font-size:.77em;
font-family:"Trebuchet MS", "Trebuchet", Verdana, sans-serif;
min-height:100%;
padding-bottom:3em;
line-height:1.5em
}
#conteneur_un {
background:url(images/degrade.gif) repeat-x;
padding-top:10px
}
/*/COULEURS/*/
/* Correspondances :
.bleu_c : bleu/gris
.bleu : bleu tapant
.bleu_t : bleu turquoise
*/
body.bleu_c #page h1,body.bleu_c #page h2,body.bleu_c #menu_rubrique h4 a {
color:#4B6178;
}
body.bleu_c #page h1 a:hover,body.bleu_c #page h2 a:hover,body.bleu_c #menu_rubrique h4 a:hover {
color:#103051;
}

body.bleu #page h1,body.bleu #page h2,body.bleu #menu_rubrique h4 a {
color:#003BA0;
}
body.bleu #page h1 a:hover,body.bleu #page h2 a:hover,body.bleu #menu_rubrique h4 a:hover {
color:#09214B;
}

body.bleu_t #page h1,body.bleu_t #page h2,body.bleu_t #menu_rubrique h4 a {
color:#5E95CF;
}
body.bleu #page h1 a:hover,body.bleu #page h2 a:hover,body.bleu #menu_rubrique h4 a:hover {
color:#91BCEA;
}

body.bleu #page h1.portail {
text-align:center;
}

/*/FIN COULEURS/*/

a {
/*color:#444444;*/
color:#4B6178;
/*color:#4C7EAF;*/
/*color:#5E95CF;*/
/*color:#003BA0;*/
text-decoration:none;
/*font-weight:bold;*/
}
#page a.spip_out {
background:url(images/ico_liendistant.gif) no-repeat left 3px;
padding-left:15px;
}
#page a.spip_in {
background:url(images/ico_lienlocal.gif) no-repeat left 3px;
padding-left:15px;
}
a:hover {
/*color:#000;*/
color:#103051;
}
a:visited {
/*color:#828282;*/
/*color:#5E95CF;*/
text-decoration:none;
}
#c_page {
width:780px;
margin:0 auto 0 auto;
background:url(images/bas_arrondi_1.gif) no-repeat left bottom #fff;
}
#page_arrondie {
width:780px;
background:url(images/bas_arrondi_2.gif) no-repeat right bottom;
}
#logo {
/*background:#fff url(images/fond_logo.gif) repeat-x;*/
}
#entete {
height:125px;
margin:0 10px 0 15px;
}
#langue {
/*background:url(images/flags/flag_internat.gif) no-repeat center 35px;*/
height:50px;
padding-top:73px;
text-align:center;
width:75px;
}
#langue select {
font-size:12px;
width:60px;
border:1px solid #ABABAD;
margin-top:3px
}
#langue span {
line-height:1.6em;
font-weight:bold;
color:#5C6162;
font-size:.84em;
}
html>body #langue select {
font-size:9px;
}
#recherche {
margin:17px 5px 0 10px;
width:135px;
}
html>body #recherche {
margin:17px 10px 0 15px;
}
#recherche input {
float:right
}
#recherche #recherche_i {
border:1px solid #dbdbdb;
background:#fff url(images/recherche.gif) no-repeat 2px center;
padding:2px 0 2px 18px;
width:90px;
float:left
}
#recherche label {
display:none
}


/*Menu langue -------------------------------------------------*/

#menulangue {
float:right;
margin:-110px 15px 0 0;
color:#fff;
background: url(images/fond_langue.png);
padding:4px 6px;
font-size:16px;
text-transform:capitalize;
}
#menulangue a {
color:#fff;
font-size:12px
}
#menulangue a:hover, #menulangue span.languencours {
color:#5E95CF;
font-size:12px
}
/*Pas de PNG pour IE6 */
* html #menulangue {
margin:-110px 8px 0 0;
background:#000
}



/* -------------------------------------------------*/

/*
#nav, #nav ul {
	float: left;
	width: 570px;
	list-style: none;
	line-height: 1em;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
}
*/
#nav {
font-size:.92em
}
/*
#nav a {
	display: block;
	color: #000;
	text-decoration: none;
	width:9.2em;
	padding:0 0 3px 0;
	letter-spacing:-.px;
}

#nav a.daddy {
	background: url(images/puce_b.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 9.2em;
	text-align:center;
	margin-right:1px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 9.2em;
	w\idth: 9.2em;
	font-weight: normal;
	margin: 0;
	z-index:100;
}

#nav li li {
	text-align:left;
	padding: 6px 0 6px 0;
	width: 100%;
	background:#fff;
	margin-right:0;
	border-right:1px solid #939393;
}*/
#nav li li.e {
	background:#fff url(images/puce_m.gif) no-repeat center right;
}
/*
#nav li li li {
	padding: 4px 1em 4px .2em;
	width: 8em;
}
#nav li ul a {
	font-size:.94em;
	letter-spacing:0;
	padding:0 1em 0 .2em;
	width:100%;
	border:1px solid transparent;
	font-weight:normal
}

#nav li ul a:visited {
font-weight:normal
}

#nav li a:visited {
font-weight:bold
}

#nav li ul ul {
	margin: -1.55em 0 0 9.2em;
}
#nav li li ul {
border-right:1px solid #939393;
border-top:1px solid #939393;
border-bottom:1px solid #939393;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul,
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul
{
	left: -999em;
}


#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul,
#nav li li li li:hover ul
{
	left: auto;
}

#nav li.sfhover ul{
	left:auto;
}
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul,
{
	left: auto;
}
*/

#nav {
margin:15px 0 2em 15px;
font-size:.95em;
}
#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1em;
	background: white;
	font-weight: bold;
	padding: 0;
	text-align:left;
}

#nav a {
	display: block;
	width: 9.08em;
	color: #000;
	text-decoration: none;
	text-align:center;
	font-size:1.1em;
	padding-bottom: 1px
}


/*Liens speciaux - menu haut ------------------------------------------*/

#nav li.LiensSpeciaux ul {
position:static;
width:14.2em;
}
#nav li.LienSpecial {
text-transform:uppercase;
display:inline;
width:auto;
padding:3px 4px 2px 8px;
border-left:1px solid #9C9C9C;
border-right:none;
float:right;
font-size:1.1em
}
#nav li.LienSpecial a {
display:inline;
color:#9F2211;
padding:0;
width:auto;
font-weight: bold;
}
#nav li.LienSpecial a:hover {
color:#C2481D
}
#nav li.LienSpecial +li.LienSpecial a {
color:#31671A;
padding-right:5px
}
#nav li.LienSpecial +li.LienSpecial a:hover {
color:#459622
}


/* -------------------------------------------------*/

#nav li.e a.daddy {
	background: url(images/rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 10em;
	margin-right:1px
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	font-weight: normal;
	margin: 0;
}
#nav li li {
	width: 10em;
	margin-right:0;
	border-right:1px solid #939393;
	border-left:1px solid #939393;
}
#nav li ul a {
	font-weight:normal;
	display:block;
	padding:.7em 1.5em .7em .5em;
	width:8em;
	text-align:left;
	font-size:.9em
}

#nav li ul ul {
	border-right:1px solid #939393;
	border-top:1px solid #939393;
	margin: -2.1em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul,
#nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul
{
	left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul,
#nav li li li li:hover ul
{
	left: auto;
}

#nav li.sfhover ul{
	left:auto;
}
#nav li li.sfhover ul,
#nav li li li.sfhover ul,
#nav li li li li.sfhover ul,
{
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;
}

<BOUCLE_CouleursMenuHaut(MOTS){type_mot=_Couleur_Menu}{par titre}>
#nav ##TITRE ul, #nav ##TITRE {
border-bottom:4px solid #TEXTE*;
}
[(#DESCRIPTIF|=={etroit}|?{' '})
#nav ##TITRE a {
letter-spacing:-.5px;
}
#nav ##TITRE li a {
letter-spacing:0;
}
]
</BOUCLE_CouleursMenuHaut>
#nav li:hover, #nav li.sfhover, <BOUCLE_NomsMenuHaut(MOTS){type_mot=_Couleur_Menu}{par titre}{", "}>#nav ##TITRE:hover</BOUCLE_NomsMenuHaut> {
border-bottom:4px solid transparent !important;
border-bottom:4px solid transparent; /* indispensable pour éviter le décalage sur les petites résolutions qui ont le menu sur 2 lignes */
background:#fff;
}
#nav ul li:hover, #nav ul li.sfhover {
background:#EAEAEA;
border-bottom:0 !important;
border-bottom:0;
}
#nav ul li.e:hover, #nav ul li.e.sfhover {
background:#EAEAEA url(images/puce_m.gif) no-repeat center right
}
#nav li.LienSpecial:hover, #nav li.sfhover.LienSpecial, #nav li.LiensSpeciaux:hover {
border-bottom:0 !important;
border-bottom:0;
}
#recherche {
float:right;
}
.padding {
padding:0 .9em 0 .9em;
}
#menu_rubrique .padding {
padding:0 .9em 0 1.4em;
font-size:.95em
}
#menu_rubrique a:visited {
text-decoration:none;
font-weight:inherit
}
#menu_rubrique h3 {
text-transform:uppercase;
color:#939393;
text-align:center;
font-size:.97em;
padding:3px 0 3px 0;
}
#menu_rubrique h3 a {
color:#939393;
}
#menu_rubrique img.logo_rubrique {
margin:0 auto 0 auto;
}
#menu_rubrique h4 {
margin-top:6px;
font-size:1em;
font-weight:bold
}
#menu_rubrique h5 {
font-size:inherit;
font-weight:bold;
text-transform:uppercase;
margin:32px 0 3px 0;
padding-top:12px;
/*color:#939393;*/
color:#4B6178;
text-align:left;
font-size:1em
}
#recherche_ #menu_rubrique h5.direct {
color:#003BA0
}
#infos_page h5.direct {
color:#003BA0
}
#portail #menu_rubrique h5, #menu_rubrique h5.direct {
border-bottom:1px solid #939393;
padding-top:10px;
margin:12px 0 10px 0;
}
#portail_ #menu_rubrique h5.event {
color:#003BA0
}
#menu_rubrique ul {
list-style:none;
padding:0;
text-align:left;
}
#menu_rubrique ul.raccourcis {
margin-top:7px;
border-top:1px solid #939393;
font-size:.95em;
}
* html #menu_rubrique ul.raccourcis {
font-size:.85em;
}
ul.raccourcis li a {
background-repeat:no-repeat;
}
#menu_rubrique ul.raccourcis li a {
text-align:right;
background-position: right;
padding:3px 23px 4px 0
}
ul.raccourcis li.contact a {
background-image:url(images/ico_contact.gif);
}
ul.raccourcis li.recherche a{
background-image:url(images/ico_search.gif);
}
ul.raccourcis li.sites a{
background-image:url(images/ico_site.gif);
}
ul.raccourcis li.homepage a{
background-image:url(images/ico_home.gif);
}
ul.raccourcis li.plan a{
background-image:url(images/ico_plan.gif)
}
#menu_rubrique ul li, #menu_rubrique ul li a,#infos_page ul li, #infos_page ul li a {
color:#939393;
text-decoration:none;
font-weight:normal;
line-height:1.6em
}
#menu_rubrique ul li a:hover,#infos_page ul li a:hover {
color:#585858;
}
#menu_rubrique ul li {
padding-left:10px;
margin:4px 0;
border:1px solid #fff /*Bug bizarre (incroyable...) d'IE*/
}
#menu_rubrique ul.raccourcis li {
margin:1px 0;
}
#menu_rubrique ul li {
font-weight:normal;
}
#recherche_ #menu_rubrique ul li a {
font-weight:normal
}
#menu_rubrique ul li ul li {
font-weight:normal
}
#menu_rubrique ul li a {
display:block;
font-weight:normal
}
#portail #menu_rubrique ul li a {
font-weight:normal
}
#menu_rubrique ul.type_deux li a, #menu_rubrique ul.raccourcis li a {
font-weight:normal;
line-height:1.3em
}
/*/COULEURS/*/
#menu_rubrique ul.jaune li {
background:url(images/puce_jaune.gif) no-repeat left 7px;
}
#menu_rubrique ul.bleu li {
background:url(images/puce_b.gif) no-repeat left 7px;
}
#menu_rubrique ul.vert li {
background:url(images/puce_vert.gif) no-repeat left 7px;
}
#menu_rubrique ul.rouge li {
background:url(images/puce_rouge.gif) no-repeat left 7px;
}
/*/FIN COULEURS/*/
#menu_rubrique ul.type_deux li {
background:url(images/puce_2.gif) no-repeat left 7px;
}
#conteneur ul.spip {
list-style-position:inside;
}
#illu h4 {
text-align:center;
}
#illu img.logo_article {
margin:0 10px 0 15px;
}
#illu span {
display:block;
font-size:.85em;
color:#939393;
padding-left:10px;
text-align:right
}
#infos_page ul {
list-style:none;
padding-bottom:7px;
margin-bottom:10px;
background:url(images/separation-menu.gif) no-repeat bottom right
}
#infos_page ul.direct li a {
background:url(images/puce_2_bleu.gif) no-repeat left center;
}
#infos_page ul li {
margin-bottom:4px;
}
#infos_page ul li a {
background:url(images/puce_j.gif) no-repeat left center;
padding-left:12px
}
#infos_page ul#menu_portail li {
text-align:center;
margin-bottom:10px;
}
#infos_page ul#menu_portail li a {
background:0;
display:block;
padding:6px 6px 6px 0; /*IE BUG*/
font-weight:bold;
}
html>body #ul#menu_portail li a {
padding:6px;
}
#infos_page ul#menu_portail li.bleu a {
border:1px solid #003BA0;
color:#003BA0
}
#infos_page ul#menu_portail li.bleu a:hover {
border:1px solid #05255C;
color:#05255C
}
#infos_page ul#menu_portail li.vert a {
border:1px solid #006400;
color:#006400
}
#infos_page ul#menu_portail li.vert a:hover {
border:1px solid #003C00;
color:#003C00
}
#infos_page ul#menu_portail li.jaune a {
border:1px solid #FFAF00;
color:#FFAF00
}
#infos_page ul#menu_portail li.jaune a:hover {
border:1px solid #C1720E;
color:#C1720E
}
#infos_page ul#menu_portail li.rouge a {
border:1px solid #AF1000;
color:#AF1000
}
#infos_page ul#menu_portail li.rouge a:hover {
border:1px solid #680A00;
color:#680A00
}
#infos_pages ul.special li {
list-style:url(images/puce_2_bleu.gif) inside;
}
html>body #infos_page ul.special li {
list-style:url(images/puce_2_bleu.gif) inside;
}
#infos_page ul.raccourcis {
padding-top:10px;
}
#portail #infos_page ul.raccourcis {
margin-top:15px;
background:0
}
* html #portail #infos_page ul.raccourcis {
font-size:.85em
}
#infos_page ul.raccourcis li {
margin:0 0 9px 0
}
#infos_page ul.raccourcis li a {
padding:4px 0 4px 23px;
display:inline
}
body #infos_page ul.raccourcis li {
list-style:url(not); /* Quelle mauvaise solution, mais IE ne semble pas vouloir autre chose ! */
}
html > body #infos_page ul.raccourcis li {
list-style:none
}
#infos_page ul.raccourcis li.contact a {
background:url(images/ico_contact.gif) no-repeat left center
}
#infos_page ul.raccourcis li.sites a {
background:url(images/ico_site.gif) no-repeat left center
}
#infos_page ul.raccourcis li.recherche a {
background:url(images/ico_search.gif) no-repeat left center
}
#infos_page ul.raccourcis li.plan a {
background:url(images/ico_plan.gif) no-repeat left center
}
#infos_page h5 {
color:#939393;
text-align:right;
font-size:1em;
margin-bottom:8px;
}
#portail #infos_page h5 {
font-size:1.08em;
font-family:"Trebuchet MS","Trebuchet",Verdana,sans-serif
}
#portail #infos_page div.legende h5 {
font-size:1em;
}
#infos_page .legende span {
color:#939393;
}
body #page, body #menu_rubrique {
font-size:1.025em;
line-height:1.43em;
}
#page h1 {
font-size:1.9em;
margin:10px 0;
color:#4B6178;
line-height:1.3em;
text-align:left
}
#page #recherche_in h1 {
float:left;
margin:10px 0 25px 0;
}
#recherche_in {
color:#003BA0
}
#recherche_in label {
margin-right:18px
}
#recherche_in h1 label {
margin-right:0
}
#recherche_in label#resultats {
margin-left:1em
}
#recherche_in #recherche_i2 {
width:26.4em;
border:1px solid #939393;
padding:2px .2em;
margin:17px 0 0 1em;
}
#recherche_in p.champs {
margin-bottom:10px;
}
#page h2 {
font-size:1.15em;
}
#page p {
margin-bottom:.8em;
}
#page div.s {
border-top:1px solid #C0C0C0;
padding-top:6px;
margin-top:9px
}
#page div.s span.fil {
display:block;
width:100%;
color:#797979
}
#page div.s h3 {
width:100%;
margin:3px 0 4px 0;
font-size:1.06em
}
#page div.s h3 a {
color:#003BA0
}
#page div.s h3 a:hover {
color:#0C2A5D
}
#page span.spip_documents_center {
text-align:center;
display:block;
}
#page span.spip_documents_left {
margin-right:15px
}
#page span.spip_documents_right {
margin-left:15px
}
#page div.spip_forms {
border-left:0;
padding:0;
font-size:.95em
}
#page div.spip_forms .forml, #page div.spip_forms .fondl {
width:99%
}
#page div.spip_forms .spip_bouton input {
font-size:inherit;
border-color:#EB9D4B #C2481D #C2481D #EB9D4B;
background:#FFF9EF;
padding:.25em
}
#page div.spip_forms .spip_form_champ {
margin-top:0
}
#page div.spip_forms .spip_form_champ label {
text-transform:capitalize
}
#page div.spip_forms fieldset {
border-style: dotted none none solid;
border-color:#FFAF00
}
div.ariane {
display:inline;
font-size:.87em;
}
div.ariane a {
color:#9C9C9C;
font-weight:normal;
border-right:1px solid;
padding-right:5px
}
div.ariane a:visited {
text-decoration:none
}
div.ariane ul {
list-style:none;
display:inline;
padding:0 0 0 5px;
}
*:first-child+html div.ariane {
display:block;
margin-top:10px
}
div.ariane ul li {
display:inline;
padding:0 3px 0 3px;
}
#conteneur {
float:left;
width:100%;
padding-top:.5em;
}
#illu {
margin-top:15px;
float:right;
}
#page {
margin: 0 160px 0 190px;
border-left:1px dotted #dbdfe4;
font-size:.92em;
text-align:justify;
}
#page div {
line-height:1.6em;
}
#page a img {
border:0
}
html>body #page {
margin:-15px 160px 0 190px
}
html>/**/body #recherche_ #page {
margin: -15px 0 0 190px;
}
#recherche_ #page { /*Pas de marge négative pour IE*/
margin:0 0 0 190px;
}
#page #remonter {
float:right;
clear:both
}
span.clear {
display:block;
clear:both;
width:1px /*IE bug*/
}
#infos_page {
padding-top:5px;
float:left;
width:159px;
margin-left:-160px;
font-size:.87em;
text-align:right;
font-family:Arial,"Trebuchet MS",Trebuchet,sans-serif;
/* border-left:1px dotted #dbdfe4; */
}
#menu_rubrique { 
float:left;
width:190px;
margin-left:-100%;
text-align:center;
}
#menu_rubrique .puce_ut {
display:block;text-align:left;
border-bottom:1px solid #939393;
margin-bottom:10px
}
body #c_page #menu_rubrique a.puce_utb {
display:block;
text-align:left;
border-top:1px solid #939393;
margin:16px 0 25px;
padding-top:6px;
font-size:.92em;
color:#939393;
font-weight:normal
}
#menu_rubrique .puce_utb img {
margin:-2px 5px 0 0;
float:left
}
#menu_rubrique a img {
border:0
}
#pied_de_page {
clear: both;
color:#939393;
font-size:1.2em;
text-align:center;
padding:10px 0 10px 0;
}
#pied_de_page a {
padding:0 8px;
font-size:.7em
}
#cadres_bonus {
margin:0 15px 0 200px;
clear:both;
}
#cadres_bonus div {
width:31%;
height:135px;
margin:0 0 0 1%;
float:left;
font-size:.84em;
}
html>body #cadres_bonus div {
margin:0 .5%;
}
#cadres_bonus div h5 {
text-align:center;
font-size:1em;
margin:5px;
line-height:1.5em;
}
#cadres_bonus div p {
text-align:left;
line-height:1.4em;
padding-right:5px;
padding-left:5px;
font-style:normal;
color:#727272
}
#cadres_bonus div p a {
/*display:block;*/
/*padding-right:15px;*/
font-style:normal
}
#cadres_bonus div img {
float:left;
margin:5px 5px 0px 0px
}
#cadres_bonus div.jaune {
border:1px solid #FFAF00
}
#cadres_bonus div.jaune h5 a, #cadres_bonus div.jaune p a {
color:#FFAF00
}
#cadres_bonus div.jaune h5 a:hover, #cadres_bonus div.jaune p a:hover {
color:#C1720E
}
#cadres_bonus div.rouge {
border:1px solid #AF1000
}
#cadres_bonus div.rouge h5 a, #cadres_bonus div.rouge p a {
color:#AF1000
}
#cadres_bonus div.rouge h5 a:hover, #cadres_bonus div.rouge p a:hover {
color:#680A00
}
#cadres_bonus div.bleu {
border:1px solid #003BA0
}
#cadres_bonus div.bleu h5 a, #cadres_bonus div.bleu p a {
color:#003BA0
}
#cadres_bonus div.bleu h5 a:hover, #cadres_bonus div.bleu p a:hover {
color:#05255C
}
div.pagination {
margin:20px auto 0 auto;
padding-bottom:10px;
text-align:center
}
div.pagination span.navig a {
margin:0 10px
}
div.pagination span.navig a img {
border:0
}
div.pagination span.pages {
display:block;
color:#0B0D73;
font-weight:bold
}
div.pagination span.pages a {
color:#000000;
font-weight:normal
}
#portail ul.direct{
font-family:"Trebuchet MS","Trebuchet",Verdana,sans-serif;
font-size:1.09em
}
#portail ul.direct li {
list-style:url(images/puce_2_bleu.gif) inside
}
#portail #infos_page ul.direct a {
padding-left:0;
background:none;
}
* html #portail #infos_page ul.direct li {
padding-left:5px;
list-style:url(images/puce_2_bleu_ie.gif) inside
}
*:first-child+html #portail #infos_page ul.direct li {
padding-left:5px;
list-style:url(images/puce_2_bleu_ie.gif) inside
}
#menu_rubrique span.navig {
display:block;
font-style:italic;
padding:15px 0;
font-weight:bold;
color:#939393
}

/* --------------------------------------*/


#menu_rubrique ul.agenda_portail li img {
  position:relative; left : -1em;
  float:left;
  margin: 0;
  padding-top: 3px;
}
#menu_rubrique ul.agenda_portail li a {
  padding: 0;
  color: #727272;
}
#menu_rubrique ul li.pouet {
  display: block;
  float:left;
}

#menu_rubrique div.more_events a {
  text-align:center;
  padding: .1em .5em .1em .5em;
}