@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 {display: block;}
abbr,eventsource,mark,meter,time,progress,output,bb {	display:inline;}

.invisible{
display:none;
}
img{
border:0;
}
pre{
margin:0;
padding:0;
}
label{
cursor:pointer;
}
acronym,abbr{
border-bottom:1px dotted #fff;
cursor:help;
}
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:#ffb400;
text-decoration:underline;
}
a:visited{
color:#f60;
text-decoration:underline;
}
.new{
color:#c00;
margin-left:1em;
font-style:normal;
}
a.noroll:hover{
color:#000;
background-color:transparent;
text-decoration:none;
}

#menuaccess{
display:none;
}
#liensaccesskeys{
text-align:center;
}

body,html{
width:480px;
margin:0;
padding:0;
background-color:#000;
color:#fff;
font-family:tahoma,verdana,Times,sans-serif;
font-size:80%;
text-align:left;
}
input,textarea,button,fieldset{
font-family:tahoma,verdana,sans-serif;
border:1px solid #ffb805;
color:#fff;
background-color:#000;
font-size:90%;
}
fieldset{
padding:.25em;
margin:.25em;
}
fieldset legend{
color:#fff;
}
ul{
list-style-position:outside;
padding-left:1.5em;
margin-left:1em;
border-left:2px solid #ffb805;
}
ul li{
margin-bottom:.25em;
}
#bandeau{
position:relative;
background:url("top.jpg") no-repeat;
background-position:0 0;
width:480px;
height:188px;
padding:0;
border-top:2px solid #0f0;
border-left:2px solid #0f0;
border-right:2px solid #0f0;
z-index:9;
}
#menugauche span,#menudroite span{
display:none;
}
#menugauche,#menudroite{
display:block;
}
#menugauche ul,#menudroite ul{
list-style-type:none;
margin:0;
padding:0;
border:0;
}

#menugauche li,#menudroite li{
margin:0;
padding:0;
}
#menugauche li a,#menudroite li a{
position:absolute;
top:2px;
left:6px;
display:block;
height:52px;
width:92px;
background:url("bandeau.jpg") no-repeat;
margin:0;
border:0;
}
#menugauche li a:hover,#menugauche li a:active,#menugauche li a:focus,#menudroite li a:hover,#menudroite li a:active,#menudroite li a:focus{
background-position:0 800px;
}
#menugauche .cv{
background-position:-6px -2px;
}
#menugauche .edito{
left:96px;
background-position:-96px -2px;
}
#menugauche .skins{
left:188px;
background-position:-188px -2px;
}
#menugauche .newsweblog{
left:276px;
background-position:-276px -2px;
}
#menugauche .realweb{
left:368px;
width:105px;
background-position:-368px -2px;
}

#menudroite li a{
top:54px;
}
#menudroite .liens{
background-position:-6px -54px;                                                   
}
#menudroite .terragen{
left:96px;
background-position:-96px -54px;
}
#menudroite .animations{
left:188px;
background-position:-188px -54px;
}
#menudroite .photonum{
left:276px;
background-position:-276px -54px;
}
#menudroite .plansite{
left:368px;
width:105px;
background-position:-368px -54px;
}


#cadremilieu{
position:absolute;
margin:0;
background-color:#000;
color:#fff;
width:480px;
border-left:2px solid #0f0;
border-right:2px solid #0f0;
}
#cadremilieu .bas {
background:url("piedpage_xhtml5.jpg") 0 0 no-repeat;
margin:0;
width:480px;
height:157px;
border-bottom:2px solid #0f0;
}
#cadremilieu .contenu {
margin:.25em;
}

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

#infos{
margin-left:auto;
margin-right:auto;
margin-top:8px;
text-align:center;
font-size:90%;
}
h1{
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:115%;
color:#ffb805;
}
h2{
font-size:110%;
color:#ffb805;
border-right:1px solid #ffb805;
border-left:1px solid #ffb805;
padding-left:1em;
}
h3,h4{
font-size:100%;
color:#ffb805;
padding-left:2em;
font-weight:700;
}
h4{
font-size:90%;
text-align:center;
padding:0;
}

