a:active { 
  font-family: Helvetica, Verdana, Arial,sans-serif; font-size: 1em; color: #000000; text-decoration: none;
}
a:link {
  font-family:Helvetica, Verdana, Arial,  sans-serif; font-size:  1em; color: #0000FF; text-decoration: none;
}
a:visited { 
  font-family: Helvetica,  Verdana, Arial, sans-serif; font-size: 1em; color: #0000FF; text-decoration: none; 
}
a:hover {
  font-family: Helvetica,  Verdana, Arial, sans-serif; font-size: 1em; color: #ff0000; text-decoration: underline;
}
p,div,ul,td,menu {
  color:#010101;
  font-family: Helvetica,  Verdana, Arial, sans-serif; font-size:0.9em;
}
body{
  margin: 0;
  padding: 0;
/*  background-image: url(../logo_fond/fond_bleu.jpg);*/
  background-image: url(../squelettes/logo_fond/fond.jpg); 
 }
div#conteneur{
 overflow:auto;
  padding: 0px;
  margin:0;
  position: absolute;
  top: 5.6em;
  bottom: 2em;
  width: 100%;
}
div#principal{
  padding: 0px;
  position: absolute;
  margin-bottom: 3em;
 /* margin-left: 21%;*/
  z-index:5;
  left: 24%;
  width: 76%;
}
div#principal h1{ 
  font-family: Helvetica, Verdana, Arial, sans-serif;
  text-align: center;
  font-size: 1.4em;
  font-weight: bold;
  color: #020202;
  margin-top: -0.1em;
  margin-bottom: -0.2em;
}
div#principal h2{ 
  font-family:Helvetica, Verdana, Arial, sans-serif;
  font-size:  1.2em; 
  font-weight: bold;
  color: #010101;
  margin-left: 0.5em;
text-decoration: underline;
}
div#principal div.text{
  text-align: left;
  width: 95%;
}
div#principal div.evnt{ 
  font-family: Helvetica, Verdana, Arial, sans-serif;
  text-align: center ;
  font-size: 1.4em;
  font-weight: bold;
  color: #000000;
}
div#principal p{ 
   width: 95%;
}
div#principal div.news{ 
  font-family: Helvetica, Verdana, Arial, sans-serif;
  text-align: center;
}
div#principal ul.presentation li{ 
 list-style-image: url(../squelettes/logo_fond/redarrow.gif);
 font-size:1.1em;
}
div#principal ul.fonction{
  margin-top: -0.05em;
  margin-bottom: -0.05em;
}
div#principal ul.fonction li{
  color: #010101;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: bold;
  list-style-type: none;
}
div#principal ul.nom{
  margin-top: -1px;
  margin-bottom: -1px;
}
div#principal ul.nom li{
  color: #010101;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  list-style-image: url(../squelettes/logo_fond/deplierhaut.gif);
}
div#principal dl.fonction dd{
  display: list-item;
  color: #010101;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.0em;
  font-weight: normal;
  list-style-image: url(../squelettes/logo_fond/deplierhaut.gif);
}
div#principal dl.fonction dt{
  color: #010101;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 1.0em;
  font-weight: bold;
  list-style-type: none;
}
div#titrepage{
 background-image: url(../squelettes/logo_fond/titre.jpg);
  text-align: center; 
  z-index: 4; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.5em;
 }
div#titrepage h1 { 
  text-align: center; 
  font-style: italic; 
  font-size: 1.6em;
  font-family: Helvetica, Verdana, Arial, sans-serif; 
 letter-spacing: 0.1em;
  color: #221133;
  border-color: #553399; 
  border-width: thick; 
  border-style: double;
  margin-top: 0px;
  top: 0px;
  margin-right: 10%;
  margin-left: 10%;
}
div#menutop {
	position: absolute;
	height: 1.2em;
	margin: 0 1em 1em 1em;
	clear: both;
        z-index: 4;
}
div#menutop li.menu1 {
	width: 5.2em;
}
div#menutop li.menu2 {
	width: 5.9em;
}
div#menutop li.menu3 {
	width: 5.8em;
}
div#menutop li.menu4 {
	width: 4.4em;
}
div#menutop li.menu5 {
	width: 4.4em;
}
div#menutop li.menu6 {
	width: 7.1em;
}
div#menutop li.menu7 {
	width: 5.4em;
}
div#menutop li.menu8 {
	width: 6.2em;
}

div#menutop ul, div#menutop li {
	font-size: 1em;
	font-weight: bold;
	border: 0.02em solid #efb;
	padding: 0.01em;
	margin: 0;
	list-style-type: none;
	}
div#menutop ul {
	position: absolute;
	height: 1.2em;
	width: 49em;
        top:3.5em;
	left: 3.5em;
}
div#menutop li {
	float: left;
        background-color:#ecaaaa;
}
div#menutop li a { 
	display: block;  /* mise en block de <a> pour lui donner des dimensions */
	height: 100%;
