body{
   padding : 5px 5px 5px 5px;
   margin : 0;
   background-color:#000033;
   /*background-image:url(images/fond1.jpg);*/
   color: silver;
   font-family : Verdana,"Lucida Grande","Trebuchet MS",Tahoma,Helvetica,Sans-Serif;
   font-size : 90%;
}
/*---------------page principale-------------------------------------------------------------*/
#page {
background : transparent;
margin : 0px auto 5px;
padding : 0pt;
position : relative;
width : 819px;
/*border : solid #000 1px;*/
}
/*-------------liens------------------------*/
a {
text-decoration : none;
color : #666;
outline:0;
}
a:hover {
text-decoration : none;
color : #c6bbaa;
}
/*-----------img----------------------*/
img {
border : 0;
}

img, div { 
behavior: url(iepngfix.htc); 
}
* { 
behavior: url(iepngfix.htc); 
}
.img_png, .image_typo, .spip_logo {
	behavior: url(win_png.htc);
}
/*-----------chemin---------------*/
.chemin a:hover {
     color: #c6bbaa !important;
} 
.spip_documents { text-align: center; }
.spip_documents_center { clear: none; width: 100%; margin: auto; }
 span.spip_documents_center { display: block; margin-top:1em; }
.spip_code, .spip_cadre { font-family: monospace; font-style: normal; font-size: 1.2em; }
.spip_cadre { width: 99%; border: 1px inset; padding: 10 10 10 10;}
.spip_code { width: 96%; background-color: #666; border: 1px inset; padding: 10 10 10 10;}

/*------------------------retours haut de page---------------------------------------------*/

#haut{
text-align: left;
}
/*------------------bloc de droite-----------------*/

#droite {

float : right;
text-align : left;
padding : 10px 2px 5px 5px;
border : 1px none /*#fffff0*/ #efefef;
background : transparent none repeat scroll 0%;
width : 200px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 90%;
}
/*------------------bloc de droite page sommaire -----------------*/
#droite2 {
float : right;
text-align : left;
padding : 10px 2px 5px 5px;
border : 1px none #a0a0a0;
background : transparent none repeat scroll 0%;
width : 200px;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 92%;
}
/*-------------precedent suivant---------------*/

#prec-suiv a {
font-weight : bold;
text-align: left;
}
#firefox{
background-color: transparent;
width:300px;
text-align:center !important;
}
#firefox a{
text-decoration:none;
color:#ff7b0e !important;
}
#firefox a:hover{
text-decoration:none;
color:#a0a0a0 !important;
}
#firefox2{
background-color: transparent;
width:300px;
text-align:center !important;
}
#firefox2 a{
text-decoration:none;
color:#ff7b0e !important;
}
#firefox2 a:hover{
text-decoration:none;
color:#a0a0a0 !important;
}
/*-----------date-----------------------------*/
#date {
font-size : 0.77em;
text-align: left;
}
/*---------------entete----------------*/
#entete
{
	width: 100%;
	background-color: transparent;
	text-align: center;
}
/*-------------pied---------------*/
#pied
{
	width: 100%;
	background-color: transparent;
	clear: both;
    padding : 2px;
    text-align : center;
}
/*-------------menu gauche---------------*/
#gauche
{
	float: left;
	background-color: transparent;
	width: 180px;
	font-size : 0.82em;
    text-align : left;
}
a.alien {
text-decoration : none;
font-family : verdana, arial, helvetica, sans-serif;
font-size : 0.82em;
font-weight : bold;
}
.plusmoins {
font-family : verdana, arial, helvetica, sans-serif;
float : left;
background : url(plus.png);
width : 16px;
height : 16px;
margin : 3px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='plus.png', sizingMethod='scale');
}
.lienr {
clear : both;
margin-bottom : 1px;
padding : 1px;
}
.lien {
clear : both;
margin-bottom : 1px;
padding : 1px;
}
.niv {
position : relative;
float : left;
left : 5px;
display : none;
}
/*------------sites----------------*/
.sites {
background : transparent;
margin : 5px;
border : 2px solid #808080;
width : 540px;
padding-left: 5px;
}
/*------------sommaire------------------*/
#sommaire-contenu{
width: 540px;
/*margin-left: 15%;*/
text-align: center;
}
#bloc-sommaire3 {
      width: 180px; 
	  margin-top: 0px; 
	  margin-bottom: 20px; 
	  background: transparent; 
	  visibility: visible; 
	  border: 1px solid #a0a0a0; 
	  padding: 10px; 
	  text-align: left; 
	  text-indent: 5px;
}
#bloc-sommaire4 {
      width: 180px; 
	  margin-top: 20px; 
	  margin-bottom: 20px; 
	  background: transparent; 
	  visibility: visible; 
	  border: 1px solid #a0a0a0; 
	  padding: 10px; 
	  text-align: left; 
	  text-indent: 5px;
}
#bloc-sommaire5 {
      width: 180px; 
	  margin-top: 20px; 
	  background: transparent; 
	  margin-bottom: 20px; 
	  margin-right: 2px; 
	  visibility: visible; 
	  border: 1px solid #a0a0a0; 
	  padding: 10px; 
	  text-align: left; 
	  text-indent: 5px; 
	  font-size: 11px;
}
#bloc-sommaire6 {
      width: 180px;
      margin-top: 0px;  
	  visibility: visible; 
	  border: 1px solid #a0a0a0; 
	  padding: 10px; 
	  text-align: left; 
	  text-indent: 5px; 
}
/*---------------centre-------------*/
#centre{
	background-color: transparent;
	margin: 0 0 0 0px;
	padding-top: 20px;
	padding-left: 20px;
	font-size: 0.77em;
    }
