/* --------------------------------- */
/* Feuille de style Nature Aventures */
/* --------------------------------- */






/* Theming closed nav */	
nav > input:not(:checked) ~ ul {
	max-height: 0;
	overflow: hidden;
}
/* Theming opened nav */
nav > input:checked ~ ul {
	max-height: 25em;
}






/* General */
html, body {
font-family : verdana, sans-serif;
font-size : 12px;
color : #636466;
text-align : left;
background-color : #e6e7e8;
}
img {
border : 0;
}
/* Paragraphes */
p.spip, div.spip, ul.spip, ol.spip, .spip_poesie, .spip_cadre, div.spip_code, .spip_documents.spip_documents_center {
margin-top: 0px; }




/* Liens */
a {
color : #636466;
text-decoration : none;
}
a.spip_in, a.spip_out, a.spip_url, a.spip_glossaire {
color : #b5302b;
text-decoration : none;
}
a:focus, a:hover, a:active {
color : #000000;
}
a.on {
color : #000000;
font-weight : bold;
}
a.on_min {
color : #939598;
font-weight : bold;
text-transform : lowercase ;
border-top : 0px solid #b5302b;
border-radius: 5px 5px 5px 5px;
}
.lien {
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
.lien:focus, .lien:hover, .lien:active {
color : #939598;
}



/* Entete */
#entete {
width : 900px;
height : 30px;
background : url(images/bandeau_entete.png) no-repeat;
z-index : 2;
}
#nav {
clear : both;
font-size : 10px;
line-height : 30px;
text-align : right;
color : #939598;
}
.nav {
color : #ffffff;
text-decoration : none;
}
.nav:focus, .nav:hover, .nav:active {
color : #939598;
}
nav.on {
font-weight : bold;
color : #939598;
}
#ephemeride {
float : left;
margin-left : 15px;
color : #ffffff;
}
#recherche {
float : right;
}
.formulaire_recherche {
width : 80px;
margin-top : 7px;
margin-left : 4px;
margin-right : 15px;
}
.formulaire_recherche input {
padding : 2px 0 2px 18px;
width : 60px;
background : #ffffff url(images/loupe.png) no-repeat 4px center;
border : none;
}




/* Page */
#page {
position : absolute;
width : 900px;
height : 600px;
margin-left : -450px;
left : 50%;
-moz-box-shadow:0px 0px 10px #000000;
-webkit-box-shadow:0px 0px 10px #000000;
box-shadow:0px 0px 10px #000000; 
-moz-border-radius:3px;
border-radius:3px;
}
#contenu {
width : 900px;
height : 540px;
background : url(images/fond_blanc.png) no-repeat;
z-index : 1;
}
#centre {
width : 870px;
height : 490px;
padding-left : 15px;
padding-right : 15px;
z-index : 1;
overflow-y: scroll; overflow: -moz-scrollbars-vertical;
}
#gauche {
width : 571px;
height : 480px;
margin : 0;
}
#droite {
position : absolute;
left : 600px;
top : 68px;
width : 275px;
height : 480px;
padding : 5px;
background-color : #e6e7e8;
z-index : 2;
}
#titre {
width : 870px;
height : 7px;
padding : 15px;
z-index : 2;
}
.fil {
font-size : 9px;
}
#droite_date {
float : right;
font-size : 9px;
margin-top : 2px;
}




/* Contact */
#contact {
position : absolute;
top : 370px;
left : 740px;
z-index : 100;
}

#contact_2014 {
position : absolute;
top : 0px;
left : 445px;
width : 200px;
height : 650px;
background-color : #000000;
opacity : 0.15;
z-index : 50;
}
#contact_2014:focus, #contact_2014:hover, #contact_2014:active {
opacity: 0.3;
}
#slogan {
position : absolute;
top : 360px;
left : 460px;
width : 170px;
text-align : center;
z-index : 51;
}
.slogan {
font-family : fantasy;
font-size : 15px;
font-weight : bold;
color : #ffffff;
}

#contact_2014_2 {
position : absolute;
top : 400px;
left : 660px;
width : 240px;
height : 200px;
background-color : #000000;
opacity : 0.5;
z-index : 50;
}
#contact_2014_2:focus, #contact_2014_2:hover, #contact_2014_2:active {
opacity: 0.75;
}

{
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
}

#slogan_2 {
position : absolute;
top : 400px;
left : 660px;
width : 240px;
height : 200px;
z-index : 51;
}
.slogan_2 {
margin-left : 32px;
font-family : sans-serif;
font-size : 12px;
color : #ffffff;
}

