inclusion du fichier contenant les variables de couleur */

* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
   background-color: #006699;
 /*   background: url(../images/habillage/defaut/fond_etoile.gif);  */
}

#AGL_HG , #AGL_HD, #AGL_BG, #AGL_BD{
height: 8px; width: 8px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
#AGL_HG {
background: url(../images/habillage/defaut/HG.png);
}
#AGL_HD {
float: right;
background: url(../images/habillage/defaut/HD.png);
}
#AGL_BG {
background: url(../images/habillage/defaut/BG.png);
}
#AGL_BD {
float: right;
background: url(../images/habillage/defaut/BD.png);
}

.banniere{background-color: #008600;
    border: 0px;
    font-weight: bold;
    text-decoration: none;
    vertical-align:middle;
    color:#F7C721;
    width:490px;
}

.video{ width:250px;height:210px;border:groove #FFCC00;loop:true;controller:true; autoplay:true;}


div.actus{margin-left:5px;margin-right:5px;margin-top:5px;
          font-size:12px;
          background-image: url(../images/habillage/defaut/fond.png);
         }
li.actus{margin-left:0px;list-style-image:url(../images/new.gif ); line-height: 20px;}

li.planArticle{list-style-image:url(../images/pictcarp.gif )}
li.planRubrique{list-style-image:url(../images/carregrand.png )}

a:hover.plan {color:#00FF55; text-decoration:none;}
a.plan {color:#FFFF00;font-weight: bold; text-decoration:none;}
td.rec {text-align:center;background-color:#006699;height:25px;}

.ZoneImage{border: thin solid rgb(255,255,255);position:absolute;top:8px;left:660px;width:130px;height:80px; }
.formrecherche{font-size:12px;width:120px; }

.flagArticles{z-index:2;}

.flagFR{position:absolute;top:106px;left:240px;margin:0px;padding:0px;border: none; z-index:1;}

.flagEN{position:absolute;top:106px;left:270px;margin:0px;padding:0px;border: none;z-index:1;}

.imageentete{margin-left:-6px;  border: none;}

.imagesansborder{border: none;}

.bienvenuetexte{position:absolute;top:0px;left:150px;font-family:tahoma,Arial;font-size:24px;font-weight:bold;color:#E7FFC6;z-index:91;}

.bienvenueombre{position:absolute;top:2px;left:152px;font-family:tahoma,Arial;font-size:24px;font-weight:bold;color:#429E08;z-index:91;}

.CadreJaune{
  background-color:#FFCC00;
  width:80%;
  border:2px solid #FFDD88;
}

.CadreVert{
  background-color:#00CC00;
  width:10%;
}

.TableArticle{ 
	width:490px;
}

.ArticleTitreRubrique{
  font-size:18px;
  line-height: 40px;
  margin-left:8px;
  margin-top:28px;
  color:#0000BB;
 }


/* plan haut gauche */
.planA{
position:relative;
top : 20px;
left: 20px;
}
/* plan haut droit */
.planB{
position:relative;
top : 20px;
left: 240px;
}
/* plan bas droit */
.planC{
position:absolute;
top : 240px;
left: 240px;
}
/* plan bas gauche */
.planD{
position:absolute;
top : 240px;
left: 20px;
}

.Listegauche{
  position:absolute;
  background-image: url(../images/habillage/defaut/fond_court.png);
  background-repeat: repeat-y;
  left:5px;
  top:130px;
  width:140px;
  z-index:4;
}

.Listedroite{
  position:absolute;
  background-image: url(../images/habillage/defaut/fond_court.png);
  background-repeat: repeat-y;
  left:655px;
  top:210px;
  width:140px;
  z-index:4;
}

.imageentete{
  margin-left:-6px;  border: none;
}

.menuhautgauche{
  position:absolute;
  background-image: url(../images/habillage/defaut/fond_court.png);
  background-repeat: repeat-y;
  border: 1px none #000000;
  left:5px;
  top:130px;
  width:140px;
  z-index:98;
}

.menubasgauche{
   position:absolute;
   background-image: url(../images/habillage/defaut/fond_court.png);
   background-repeat: repeat-y;
   border: 1px none #000000;
   left:5px;
   top:435px;
   width:140px;
   z-index:3;
}

.ephemeride{
  position:absolute;
  background:#429e10;
  left:590px;
  top:107px;
  width:210px;
  font-size:10px;
  font-weight: bold;
  line-height: 14px;
  color:#ffffff;
  text-align:right;
}

.menuhautdroit{
  position:absolute;
  background-image: url(../images/habillage/defaut/fond_court.png);
  background-repeat: repeat-y;
  left:655px;
  top:130px;
  width:140px;
  z-index:3;
}

.menubasdroit{
   position:absolute;
   background-image: url(../images/habillage/defaut/fond_court.png);
   background-repeat: repeat-y;
   left:655px;
   top:435px;
   width:140px;
   z-index:3;
}

.menucentre{
  position:absolute;
  background-image: url(../images/habillage/defaut/fond_long.png);
  background-repeat: repeat-y;
  left:155px;
  top:130px;
  width:490px;
  z-index:3;
}

.piedpage{
   position:absolute;
   left:5px;
   top:785px;
   width:790px;
   height:50px;
   z-index:50;
}

/*  format des articles */

.printer{ border:0px;}

.frmdate{
   font-size: 10px;
   text-align:center;
/*   width:300px;*/
   height: 12px;
   line-height: 12px;
   padding:2px;
   border: none;
 }

ul.spip{ font-size: 11px; }
li.spip{ font-size: 11px; }
p { font-size: 12px; }
p.spip{ font-size: 12px; }

.ArticlePoliceRubrique{
  position:absolute;
  top: 5px;
  left:18px;
  font-size:20px;
  color:#0000BB;
 }

.Cadrerubriquedroit{
  position:absolute;
  left:145px;
  top:10px;
  height:40px;
  width:345px;
  background-color:#FFCC00;
  z-index:10;
}


.Cadrerubriquegauche{
  position:absolute;
  left:80px;
  top: 10px;
  height:40px;
  width:245px;
  background-color:#00CC00;
  z-index:10;
}
.titresommaire{
  position:relative;
  left:-10px;
  top: -15px;
  font-size: 15px;
  font-weight: bold;
  color:#000099;
  height: 20px;
  width:465px;
  line-height: 20px;
  padding:4px;
  background:#ffff99;
}
.Rubriquetitre{
  position:absolute;
  top: 5px;
  left:5px;
  font-size: 15px;
  font-weight: bold;
  color:#000099;
  background:#ffff99;
  height: 30px;
  width:465px;
  line-height: 30px;
  padding:4px;
  border: 1px solid #000000;
}

.spip_logos{float:right;width:60px;height:60px; }
.agenda_logos{float:left;}

.articletitre{
  font-size: 17px;
  font-weight: bold;
  color:#002299;
  background:#ffff99;
  line-height: 22px;
  padding:4px;
  border:2px solid #FFDD88;
}

.articlesoustitre{
  font-size: 16px;
  font-weight: bold;
  background-color:#ffff99;
  color:#000099;
}

.articledescriptif{
  font-size: 12px;
  font-weight: bold;
  color:#000099;
}

.ZoneSommaire{
  margin-left:1em;
  margin-right:5px;
  margin-top:20px;
}

.Zoneresultat{
  margin-left:1em;
  margin-right:1em;
  margin-top:50px;
}

.articleglobal{
  margin-left:1em;
  margin-right:1em;
  margin-top:120px;
}

.Articletitremotcle{
  font-size: 12px;
  font-weight: bold;
  text-align:center;
}

.Articlemotcle{
  font-size: 12px;
  text-align:center;
}

/* utilise par le moteur de recherche pour mettre en surbrillance un mot */
.spip_surligne{
  font-size: 12px;
  font-weight: bold;
  color:#FF3300;
  background-color:#eeff99;
}



/*************************************************************************/
#styles {
  font-size: 12px;
  font-weight: bold;
  position: fixed;
  width: 70px;
  left: 10px;
  top: 10px;
  text-align:center;
}

#styles table{
  margin-top:4px;
}

/*
  Typographie, texte, ...
*/

.texte {
  padding: 4px 10px;
  text-align: justify;
}
.texte_simple {
  padding: 4px 10px;
}
.ps {
  border-top: 1px dashed #FFFFFF;
  font-size: 85%;
  padding: 4px 20px;
  text-align: justify;
}
.notes {
  border-top: 1px dashed #FFFFFF;
  font-size: 80%;
  padding: 4px 20px;
  text-align: justify;
}

a{
  color: #000FFF;
  text-decoration: underline;
  font-weight: normal;
  font-size: 10px;
}

a:hover {
  color:#FF0000;
  text-decoration: none;
}

a.spip_url { }
a.spip_in { }
a.spip_out { }
hr.spip { }
b.spip { }
i.spip { }
.spip_code { }
p.spip_note { }

h3.spip {
  font-weight: bold;
  font-size: 120%;
  text-align: center;
}

.spip_documents{
  font-size : 70%;
}

/*
  formatage tableau créé par SPIP
*/

table.spip {
  border: 1px solid #FFFFFF;
  font-size : 11px;
}

table.spip tr.row_first {
  background-color: #006699;
}

table.spip tr.row_first td {
  color:white;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

table.spip tr.row_odd {
  background-color: #FFCC66;
  color:#003399;

}

table.spip tr.row_even {
  background-color:#FFff66;
  color:#003399;
}

table.spip td {
  padding: 2px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #FFFFFF;
}

/*
  formulaires et boutons
*/

.forml { 
  width: 100% ;
  background-color: #FFFCE5;
}

.fieldset {
  border: 1px solid #FFFFFF;
  background-color: #006699;
  padding: 4px;
}

.spip_encadrer {
  width : 98%;
  padding: 5px;
  border: 1px solid #FFFFFF;
  background-color: #006699;
}

.spip_cadre {
  width : 98%;
  background-color: #FFFFFF;
  padding: 5px;
}


.spip_bouton {
  cursor: pointer; 
  border: 1px solid #FFFFFF;
  background-color: #FFFCE5;
}

.reponse_formulaire {
  font-weight: bold;
  font-size: 110%;
  color: red;
}
.spip-admin {
  z-index:0;
  position:absolute;
  top:1%;
  right:1%;
  font-size: 80%;
}

.cadreCentreBAS{
  padding-bottom: 0px;
}

.spip_documents{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size : 70%;
}

.spip_documents_center{
    margin: auto; 
    margin-top: 5px;
    text-align: center;
    width: 80%;
}

.spip_documents_left{
    float: left;
    margin-top: 5px;
    margin-right: 15px; 
    text-align: center;
}

.spip_documents_right{
    float: right;
    margin-top: 5px;
    margin-left: 15px; 
    text-align: center;
}

/* Utilise par FCKEditor */
 .Title
{
    font-weight: bold;
    font-size: 18px;
    color: #cc3300;
}

.Code
{
    border: #8b4513 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    color: #000066;
    font-family: 'Courier New' , Monospace;
    background-color: #ff9933;
}

.CMrang
{
    border: #8b4513 0px solid;
    color: #000066;
	text-align: center;
    background-color: #ffDD66;
	width:50%;
}

.CMnom
{
    color: #000066;
	text-align: center;
	font-weight: bold;
	border: #8b4513 0px solid;
	background-color: #ffeed9;
	font-size: 13px;
	width:50%;
}

.CMcom
{
    color: #000066;
	text-align: center;
	border: #8b4513 0px solid;
	background-color: #ffEEbb;
	width:50%;
}

.CMphoto
{
    text-align: center;
    background-color: #ff9933;
}

.CMcase
{
    border: #8b4513 0px solid;
	text-align: center;
	width:50%;
}

.CMcasemaire
{
    border: #8b4513 0px solid;
	text-align: center;
    width:50%;
}