html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-size:100%;
outline: 0;
}

body {
font-family:Trebuchet, Arial, Helvetica, sans-serif;
font-size:0.75em;
background-color: #fff;
color:#044;height:100% ; width:100%;
}

.fond{
position:absolute;z-index:0;
top:0;left: 0px;
height:100% ; width:100%;background-color:#F2F5F5
}

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px}

a:link{padding:0 0.2em;text-decoration:none;/*border-bottom:1px solid #c7d5d5;*/color:#044;font-style:italic}
a:visited{padding:0 0.2em;color:#799;text-decoration:none}
/*a:visited:after {content:" *";color:#799;font-style:italic;font-size:10px}*/
a:hover{color:#fff;background-color:#C7D5D5;text-decoration:none;}
.droite .menug a:visited:after{content:""}
.droite .menug img{padding:0;margin-top:-1.2em}
#chemin a:visited:after{content:""}
#documents_portfolio a:visited:after{content:""}
#portfolio a:visited:after{content:""}
.footer a:visited:after{content:""}
a.nva:visited:after {content:""}
/*.spip-admin-boutons a:visited:after {content:""}*/

#somm a:link{font-weight:bold}
#somm a:visited{font-weight:bold;font-style:italic}



img{border:0}

p,h1,h2,h3,h4,h5,h6,ul,ol,li,table{text-align:justify;margin:0;padding:0;list-style-type:none;margin-bottom:0.2em}
p{margin-top:0.3em}
.chapo p{font-size:120%;text-indent:1.5em;margin-right:0.8em}

h1{font-size:200%;text-transform: uppercase}
h2{font-size:180%}
h3{font-size:150%}
h4{font-size:130%}
h5{font-size:110%}
h6{font-size:100%}

.italic{font-style:italic}
.bold{font-weight:bold}
.small{font-size:0.7em}
.centrer{text-align:center}
.espace{margin:0.5em 0}


caption {margin-top:0.7em;border-bottom:2px solid #044;text-align:left;font-size:120%;font-weight:bold}
td{padding:0.1em 0.4em;width:18%}
tr{padding:0;margin:0}
tr td {
   background-color: #fff;
}
tr.impaire td {
   background-color: #c7d5d5;
}

img{border:0px solid transparent}

.conteneur {
top:0.3em; 
width: 90%;
min-height: 89%;
margin:0 auto;
position: relative;
/*border-left:1px solid #799;*/
}

.header {
width:100%;
margin: 0 0 0.2em 0;
height: 7em;
border-top:2px solid #799;
}

.header img{
width:100%;
height:7em}

#chemin{
/*position:relative;*/
height: 1.4em;
line-height:1.4em;
/*margin-top:-2.5em;*/
/*padding:0 2em 0 2em;*/
text-align:right;
font-size:90%;margin-right:0.2em}

.menuhaut{
position:relative;
height: 1.6em;
line-height:1.6em;
margin-top:-2.5em;
/*padding:0 2em 0 2em;*/
text-align:right;
font-size:90%;margin-right:2.5em
}

.menuhaut ul {
list-style-type: none;
background-color:#fff;
border-top:1px solid #c7d5d5;
border-left:1px solid #799;
-moz-border-radius:20px 0 0 0;
float:right;
padding:0 0.5em 0 0.5em
}

.menuhaut li {
display:inline;
padding:0 0.1em
}

.menuhaut a {
margin: 0;
border-bottom:0px
}

.gauche {padding:0.2em 0;
float:left;
width: 12em;
height: 37em;/*background-color:red;*/
}

.menugauche{
padding:0;margin:0;
/*background-color:#d8e6e6;*/
background-image:url(degr_200.gif);
background-position:bottom;
background-repeat:repeat-y;
height:37em;
border-left:1px solid #dde7e7;
/*border-bottom:1px solid #044;*/
}

a span {
display: none;
}
a:hover span {
display: block;
background-color: #ccc;
font-size: 0.8em;
color: #000;
}

.droite {
padding:0.1em 0.2em;
margin-left:0.2em;
float:right;
width: 14em;
height: 37em;
/*border:1px solid #c7d5d5;
border-left:3px solid #c7d5d5*/
/*background-color:#c7d5d5;*/
}
/*#sej{width:13em;}*/

.droite img{border:none}

ul.droite{lit-style-type:circle}

.cadre{font-size:90%;background-color:#fff; -moz-border-radius:0 0 0 12px;padding:0 0 10px 0;margin:0 3px 5px 3px;border:2px solid #044}
.cadre p{margin:0.1em 0.2em;text-align:justify}
.cadre img{margin:0em}
.cadre h4{color:#fff; background-color:#044; padding:0.1em 0 0.1em 0.2em}

.frame {
padding:0.2em 0.4em;
width: auto;
height: 37em;
overflow:auto;
/*background-color:#9999CC;*/
}

#contenu{}
#somm{}

.footer{text-align:center;
padding-top:0.2em;
/*background-color:white;*/
}

.footer2{
font-size:80%;
border-top:1px solid #c7d5d5;
padding:0.5em 0.2em;
text-align:center;
/*background-color:yellow*/
}

.menug ul,ol{}
.menug li {
padding:0;margin:0;
list-style-type:none;
}

.menug li.sm {
padding:0 0 0 1.5em;margin:0;
list-style-type:none;
}

.menug a{
position:relative;
border-left:2px solid #dde8e8/*dde8e8*/;
border-bottom:1px solid #c7d5d5;
background-image:url(degr_200.gif);
background-position:left;
background-repeat:repeat-y;
background-color:none;
text-decoration:none;
height:1.6em; line-height:1.6em;
display:block;
}

a.pg{font-size:120%;font-weight:bold}
a.mg{text-align:right;font-size:100%;line-height:1.2em;height:1.2em}

.menug a:hover{
color:#fff;
background-image:none;
background-color:#044;
border-left:6px solid #fff;
border-bottom:1px solid #fff;
}

.menug a span {display:none}
/*.menug a:hover span {
  display: block;
  position: absolute; 
  top:0px;
  left:11.5em;
  z-index: 50;
  background: #F2F5F5;
  color: #044;
  border-right:2px solid #044;
  border-bottom:2px solid #044;
  border-left:1px solid #044;
  border-top:1px solid #044;
  width:20em;
  text-align:left;
  font-weight:normal;
  font-size: 12px;
  line-height:14px;
  padding:6px;
}*/

/*____________________________*/
/*#info_site{float:right;}*/
#xl img{width:1.2em;margin:0 0 -2px -0.5em}
#xl{display:inline}
#xs img{width:1.2em;margin:0 0 -2px -0.5em}
#xs{display:inline}
#st1{display:none}
#st1 img{width:1.2em;margin:0 0 -2px -0.5em}
#st2{display:none}
#st2 img{width:1.2em; margin:0 0 -2px -0.5em}
#impr1{display:inline}
#impr1 img{width:1.4em; margin:0 0 -3px -0.5em}
#adr{display:none}
#impr{display:none}



.fen{
padding:2px 5px;
color:#044;
font-size:80%;
font-weight:normal;
border:1px solid #044;
background-color:#fff;
position:absolute;z-index:10;
top:123px;right:0px; width:130px;
display:none}

.fen ul{font-style:italic}
a:hover .fen{display:block}

.inclu {background-color:#fff;border:1px solid #044;border-left:5px solid #044;border-right:none;margin-bottom:0.2em;padding-left:0.2em;line-height:1.6em  }
h3.inclu{margin-top:400px}

#ancre{border:none}

.spip_logos{border-left:2px solid #044;border-bottom:1px solid #044;padding:1px 3px;margin:2px;/*margin-top:-0.6em*/}

li a.bulle span{display:none}
li a:hover.bulle span{z-index:5;padding:0.2em;display:block;position:absolute;top:-6em;right:10em;width:40em;color:#044;background-color:#c7d5d5;border:2px solid #044;text-align:justify}

.bulle-droite{
font-size:0.7em;
/*font-weight:normal;*/
color:#fff;
background-image:url(fond_photo.png);
background-repeat:repeat;
/*background-color:#F5FCFC*//*#e9f9d9*//*#c7d5d5;*/
float:right;
position: absolute;
right:1.5em;
width: 25%;
margin-top:-3.2em;
padding:0.2em 0.5em;
margin-left:0px;
border:2px solid #ddd;
border-left:1px solid #044;
border-bottom:2px solid #044;color:#fff;
}
a span.bulle-droite{display:none}
a:hover span.bulle-droite{display:inline}

#document_actif .spip_documents img{border:20px solid black;background-color:#000;margin:5px 20%}

#textarea_1 .forml{width:300px; border:1px solid blue}

h3.spip {margin-top:1em}
.entete_rub{ /*border:1px solid #799;*/ margin:0.1em 2%; padding:0.2em}
.entete_rub p{text-indent:0em; padding-top:0.2em}
.sous-rub{margin:0 0 0 10%}
.off{display:none}
.footer2 p{margin:0}
#documents_portfolio img{border:0;margin:0px;padding:0px}
#documents_portfolio a{text-decoration:none;border:0px}
.spip_doc_descriptif{font-size:0.6em}
#plan a{text-decoration:none; border:0px}

#portfolio{
float:right;
width:120px;
text-align:center;
color:#044;
}

#portfolio a span {display:none}

#portfolio h6{font-style:italic}
#portfolio p{/*font-size:90%;*/margin:0.5em 1em;text-align:center}

.vign img{border:0;margin:0;padding:0}

#portfolio a:hover span{
  display: block;
  position: absolute; 
 top:25%;
  z-index: 50;
  color: #fff;
  border-right:2px solid #ddd;
  border-bottom:2px solid #ddd;
  border-left:1px solid #ddd;
  border-top:1px solid #ddd;
  text-align:center;
  font-weight:normal;
  font-size: 12px;
  line-height:14px;
  background-image:url(fond_photo_noir.png);
background-repeat:repeat;
left: 31%;
  width: 40em;
  margin-left: -12em;
}

#portfolio a:hover span img{max-width:35em;
max-height:27em;margin:2em auto 1em auto;background-color:#fff;padding:0.2em}

#plan img{border:0px;margin-bottom:-0.3em}

.droite ul {list-style-type:disc;}

#credit{position:relative;bottom:2em;font-size:0.7em;margin-left:0.5em}
/*body{font-size:0.5em}*/

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 0.5em;
	padding-top: 2px;
	/*border-top: 2px solid #CCC;*/
	font-size: 1em;
	font-weight: bold; }
.forum{color:#044}

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
.forum-fil { margin-top: 1em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 2em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #044; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.2em 1em 0 1em; color: #044; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }


/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 0.2em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { color:#044;border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


#forums {width:100%;padding:2px;margin-top:0px;}  

.ligne-forum {clear:left;width:100%;padding-bottom:5px;text-align:center;margin-bottom:1px;height:7%;display:table;/*border-bottom:1px solid #044*/}
.ligne-forum .titre-bloc{background-color:#044;color:#FFF;font-size:12px;font-weight:bold;}
 
.ligne-forum .forum{width:20%;float:left;height:100%;margin:1px;display:block;text-align:left;text-align:right}
.ligne-forum .sujet{width:15%;float:left;height:100%;margin:1px;display:block;}
.ligne-forum .message{width:18%;float:left;height:100%;margin:1px;display:block;}
.ligne-forum .dernier{/*width:40%;*/float:left;height:100%;margin:1px;display:block;text-align:right}

.ligne-forum .forum .titre{font-size:12px;font-weight:bold;color:#1517FF;}
.ligne-forum .forum .texte{font-size:10px;font-style:italic;}

.ligne-forum .sujet .nbrs{font-size:12px;}

.ligne-forum .message .nbrs{font-size:12px;}

.ligne-forum .dernier .date{font-size:10px;}
.ligne-forum .dernier .auteur{font-size:10px;}

.spip_barre{display:none}