*{
margin:0;
padding:0;
}
html{
font-size:12px;
}
body {
width:100%;
font-family: Verdana, sans-serif;
color: #333333;
cursor:default;
background:#fff url(images/bg.png) repeat;
}
/* ... */
img {
border: none;
}
#galerie a,
#galerie img,
img,
span,
div{
outline:none;
}
/* ------------------------- titles */
h1{
font-size: 2em;
text-align:right;
padding:0 100px 30px 0;
color:#cc0909;
}
h2{
font-size: 1.8em;
font-weight:bold;
text-align:right;
margin-bottom:5px;
text-align:left;
color:#cc0909;
}
h3{
margin:15px 0 5px;
font-size: 1.4em;
color:grey;
}

/* --------------- mise en page */
div#container {
margin:20px auto;
width:900px;
padding:0 10px;
}
div#corps div.gauche {
float: left;
padding:0 0 20px;
width: 230px;
margin-top:-10px;
}
.centre {
margin: 0 0 0 202px;
min-height:350px;
}

#pied {
padding:0 30px;
text-align:right;
margin:30px 0;
font-size:.9em;
font-weight:bold;
}
#pied p{
margin-bottom:9px;
text-align:right;
width:100%;
}

div#container div#corps {
position:relative;
border: 3px solid #cc0909;
-moz-border-radius: 35px;
-webkit-border-radius: 35px;
background:#fff url(images/bg_main.png) left bottom repeat-x;
}
div#container div#corps div.mid{
padding-top:100px;
}

/* ------------------------- recherche */

div.formulaire_recherche,
div.formulaire_recherche div,
div.formulaire_recherche form{
display:inline;
}
div.formulaire_recherche .text{
color: #fff; 
width:140px;
height:24px;
padding:8px 35px  0 10px;
border:none;
background: url(images/zoek.png) no-repeat;
margin-left:660px;
font-weight:bold;
text-transform:lowercase;
}
div.formulaire_recherche .submit{
margin-left:-40px;
border:none;
color:#fff;
background-color:#CB0404;
font-weight:bold;
font-size:.9em;
}
div.formulaire_recherche .submit:hover{
color:#EA963E;
}

#entete{
/* height:auto; */
padding-top:10px;
}
#entete a#logo_sit img{
margin:20px 0 0 45px;
float:left;
}
#entete  img.logo_rub{
margin:5px 0 0 230px;
height:150px;
}

/* --------------- menu-top */
div#corps div#top-menu{
width:1200px;
height:37px;
position:absolute;
top:190px;
left:-150px;
padding:0 170px;
background: url(images/bg-topmenu.png) no-repeat;
}
div#corps div#top-menu a#home img{
margin:-15px 20px 0;
}
div#corps div#top-menu span#lang{
font-size:2em;
padding:0 15px 0 0;
color:#999;
text-transform: uppercase;
display:inline;
position:relative;
top:-4px;
}

div#corps div#top-menu div.menu_top {
font-size:1.4em;
display:inline;
position:relative;
top:-8px;
margin-left:170px;
}
div#corps div#top-menu div.menu_top span {
display: inline-block;
padding:10px 15px;
margin:0 7px;
text-align:center;
background:url(images/bouton_menu_h.png) no-repeat;
height:27px;
_height:47px;
width:113px;
_width:143px;
}
div#corps div#top-menu div.menu_top span:hover,
div#corps div#top-menu div.menu_top span.on{
background-image:url(images/bouton_menu_h_on.png);
text-decoration:none;
}
div#corps div#top-menu div.menu_top span.on,
div#corps div#top-menu div.menu_top span:hover.on{
cursor:pointer;
}


/* ------------------------------------------------------ corps */

/* ------------------------- colonne gauche -- menu */