#layer4 {
	width:540px; 
	z-index:1; 
	visibility: visible; 
	background: transparent; 
	border: 1px solid #c6bbaa; 
	padding-bottom: 10px; 
	padding-right: 10px; 
	padding-left: 10px;
	}
#layer5 {
	width:540px;
	z-index:1;
	visibility: visible;
	background: transparent;
	padding-bottom: 10px;
	padding-right: 15px;
	padding-left: 5px;
	}
#bloc-article1 {
	width:550px; 
	visibility: visible; 
	background: transparent; 
	border: 1px solid #c6bbaa; 
	padding-left: 10px;
	padding-right: 10px;
	}
	
/*-------------plan----------------*/
#gaughe-plan {
    float: left;
	top: 70px;
	left: 5px; /* Opera5.02 will show a space at right when there is no scroll bar */
	width: 250px; /* ie5win fudge begins */
	width: 250px;
	padding: 0px 2px 0px 0px;
	font-size: 0.77em;
	}
html>body #gaughe-plan {
	width: 250px; /* ie5win fudge ends */
	}
#layer2-plan {
left : 10px;
top : 40px;
width : 200px;
z-index : 1;
margin-left : 10px;
margin-top : 40px;
margin-bottom : 20px;
visibility : visible;
border : 1px solid #666;
padding : 10px;
text-align : left;
font-size : 0.71em;
text-indent : 5px;
}
#Layer1-plan {
width : 250px;
z-index : 1;
margin-left : 10px;
margin-bottom : 20px;
visibility : visible;
border : 1px solid #fffff0;
padding : 10px;
text-align : left;
font-weight : bold;
background : transparent;
}
#droite-plan {
position : absolute;
border : 1px none #666;
top : 310px;
right : 5px;
width : 550px;
width : 550px;
height : 500px;
}
html > body #droite-plan {
width : 550px;
}
.rubriques_sect li {
display: list-item;
margin-left : -5px;
list-style : disc;
}
.sous_rubriques li {
display: list-item;
margin-left : 15px;
list-style : circle;
}
.articles li {
display: list-item;
margin-left : 5px;
list-style : square;
}
/*------------article-galerie2----------------------*/
#centre-gauche {
top : 10px;
left : 0;
margin-top : 10px;
margin-bottom : 10px;
margin-left : 10px;
padding : 5px;
border : 1px solid #666;
width : 560px;
voice-family : "\"}\"";
voice-family : inherit;
font-family : verdana, arial, helvetica, sans-serif;
text-align : center;
}
html > body #centre-gauche {
width : 560px;
}
/*--------------article-album-et-article-album1---------------*/
#centre-gauche1 {
top : 130px;
left : 0px;
margin-top : 10px;
margin-left : 5px;
margin-bottom : 10px;
padding : 10px 2px 0px 0px;
border : 1px solid #c6bbaa;
background : transparent;
width : 550px;
font-family : verdana, arial, helvetica, sans-serif;
text-align : center;
}
html > body #centre-gauche1 {
width : 550px;
}
.album_vignette {
border : 1px solid #fffff0;
width : 98%;
text-align : center;
vertical-align : middle;
width : 98%;
}
html > body .album_vignette {
width : 98%;
}
.album_vignette a {
background : transparent;
}
.album_photo {
margin-top : 10px;
border : 1px solid #fffff0;
width : 98%;
text-align : center;
width : 98%;
}
html > body .album_photo {
width : 98%;
}
#ecran_galerie {
float : left;
width : 400px;
margin-right : 0px;
margin-bottom : 10px;
margin-top : 5pt;
margin-left : 3pt;
left : 5px;
overflow : hidden;
}
.photo {
float : right;
width : 120px;
height : 400px;
margin : 3px;
margin-right : 0px;
overflow : auto;
border : 1px solid #c6bbaa;
}
html > body .photo {
margin-left : 5px;
}
.photo img {
margin-top : 10px;
margin-bottom : 4px;
}
#galerie1 {
margin: 0pt 3pt 0pt 0pt;
border: 1px none #a0a0a0;
height : 450px;
width : 100%;
}
#galerie-texte {
width:96%; 
margin-top: 40pt; 
margin-left : 3pt;
 
