@charset "UTF-8";
/* UTF-8 déclaré */
/* Propriétés générales + trucs utiles */

/* Reset CSS en prévision HTML 5 */
article,aside,audio,canvas,datagrid,datalist,details,dialog,figure,footer,header,menu,nav,section,video,html5\:article,html5\:aside,html5\:audio,html5\:canvas,html5\:datagrid,html5\:datalist,html5\:details,html5\:dialog,html5\:figure,html5\:footer,html5\:header,html5\:menu,html5\:nav,html5\:section,html5\:video{display:block;}
abbr,eventsource,mark,meter,time,progress,output,bb,html5\:abbr,html5\:eventsource,html5\:mark,html5\:meter,html5\:time,html5\:progress,html5\:output,html5\:bb{display:inline;}
img{
border:0;
}
acronym,abbr{
border-bottom:1px dotted #000;
}
a:link img, a:visited img {
border-style: none;
}
.separ{
clear:both;
visibility:hidden;
margin:0;
padding:0;
}
.droite{
text-align:right; 
}
.gauche{
text-align:left; 
}
.centre{
text-align:center;
}
.justifie{
text-align:justify;
}
.marges{
margin-left:auto;
margin-right:auto;
}
a{
color:#0F80F1;
background-color:transparent;
text-decoration:underline;
font-size:100%;
}
a:visited{
color:#0459AE;
background-color:transparent;
text-decoration:underline;
font-size:100%;
}
a:hover,a:active,a:focus{
text-decoration:none;
background-color:#f90;
color:#fff;
}
a.noroll:hover{
color:#000;
background-color:transparent;
text-decoration:none;
}
.new{
background-color:transparent;
color:#f00;
margin-left:1em;
font-style:normal;
}
#liensaccesskeys{
display:none;
}
#menuaccess{
text-align:left;
margin:0.25em 0 0.25em 1.5em;
}
#menuaccess span{
display:none;
}
#gotocontenu{
margin-left:0.5em;
}
#gotomenu{
margin-right:0.5em;
}
.invisible{
display:none;
}

body{
background-color:#FFCF91;
color:#000;
margin:0;
padding:0;
text-align:center;
font-family:georgia,Verdana,Arial,Times,sans-serif;
font-size:85%;
/**height:95%;**/
}
html{
background-color:#FFCF91;
color:#000;
}

h1{
color:#EC4901;
background-color:transparent;
font-size:130%;
font-variant:small-caps;
text-align:center;
}
h2{
font-size:110%;
background-color:transparent;
color:#EC4901;
border-bottom:1px solid #054B91;
}
h3{
font-size:100%;
background-color:transparent;
color:#EC4901;
}

/** bandeau **/
#bandeau{
margin:0;
padding:0;
border:0;
}

#menugauche ul{
position:absolute;
top:20px;
left:0;
width:20%;
padding:0;
margin:0 0 0 15px;
list-style-type:none;
}

#menugauche li{
display:block;
}

#menugauche a {
margin:4px 0 0 0;
display:block;
padding:0.3em 0.3em;
border:1px solid #054B91;
background-color:#FEF4E4;
color:#EC4901;
height:1.5em;
}
#menugauche a:hover,#menugauche a:active,#menugauche a:focus{
background-color:#f90;
color:#fff;
}

#menudroite,#menugauche{
margin:0;
padding:0;
}

#menudroite ul{
position:absolute;
list-style-type:none;
text-align:left;
top:0;
left:22%;
width:78%;
margin:0;
padding:0;
}

#menudroite a {
position:absolute;
display:block;
margin:0;
padding:0.3em 0.3em;
border:1px solid #054B91;
background-color:#FEF4E4;
color:#EC4901;
width:22%;
top:24px;
height:1.5em;
text-align:center;
}

#menudroite .liens{
left:4px;
}
#menudroite .terragen{
left:24%;
}
#menudroite .animations{
left:48%;
}
#menudroite .photonum{
position:absolute;
top:4em;
left:4px;
margin:4px 0 0 0;
}
#menudroite .plansite{
position:absolute;
top:6.85em;
left:4px;
}