.adresse {
margin-left : 50px;
}
.numero {
float : left;
margin-left : -50px;
margin-top : -5px;
font-size : 36px;
font-weight : bold;
color : #b5302b;
}



/* Pied */
#pied {
clear : both;
width : 900px;
height : 30px;
background : url(images/bandeau_pied.png) no-repeat;
}
#navigation {
padding-left : 15px;
font-size : 18px;
line-height : 30px;
color : #939598;
}
.navigation {
color : #ffffff;
font-weight : bold;
text-decoration : none;
text-transform : lowercase ;
}
.navigation:focus, .navigation:hover, .navigation:active {
color : #939598;
border-top : 0px solid #b5302b;
border-radius: 5px 5px 0 0;
}
#copyright {
font-size : 9px;
text-align : center;
margin-top : 5px;
}
#membre {
float : right;
position : absolute;
top : 605px;
right : 0px;
font-size : 9px;
z-index : 200;
}



/* Sommaire */
#diaporama_innerfade {
z-index : 1;
}
#sommaire_1, #sommaire_2, #sommaire_3 {
position : absolute;
top : 440px;
width : 200px;
z-index : 51;
}
#sommaire_1 {
left : 15px;
}
#sommaire_2 {
left : 230px;
}
#sommaire_3 {
left : 445px;
}
#sommaire_4 {
position : absolute;
top : 490px;
width : 645px;
left : 15px;
}
#sommaire_bas {
clear : both;
width : 186px;
border-top : 1px solid #e6e7e8;
background : url(images/3_points.png) no-repeat;
}
#sommaire_bas:hover {
background : #e6e7e8 url(images/3_points.png) no-repeat;
}
.sommaire_bas {
padding-left : 15px
}
.para:hover {
background-color : #e6e7e8;
color : #000000;
}
.para_saison {
font-size : 9px;
margin-top : 5px;
}
.para_saison:hover {
background-color : #636466;
color : #e6e7e8;
}
.saison {
color : #e6e7e8;
text-decoration : none;
}




/* Rubrique*/
.rubrique {
width : 870px;
height : 67px;
margin-top : 2px;
}
.rubrique:hover {
background-color : #e6e7e8;
}
.marge_1, .marge_2, .marge_3, .marge_4, .souligne_image {
width : 200px;
height : 50px;
margin-top : 0;
font-size : 9px;
}
.marge_1 {
margin-left : 0;
font-weight : bold;
}
.marge_2 {
margin-left : 215px;
margin-top : -50px;
}
.marge_3 {
margin-left : 430px;
width : 300px;
margin-top : -50px;
z-index : 1;
background-color : #636466;
}
.marge_4 {
margin-left : 645px;
margin-top : -50px;
z-index : 2;
}
.souligne_image {
margin-left : 530px;
width : 340px;
margin-top : -50px;
border-bottom : 2px solid #636466;
}
.souligne_titre {
width : 630px;
border-bottom : 2px solid #636466;
}
#rubrique_1, #rubrique_2, #rubrique_3 {
position : absolute;
top : 50px;
width : 200px;
height : 425px;
}
#rubrique_1 {
left : 0;
}
#rubrique_2 {
left : 215px;
}
#rubrique_3 {
left : 430px;
}
.dessous_rubrique_gauche {
position : relative;
top : 15px;
width : 425px;
height : 100px;
border-bottom : 1px solid #e6e7e8;
background-color : #e6e7e8;
}
.dessous_rubrique_droite {
clear : both;
position : relative;
top : 15px;
left : 440px;
width : 425px;
height : 100px;
border-bottom : 1px solid #e6e7e8;
background-color : #e6e7e8;
}
.essai {
height : 50px;
width : 425px;
border-bottom : 1px solid #e6e7e8;
background-color : #e6e7e8;
float : left;
}
.image {
position : absolute;
margin-left : 570px;
margin-top : 0;
z-index : 1;
}
.punaise {
position : absolute;
width : 50px;
height : 50px;
margin-left : 570px;
margin-top : -15px;
background : url(images/punaise.png) no-repeat;
}
.dessous_rubrique {
padding-left : 50px;
}
#titre_rubrique {
width : 900px;
height : 540px;
background-color : #ffffff;
}
#rubrique_gauche {
position : absolute;
top : 40px;
width : 425px;
height : 425px;
background-color : #ffffff;
}
#rubrique_droite {
position : absolute;
top : 40px;
left : 445px;
width : 425px;
height : 425px;
background-color : #ffffff;
}
.rubrique_gauche {
height : 100px;
border-bottom : 1px solid #e6e7e8;
background-color : #e6e7e8;
margin-bottom : 20px;
padding-right : 150px;
}
.rubrique_droite {
height : 100px;
border-bottom : 1px solid #e6e7e8;
background-color : #e6e7e8;
margin-bottom : 20px;
padding-right : 150px;
}
.pagination_rubriques {
background-color : #e6e7e8;
margin-top : 15px;
margin-bottom : 15px;
width : 870px;
font-size : 9px;
}
.pagination_articles {
background-color : #e6e7e8;
margin-top : 15px;
margin-bottom : 15px;
width : 870px;
font-size : 9px;
}
.marge_pagination {
padding-left : 15px;
}



