@charset "iso-8859-1";
/* auteur: Philippe Jacquin */
/* Date de création: 02/03/2005 */

html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color:#ffffcc;
scrollbar-face-color :#cc0000; /* couleur du bouton de l'ascenseur*/ 
scrollbar-track-color : #ffffde; /* couleur du fond de l'ascenseur*/ 
overflow-y:hidden /* supprime l'ascenseur droit dans IE */ 
}

.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
position: absolute;
background-color:#ffffcc;
background-image:url(images/or2.jpg);

}

.frise{
background: url(images/friserouge.gif);
margin: 0;
padding: 0;
background-color: #ffffcc;
width:100%;
height:25px;
vertical-align:absbottom;
}

.header {
height: 9%;
width:100%;
background-image:url(images/or2.jpg);
background-color: #ffffcc;
}

.menu {
position: absolute;
left:0;
padding-left:2em;
padding-top:2em;
width: 140px;
background-color:#ffffcc;
background-image:url(images/or2.jpg);
z-index:0;
}

.ombre { /* boite d'arrière plan dont le débordement crée l'ombrage */
width:100px ; /* largeur de la boite, en pixels */
height:100% ; /*hauteur de la boite, en pixels */
background-color:black ; /* couleur de la boite, donc de l'ombre */
}

.boite { /* boite principale */
width:100px ; /* largeur de la boite, en pixels */
 height:100% ;/*hauteur de la boite, en pixels */
background-color:white ; /* couleur de la boite */
position:relative ; /* indique un décalage par rapport à la position normale */
top:-7px ; /* décalage de 7 pixels vers le haut */
left:-7px} /* décalage de 7 pixels vers la gauche */

a.externe {
    background: transparent url(images/externe.png) no-repeat right top;
    padding: 0 14px 0 1px;
}
a.menu1 {
text-decoration:none ; /* supprime le soulignement des liens */
display:block ; /* Crée un retour à la ligne à la fin de chaque bouton */ 
background-color:#CC0000 ; /* couleur du bouton */ 
color:#ffffcc ; /* couleur du texte */
font-size:12px ; /*taille du texte */
margin:0px ; /* la marge extérieure autour des boutons est =0 (les boutons se touchent) */ 
padding:4px; /* la marge intérieure autour des boutons est de 4 pixels*/
border:1px solid; /* il y a une bordure solide de 1 pixel autour de chaque bouton */
border-color:red black black red ; /* couleurs des 4 cotés des bordures, dans le sens des aiguilles d'une montre */
text-align:center; /* centre le texte de chaque bouton */
width:110px } /* fixe la largeur de chaque bouton à 100 pixel */

a.menu1:hover {
border-top:2px solid brown; /* change la couleur et l'épaisseur de la bordure haute lors du survol par la souris */
border-bottom:2px solid #CC0005 ; /* change la couleur et l'épaisseur de la bordure basse lors du survol */
padding:3px 4px 3px 4px ;/* diminue la marge intérieure haute et basse du bouton survolé, pour compenser l'augmentation de la taille de la bordure */
color: #ffffff;
}

.corps{
margin-left: 166px;
padding: 1em 1em 1em 1em;
width: auto;
height:75%;
background-color:#ffffde;
border-left:  solid 3px #cc0000;
border-bottom:  solid 3px #cc0000;
overflow: auto;
z-index:1;
}

.edito{
margin:0;
padding:1em;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 75%;
font-weight:bold;
text-align:justify;
background-color:#ffffcc;
border: groove thin #ccccFF;
}
.liens{
margin-left:2em;
float:left;
}
.pied{
margin:0;
text-align:center;
vertical-align:middle;
background-color:#ffffcc;
background-image:url(images/or2.jpg);
padding-top:0.5em;
padding-bottom:1em;
}
.copy{
font-size:x-small;
font-weight:bold;
}
li.normal{
text-indent:1.5em;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 100%;
margin-left:0.5em;
margin-bottom:0.5em;
color: black;
display : list-item;
list-style-type:disc;
list-style-image : none;
list-style-position: outside;
vertical-align:text-bottom;
}
li.gif {
text-indent:1.5em;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 100%;
margin-left:0.5em;
margin-bottom:0.5em;
color: black;
display : list-item;
list-style-image : url(images/icob5.gif);
list-style-position: outside;
vertical-align:text-bottom;
} 

li.gif1{
text-indent:1.5em;
margin-bottom:0.5em;
display : list-item;
list-style-image : url(images/icor5.gif);
list-style-position: outside;
vertical-align:text-bottom;
padding-right:2em;
margin-left:6em;
}

li.gif2 {
text-indent:1.5em;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
font-size: 100%;
margin-bottom:0.5em;
color: black;
display : list-item;
list-style-image : url(images/puce.gif);
list-style-position: outside;
vertical-align:text-bottom;
} 
.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
font-size: 3em; /* 3 hauteurs de lignes pour la lettrine*/
font-weight: bold;
font-family: Georgia, Times New Roman, Times, serif;
color: #990000;
border: 1px solid #990000; /* définition d'une bordure autour de la lettrine*/
background-color: #FFFFCC; 
margin: 1px;
padding: 1px;
text-align:center;
}
.wm{
text-align:right;
margin-right:0.5em;
margin-bottom:0.5em;
font-size:xx-small;
font-weight:bolder;
font-family:arial;
}
.calendrier{
width:12%;
height:85%;
background-image:url(images/or2.jpg);
background-color: #ffffcc; 
border: 1px solid #990000;
float:right;
padding-top:1em;
overflow: auto;
text-align:center;
z-index:2;
}
.rdv{
background-color:#ffffcc;
color:#cc3333;
font-weight:bold;
font-size:x-small;
text-align:center;
padding:0.3em;
}
.dates{
font-size:xx-small;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
}
.affiche{
font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
padding:0em 3em 0.5em 3em;
text-align:justify;
}