@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;
}
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:280px;
top:53px;
}
#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;

}
html{
background-color:#000;
color:#fff;
background-image: url("background.gif");
background-position: 850px 30px;
background-repeat: no-repeat;
}

/** bando **/
#bandeau{
background-color:#fff;
color:#000;
left:5px;
top:100px;
margin:0;
padding:0;
border:1px solid #fff;
text-align:left;
position: absolute;
background-image: url("menu.gif");
background-position: center;
background-repeat: no-repeat;
width:159px;
height:290px;
z-index:2;
}

#menugauche{
border:0;
text-align:left;
}
#menugauche ul {
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
margin-top:48px;
padding:0;
list-style-type:none;
display:block;
}
#menugauche li {
margin:0;
padding:0;
display:inline;
border:none;
}
#menugauche a {
display:block;
margin:0px;
padding:0px;
}
#menugauche span { 
display:none;
}
#menugauche .cv {
background:url("cv.gif") no-repeat;
width:99px;
height:20px;
margin-left:39px;
}
#menugauche .cv:hover,#menugauche .cv:active,#menugauche .cv:focus{
background:url("cv_r.gif") no-repeat;
width:99px;
height:20px;
margin-left:39px;
}
#menugauche .edito {
background:url("edito.gif") no-repeat;
width:99px;
height:17px;
margin-left:39px;
}
#menugauche .edito:hover,#menugauche .edito:active,#menugauche .edito:focus{
background:url("edito_r.gif") no-repeat;
width:99px;
height:17px;
margin-left:39px;
}
#menugauche .skins {
background:url("skins.gif") no-repeat;
width:99px;
height:17px;
margin-left:39px;
}
#menugauche .skins:hover,#menugauche .skins:active,#menugauche .skins:focus{
background:url("skins_r.gif") no-repeat;
width:99px;
height:17px;
margin-left:39px;
}
#menugauche .newsweblog {
background:url("weblog.gif") no-repeat;
width:99px;
height:17px;
margin-left:39px;
}
#menugauche .newsweblog:hover,#menugauche .newsweblog:active,#menugauche .newsweblog:focus{
background:url("weblog_r.gif") no-repeat;
width:99px;
height:17px;
margin-left:39px;
}
#menugauche .realweb {
background:url("reas_web.gif") no-repeat;
width:99px;
height:17px;
margin-left:39px;
}
#menugauche .realweb:hover,#menugauche .realweb:active,#menugauche .realweb:focus{
background:url("reas_web_r.gif") no-repeat;
width:99px;
height:17px;
margin-left:39px;
}

#menudroite{
border:0;
text-align:left;
}
#menudroite ul {
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
margin-top:17px;
padding:0;
list-style-type:none;
display:block;
}
#menudroite li {
margin:0;
padding:0;
display:inline;
border:none;
}
#menudroite a{
display:block;
margin:0px;
padding:0px;
}
#menudroite span { 
display:none;
}
#menudroite .liens {
background:url("liens.gif") no-repeat;
width:120px;
height:17px;
margin-left:39px;
}
#menudroite .liens:hover,#menudroite .liens:active,#menudroite .liens:focus{
background:url("liens_r.gif") no-repeat;
width:120px;
height:17px;
margin-left:39px;
}
#menudroite .terragen {
background:url("terragen.gif") no-repeat;
width:120px;
height:17px;
margin-left:39px;
}
#menudroite .terragen:hover,#menudroite .terragen:active,#menudroite .terragen:focus{
background:url("terragen_r.gif") no-repeat;
width:120px;
height:17px;
margin-left:39px;
}
#menudroite .animations {
background:url("animations.gif") no-repeat;
width:120px;
height:17px;
margin-left:39px;
}
#menudroite .animations:hover,#menudroite .animations:active,#menudroite .animations:focus{
background:url("animations_r.gif") no-repeat;
width:120px;
height:17px;
margin-left:39px;
}
#menudroite .photonum {
background:url("photo_num.gif") no-repeat;
width:120px;
height:17px;
margin-left:39px;
}
#menudroite .photonum:hover,#menudroite .photonum:active,#menudroite .photonum:focus{
background:url("photo_num_r.gif") no-repeat;
width:120px;
height:17px;
margin-left:39px;
}
#menudroite .plansite {
background:url("plan_site.gif") no-repeat;
width:120px;
height:17px;
margin-left:39px;
}
#menudroite .plansite:hover,#menudroite .plansite:active,#menudroite .plansite:focus{
background:url("plan_site_r.gif") no-repeat;
width:120px;
height:17px;
margin-left:39px;
}


#cadremilieu{
background-color:#fff;
color:#000;
position: absolute;
border:0;
left:0;
width:760px;
background:url("fond.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:760px;
height:97px;
z-index:2;
} 
#cadremilieu .bas {
background:url("bas.gif") no-repeat;
background-position: left bottom;
margin:0;
width:760px;
height:97px;
z-index:2;
}
#cadremilieu .contenu {
text-align:justify;
margin-left:204px;
margin-right:7px;
margin-top:15px;
margin-bottom:0;
border:0;
}