/* Article*/
.pagination_articles_article {
font-size : 9px;
border-top : 1px solid #cccccc;
}
.marge_pagination_article {
padding-left : 15px;
}



/* Boutons */
.formulaire_spip .boutons {
clear : both;
margin : 0;
padding : 0;
text-align : right;
}
.formulaire_spip .boutons input {
margin-left : 1em;
}
.formulaire_spip .boutons input, input.submit {
value : go;
}



/******** CSS de spip (reconfiguration) **************/
/*.spip_bouton {background-color: #b0d0FF; color: black; font-size: 9px; } */
.forml {
width : 450px;
background-color : #ffddaa;
}
.spip_encadrer {
width : 450px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 130%;
border-right : 1px solid #666666;
border-top : 1px solid #666666;
border-left : 1px solid #666666;
border-bottom : 1px solid #666666;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
padding-top : 5px;
background-color : #e3eaed;
}
.spip_encadrer a {
font-size : 12px;
color : #006699;
}
.spip_cadre {
width : 450px;
margin-top : 10px;
padding-right : 5px;
padding-left : 5px;
padding-bottom : 5px;
padding-top : 5px;
background-color : #ffffff;
}
A.spip_barre IMG {
border-right : 0 solid #666666;
border-top : 0 solid #666666;
border-bottom : 0 solid #666666;
border-left : 0 solid #666666;
padding-left : 4px;
padding-right : 4px;
padding-bottom : 4px;
padding-top : 4px;
margin-right : 2px;
background : url(img_interface/rond-rose.png);
}
A.spip_barre:hover IMG {
border-right : 0 solid #808080;
border-top : 0 solid #808080;
border-bottom : 0 solid #808080;
border-left : 0 solid #808080;
padding-right : 4px;
padding-left : 4px;
padding-top : 4px;
padding-bottom : 4px;
margin-right : 2px;
background : url(img_interface/rond-blanc.png);
}



/* Article*/
#contenu_article {
position : absolute;
width : 595px;
height : 500px;
margin : 15px;
}
#dessous {
height : 50px;
border-bottom : 1px solid #e6e7e8;
}
#dessous:hover {
background-color : #e6e7e8;
}
.dessous {
padding-left : 50px;
}
#panneau {
width : 304px;
height : 81px;
background : url(images/panneau.png) no-repeat;
}
.panneau {
font-size : 15px;
margin-left : 60px;
}



