@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;}
.invisible{
display:none;
}
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:#022B9A;
background-color:transparent;
text-decoration:underline;
font-size:100%;
}
a:visited{
color:#021C61;
text-decoration:underline;
background-color:transparent;
font-size:100%;
}
a:hover,a:active,a:focus{
text-decoration:none;
color:#fff;
/*background-color:#0A246A;*/
background-color:#f90;
}
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{
z-index:4;
position:absolute;
text-align:left;
left:320px;
top:50px;
}
#menuaccess span{
display:none;
}
#menuaccess #gotocontenu{
margin-left:3em;
}
#menuaccess #gotomenu{
margin-right:3em;
}

/** def du site **/
body{
background-color:#000;
color:#fff;
position:relative;
font-family:sans-serif;
font-size:70%;
margin:0;
padding:0;
background-image: url("filezilla_fond.gif");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
}

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

#infos{
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:15px;
margin-bottom:0;
font-size:7pt;
}

#bandeau{
position: absolute;
top:69px;
left:15px;
border:0;
text-align:left;
}
#menugauche span{
display:none;
}
#menugauche ul{
list-style-type:none;
margin:0;
padding:0;
border:0;
}
#menugauche a {
display:block;
position:absolute;
left:3px;
width:115px;
height:16px;
background-position: 0% 0px;
}
#menugauche a:hover,#menugauche a:active,#menugauche a:focus{
background-position: -119px 0;
background-color:#009;
}
#menugauche .cv {
top:5px;
background:url("cv.gif") no-repeat;
}
#menugauche .edito {
top:21px;
background:url("edito.gif") no-repeat;
}
#menugauche .skins {
top:38px;
background:url("skins.gif") no-repeat;
}
#menugauche .newsweblog{
top:54px;
background:url("news.gif") no-repeat;
}
#menugauche .realweb{
top:70px;
background:url("reas_web.gif") no-repeat;
}

#menudroite span{
display:none;
}
#menudroite ul{
list-style-type:none;
margin:0;
padding:0;
border:0;
}
#menudroite a {
display:block;
position:absolute;
left:3px;
width:115px;
height:16px;
background-position:0 0;
}
#menudroite a:hover,#menudroite a:active,#menudroite a:focus{
background-position: -119px 0;
background-color:#009;
}
#menudroite .liens{
top:100px;
background:url("liens.gif") no-repeat;
}
#menudroite .terragen{
top:116px;
background:url("terragen.gif") no-repeat;
}
#menudroite .animations{
top:132px;
background:url("anims.gif") no-repeat;
}
#menudroite .photonum{
top:148px;
background:url("photos.gif") no-repeat;
}
#menudroite .plansite{
top:165px;
background:url("contact.gif") no-repeat;
}

#cadremilieu{
background-color:#fff;
color:#000;
border:0;
left:0;
width:763px;
background:url("milieu.gif") repeat-y;
margin:0;
padding:0;
z-index:1;
}
#cadremilieu .haut {
background:url("haut.gif") no-repeat;
background-position: left top;
margin:0;
width:763px;
height:507px;
z-index:2;
} 
#cadremilieu .bas {
background:url("bas.gif") no-repeat;
background-position: left bottom;
margin:0;
width:763px;
height:120px;
z-index:2;
}

#cadremilieu .contenu {
z-index:2;
margin:-250px 5px 0 286px;
}

h1{
font-size:115%;
color:#f90;
border-bottom:1px solid #000;
font-weight:bold;
}
h2{
font-size:105%;
color:#f90;
background-color:transparent;
border-bottom:1px solid #000;
font-weight:bold;
}
h3{
font-size:100%;
font-weight:bold;
margin-left:1em;
}

/* reas et galeries */
.imagessite{
float:right;
text-align:right;
}
.speechsite{
margin-right:220px;
margin-left:1em;
}
.imagesadminsite{
margin-top:1em;
float:left;
text-align:left;
}
.speechadminsite{
margin-left:220px;
margin-right:1em;
margin-top:1em;
}
.imagessite a:hover,.imagessite a,.imagesthumb a:hover,.photothumb a:hover,.photothumb a{
background-color:transparent;
text-decoration:none;
}
.imagesadminsite a:hover,.imagesadminsite a{
background-color:transparent;
text-decoration:none;
}
.imagesthumb,#astucesthumb,#boutonretourgalerie,.photothumb,#astucesthumbphoto,#boutonretourgaleriephoto{
margin-top:0.5em;
text-align:center;
}
.retourhaut{
text-align:center;
}

/* news */
.titrenews{
background-color:#EDEDED;
font-weight:bold;
padding-left:1em;
}
.infosperso{
background-color:#EDEDED;
}
#permalientexte{
text-align:center;
margin:1em;
}
input,textarea{
font-family:verdana,sans-serif;
border:0;
color:#000;
background-color:#EDEDED;
font-size:90%;
}
#rss{
text-align:center;
}

/* anims */
#speechanim{
text-align:justify;
padding:0.5em;
}
#tabloanims{
width:95%;
margin-top:10px;
margin-left:auto;
margin-right:auto;
border-collapse: collapse;
border: 1px solid #858480;
}
#tabloanims td{
padding:5px;
border: 1px solid #000;
text-align:center;
}
#tabloanims th{
padding:5px;
border: 1px solid #000;
background-color:#EDEDED;
text-align:center;
}