.cacher{display:none;}
html body#article.page106 {


    animation-delay: 5s;
  animation-duration: 0.2s;
  animation-name: noir;
 animation-iteration-count : 10;
 
 -moz-animation-delay: 5s;
  -moz-animation-duration: 0.2s;
  -moz-animation-name: noir;
 -moz-animation-iteration-count : 10;
 
 -webkit-animation-delay: 5s;
  -webkit-animation-duration: 0.2s;
  -webkit-animation-name: noir;
 -webkit-animation-iteration-count : 10;
 
 -o-animation-delay: 5s;
  -o-animation-duration: 0.2s;
  -o-animation-name: noir;
 -o-animation-iteration-count : 10;
 
  -ms-animation-delay: 5s;
  -ms-animation-duration: 0.2s;
  -ms-animation-name: noir;
 -ms-animation-iteration-count : 10;
}


@keyframes noir{
	
  from {
    opacity:1;
  }
  to {
     opacity:0;
  }
}

html body#accueil span.titre{
   
    animation: fadein 1s; 
   -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari et Chrome */
     -o-animation: fadein 1s;/* Opera */
}

@keyframes fadein {
    from {
        Font-size: 0em;
    }
    to {
        Font-size: 1.4em;
    }
}
@-moz-keyframes fadein { /* sur Firefox */
    from {
         Font-size: 0em;
    }
    to {
       Font-size: 1.4em;
    }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
         Font-size: 0em;
    }
    to {
       Font-size: 1.4em;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
         Font-size: 0em;
    }
    to {
        Font-size: 1.4em;
    }
}


html , body{
/*min-width:800px;*/
width:100%;
height:100%;
border:0;
margin:0;
padding:0;
}
body{	
position: absolute;
background-color:#000;
background-image:url('img/table.jpg');
background-repeat: repeat-y;
background-size:  cover;
background-position: bottom;
}


span.titre{
z-index:100;
font-family: 'Indie Flower', cursive;
font-weight:bold;
Font-size: 1.4em;
color: white;
position: absolute;
text-shadow: 2px 2px 1px black;
line-height:1em;
}

span.titre.off{
	display: none;}
span.titre.onn{
	display: block;
	opacity:1;}

/*div:hover span.titre{
display:block;
}*/
#accueil div{
position: absolute;
width:10%;
}
body#accueil img{
height: 100%;
width:auto;
position: absolute;
}
#accueil img#logo_site{
width: 35%;
height: auto;
position: absolute;
left:32%;
top: 40%;
}
#art300{ 
height: 30%;
top: 20%;
right:42%;
}
#art300 .titre{
height: 22%;
top:40%;
left:3%;
}
#art575{
height:50%;
top: 28%;
left:23%;  
}
#art575 .titre{
width: 180px;
top:30%;
left:80%;
}
#art1{ 
height: 22%;
top: 0;
left:42%;
}
#art1 .titre{
width: 180px;
top:40%;
left:1%;
}
#rub8{
height: 18%;
top: 0;
left:30%;
}
#rub8 .titre{
top: 15%;
left:1%;
text-align:center;
}
#art3{
height: 35%;
top: 0;
left:0;
}
#art3 .titre{
top:30%;
left:5%;
}
#art4{
height: 25%;
bottom: 30%;
left:10%;
}
#art4 .titre{
width: 140px;
text-align:center;
top: 20%;
left:0%;
}
#art5{
height: 22%;
top: 39%;
left:64%;
z-index:3000;
}
#art5 .titre{
top: 42%;
left:3%;
}
#art491{
height: 20%;
top: 38%;
left:2%;
}
#art491 .titre{
width: 120px;
text-align:center;
top: 10%;
left:10%;
}
#rub2{
height: 49%;
top: 0;
right:0;
}
#rub2 img{
top: 0;
right:0;
}
#rub2 .titre{
width: 180px;
bottom: 60%;
right:3%;
}
#accueil #rub3{
height: 49%;
bottom: 0;
left:0;
}
#accueil #rub3 img{
bottom: 0;
left:0;
}
#rub3 .titre{
bottom: 20%;
margin-left: 5%;
}
#rub4{
height: 49%;
bottom: 0;
right:0;
z-index:1;
}
#accueil #rub4 img{
bottom: 0;
right:0;
}
#rub4 .titre{
width: 140px;
bottom: 30%;
right: 1%;
}
#accueil #rub5{
height: 33%;
bottom: 0;
left:30%;
z-index:1;
}
#accueil #rub5 img{
bottom: 0;
}
#rub5 .titre{
bottom: 25%;
left:40%;
}
#art807{
height: 25%;
top: 57%;
right:29%;
z-index:0;
opacity:0.4;
}

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