/* Agenda*/
.mois {
background-color : #e6e7e8;
border-bottom : 1px solid #636466;
}
.even {
padding-left : 36px;
background-color : #e6e7e8;
border-bottom : 1px solid #ffffff;
}
.even:hover {
color : #000000;
}
.even a:hover {
background-color : #636466;
color : #ffffff;
}
.even_texte {
font-size : 10px;
line-height : 12px;
float : right;
}
.agenda {
position : fixed;
top : 800px;
left : 765px;
width : 240px;
height : 200px;
background-color : #123456;
font-family : Verdana;
font-size : 9px;
color : #ffffff;
z-index : 1;
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10, h55 {
margin : 0;
font-family : Verdana, sans-serif;
font-weight : normal;
font-size : 12px;
color : #636466;
text-align : left;
}
h1 {
font-weight : bold;
color : #b5302b;
border-bottom : 1px solid #e6e7e8;
}
h2 {
font-weight : bold;
}
h3 {
margin-top : -16px;
}
h4 {
margin-top : -12px;
border-bottom : 1px solid #e6e7e8;
}
h5 {
font-size : 18px;
font-weight : bold;
color : #b5302b;
border-bottom : 1px solid #e6e7e8;
}
h55 {
font-size : 18px;
font-weight : bold;
color : #b5302b;
}
h6 {
font-size : 36px;
font-weight : bold;
color : #b5302b;
}
.souligne {
border-bottom : 1px solid #636466;
}
.souligne_1 {
border-bottom : 1px dashed #e6e7e8;
}
.souligne_2 {
border-bottom : 1px solid #e6e7e8;
}
.souligne_3 {
border-bottom : 1px dashed #e6e7e8;
}
.souligne_espace {
border-bottom : 1px solid #e6e7e8;
margin-bottom : 12px;
}
.espace_haut {
margin-top : 12px;
}
.souligne_haut {
border-top : 1px solid #ffffff;
}
hr {
clear : both;
visibility : hidden;
}
.mouss_gauche {
float : left;
color : #e6e7e8;
font-weight : bold;
}
.mouss_droit {
float : right;
color : #e6e7e8;
font-weight : bold;
}
.mouss_gauche:hover {
color : #636466;
}
.mouss_droit:hover {
color : #636466;
}
#espace {
height : 12px;
}
.texte_onglet {
font-weight : bold;
color : #b5302b;
}
.texte_onglet a {
font-weight : bold;
color : #b5302b;
}
.texte_onglet_1 {
font-weight : bold;
color : #b5302b;
}
.texte_onglet_1 p {
margin-top : 0px;
margin-bottom : 0px;
}
.titre_onglet a:hover {
color : #000000;
background-image : url("tab.hover.png");
background-repeat : no-repeat;
}
.selected {
color : #000000;
}
.titre_doc {
display : block;
top : 300px;
margin-left : -25px;
}
ul {
padding-left : 15px;
}
li {
display : list-item;
list-style-type : none;
}

li11 {
display : list-item;
list-style-image : url(images/fii.png);
list-style-position : outside;
}
li2 {
display : list-item;
list-style-position : outside;
}
li3 {
display : list-item;
list-style-type : none;
}
h7 {
margin : 0;
border-bottom : 1px solid #8b6f92;
}
h6 {
border-top : 1px solid #8b6f92;
vertical-align : bottom;
margin-top : -12px;
}

.titre {
font-weight : bold;
color : #b5302b;
}
.texte:hover {
background-color : #636466;
color : #ffffff;
}
a.texte:hover {
background-color : #636466;
text-color : #000000;
}


.texte_blanc {
font-size : 10px;
line-height : 12px;
color : #ffffff;
float : right;
}
.blanc {
color : #ffffff;
}
.gris_clair {
color : #e6e7e8;
}
.date {
padding-left : 0;
margin-top : 0;
}
.retrait {
margin-left : 20px;
}
.top {
vertical-align : top;
}
.onglet-pane {
position : relative;
width : 100%;
margin-right : -2px;
}
.onglet {
width : 70px;
height : 16px;
background-image : url("tab.png");
position : relative;
top : 0;
display : inline;
float : left;
overflow : hidden;
cursor : Default;
margin : 1px -1px 1px 2px;
padding : 2px 0px 0px 0px;
border : 0;
z-index : 1;
font : 11px Tahoma;
white-space : nowrap;
text-align : center;
}
.onglet.selected {
width : 74px !important ;
height : 18px !important ;
background-image : url("tab.active.png") !important ;
background-repeat : no-repeat;
border-bottom-width : 0;
z-index : 3;
padding : 2px 0 0px 0;
margin : 1px -3px -3px 0px;
top : -2px;
font : 11px Tahoma;
}
.onglet a {
font : 11px Tahoma;
color : black;
text-decoration : none;
cursor : default;
}
.onglet.hover {
font : 11px Tahoma;
width : 70px;
height : 16px;
background-image : url("tab.hover.png");
background-repeat : no-repeat;
}
.onglet-page {
clear: both;
border: 1px solid rgb( 145, 155, 156 );
background: rgb( 252, 252, 254 );
z-index: 2;
position: relative;
top: -2px;
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
               progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
padding: 10px;
}
.onglet-row {
z-index: 1;
white-space: nowrap;
}
.onglet_clear {
clear : both;
}










.text {
font-family : verdana, sans-serif;
font-size : 10px;
color : #636466;
text-align : left;
}



li1 {
display : list-item;
list-style-image : url(images/3_points.png);
list-style-position : inside;
}



.rouge {
color : #b5302b;
}




/* Essai */
#sommaire_transparent {
position : absolute;
top : 396px;
width : 900px;
z-index : 50;
}
.sommaire_transparent {
font-family : fantasy;
font-size : 36px;
font-weight : bold;
color : #ffffff;
padding-left : 15px;
}


{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}


.thickbox {
display : inline;
}