@charset "iso-8859-1";
/* Date de création: 01/12/2007 */
body {
background-color:#333333;
}

p#liste{
margin-left:30px;
margin-top:4px;
margin-bottom:4px;
}

p#photo{
font-size:13px;
color:#000000;
font-weight:bold;
margin-left:50px;
margin-top:50px;
}


p#bas{
text-align:center;
}

p#titre{
margin-left:20px;
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
}

p#bouton {
margin-top:10px;
font-size:9px;
margin-right:20;
text-align:right;
}

p#message {
font-size:12px;
margin-left:300px;
text-align:center;
color:#FFFFFF;
width:250px;
border-right:solid 2px #FFFF99;
border-left:solid 2px #FFFF99;
border-top:solid 2px #FFFF99;
border-bottom:solid 2px #FFFF99;
}

p#information {
font-size:11px;
text-align:center;
color:#000066;
font-weight:bold;
border-right:solid 1px #000066;
border-left:solid 1px #000066;
border-top:solid 1px #000066;
border-bottom:solid 1px #000066;
margin-left: 50px;
margin-right: 50px;
}

span#aster-red {
font-weight:bold;
font-size:14px;
color:#FF0000;
}

span#aster-green {
font-weight:bold;
font-size:14px;
color:#00FF00;
}

span#aster-blue {
font-weight:bold;
font-size:14px;
color:#0000FF;
}

span#aster-yellow {
font-weight:bold;
font-size:14px;
color:#FFFF00;
}

table.bandeau {
border-collapse:collapse;
width:79%;
background-image:url('../image/fond_bandeau.gif');
}

table.corps {
width:79%;
border-right:solid 1px #FFFFFF;
border-left:solid 1px #FFFFFF;
background-image:url('../image/fond_damier3.bmp');
}

table.calendrier {
width:100%;
}

td,p {
font-size:12px;
text-align:justify;
margin-left:10px;
margin-right:10px;
margin-top:2px;
margin-bottom:0px;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #000000;
}


td.corps-100 {
vertical-align:top;
width:100%;
}

td.bas-100 {
vertical-align:top;
width:100%;
background-color:#CCCCCC;
}


td.corps-80 {
vertical-align:top;
width:80%;
}

td.corps-75 {
vertical-align:top;
width:75%;
}

td.corps-70 {
vertical-align:top;
width:70%;
}

td.corps-50 {
vertical-align:top;
width:50%;
}

td.corps-40 {
vertical-align:top;
width:40%;
}

td.corps-35 {
vertical-align:top;
width:35%;
}

td.corps-30 {
vertical-align:top;
width:30%;
}

td.corps-20 {
vertical-align:top;
width:20%;
}

td.corps-25 {
vertical-align:top;
width:25%;
}

td.corps-titre-25 {
vertical-align:top;
width:25%;
}

td.dispo-1 {
text-align:center;
border-right:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
width:20px;
}

td.dispo-2 {
text-align:center;
border-right:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
width:100px;
}

td.dispo-3 {
text-align:center;
border-right:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
width:300px;
}
td.dispo-4 {
text-align:center;
width:150px;
}

h4{
margin-left:200px;
font-size:20px;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #000000;
text-align:center;
border-right:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
width:50%
}



h6{
font-size:16px;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
color: #FFFFFF;
margin-left: 10px;
margin-top:20px;
margin-bottom:10px;
}

p.charte{
font-size:12px;
margin-left:50px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
}

img.charte{
margin-left:50px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
}


/*Code du menu horizontal souligné*/

#underlinemenu{
margin: 0;
padding: 0;
}

#underlinemenu ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}

/*règle pour IE. Supprime la marge extra basse*/
* html #underlinemenu ul{ 
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}

/*Les liens tels que vous voulez qu'ils apparaissent*/
#underlinemenu ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
/*image de séparation des rubriques avec son adresse*/
background: white url(../image/menudivide.gif) top right repeat-y; 
}

/*Ici, c'est pour le configurer le survol des liens*/
#underlinemenu ul li a:hover{
color: red;
background-color: #F3F3F3;
border-bottom: 4px solid red;
padding-bottom: 0;
}

div.tour {
margin-left:30;
border-right:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
width:80%;
}

/*---------------menu membre ---------------*/
#underlinemenumembre{
margin: 0;
padding: 0;
}

#underlinemenumembre ul{
margin: 0;
margin-bottom: 1em;
padding-left: 0;
float: left;
font-weight: bold;
width: 100%;
border: 1px solid #DFDFDF;
border-width: 1px 0;
}

/*règle pour IE. Supprime la marge extra basse*/
* html #underlinemenumembre ul{ 
margin-bottom: 0;
}

#underlinemenumembre ul li{
display: inline;
}

/*Les liens tels que vous voulez qu'ils apparaissent*/
#underlinemenumembre ul li a{
float: left;
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
/*image de séparation des rubriques avec son adresse*/
background: white url(../image/menudivide.gif) top right repeat-y; 
}

/*Ici, c'est pour le configurer le survol des liens*/
#underlinemenumembre ul li a:hover{
color: #FFFFFF;
background-color: #999999;
/*border-bottom: 4px solid #000000;*/
padding-bottom: 0;
}