body#article, body#rubrique{
/*background-attachment: fixed;*/
}

body.tresors #part2{
/*position: fixed;*/
}
#article img#logo_site,#rubrique img#logo_site{
width: 90%;
height: auto;
margin-bottom: 20px;
}
body.listage .logo_art{
height:350px;
}
#article #logo_art,#rubrique .logo_art{
position: relative;
text-align: center;
width:22%;
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
background-color:white;
float: left;
padding: 1% 1% 8% 1%;
}
#rubrique .logo_rub{
padding: 1%;
}

#article #logo_art{
-ms-transform: rotate(15deg); /* IE 9 */
-webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
transform: rotate(15deg);
margin-left:-5px;
margin-right: 50px;
margin-bottom: 0px;
}
#article #logo_art img,#rubrique .logo_art img{
width:100%;
height: auto;
border: solid thin silver;
}

#part1{
position: absolute;
margin-top: 3%;
margin-left: 2%;
padding: 20px;
width: 60%;
min-width: 220px;

}

.recharge{
   width: 100%;
   text-align: right;
}
.recharge img{
   width:8%;
    height: auto;
     cursor: pointer;
}


#article #part1, #rubrique #part1.cases{
background-color: white;
/*
-ms-transform: rotate(-1deg);
-webkit-transform: rotate(-1deg); 
transform: rotate(-1deg);
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);*/
}
#part1 h3.spip{
	clear:both;
}
article h1{
font-family: 'Indie Flower', cursive;
font-weight:bold;
Font-size: 2rem;
/*margin-top: 120px;*/
/*line-height: 2.2rem;*/
margin-right: 60px;
}
article #part1 h1 {
	padding-left: 30%;
	margin-right: 20px;
	margin-top: 30px;
}
article #part1 h1 {
	padding-left: 30%;
	margin-right: 20px;
	margin-top: 60px;
}
article #part2 h1{
	line-height: 1.1rem;
}

#sstitre{
font-family: 'Indie Flower', cursive;
font-weight:bold;
Font-size: 1.3rem;
clear:both;
Width:90%;
margin:auto;
text-align:center;
margin-top: 90px;
}

article #texte.motxt {
    font-size: 0.8em;
background-color : white;
width: 90%;
padding:5px 20px;
box-shadow: -1px 2px 5px 5px rgba(0, 0, 0, 0.7); 
}
article #texte, .signature{
clear: both;
margin: 0px 20px 100px 40px;
padding-top:10px;
font-family: verdana, sans-serif;
Font-size: 1rem;
text-align: justify;
}
.signature{
text-align:right
}
article #auteur{
padding-top:10px;
margin-bottom: 20px;
font-family: verdana, sans-serif;
Font-size: 1rem;
text-align: justify;
}
article #part1 #texte p::first-letter {
Font-size: 1.5rem;
}
article #part1 #texte img{
max-width: 100%;
height: auto;
}
article #part1 #texte .spip_documents_center img
{
width: 100%;
}
#part2{
position: absolute;
width: 30%;
margin-top: 2%;
right: 1%;
color:white;
Font-family: Arial, sans-serif;
}
#part2 .cat a{
/*text-decoration:none;*/
color: white;
}
#part2 .cat a:hover{
text-decoration:underline;
color:#b0c4de;}
/* #part2 .cat a:after,#part2 .postit a:after, #part2 .postit2 a:after,#part1 #texte a:after, #part1 div.cat a:after{
content: "*";}*/
.postit a{
/*text-decoration:none;*/}
#part2 label{
 cursor: pointer;
}
#listg{
float:left;
width: 50%;
}
#listd{
padding-left:50%
}
#part1 #texte .spip_documents a:after{
display: none;
}
.cat{
margin-bottom: 10px;
font-size: 0.8rem;}
.t_cat{
margin-top: 8px;
font-size: 1rem;
}
#part1 div.cat{
text-align: right;
margin: 0 20px;
}
#part1 div.ressources{
text-align: left;
    border :solid thin grey;
    padding:10px 10px 10px 30px;
    margin-left:30%;margin-top : 20px;
    background-color: :white;
  box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}