#corps .gauche ul#menu{
width:201px;
margin:30px 0 0 -1px;
}
#corps .gauche ul#menu li{
list-style: none;
font-size: 1.3em;
line-height:1.3;
}
ul#menu li.rub-info{
min-height:81px;
padding:13px 50px 0 5px;
background:url(./images/menu_info2.png) no-repeat;
}
ul#menu li.rub-info.mot5{
min-height:126px;
padding: 32px 75px 0 5px;
background:url(./images/menu_info5.png) no-repeat;
}
ul#menu li.rub-info.mot14{
background:url(./images/menu_info14.png) no-repeat;
}
#corps .gauche ul#menu li ul li {
font-size: .8em;
padding:5px;
}
/*#corps .gauche ul#menu li ul{
display:none
}*/
#corps .gauche ul#menu li.on ul,
#corps .gauche ul#menu li.menu-gal ul{
display:block;
margin:25px -30px 0 0;
}
#corps .gauche ul#menu li.menu-gal{
margin:0 0 30px 20px;
}
ul#menu li.menu-gal ul li
#corps .gauche ul#menu li.on ul{
display:block;
margin:20px -40px 30px 0;
}

/* ------------------------- corps centre */
#corps .centre{
text-align:left;
padding:0 20px;
margin-left:220px;
}
span.podcasting img{
vertical-align:middle;
}
#txt_rub{
font-size:1.1em;
margin:0 150px 0 20px;
}
#txt_rub.sommaire{
margin-right:0;
margin-bottom:50px;
min-height:1px;
_height:1px;
}
div.descr_rub{
font-weight:bold;
}
#corps .centre p{
margin:5px 0;
}
#corps .centre div.texte_rub{
margin-bottom:20px;
}
#corps .centre div.champ{
margin:0 0 40px;
padding:10px 25px 20px 0;
}
#corps .centre div.intro{
margin:0 0 20px;
padding:10px 25px 0 0;
}
#corps .centre div.intro h3{
padding-left:10px;
}
#corps .centre div.intro p.lire_plus{
text-align:right;
margin-right:50px;
}

#corps div.news{
margin-bottom:50px;
position:relative;
background: url(images/newsbox_top.png) no-repeat;
padding-top:40px;
color:#fff;
width:603px;
}
#corps div.news p{
margin:0;
}
#corps div.news img.star{
position:absolute;
top:-35px;
left:-25px;
z-index:10;
}
#corps div.news p.news_titre,
#corps div.news div.news_txt{
background: url(images/newsbox_mid.png) repeat-y;
}
#corps div.news p.news_titre{
font-size:1.6em;
padding:0 60px 0 240px;
margin:0 0 -15px 0;
text-align:right;
}
#corps div.news div.news_txt{
padding:0 35px 0 165px;
}
#corps div.news div.news_txt p.lire_plus{
padding:10px 0 0 290px;
font-size:1.3em;
margin-bottom:-10px;
}
#corps div.news p.bandeau{
height:55px;
background: url(images/newsbox_top2.png) repeat-y;
}

#corps div.news p.bot{
height:40px;
background: url(images/newsbox_bot.png) repeat-y;
}

#corps .centre .ps{
margin:10px 0 0;
font-size:0.9em;
font-style:italic;
}
#corps .centre div.notes{
margin:20px 0 0;
padding-top:5px;
border-top:1px solid #cc0909;
}
#corps .centre .chapo{
font-weight:bold;
margin:7px 0;
}

#corps .centre div#documents{
margin-top:40px;
}
#corps .centre div.document{
margin-right:20px;
float:left;
}
#corps .centre a.back{
font-size:1.2em;
font-weight:bold;
text-align:right;
display:block;
margin:50px 10px;
}

.puce {
float: left;
margin-left: -15px;
}
strong,
.strong {
font-weight: bold;
color: #616800;
}