#h1cv,#h1edito,#h1skins,#h1news,#h1realisationsweb,#h1liens,#h1terragen,#h1animations,#h1photonumerique,#h1contact,#h1plansite,#h1accessibilite{
width:478px;
height:54px;
background:url("h1.gif") no-repeat;
}
#h1cv span,#h1edito span,#h1skins span,#h1news span,#h1realisationsweb span,#h1liens span,#h1terragen span,#h1animations span,#h1photonumerique span,#h1contact span,#h1plansite span,#h1accessibilite span{
display:none;
}
/** CV **/
#h1cv{
background-position:0 0;
}
#textecv{
margin-top:1em;
}
.sousrubriquescv{
border-top:1px solid #ffb805;
}
/* edito */
#h1edito{
background-position:0 -54px;
}
#nombrevisites{
text-align:center;
margin:.5em 0;
}
/* skins */
#h1skins{
background-position:0 -108px;
}
/* news */
#h1news{
background-position:0 -162px;
}
#rss{
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:1em;
}
#rss a:hover,#rss a:active,#rss a:focus{
color:#000;
background-color:transparent;
text-decoration:none;
}
.clear{
clear:both;
display:none;
margin:0;
padding:0;
}

.titrenews,.textenews,.infosnews,#permalientexte,.textecomment{
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
width:95%;
}

.titrenews{
margin-top:15px;
border-top:1px solid #ffb400;
padding:.25em 0 .25em 2em;
text-align:left;
font-size:110%;
font-style:italic;
}
.textenews{
padding:.25em;
}
.infosnews{
margin-bottom:5px;
padding:.25em 1em;
height:1em;
}
.permalien{
font-size:85%;
text-align:right;
float:right;
}
.nbcomments{
font-size:85%;
text-align:left;
float:left;
}
#permalientexte{
margin-bottom:5px;
border-bottom:1px solid #ffb400;
text-align:center;
padding:.25em 1em;
}
.textecomment{
margin-bottom:.5em;
border:1px solid #ffb400;
padding:.5em;
font-size:95%;
}
.infosperso{
padding:.25em;
border:0;
}
.commentperso{
margin-top:2px;
padding:.25em;
border:0;
}


/* realisations web */
#h1realisationsweb{
background-position:0 -216px;
}
.imagessite,.imagesadminsite{
text-align:center;
}
.imagessite p,.imagesadminsite p{
float:left;
margin:0 5px;
}
.speechsite,.speechadminsite{
clear:both;
margin:.5em 0;
}
.imagessite a:hover,.imagessite a,.imagesadminsite a:hover,.imagesadminsite a{
background-color:transparent;
text-decoration:none;
}
.retourhaut{
text-align:center;
}

/* liens */
#h1liens{
background-position:0 -270px;
}
/* terragen */
#h1terragen{
background-position:0 -324px;
}
.imagesthumb a,.imagesthumb a:hover,.photothumb a,.photothumb a:hover{
background-color:transparent;
text-decoration:none;
}
#astucesthumb,#boutonretourgalerie,.imagesthumb,#astucesthumbphoto,#boutonretourgaleriephoto,.photothumb{
text-align:center;
margin-top:.5em;
}
/* animations */
#h1animations{
background-position:0 -378px;
}
#speechanim{
text-align:justify;
padding:.5em;
}
#tabloanims{
width:85%;
margin-top:1em;
margin-left:auto;
margin-right:auto;
border-collapse:collapse;
}
#tabloanims td{
padding:5px;
border:1px solid #ffb400;
text-align:center;
}
#tabloanims th{
padding:5px;
border:1px solid #ffb400;
color:#ffa200;
text-align:center;
}
/* photo numerique */
#h1photonumerique{
background-position:0 -432px;
}
/* contact */
#h1contact{
background-position:0 -484px;
}
/* plan site */
#h1plansite{
background-position:0 -538px;
}
/* accessibilite */
#h1accessibilite{
background-position:0 -592px;
}