#part1 .ressources .t_cat{
    font-family: Arial,sans-serif;
    display:block;
    text-transform: UPPERCASE;
    margin: 2px 0 10px 0;
}
#part1 .ressources a{
    font-family: Arial,sans-serif;
    line-height: 20px;
}
.barre1{
margin: 0;
Padding: 0;
position: relative;
margin-top: 8px;
display:block;
height: 20px;
width: 80%;
border: solid 1px rgba(255, 255, 255, 0.5);
background-color: rgba(230, 230, 230, 0.5);
}
.titre_barre{
font-family: arial;
display: block;
color: black;
font-size: 12px;
width: 100%;
height: 1px;
line-height : 18px;
margin: 0;
Padding: 0;
position: absolute;
left: 3px;
top:1px;
}

.barre2{
margin: 0;
Padding: 0;
display: block;
position: absolute;
height: 20px;
background-color: rgba(255, 255, 255, 0.8);
}
#carte{
margin-top: 20px;
width: 76%;
padding: 2%;
background-color:white;
background-image:url('img/parchemin.jpg');
background-repeat: no-repeat;
background-size:  cover;
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}
#article #part2 .carte_gis{
opacity: 0.4;
}
.postit, .postit2, .postit3{
margin-top: 20px;
width: 70%;
padding: 5%;
background-color:#dbc697;
background-image:url('img/parchemin.jpg');
background-repeat: no-repeat;
background-size:  cover;
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
color: #290304;
font-size: 0.95rem;
}
.postit{
-ms-transform: rotate(2deg); /* IE 9 */
-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
transform: rotate(2deg);
}
.postit a, .postit2 a,#part1 a{
/*text-decoration:none;*/
color: #290304;
Font-family: Arial, sans-serif;

}
.postit a:hover,.postit2 a:hover,#part1 a:hover{
text-decoration:underline;
color: darkslategray;
}
.postit2{
font-family: 'Indie Flower', cursive;
font-weight: normal;
font-size: 1.1rem;
line-height : 1.3rem;
margin-bottom: 20px;
}
#diapo{
position:relative;
width:50%;
margin: auto;
margin-top: 0px;
margin-bottom: 60px;
text-align: center;
}
#diapo .diapo{
background-color:white;
padding: 3% 3% 20% 3%;
width:50%;
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
}
#diapo .diapo img{
width: 100%;
height: auto
}
.diapo3{
top: 15px;
left: 30px;
-ms-transform: rotate(8deg); /* IE 9 */
-webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
transform: rotate(8deg);
position: absolute;
}
.diapo2{
top: 1px;
left: 60px;
-ms-transform: rotate(-2deg); /* IE 9 */
-webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
transform: rotate(-2deg);
position: absolute;
}
.diapo1{
top: 3px;
left: 30px;
-ms-transform: rotate(15deg); /* IE 9 */
-webkit-transform: rotate(15deg); /* Chrome, Safari, Opera */
transform: rotate(15deg);
}
/*----------------*/
#part1 footer{
	position: relative;
	bottom: 5px;
	width: 100%;
