* { margin:0; padding:0; }
body { 
	font:80%/1.2 helvetica, arial, sans-serif;
	color:#7a7a7a;
	background:#fbf9f9 url(img/Mondrian.png) -45px 0 repeat-y;
	 }	 
/* =STRU structure */
#Tete { background:#fbf9f9 url(img/Atega.gif) -9px -3px no-repeat; margin:1.2em auto 1em; min-height:100px; width:100%;  }
#Date { font-size:.85em; margin-left:125px; margin-top:18px;  }
#Corps { background:transparent url(img/Atega.gif) 100% 60% no-repeat; }
#Contenu { margin:0 auto; width:50em; /*background:#fbf9f9; color:inherit;*/ padding:0 5px; /*border:solid medium #ff0000;*/ }
#ContenantA {
  width:100%;
  background:#fbf9f9 url(img/LateralG.gif) -45px 8px repeat-y;
  float:right;
  margin-left:-150px; 
}
#ContenuA {
  margin-left:150px;
  padding:10px;
  background-color:transparent;
}
#LateralG {
  width:150px;
  float:left;
  font-size:.9em;
}
#Pied { clear:both; /*position:relative;*/ width:100%; margin-top:5%; padding:20px 0; /*background:#fbf9f9 url(img/puceAtega.gif) 6% 50% no-repeat*/; }




#MenugenAcc { float:left;/*border:solid thick #ff0000;*/  margin-left:1.6em; }
#Menugen { /*border:solid thick #ff0000;*/ margin:10px 0; /*float:left; clear:both;*/ }

/*#W3CDT { float:left; clear:left; background:url(img/valid-xhtml10.png) no-repeat; height:25px; width:71px; }*/
/*#W3CCSS { float:left; padding-left:2px; background:url(img/vcss.png) no-repeat; height:25px; width:71px; }*/
#galerie {position:absolute; left:0; bottom:30%; width:100%; height:15%; z-index:3; overflow:auto;}
/******************Organisation particulière***************/
/*Fond si utilisation des div gauche et droit*/
/*le float positionne le contenu de la div sur l'écran. Le padding le contenu à l'intérieur par rapport aux limites du fond utilisé et positionné plus haut*/
/*les marges latérales empêchent le passage sous les div latérales flottantes*/
/*NB clear:both pour "passer sous" les div flottantes à droite et à gauche. Sinon peut-être affecté d'un clear du même côté que celui du flottement*/
#corps1 { /*background:url(colD.jpg) repeat-y right;*/ border:solid medium #000; }
#gauche { float: left; width:14em ;/*180px*/ padding-top: 2em; }
#droit { float:right; width:13em; /*160px color:#7a7a7a; background:transparent;*/ margin:0; padding:2em .3em .1em .2em; }


/***********/
/* =BALI Balises*/
/***********/
p { text-align:justify; }
sup, sub {line-height:0;}
acronym, abbr { border-bottom: 1px dashed; cursor:help; }
h1 { font-size:2.5em; line-height:1.6em; height:0; text-indent:-999em; }
h2 { font-size:2.5em; line-height:1.6em; }
h3 { font-size:1.4em; line-height:1.4em; }
h3.index { line-height:2.1em; font-size:1.7em; }
ins { color:#298e4a; }
del { text-decoration:line-through; }
/* Listes */
dt { font-weight:bold; padding-bottom:2px; }
ul, ol { list-style:none; }
ul.illustre { width:40px; margin:28px 0 40px 41px; padding-left:15px; border-color:#bd1000 #000000; border-style:dashed solid; border-width:5px 0 5px 1px; background-color:#fbf9f9; }
ul.illustre li { line-height:30px; margin:12px 0; width:30px; height:30px;}
ul.atega li { line-height:30px; }
sup, sub { line-height:0; }


/***************/
/*=LIEN Liens*/
a, a:visited { color:#7a7a7a; background-color:inherit; }
a { text-decoration:none; font-weight:bold; }
a:visited { font-weight:normal; text-decoration:underline; }
a:visited:after {content : "\ (visité)";}
a:visited.bold { font-weight:bold; }
a:hover, a:focus, a:active { text-decoration:none; color:#fbf9f9; background-color:#7a7a7a; }
a:hover.cestMoiQuiCommande, a:active.cestMoiQuiCommande {text-decoration:none; background-color:transparent; color:inherit; } 
#LateralG ul.illustre li a { padding-left:30px; display:block; text-decoration:none; }
#Pied a, #Pied a:visited { color:#fbf9f9; background-color:#7a7a7a; text-decoration:none; }
#Pied a:visited {font-weight:bold; }
#Pied a:hover, #Pied a:focus, #Pied a:active { background-color:#fbf9f9; color:#7a7a7a; } 
#LateralG ul.illustre li a:visited:after, #Pied a:visited:after { content:""; }
ul.atega li a { padding-left:35px; }
ul.atega li a:hover, ul.atega li a:focus, ul.atega li a:active { color:#bd1000; background:transparent; } 
/*******************/
/* =PERSO Personnalisation*/
.aide {cursor:help;}
.gras { font-weight:bold; }
.centre { text-align:center; }
.oblique { font-style:oblique; }
.bleu { color:#104963; background-color:inherit; }
.turquoise { color:#31aead; background-color:inherit; }
.rouge { color:#bd1000; background-color:inherit; }
.orange { color:#ffa600; background-color:inherit; }
.vert { color:#298e4a; background-color:inherit; }
.violet { color:#737194; background-color:inherit; }
.fond { color:inherit; background-color:#fbf9f9!important; }
.base { vertical-align:sub; }
.interlett { letter-spacing:.02em; }
.margeH15 {margin-top:15%; }
.margeG50 { margin-left:50px; }
.margeG15 { margin-left:15px; }
.ruse { clear:both; height:0; }/*NB : la div ruse doit être placée dans la div générale qui contient les div flottantes*/
.enLigne { display:inline; }
/*Puces*/
.puceAtega { background:transparent url(img/puceAtega.gif) left no-repeat; padding-left:18px; }
.accueil { background:url(img/accueil.gif) 0 0 no-repeat; }
.hibou { background:url(img/hibou.gif) 0 0 no-repeat; }
.papillon { background:url(img/papillon.gif) 0 0 no-repeat; }
.escargot { background:url(img/escargot.gif) 0 0 no-repeat; }
.girouette { background:url(img/girouette.gif) 0 0 no-repeat; }
.lettrine { float:left; width:31px; font-size:200%; line-height:33px; margin-right:2px; }
.texteAlternatif { visibility:hidden; }


/*************/
/*Formulaire*/    
form {font: .9em/1em verdana, arial, helvetica, sans-serif;}
legend { font-weight:bold; }
.obligatoire { border:solid thin red; cursor:help; }