#menudroite a:hover,#menudroite a:active,#menudroite a:focus{
background-color:#f90;
color:#fff;
}

#cadremilieu {
clear:both;
margin-top:8em;
margin-bottom:1em;
margin-left:22%;
margin-right:0.5em;
text-align:left;
padding:2px;
background-color:#FFE8CB;
color:#000;
border:1px solid #f90;
}

#valid{
margin-left:auto;
margin-right:auto;
text-align:center;
}
#valid span{
display:none;
}
#valid img{
margin-right:0.5em;
}
#valid a:hover{
color:#000000;
background-color:transparent;
}

#infos{
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:15px;
margin-bottom:5px;
font-size:85%;
}

.contenu{
border:1px solid #f90;
background-color:#FCF1DF;
padding:3px;
margin:3px;
}

#nombrevisites{
text-align:center;
margin-top:0.5em;
margin-bottom:0.5em;
font-size:105%;
}


.imagessite{
float:right;
text-align:right;
}
.speechsite{
margin-right:220px;
margin-left:1em;
}
.imagessite a:hover,.imagessite a,.imagesadminsite a:hover,.imagesadminsite a{
background-color:transparent;
text-decoration:none;
}

.imagesadminsite{
margin-top:1em;
float:left;
text-align:left;
}
.speechadminsite{
margin-left:220px;
margin-right:1em;
margin-top:1em;
}

.clear{
clear:both;
display:none;
margin:0;
padding:0;
}

#rss{
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:1em;
}
#rss a:hover{
color:#000;
background-color:transparent;
text-decoration:none;
}

.titrenews{
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:1px;
font-variant:small-caps;
border:1px solid #f90;
padding:0.5em;
color:#000;
text-align:center;
background-color:#FFD79A;
}
.textenews{
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
border:1px solid #f90;
background-color:#FEECD0;
text-align:justify;
padding:0.5em;
}
.textnews ul{
border:0;
}
.infosnews{
margin-top:0;
margin-bottom:0.5em;
margin-left:auto;
margin-right:auto;
height:1em;
border-bottom:1px solid #f90;
border-left:1px solid #f90;
border-right:1px solid #f90;
text-align:justify;
padding:0.5em;
color:#000;
background-color:#FFD79A;
}

.permalien{
font-size:85%;
text-align:right;
float:right;
}
.nbcomments{
font-size:85%;
text-align:left;
float:left;
}

input,textarea{
font-family:arial,verdana,sans-serif;
border:1px solid #f90;
background-color:#FEECD0;
font-size:90%;
}
#repondre h1{
font-size:100%;
}
.textecomment{
margin-top:0;
margin-bottom:0.5em;
margin-left:auto;
margin-right:auto;
width:90%;
border:1px solid #f90;
text-align:justify;
padding:0.5em;
font-size:90%;
}
.infosperso{
text-align:justify;
padding:0.25em;
font-size:90%;
color:#000;
background-color:#FFD79A;
}
.commentperso{
margin-top:1px;
text-align:justify;
padding:0.25em;
font-size:90%;
background-color:#FEECD0;
color:#000;
}
#repondre .alerte{
font-size:85%;
}
#permalientexte{
text-align:center;
}

/** animations **/
#speechanim{
background-color:#FEECD0;
color:#000;
border:1px solid #f90;
padding:0.5em;
}
#tabloanims{
margin-top:10px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;
border:1px solid #f90;
}
#tabloanims td{
padding:5px 2em;
border:1px solid #f90;
background-color:#FEECD0;
text-align:center;
}
#tabloanims th{
padding:5px 2em;
border:1px solid #f90;
background-color:#FFD79A;
color:#000;
text-align:center;
}

.photothumb a:hover,.photothumb a,.imagesthumb a:hover,.imagesthumb a{
background-color:transparent;
text-decoration:none;
}
#astucesthumbphoto,#boutonretourgaleriephoto,.photothumb,#astucesthumb,#boutonretourgalerie,.imagesthumb{
text-align:center;
margin-top:0.5em;
}
.retourhaut{
text-align:center;
}