font-size: 0.8rem;
font-family: Arial;
text-align: right;
clear: both;
margin-top: 20px;
}
#part2 footer{
margin-top: 30px;
position: relative;
	width: 90%;
font-size: 0.7rem;
font-family: Arial;
text-align: left;
}
footer svg {
    height: 30px;
    width:30px;
    border: 
}
#part2 footer svg{
fill: white;
}

#part2 footer a{
color: white;
/*text-decoration: none;*/
}
#part2 footer a:hover{
text-decoration: underline;
}
/*---------------*/
nav{
position: relative;
width: 98%;
margin-left:2%;
text-align: center;
margin-top: 10px;
z-index: 100;
}
.menu{
display: inline;
font-size: 1rem;
padding: 8px;
background-color: white;
display: block;
float: left;
width: 12%;
min-width: 120px;
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}
.menu a{
text-decoration:none;
color: #290304;
/*color:rgba(255, 255,255, 0.7);*/
font-family: 'Indie Flower', cursive;
font-weight:bold;
text-transform:uppercase;
}
article{
position: relative;
width: 100%;
clear: both;
}

.menu1{
-ms-transform: rotate(-1deg); /* IE 9 */
-webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
transform: rotate(-1deg);}
.menu2{
-ms-transform: rotate(-2deg); /* IE 9 */
-webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
transform: rotate(-2deg);}
.menu3{
-ms-transform: rotate(-3deg); /* IE 9 */
-webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
transform: rotate(-3deg);
z-index: 10;}
.menu4{
-ms-transform: rotate(1deg); /* IE 9 */
-webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
transform: rotate(1deg);
z-index: 2;}
.menu5{
-ms-transform: rotate(2deg); /* IE 9 */
-webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
transform: rotate(2deg);}
.menu6{
-ms-transform: rotate(5deg); /* IE 9 */
-webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
transform: rotate(5deg);
z-index: 10;}
.menu7{
-ms-transform: rotate(-5deg); /* IE 9 */
-webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */
transform: rotate(-5deg);
z-index: 8;}

.on:before{
content: "X ";
color: red;
font-size:1.3rem;
font-family: 'Indie Flower', cursive;}
/****----------------*/
#rubrique{
min-height: 110%;
}
.legende{
width: 94%;
position:absolute;
left:3%;
top: 75%;
font-size:0.9rem;
font-weight: bold;
font-family: 'Indie Flower', cursive;}
.legende3{
width: 90%;
margin:6px auto;
font-size:0.7rem;
font-family: 'Indie Flower', cursive;
text-align:center;
color:brown;}
.logo_art{
margin-right:4px;
margin-bottom: 6px;}
.loga1{
margin-right: 6px;
}
.loga2{
-ms-transform: rotate(-4deg); 
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
z-index: 1;
margin-right: 7px;
}
.loga3{
-ms-transform: rotate(2deg); 
-webkit-transform: rotate(2deg);
transform: rotate(2deg);
z-index: 10;

}
.loga4{
-ms-transform: rotate(4deg); 
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
z-index: 5;

}
.loga5{
-ms-transform: rotate(-4deg); 
-webkit-transform: rotate(-4deg);
transform: rotate(-4deg);
z-index: 1;
}