#valid{
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:90%;
}

h2{
font-size:110%;
background-color:transparent;
color:#022B9A;
border-bottom:1px solid #000;
font-weight:bold;
}

/* CV */
#h1cv{
background:url("h1_cv.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin-top:0;
text-align:left;
border:0;
}
#h1cv span{
display:none;
}
#textecv{
margin-top:1em;
}
.sousrubriquescv{
font-size:105%;
color:#0A246A;
}
/*-----------*/
/* edito */
#h1edito{
background:url("h1_edito.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin-top:0;
text-align:left;
}
#h1edito span{
display:none;
}
#nombrevisites{
text-align:center;
margin-top:0.5em;
margin-bottom:0.5em;
font-size:105%;
}
/*-----------*/
/* skins */
#h1skins{
background:url("h1_skins.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin-top:0;
}
#h1skins span{
display:none;
}
/*-----------*/
/* news */
#h1news{
background:url("h1_weblog.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin:0;
}
#h1news span{
display:none;
}

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

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

.titrenews{
background:url("degrade_news.gif") no-repeat;
background-position: 50% 50%;
margin-left:auto;
margin-right:auto;
margin-top:5px;
margin-bottom:0;
width:90%;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
padding:0.5em;
background-color:#4867B5;
color:#fff;
text-align:left;
}
.titrenews span{
margin-left:20px;
}

.textenews{
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
width:90%;
border:1px solid #000;
text-align:justify;
padding:0.5em;
}
.infosnews{
margin-top:0;
margin-bottom:0.5em;
margin-left:auto;
margin-right:auto;
width:90%;
height:1em;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
text-align:justify;
padding:0.5em;
color:#000;
background-color:#D4D0C8;
}

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

#repondre h1{
font-size:100%;
}
.textecomment{
margin-top:0;
margin-bottom:0.5em;
margin-left:auto;
margin-right:auto;
width:90%;
border:1px solid #000;
text-align:justify;
padding:0.5em;
}
.infosperso{
text-align:justify;
padding:0.25em;
background-color:#dedede;
color:#000;
}
.commentperso{
margin-top:1px;
text-align:justify;
padding:0.25em;
background-color:#eee;
color:#000;
}
#permalientexte{
text-align:center;
}

/* realisations web */
#h1realisationsweb{
background:url("h1_reas_web.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin-top:0;
}
#h1realisationsweb span{
display:none;
}
.imagessite,.imagesadminsite{
margin-top:10px;
float:right;
text-align:right;
}
.speechsite,.speechadminsite{
margin-right:220px;
margin-left:1em;
text-align:left;
}
.imagessite a:hover,.imagessite a{
background-color:transparent;
text-decoration:none;
}
.imagesadminsite a:hover,.imagesadminsite a{
background-color:transparent;
text-decoration:none;
}
.retourhaut{
text-align:center;
}
/* liens */
#h1liens{
background:url("h1_liens.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
}
#h1liens span{
display:none;
}

/* terragen */
#h1terragen{
background:url("h1_terragen.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin-top:0;
}
#h1terragen span{
display:none;
}
.imagesthumb,#astucesthumb,#boutonretourgalerie{
margin-top:0.5em;
text-align:center;
}
.imagesthumb a:hover{
color:#36f;
background-color:transparent;
text-decoration:none;
}
/* animations */
#h1animations{
background:url("h1_animations.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin-top:0;
}
#h1animations span{
display:none;
}
#speechanim{
text-align:justify;
padding:0.5em;
}
#tabloanims{
width:85%;
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:#0A246A;
color:#fff;
text-align:center;
}
/*-----------*/
/* photo numerique */
#h1photonumerique{
background:url("h1_photo.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin-top:0;
}
#h1photonumerique span{
display:none;
}
.photothumb,#astucesthumbphoto,#boutonretourgaleriephoto{
margin-top:0.5em;
text-align:center;
}
.photothumb a:hover,.photothumb a{
background-color:transparent;
text-decoration:none;
}
/*-----------*/
/* contact */
#h1contact{
background:url("h1_contact.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin-top:0;
}
#h1contact span{
display:none;
}
#id_form_contact label{
margin-left:1em;
}
input.reset{
margin-left:15px;
}

#id_form_contact fieldset{
border:1px solid #022B9A;
padding:1em;
margin:0.5em;
}

#id_form_contact textarea{
margin-left:auto;
margin-right:auto;
}

#previsucontact{
border:1px solid #022B9A;
padding:1em;
}

/*-----------*/
/* plan site */
#h1plansite{
background:url("h1_plan_site.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin-top:0;
}
#h1plansite span{
display:none;
}
/* accessibilite */
#h1accessibilite{
background:url("h1_accessibilite.gif") no-repeat;
background-position: left top;
width:270px;
height:15px;
margin-top:0;
}
#h1accessibilite span{
display:none;
}