/*	width: 7em; */
/*	color: #769712;*/
/*	font: 17px/28px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;*/
/*	text-decoration: none;*/
	border-left: 2px solid #fff;
	 text-align: center;
	font-family: Helvetica,Arial, Verdana, sans-serif;
	text-decoration: none;
	color: #4444ce;
	background-color: #ecaaaa;
}
div#menutop li a.last {
	border-right: 1px solid #fff;
}
div#menutop a:hover {
	background-color: #5555ce;
	color: #ecaaaa;
}
div#menutop strong{ 
    text-decoration: underline;
    font-size: 1em;
    font-weight: bold;
    border: none;
  }

ul.sanspres{ 
    font-size: 1em;
	list-style-type: none;
}

div#sommaire{
  background-image: url(../squelettes/logo_fond/fond_rouge.jpg); 
  text-align: center; 
  z-index: 2; 
  position: absolute;
  left: 0;
  width: 23%;
}
div#sommaire ul.sommaire, #sommaire ul.sommaire li{
	font-size: 1.05em;
	padding: 0.02em;
	margin: 0;
	list-style-type: none;
	}
div#sommaire ul.sommaire{
/*	position: absolute;*/
	width: 95%;;
        margin-top: 1em; 
        margin-left: 5%;
	left: 5%;
}
div#sommaire  ul.sommaire li a{ 
	display: block;  /* mise en block de <a> pour lui donner des dimensions */ 
        margin-top: 0.1em;
	height: 100%;
	 width: 92%;
         padding-left:2%;
/*	font: 17px/28px "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;*/
/*	text-decoration: none;*/
	text-align: center;
	font-family: Helvetica,Arial, Verdana, sans-serif;
	text-decoration: none;
	color: #2211AA;
	background-color: #ffcccc; 
	border: 1px solid #5533ee;
	-moz-border-radius: 4px;
             border-radius: 4px;
}

#sommaire ul.sommaire li a.last{
	border-right: 1px solid #fff;
}
#sommaire a:hover{
  background-color: #ffeeee;
   color: #2211AA;
}
#sommaire strong{ 
    text-decoration: underline;
    font-size: 1em;
    font-weight: bold;
        border: none;
  }

div#nouveaute{
  background-image: url(../squelettes/logo_fond/fond_rouge.jpg); 
  text-align: center; 
  z-index: 2; 
  /* position: absolute;*/
  left: 0;
 /* width: 23%; */
}
div#nouveaute ul.nouveaute, #nouveaute ul.nouveaute li{
	font-size: 1.05em;
	padding: 0.02em;
	margin: 0;
	list-style-type: none;
	}
div#nouveaute ul.nouveaute{
/*	position: absolute;*/
	width: 95%;;
        margin-top: 1em; 
        margin-left: 5%;
	left: 5%;
}
div#nouveaute  ul.nouveaute li a{ 
	display: block;  /* mise en block de <a> pour lui donner des dimensions */ 
        margin-top: 0.1em;
	height: 100%;
	 width: 92%;
         padding-left:2%;
	text-align: center;
	font-family: Helvetica,Arial, Verdana, sans-serif;
	text-decoration: none;
	color: #334477;
	background-color: #eeddaa; 
	border: 1px solid #553399;
	-moz-border-radius: 4px;
             border-radius: 4px;
}

#nouveaute ul.nouveaute li a.last{
	border-right: 1px solid #fff;
}
#nouveaute a:hover{
  background-color: #ffeeee;
   color: #2211AA;
}
#nouveaute strong{ 
    text-decoration: underline;
    font-size: 1em;
    font-weight: bold;
        border: none;
  }

span.datenouveaute{ 
font-size : 0.8em;
   color: #223;
 }

span.titrenouveaute{ 
font-size : 1.1em;
   color: #224;
 }

/* essai*/

div#menuphoto{
text-align:center;
  background-color: #e0caca;
}
div#menuphoto h2{
  font-weight: bold; 
 font-size: 1.4em;
}

a.ouvrir{
 font-size: 1.4em;
 }
a.fermer{
 font-size: 1.4em;
 }

div#albumphotolist{
text-align:left;
 font-size: 1.4em;
}

div#albumphotolist ul,li{
  margin:0;
  padding:0;
}


div#albumphotolist ul.myTree{
  list-style-type: none;
  width: 92%;
  margin-left: 3%; 
  left: 3%;
  background-color: #cfd4e7;
}

div#albumphotolist   ul li{
 width:96%;
}

div#albumphotolist li a{
  display: inline;
  text-align:left ;
  border:none ;
  background-color: #e0caca;
}

div#albumphotolist  li ul li  a{
  font-size: 0.9em; 
  text-align:left ;
  color :  #225;
  background-color: #d2ead3;
}

div#albumphotolist ul li ul li { 
  margin-left: 12%;
  width:93%;
}

div#albumphotolist ul.treeItem{  
  list-style-type: none;
}