.off, .del, .aucun{
display:none;
}
#aucun{
width: 50%;
position: absolute;
left: 18%;
Top: 120px; 
color:white;
font-size:1.4rem;
font-weight: bold;
font-family: 'Indie Flower', cursive;
text-align:center;
}
#noscdc{
width: 70%;
margin: 5% auto;
color:white;
font-size:1.4rem;
font-weight: bold;
font-family: 'Indie Flower', cursive;
text-align:left;
}
#aucun img{
display:block;
width: 100%;
height: auto;
}
/*------------------*/
#explic{
font-size:0.8rem;
font-weight: bold;
font-family: 'Indie Flower', cursive;
text-align:left;
margin-bottom: 10px;
}
#part2 form{
position: relative;
}
#reset{
display: block;
position:  absolute;
width: 30%;
z-index: 10;
top: -3%;
right: 3%;
background-repeat: no-repeat;
background-size:  cover;
}
#reset:hover{
}
#reset img{
width: 100%;
}
/*****/
.container{
width: 100%;
clear: both;
min-height: 650px;
}
#container2{
width: 100%;
min-height: 10px;
}
#nouveau{
	color:white;
	font-size: 3.2em;
    text-shadow: 2px 2px 2px black;
    margin-bottom: 0px;
}
hr.nouveau {
	display: block;
	clear: both;
	margin: 40px 0 80px;
	padding: 0;
	border: 0;
	font-family: arial;
	text-align: center;
	font-size: 60px;
	line-height: 1;
}
hr.nouveau:after {
	content: "\2042";
	height: 0;			
	letter-spacing: 1em;
	color: #fff;
}
div.brac{
width: 96%;
height: 150px;
margin: auto;
margin-bottom: 10px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
Border: solid thin silver;
overflow: hidden;
}
.ajax-id-bricabrac div.bric, #part1 .container div.bric{
margin-left: 5px;
margin-top: 10px;
position: relative;
border: solid thin silver;
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
background-color:white;
padding: 5px;

/*width: 22%;*/
}
#part1 div.container div.bric img{
	width:100%;
	height:auto;
}
.filtre{
margin-top: 10px;
font-size: 0.8rem;
bottom: 2px;
right: 10px;
margin-left:5px;
}
.droite{
text-align: right;
}
#part1 div.bric a:hover{
/*text-decoration: none;*/
}
#part1 div.bric div.titre{
font-weight: bold;
font-size: 1.3rem;
margin-bottom: 10px;
margin-top: 6px;
}
.legende2{
font-size:1.1rem;
font-weight: bold;
font-family: 'Indie Flower', cursive;
line-height: 1.1rem;
width: 80%;
margin: auto;
text-align: center;
}
.descr{
text-align: left;
margin-top: 7px;
font-family: 'Indie Flower', cursive;
font-size:0.8rem;
line-height: 1rem;
margin-left:5px;
}
#twt{
margin-top: 20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
-ms-transform: rotate(0.5deg); 
-webkit-transform: rotate(0.5deg);
transform: rotate(0.5deg); 
}
ul.actu{
 column-width: 160px;
column-gap : 1rem;
column-rule: thin solid rgba(0,0,0,.4);
text-align: justify;
font-size: 0.8rem;
}
ul#actu{
 column-width: 240px;
}
ul.actu li{
width: 144px;
display: inline-block;
padding: 8px;
}
#actu li{
width: 220px;
display: inline-block;
padding: 8px;
}
ul.actu img{
width: 100%;
height: auto;
}
span.date{
padding-top:5px;
display:block;
font-size:0.8rem;
font-weight: lighter;
border-top: thin solid rgba(0,0,0,.4);}
#actu li h2, ul.actu li h2{
text-align: left;
font-size: 0.9rem;line-height: 1.1rem;
}
article #part1 ul.actu li h2, article #part1 ul.actu li h2 a{
font-family: 'Special Elite', cursive;
text-decoration: none;
}
ul.actu a.legende{
display: block;
position: relative;
font-size:0.7rem;
font-weight: lighter;
text-align: right;
Font-family : serif;
}
/* ul.actu li hé a:after{
content: "*";}*/
article #part1 h1.actu,article #part1 h1.actu a{
Text-transform: uppercase;
font-family: 'Special Elite', cursive;
margin-top: 60px;
margin-bottom: 30px;
padding: 0px 30px;
margin-left: 0;
text-decoration:none;
}
article #part1 h2.actu{
Text-transform: uppercase;
font-family: 'Special Elite', cursive;
margin-top: 60px;
margin-bottom: 30px;
padding: 0px 30px;
margin-left: 0;
text-decoration:none;
}

