body { background-color: #fefefe; background: url('../images/fondd.jpg'); font: small Georgia, Arial, Helvetica, serif; margin: 0; text-align: center; }
* { margin: 0; padding: 0; }
p { margin : 0.8em 0em; }
a { color: #000; text-decoration: none; }
a:hover { color: navy; }
img { border: none; text-decoration: none; }
h1, h2, h3, h4, .afsh1, .afsh2, .afsh3, .afsh4 { font-family: Arial, Helvetica, serif; font-weight: bold; font-size: 18px; }
h2, .afsh2 { font-size: 15px; }
h3, .afsh3 { font-size: 12px; }
h4, .afsh4 { font-size: 10px; }

#page { width: 1000px; margin: 5px auto; padding: 10px; border: 1px solid #000;
       background-color: #676499; background: url('../images/fond_old.jpg'); text-align: justify; }
#enveloppe { position: relative; width:100%; height: 1%; }
.afs-boxes p.case img { border: solid 1px #000; margin: 0px 10px 10px 0px; }

.spip ul { list-style-position: inside; }
.on { color: #777777; }
	   
/* ==================== haut ==================== */
#haut { position: relative; width: 100%; height: 210px; }
#logo { position: absolute; left: 0px ; top: 0px; width:150px; height: 60px; border: 1px solid #000; 
       margin: 0px; padding: 0px; overflow:hidden; background-color: #212152; }
#publicite { position: absolute; left: 0px; right: 0px; top: 0px; height: 60px; text-align: center;  
     margin: 0px 165px; background-color: #000055; background: url(../images/fond3.jpg); border: 1px solid #000; }
#search { position: absolute; right: 0px ; top: 40px; } 
#search input.bouton { position: relative; top: 1px; border:1px outset black; cursor:pointer; height: 20px;
                    background-color: #000055; background: url(../images/fond3.jpg); color:#fff;  }
#menu  { position: absolute; left: 0px; top: 72px; clear: both; height: 125px; text-align: center;  
        border: 1px solid #000; background-color: #000055; background: url(../images/motif.jpg); width:100%; }
#menu dl  { position: relative; float: left; width: 10%; height: 60px; margin: 0px 0px 7px 0px; }
#menu dl.short { width: 7%; }
#menu dl.long { width: 13%; }
#menu dd { position: relative; height: 18px; background-color: #fefefe; background: url('../images/fondc.jpg'); }
#bandeau { position: relative; clear: both; height: 50px; margin: 0px 7px 7px 7px; border: none; }  

#header { position: relative; width: 100%; height: 220px; }
#header1 { position: relative; width: 100%; height: 170px; }	   
#titreflash { position: absolute; left: 0px; right: 0px; top: 52px; height: 20px; text-align: center;  
             margin: 0px 165px; background-color: #000055; background: url(../images/motif.jpg); }
#lang { position: absolute; right: 0px; top: 0px; height: 20px; text-align: right; }

#q{	border-top: 1px solid #333; border-left: 1px solid #333; border-bottom: 1px solid #666; 
    border-right: 1px solid #666; background: #eee url("../images/search.gif") no-repeat 0px center;
	padding-left: 18px; width: 100px; height: 18px}
#q:focus { background: #fff url("../images/search.gif") no-repeat 0px center;}

#navig, #navig1  { position: absolute; left: 0px; top: 82px; clear: both; height: 125px; text-align: center;  
        border: 1px solid #000; background-color: #000055; background: url(../images/motif.jpg); width:100%; }
#navig1 { height: 75px; }
#navig dl, #navig1 dl  { position: relative; float: left; width: 10%; height: 60px; margin: 0px 0px 7px 0px; }
#navig dl.short, #navig1 dl.short { width: 7%; }
#navig dl.long, #navig1 dl.long { width: 13%; }
#navig dd, #navig1 dd { position: relative; height: 18px;
          background-color: #fefefe; background: url('../images/fondc.jpg'); }

/* ==================== milieu ==================== */
#intruments { clear: both; position: relative; width: 100%; height: margin: 0px; padding: 10px 20px 10px 20px;
			  border: 1px solid #000; background: url(../images/instruments.jpg); color: #fff; }
#intruments img {  border: solid 1px #000; }

#afs-box { float:left; width:100%; }
#afs-box-content  { margin: 0 165px; padding: 0px; border: none; height: 1%; min-height: 130px; }
#afs-box-content1  { margin: 0 165px; padding: 10px 20px 10px 20px; border: 1px solid #404040; height: 1%;
                    min-height: 130px; background-color: #fefefe; background: url(../images/fondd.jpg); }
#afs-box ul, #afs-box-content  ul, #afs-box-content1  ul { list-style-position: inside; }

.afs-boxes, .afs-boxesg, .afs-boxesd { margin: 0px 0px 10px 0px; padding: 10px 20px 10px 20px; 
   border: 1px solid #000; height: 1%;
			min-height: 130px; background-color: #fefefe; background: url(../images/fondd.jpg);  }
.afs-boxesg { float:left; width: 41%; height: 293px; overflow-y: auto; }
.afs-boxesd { float:right; width: 41%; height: 293px; } 			

.afs-calendrier { margin: 0px 0px 10px 0px; padding: 10px 5px 10px 5px; border: 1px solid #000; height: 1%;
			min-height: 130px; background-color: #fefefe; background: url(../images/fondd.jpg);  }
.etiquette { margin: -10px -20px 5px -20px; border: none; border-bottom: 1px solid #000;
			height: 20px; background-color: #000055; background: url(../images/fond3.jpg);
			text-align: center; color: #ddd; }
.etiquette2 { margin: 0px 0px 0px 0px; border: none; border-bottom: 1px solid #000;
			height: 20px; background-color: #000055; background: url(../images/fond3.jpg); 
			text-align: center; color: #ddd; }
.etiquette3 { margin: -10px -5px 5px -5px; border: none; border-bottom: 1px solid #000;
			height: 20px; background-color: #000055; background: url(../images/fond3.jpg);
			text-align: center; color: #ddd; }
.etiquette a { color: #ddd; }

.tab-page-cnt { width: 100%; height: 1%; }

#afs-outils { position: relative; float: right; text-align: right; width: 200px; }
.ziq { position: relative; left: -3px; width: 200px; }
.pf { text-align: center; border: 1px solid #000; margin: 0px 0px 10px 0px; }
.rechpix { float: left; width: 72px; height: 72px; text-align: right; margin: 0 10px 10px 0; }
.rechpix img { border: 1px solid #000; }

#box { float:left; width:100%; }
#content, #content1, #content2d  { margin: 0 165px; padding: 10px 20px; border: solid 1px #000; height: 1%;
          min-height: 130px; background-color: #fefefe; background: url('../images/fondd.jpg'); }
#content1 { margin: 0; min-height: 50%; }
#content2d { margin: 0 165px 0px 0px; min-height: 250px; }
#content ul { list-style-position: inside; }

#outils { position: absolute; right: 185px; top: 230px; text-align: right; }
		  
#galia { position: relative; height: 75px; text-align: center; width: 100%; margin: 10px 0px;
       border: 1px solid #000; background-color: #000055; background: url(../images/motif.jpg); }
#galia dl { float: left; width: 18%; height: 75px; }
#galia dt { }
#galia dd { height: 18px; background-color: #fefefe; background: url(../images/fondc.jpg); }
		  
#left { float:left; width:152px; margin-left:-100%; }
#left table { height:150px; width:150px; vertical-align: middle; text-align: center; border: solid 1px #000;
           background-color: #000055; padding: 0px; margin: 0px; } 
#left table tr, #left td { border: none; padding: 0px;}		   
#left img { border: solid 1px #000; margin: 0px; }

#gauche { float: left; width: 150px; height: 150px; text-align: center; background-color: #000055; color: #ddd;
		margin: 0px 0px 10px 0px; }
#gauchebook { float: left; width: 150px; height: 150px; text-align: center; border: solid 1px #000; }
#gauche img, #droite img, #gauchebook  img { border: solid 1px #000; }
#gauche table, #gauchebook  table { height:150px; width:150px; vertical-align: middle; text-align: center; }
#gauchebook  table { width:120px; margin: 0px 0px 0px 30px; border: none; }

#right { float:right; width:150px; margin-left:-100%; text-align: center; border: 0px; padding: 0px;}
#droite  { float:right; width: 150px; height: 150px; margin: 0px 0px 10px 0px; border: 1px solid #000;
          overflow:hidden; color: #fefefe; background-color: #000055; background: url(../images/fond3.jpg);
		  text-align: center; }
#droite img { text-decoration: none; border: 0px; }
#droite div  a { color: #fefefe; }
#droite div  a:hover { color: darkorange; text-decoration: none; }
#droite div  img { text-decoration: none; border: 0px; }
.amazon { padding: 10px 0px 10px 0px; border: 1px solid #000;}
.amazon2 { width: 150px; height: 150px; border: solid 1px #000; background: url(../images/fond4.jpg); }
.amazonsearch { padding: 10px 0px 0px 0px; }

#decouverte  { clear:both; position: relative; width: 150px; height: 150px; background: url(../images/fond4.jpg); 
              text-align: center; margin: 0px 0px 10px 0px; border: solid 1px #000; overflow: hidden; }
#decouvertelogo20 { clear:both; position: relative; width: 150px; height: 98px;
              text-align: center; margin: 0px 0px 62px 0px; border: solid 1px #000; overflow: hidden; }
#decouverte img, #decouvertelogo20 img { border: none; }
#decouverte iframe { width: 120px; height: 150px; }

#blocamazonh { position: relative; width: 150px; height: 475px; padding: 0px; border: 1px solid #000;
 margin: 0 0 10px 0; color: white; text-decoration: none; background-color: #000055; overflow:hidden; }

#blocamazon { position: relative; width: 150px; height: 150px; padding: 0px; border: 0px; margin: 0px;
			  overflow:hidden; }
#blocamazon1 { float:left; width: 22px; height: 150px; padding: 0px; border: 0px; margin: 0px;
			  overflow:hidden;}
#blocamazon1 img { text-decoration: none; background-color: #000055;
                  border: 1px solid #000; padding: 0px; margin: 0px 0px 7px 0px; }
#blocamazon2 { float:right; width: 120px; height: 150px; padding: 0px; border: 0px; margin: 0px;
			  background-color: #000055; overflow:hidden; background: url(../images/caurisamazon.jpg);}
#blocamazon2 a { color: #fefefe; }
#blocamazon2 a:hover { color: darkorange; text-decoration: none; }
.amazonrub5 { position: relative; width: 150px; height: 282px; padding: 0px; text-align: center;
			border: 1px solid #000; margin: 0px; background: url(../images/fond4.jpg); overflow:hidden; }
.amazonrub5 iframe { margin: 20px 0px 0px 0px; padding: 0px; } 

#mappays { background: url(../images/afrique.jpg); background-position: top center;
           background-repeat: no-repeat; border: none; color: #fff; padding: 10px 5px 10px 10px; }
#mappays img { margin: px; border: 0px ; }
#mappays a { color: #fff; } 
#mappays a:hover { color: darkorange;  } 
#mappays .paysg  { position: relative; float: left; width: 45% border: none; height: 1%; text-align: left; }
#mappays .paysd  { position: relative; float: right; width: 45% border: none; height: 1%; text-align: right; }

#d-amazon-theme { float: left; width: 150px; height: 1%; margin: 0px 0px 10px 0px; border: 1px solid #000;
color: #fefefe; background-color: #000055; text-align: center; }

#livre { float: left; width: 150px; height: 150px; 
        background-color: #000055; background: url(../images/reliure150.jpg); text-align: center; }
#livre img { border: solid 1px #000; margin-right: 3px; margin-top: 4px;}

dl.gallery, dl.gallery2 { float:left; width: 110px; height: 150px; text-align: center; margin: 10px 6px 10px 6px;
            font-size: 0.9em; font-family: Arial, Helvetica, serif; }
.gallery dt, .gallery2 dt { height: 105px; }
.gallery dt img, .gallery2 dt img  { border: 1px solid #000; }
dl.gallery2 { height: 170px; }
.conteneur { position: relative; width: 100%; }

.list-g { float:left; width: 51%; height: 1%; }
.list-d { float:right; width: 47%; height: 1%; }
ul.list-img { list-style-position: inside; list-style: none; }
.list-img img  { border: 1px solid #000; margin: 7px 7px 0 0;}

.postit1, .postit2  { position: relative; float: left; width:100%; margin: 0px 0px 10px 0px; }
.postit1 dl, .postit2 dl  { float: left; width:100%; height: 1%; border: 1px solid #000;
        margin: 10px 0px; background-color: #fefefe; background: url('../images/fondd.jpg');  margin: 0px; }
.postit1 dt, .postit2 dt { height: 20px; padding: 0px 20px; border: none; border-bottom: 1px solid #000; margin: 0px;
        text-align: center; color:#fff; background-color: #000055; background: url('../images/fond3.jpg');  }
.postit1 dd  { margin: 10px; height: 130px; }
.postit2 dd   { margin: 10px; height: 272px; }

#alphaflow1, #alphaflow2, #alphaflow3, #alphaflow4 { height: 98px; overflow-y:auto;
 text-align: left; margin: 0px;}
#alphaflow1 a, #alphaflow2 a, #alphaflow3 a,  #alphaflow4 a { border-width: 0px 0px 1px 0px; border-style: dotted; }
#alphaflow4 { height: 226px; }
.alpha { text-align: center; font-family: Arial, Helvetica, serif; font-weight: bold; font-size: 12px; }
.alpha a { border-width: 0px 0px 1px 0px; border-style: dotted; }

/* ==================== bas ==================== */
		  
#footer{ clear:both; }

#pied { position: relative; height: 75px; text-align: center; width: 100%; margin: 10px 0px;
       border: 1px solid #000; background-color: #000055; background: url(../images/motif.jpg); }
#pied dl { float: left; width: 18%; height: 75px; }
#pied dl.long { width: 28%; }
#pied dl.short { width: 18%; }
#pied dd { height: 18px; background-color: #fefefe; background: url('../images/fondc.jpg'); }

#fin { position: relative; text-align: center; color: #ddd; }
#fin a, #fin p { color: #ddd; font-size: 12px; }
#fin a:hover { color: #fff; }
#fin img { vertical-align: middle; }

/* ==================== commun ==================== */

.brown, .brown a { color: #700;}
.brown a:hover { color: navy; }
.blanc { color: #ddd; }
.deblayage { position: relative; height: 0; clear: both; line-height: 0px; }
.autoclear { position: relative; clear: both; }
.droite { text-align: right; }
.gauche { text-align: left; }
.centre { text-align: center; }
.enligne { display: inline ; }
span.actif, .spip_in, .spip_out { border-width: 0px 0px 1px 0px; border-style: dotted; cursor: pointer; }
.inactif { color: #707070; }
.italic {font-style: italic;}

.spip_documents { text-align: center; height: 1%; z-index: 100; }
.spip_documents dl { text-align: center; height: 1%; z-index: 100; }
.spip_documents_center { clear: both; width: 100%; margin: auto; z-index: 10;}
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { position: relative; float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { position: relative; float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-family: Arial, Helvetica, serif; font-weight: bold; font-size: 0.83em;
                  margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-family: Arial, Helvetica, serif; font-size: 0.83em;
                  margin-left: auto; margin-right: auto; }

table.chrono { width: 100% ; border: none ; text-align: left ; margin: 0; padding : 0;}
table.chrono td { width: 25% ; padding: 5px; }
table.chrono td.tdbleue { background-color: #fefefe; background: url(../images/motif.jpg); color: #fff ; }
table.chrono td.tdbleue a { color: #fff ; }
table.chrono td.tdnoire { background-color: #000; color: #fff ; }
table.chrono tr.tdtitre { font-family: Arial, Helvetica, serif; font-weight: bold ; text-align: center ; }

#version { position: absolute; left: 10px; top: 60px; color: #fff; text-align: left; }

#expose{text-decoration:none; background-color:#FFC73C}

/* .laliste a span{color:#000;} */
.laliste a { color: #000; text-decoration: none; }
.laliste a:hover { color: navy; }
.tab-pane { margin-bottom: 10px; }
.skinafs { position: relative; clear: both; width: 100%; background-color: #000055; border: 1px solid #000; }

fieldset { position: relative; padding: 0em 0.5em 0.5em 0.5em; background-color: #fff;}
legend { position: relative; top: -1em; padding: 0.4em; color: #000; }

.spip_surligne { font-weight: bold; color: navy; }

.une { background-color: #000055; background: url('../images/fond3.jpg'); 
border: 1px solid #000; color: #fff; width:100%; margin: 0 0 10px 0;}
.une  ul { list-style-position: inside; list-style: none; }

.cd { clear: both; text-align: left; }
.ag { clear: both; text-align: right; }
.cd img { float: left; margin: 4px 7px 5px 0; border: 1px solid #777; }
.ag img { float: right; margin: 4px 0 5px 7px; border: 1px solid #777; }

#casier {position: relative; clear: both;}
#casier table { width: 100%; margin: 10px 0 10px 0; border: none; }
#casier td { width: 20%; border: none; text-align: center; }
#casier td.last { width: 0%; border: none; text-align: center; }
#casier dl { width: 160px; border: 1px solid #000; }
#casier dt { border: none; border-bottom: 1px solid #000; text-align: center; color: #ddd; overflow:hidden; 
			height: 20px; background-color: #000055; background: url(../images/fond3.jpg); }
#casier dd { height: 160px; background-color: #fefefe; background: url('../images/fondd.jpg'); overflow:hidden;}
.ccomon { background-color: #ededed; border: 1px solid #aaa; padding: 0px 10px 0px 10px; margin: 5px 0 15px 0;}