/*Pour le menu des albums photos */

div#principal h1.article{
	margin : 0 0 1em -5px;
        margin-left: 10%;
/*  background-image: url(../squelettes/logo_fond/fond_rouge.jpg); */
  background-image: url(../squelettes/logo_fond/fond_rouge.jpg); 

	padding: 2px 10px;
	text-align: center;
	width: 70%;
	font-weight: bold;
	color: #333355;
 	font-size: 1em;
	border: 1px solid #5533ee;
	-moz-border-radius: 4px;
             border-radius: 4px;
}
div#principal h1.article a{
 text-decoration: underline;
	color: #111111;
}
div#article{
	display: block; 
        background-image: url(../squelettes/logo_fond/fond_bleu.jpg); 
/*	margin: 2% 0 5% -5px;
         margin-left: 5%; */
	text-align: left;
         margin-left: 5%;
         padding-left: 2%;
         padding-right: 1%;
	width: 80%;
	color: #333333;
 	font-size: 1.05em; 
        background-color:#ffffff;
	border: 1px solid #ff5555;
	-moz-border-radius: 8px;
             border-radius: 8px;
}
a.suite{
	display: block;
	text-align: right;
        color: #2222DD;
}
div.tourarticle{
	display: block;
         background-image: url(../squelettes/logo_fond/fond_bleu.jpg); 
	text-align: center;
         margin-left: 5%;
         margin-bottom: 2%;
         padding-left: 2%;
         padding-top: 1%;
	width: 85%;
	color: #333333; 
        background-color:#ffffff;
	border: 1px solid #ff5555;
	-moz-border-radius: 8px;
             border-radius: 8px;
}
div.one-image{
  margin: 0;
  padding: 0;
}
#photosommaire img{
  border: 1px solid #6CAF80;
 } 
div.albumphoto{
  float:left;
  background-color:#eee;
  width: 265px;
  height: 330px;
  text-align:center;
  border-top: 1px solid  #6CAF80;
 border-bottom: 1px solid #6CAF80;
  border-left: 1px dashed #6CAF80;
  border-right: 1px dashed #6CAF80;
  margin:5px;
  padding:5px;
 }
table.albumphoto {
  display:inline;
  border:none;
}
td.albumphoto { 
    text-align:center;
  background-color:#ccc;
  width: 255px;
  height: 255px; 
  margin:0;
  padding:0; 
}
a.albumphoto{
  border: none ; 
  font-size: 1.2em;
 text-decoration: none;
  color: #229;
 }
a.albumphoto:link{
  color: #229;
 }
a.albumphoto:visited { 
  color:  #229;
 }
a.albumphoto:hover { 
  color: #F00;
 }
a.albumphoto:active { 
  color: #229;
 }
span.datealbum { 
font-size : 0.8em;
   color: #223;
 }
img.albumphoto {
 border:  1px dashed #5533ee;
 }
h1.tourarticle{
	margin : 1.0em 0 0 0;
         background-image: url(../squelettes/logo_fond/fond_rouge.jpg); 
	text-align: center;
	width: 90%;
	font-weight: bold;
	color: #333355;
 	font-size: 1.1em;
	border: 1px solid #5533ee;
	-moz-border-radius: 4px;
             border-radius: 4px;
}
h1.tourarticle a{
  text-decoration: underline;
  color: #111111;
}
.calendrier-table-large { 
	border: 0px;
	width: 90%;
 }
p.article{
  text-align: left; 
  font-size: 1.0em;
}
a.hierarchie{ 
  color:#000000;
  text-decoration:none;
 }
a.hierarchie:link{
  color:#000000;
 }
a.hierarchie:visited { 
  color:#000010;
 }
 a.hierarchie:hover { 
  color:#200010;
 }
a.hierarchie:active { 
  color:#000010;
 }
div.hierarchie{
font-size:1.2em; 
text-align:left;
}
div#principal h1.titrealbum{ 
  text-decoration: underline ;
  text-align:center;
 }
div#principal h2.titrealbum{ 
  text-decoration:none;
  text-align:center; 
  font-weight: normal;
  color: #212121;
 }
.date{ 
  font-weight: bold;
}
div#foot{
  position:absolute; 
  display: block;
  z-index:6; 
  font-size: 0.7em;
  text-align:center;
  background-image: url(../squelettes/logo_fond/fond_bleu.jpg);
  bottom:0;
  left:0;
  width:100%;
  height:2.0em; 
  margin-bottom:0px;
  margin-top:0px;
}


img.ImageFrame_none{
 border:none; 
 }
a.job{
  color: #313131;
}
@media screen{
  body>div#titre{
    position: fixed;
  }
  body>div#foot{
    position: fixed;
  }
  body>div#menutop{
    position: fixed;
  }
}
* html body{
  overflow:auto;
}
* html div#conteneur{
  overflow:auto;
  margin-bottom:0px;
  height:75%;
}