article #part1 h1.actu a{
    display:block;
     text-align:center;   
}

article #part1 #continuite{
   width:95%;
    margin:auto;
    border: solid 0.5px;
    padding-bottom:30px;
}
article #part1 #continuite p{
   width:90%;
    margin:auto;
font-size:1.2rem;
}
article #part1 #continuite:hover,article #part1 #continuite:hover a{
  background-color: Silver;
    color:white;
}
#notes{
font-size:0.8rem;
margin: 0px 20px 100px 40px;
}
#texte span.spip_note_ref {
    position: relative;
    font-size: 0.8rem;
    top: -6px;
    /*left: -6px;*/
}
span.spip_note_ref a{
	text-decoration: none;
}

#pourCQ{
width: 80%;
font-size: 0.6rem;
text-align : right;
opacity: 0.8;
}
#pourCQ a{
color: white;
/*text-decoration: none;*/
font-style: italic;
}
#pourCQ a:hover{
text-decoration: underline;
}
/*#pourCQ:hover{
padding-top:10rem;
}*/


/*------*/
#part1 #texte .spip_documents a:after{
content:" "}
div.liste{
margin-bottom: 10px;
margin-top: 10px;}
div.liste:before {
content: "► ";
}
#part2 h1{
	text-align:center;
	margin-top: 5px;
	Font-size: 1.2rem;
}


.coeur::after{
	position:absolute;
	top:-5px;
	left:-5px;
content:url(img/e_tampon.png);
}
li{
margin-bottom: 8px;
}


ul.plansite, ul.plansite ul {
  list-style-type: none;
  padding-left: 1.5em;
  font-size: 14px; }
ul.plansite li {
  color: black;
 }
ul.plansite li a {
  padding-left: 0.5em;
 /* text-decoration: none;*/
  color: black;}
ul.plansite li strong {
  font-size: 105%;
 margin-bottom: 8px;  }
 
 /********************/

#article section#part1.auteur{
-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(Odeg);
}
#article section#part1.auteur .boutons{
	text-align : right;
	}
section#part1.auteur label.txtarea{
display: block;
margin-bottom : 5px;
margin-top: 20px;
}
section#part1.auteur label {
display: block;
margin-bottom : 2px;
padding-top:10px;
font-family: 'Special Elite', cursive;
Font-size: 1rem;
}
section#part1.auteur legend{
padding-top:2px;
font-family: 'Special Elite', cursive;
Font-size: 1rem;
padding-left: 10px;
padding-right: 10px;
}
section#part1.auteur #article textarea, section#part1.auteur input{
font-family: 'Special Elite', cursive;
margin-top: 5px;
width:100%;}
textarea { resize: none;
width: 100%;}

section#part1.auteur input.submit{
width:30%;
margin-bottom: 20px;
}
/****/
#E404, #mcle{
color:white;
text-align:center;
text-transform:uppercase;
margin-bottom: 80px;
font-size: 2rem;
font-family: 'Special Elite', cursive;
}
#E404{
margin-top: 80px; 
}
#mcle{
margin-top: 10px; 
}
img.e404, img.cone{
width: 100%;
}
section.e404 footer, section#part1.e404  footer a{
	color:white;
}
/*
section#part1.apropos{
background-color:#fff;
background-image:url('img/apropos.jpg');
background-repeat: no-repeat;
background-size:  70%;
background-position: top right;
}*/

/**SURPRISES**/
span.invisible{
color: white;
}

blockquote.spip{
border: none;
margin-left: 20px;
margin-right: 40px;
font-family: 'Indie Flower', cursive;
font-size: 1.2rem;
}

#part1 citation{
    display:block;
  font-weight:bold;
    font-style: italic;
     font-size: 0.8em;
    line-height: 1.2em;
    margin-left: 20px;
    margin-right: 20px;
    color: grey;
}
#part1 retours{
    display:block;
  font-weight:normal;
    font-style: italic;
     font-size: 0.8em;
    line-height: 1.2em;
    margin-left: 20px;
    margin-right: 20px;
    color: grey;
    font-family:  cursive; 
}