#corps .centre div.liste-galeries ul{
list-style:none;
}
#corps .centre div.liste-galeries ul li{
margin-top:20px;
}
/*------------------------gallery idea: http://www.cssplay.co.uk/menu/gallery.html---------------------------------------------- */
#corps .centre div#galerie{
height:494px;
width:450px;
padding:1px;
margin:0 0 50px;
background-color:#fff;
border:1px solid #CB0404;
}
/*vignette cliquable*/
a.gallery,
a.gallery:visited,
a.gallery:focus,
a.gallery:active{
position:relative;
display:inline;
text-decoration:none;
width:43px; height:43px;
float:left;
margin:1px;
white-space:normal;
z-index:100;
}
a.gallery img.spip_logos{
padding-top:8px;
height:42px;
}
a.gallery .image_big{
visibility:hidden;
position:absolute;
cursor:default;
width:448px; 
height:448px;
top:45px;
overflow:hidden;
z-index:90;
white-space:normal;
}
a.gallery span.info_image{
visibility:hidden;
position:absolute;
top:495px; left:-2px;
width:446px;
font-size:0.85em;
line-height:0.93;
text-align:right;
white-space:normal;
overflow:hidden;
z-index:100;
padding:2px;
}
a.gallery span.info_image span.image_titre{
font-size:1.1em;
font-weight:bold;
}

a.slide1 .image_big, a.slide1 span.info_image {left:0; visibility:visible;}
a.slide2 .image_big, a.slide2 span.info_image {left:-45px;}
a.slide3 .image_big, a.slide3 span.info_image {left:-90px;}
a.slide4 .image_big, a.slide4 span.info_image {left:-135px;}
a.slide5 .image_big, a.slide5 span.info_image {left:-180px;}
a.slide6 .image_big, a.slide6 span.info_image {left:-225px;}
a.slide7 .image_big, a.slide7 span.info_image {left:-270px;}
a.slide8 .image_big, a.slide8 span.info_image {left:-315px;}
a.slide9 .image_big, a.slide9 span.info_image {left:-360px;}
a.slide10 .image_big, a.slide10 span.info_image {left:-405px;}

/*-- pagination galerie --*/
div#galerie {
position:relative;
}
div#galerie span#pagination{
position:absolute;
top:0; right:-150px;
width:100px;
}
.help_pos_pagi {
position:absolute;
top:-300px;
left:0;
border:none;
}
/* --------------------end galerie -------------------------------------- */

/* ---------- SPIP */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
form {margin: 0;padding: 0;}
.noshow{
visibility:hidden;
display:none;
}
.marge{
height:20px;
}

.spip_documents {
	margin: 1em;
}
.spip_documents_left{
margin-left:0;
}
.spip_documents_right{
margin-right:0;
}

.spip_documents_center img {
display:block;
margin:1em auto;
}


a.spip_in{
white-space:nowrap;
}

.spip_surligne{
background-color:#c3cf25;
}

body.bleu h1,
body.bleu h2{
color:#325C6A;
}
body.bleu #corps .centre div.notes{
border-top:1px solid #325C6A;
}
body.bleu div#container div#corps{
border:3px solid #325C6A;
}
body.bleu div.formulaire_recherche .text{
background: url(images/zoek_bleu.png) no-repeat;
}
body.bleu div.formulaire_recherche .submit{
background-color:#325C6A;
}
body.vert h1,
body.vert h2{
color:#697A32;
}
body.vert #corps .centre div.notes{
border-top:1px solid #697A32;
}
body.vert div#container div#corps{
border:3px solid #697A32;
}
body.vert div.formulaire_recherche .text{
background: url(images/zoek_vert.png) no-repeat;
}
body.vert div.formulaire_recherche .submit{
background-color:#697A32;
}
body.mauve h1,
body.mauve h2{
color:#65256d;
}
body.mauve #corps .centre div.notes{
border-top:1px solid #65256d;
}
body.mauve div#container div#corps{
border:3px solid #65256d;
}
body.mauve div.formulaire_recherche .text{
background: url(images/zoek_mauve.png) no-repeat;
}
body.mauve div.formulaire_recherche .submit{
background-color:#65256d;
}