padding: 5pt 5pt 5pt 5pt;  
background: transparent;
border: 1px solid #a0a0a0;
}
#placeholder {
border : 1px none #000;
padding : 0;
}
.description {
font-size : 12px !important;
}
#album-cadre {
width: 100%;
border : 1px solid #fffff0;
}

#album1 {
background : transparent;
top : 200px;
width : 420px;
border : 1px solid #fffff0;
padding : 1% 0% 0% 1%;
z-index : 2;
font-size : 0.77em;
}
#album2 { 
float : right;
margin-top : 20px;
margin-left : 10px;
margin-right : 10px;
margin-bottom : 10px;
height: 360px;
overflow: auto;
width : 200px;
border : 1px solid #fffff0;
padding : 1% 0% 0% 1%;
z-index : 1;
text-align : center;
}
.vignettes {
padding : 5px 2px 5px 0;
}

/* ---------------------agenda mois jours -------------------------------------------    */

/* --------------position du mini calendrier -------------------------------------------*/
.calendrier{
text-align: center;
}

/* --------------Habillage du mini calendrier -------------------------------------------*/

#calendar { 
text-align: center; 
border: 1px solid #c6bbaa; 
padding: 2px; 
padding-top: 0.5em; 
}
#calendar table { 
width: 100%; 
margin: 0 auto; 
padding: 0; 
}
#calendar caption { 
padding: 0.5em 0; 
font-weight: bold; 
}
#calendar th { 
background: #ccc; 
font-weight: normal; 
color: #666; 
}
#calendar th abbr { 
border: none; 
cursor: help; 
}
#calendar td { 
margin: 0; 
padding: 0; 
border: none; 
text-align: center; 
background: transparent; 
line-height: 1.6em; 
}
#calendar td.horsperiode { 
background: #283f68; 
color: #ccc; 
}
#calendar td.occupe { 
background: orange; 
border: 1px none #0080ff; 
}
#calendar td a { 
font-weight: bold; 
text-decoration: none; 
display: block; }
#calendar td span { 
color: #aaa; 
}
#calendar td a:hover { 
color: #666; 
background: #cbd7e4; 
}

/* microformats hcal */
.vevent {
	background: #eee;
	border: 2px solid #ececec;
	-moz-border-radius: 1em;
	margin: 10px auto;
	padding: 10px;
	min-height: 80px; }
.vevent .summary, .vevent .summary a { color: #000; }
.vevent .summary a:hover { text-decoration: underline; }

/* */
.vevent .description, .vevent .metadata { display: none; }
.page_item .vevent .description, .page_item .vevent .metadata { display: block; }
.vevent .spip_logos { margin: 0 10px 10px 0; float: left; }
.page_item .vevent .spip_logos { margin: 0 0 10px 10px; float: right; }

/* */
.vevent .date {}
.vevent .dtstamp { border: none; }
.vevent .dtstart, .vevent .dtend { display: none; }
.vevent .location {}

 #conteneur { 
width: 50%;
}