#part1 fable{
    display:block;
	margin-top: 40px;
  font-family: 'Alex Brush', cursive;  
    font-size: 2.2vW;
    line-height: 3vw;
    margin-left: 20px;
    color: sienna;
}
fable lettrine {
    margin-top:4vw;
	display:block;
    height: 12vw;
  font-size:12vw;
  padding-right:3.3vw;
  float:left;
  color:peru;
}

#poeme p{
clear:both;
}
#part1 .quote, #part1 .quote a, #part1 .quote a.spip_out,  #part1 .quote a.spip_out,#part1 .quote a[rel=external]{
font-family: 'Indie Flower', cursive;
font-size: 1.2rem;
}
clear{
	display:block;
	clear:both;
}
#part1 .spip_documents_left{
	width: 25%;
}
#part1 .impose25{
	width: 25%;
	height: auto;
}
#part1 .impose60{
	width: 60%;
	height: auto;
}
#part1 .spip_doc_descriptif{
	width:100% !important;
}

#part1 blockquote.spip a, #part1 blockquote.spip a.spip_out,#part1 blockquote.spip a[rel=external],.postit2 a,.postit2 a.spip_out,.postit2 a[rel=external]{
font-family: 'Indie Flower', cursive;
font-size: 1.2rem;
}

div.cdp{
	color: white;
	z-index: 100;
	
}

span.media_vignette {
    display: block;
    width: 50%;
}
span.media_logo {
    display: block;
    width: 12%;
}
figure.media_image {
    display: block;
    width: 80%;
}

#formul{
	background-color:white;
	font-size: 1.1rem;
    font-weight: bold;
    font-family: 'Indie Flower', cursive;
	/*position: absolute;*/
	Width: 100%;
	/*height: 4rem;*/
	margin: auto;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
	-ms-transform: rotate(-1deg); /* IE 9 */
-webkit-transform: rotate(-1deg); /* Chrome, Safari, Opera */
transform: rotate(-1deg);
	
}
#formul p
{
padding-top: 15px;
width: 90%;
margin: auto;
}
#formul p span.citation
{
margin-top: 5px;
display: block;
text-align: right;
padding-right: 10px;
}


#formul label, #formul input[type="submit"]
{
display: none;	
}

#formul input[type="search" i]{
color:#222;
border:0;
background-color: rgba(255, 255, 128, 0);
margin: 2rem 25% 2rem 5%;
text-align:left;
text-transform:uppercase;
font-size: 3rem;
width: 60%;
font-family: 'Special Elite', cursive;
padding: 10px;background-repeat:no-repeat;
	background-size: 100% 5px;
	background-image:url('img/trait.png');
	background-position: bottom;
}
#formul input[type="search" i]:focus{
	outline:none;
}

div.rech{
margin-top: 100px;
}
#formul+.container{
	margin-top:30px;
}
#formul #loupe_rech{
position: absolute;
width: 35%; height: auto;
right : -50px;
bottom:-45px;
}

article.recherche #part1{z-index:100;}

div.aide {
	display: table;
	margin-bottom: 20px;
	margin-left: 30px;
	width: 90%;
	
}
.aide .aidimg{
display : table-cell;
vertical-align: top;
width:100%;
min-width: 80px;
height: auto;
padding: 5px 5px 30px 5px;
box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}
.aide .aidimg img{
	width:100%;height: auto;
}
.aide span.aidctn{
display : table-cell;
vertical-align: top;
padding-left: 30px;
width:90%;
}
#part2 .postit h1.aide{
text-align: center;width:100%;
margin-right: 0;
}

#part2 .postit h2.aide{
text-align: center;
font-size: 0.9rem;line-height: 1.1rem;
font-family: 'Special Elite', cursive;
text-decoration: none;
margin-left:0;
text-decoration:none;
width:90%;
}

a.autre_rub{
text-decoration:none;
font-size: 0.92rem;line-height: 1.1rem;
font-family: 'Special Elite', cursive;
}

.aide .aidimg:hover{
	-ms-transform: rotate(0deg); /* IE 9 */
-webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
transform: rotate(0deg);
	
}
.aide span.aidctn a{
	font-weight: bold;
}
#part2 .postit img{
	width: 100%;
	height: auto;
	margin: auto;
}
video{ 
	width:80%;
	margin-left: 10%;
	border: thin solid grey;
}
#equipe{
	width:80%;
	height: auto;
}
.oe-author,.oe-title{
	display:none;
}
#tab_crit{
    width: 60%;
    padding: 2px;
border: solid thin #eeeeee;
    background-color: rgba(0,0,0,0.4);
}
#tab_crit td{

    padding: 2px;
border-bottom: dashed thin #eeeeee;
}
#tab_crit td.oui{
	text-align:center;
}
#tab_crit td.non{
	text-align:center;
}
#bric{
    color:#9C0000;
    font-size: 18px;
    font-weight:400;
    margin-left:10%;
    width: 60%;
    margin-bottom: 50px;
    margin-top:4%;
    background-color: rgba(255 ,255, 255, 0.55);
   border-color: rgba(255, 255, 255, 0.7);
    padding-right:5%;
    padding-left: 5px;
    padding-bottom:3px;
    -moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;   
}
#loupe_bric{
    position: absolute;
    right: 15%;
    bottom: 40%;
    width: 20%;
    height:auto;
}

body.tresors div#rien {
text-align: center;
    font-family: Arial, sans-serif;
font-size: 1.3em;    
    color :white;
}
#discipl{
 width: 90%;
    margin-bottom: 20px;
}
.linvisible{
text-decoration: none;
}
#part2 #cdcl input, #part2 #cdcl label{
display:none;
}
#part2 #cdcl{
width: 95%;margin:auto;height:70px; 
background-size:contain;
background-repeat:no-repeat;
background-position:left;
     background-image:url('img/cdc2.png');
    background-image:url('img/cdc1.png');
}
#part2 #cdcl.cdcoff{
background-image:url('img/cdc1.png');
}
#part2 #cdcl.cdcon{
    background-image:url('img/cdc2.png');}

.temoin {
    padding : 20px 25px;
    margin:auto;
    margin-top:30px;
    border: thin solid silver;
    background-color:#EEF;
    box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
}
article #part1 #texte .temoin p::first-letter {
Font-size: 1rem;
}

div.scape table.spip td{
    background-color:white;
border:none;
}

div.scape table.spip {
border:thin solid olive;
width: 90%;
}



/*------menu flash */
#flash{
	z-index:10000;
   position: fixed;
   width: 110px;
    bottom: 0;
    right:0;   
}

#twitter, #don, #equipe, #facebook, #flash.off #twitter, #flash.off #don, #flash.off #equipe, #flash.off #facebook{

 transition-property: opacity;
  transition-duration: 2s;
 opacity:0;
}

#flash:hover #twitter, #flash:hover #don, #flash:hover #equipe, #flash:hover #facebook{
transition-property: opacity;
  transition-duration: 2s;
    opacity: 1;
	cursor:pointer;
}

#flash.on #twitter, #flash.on #don, #flash.on #equipe, #flash.on #facebook{
transition-property: opacity;
  transition-duration: 2s;
    opacity: 1;
	cursor:pointer;
}

table#extension{
 font-size: 0.8rem;  
  text-align: left;
    width:90%;
    margin:auto;
    border-spacing:0;
  }
table#extension td{
    padding:5px;
    height: 60px;
}
table#extension td{
    border-bottom: dashed 1px grey;
}
table#extension td.extension1 a{
    font-weight:bold;
	text-decoration:none;
}
table#extension tr:hover{
   background-color: rgba(0,0,0,0.1);
   cursor:pointer;
}
.extension1{
   width:30%;
}