/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 11
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */


/* Général */
body {
	color: #112D32;
	background: url(images/fond.jpg);
}
a {
	color: #4F9300;
}
a:hover, a:focus {
	color: #2B6832;
}
strong {
	color: #A1B55D;
}

/* Conteneur central */
#centre {
	background: url(images/cg.png) repeat-y;
}


/* Navigation */
#navigation {
	float:left;
	background: #98D200;
	text-align:center;
	padding: 10px 10px;
	width:208px;
}
#navigation a {
	color:#A1D700 ;
}
#navigation a:hover, #navigation a:focus {
	color:#000000 ;
	
}

/* Contenu principal */
#principal {
	color: #A1D700;
	background: #112D32;
}
#principal a {
	color: #EEFDC9;
}
#principal a:hover, #principal a:focus {
	color: #D9FB83;
}
#principal strong {
	color: #181A12;
}

/* Contenu secondaire */
#secondaire {
	background: #98D200;
}



/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 20px 5px;
}
#global {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	padding: solid 0px 0px;
	text-align: center;
	}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 0px 0px 0px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Bloc central */
#centre {
	width: 100%;
	overflow: hidden;
}

<!--[if lte IE 6]><style type="text/css">	
div#centre {
	overflow: auto;
	height: 1%;
}
</style><![endif]-->

/* Menu de navigation */
#menuv {   
background: #000 url(images/menup.jpg) no-repeat;
list-style: none;
padding: 5px 0px 5px 0px;
margin: 0px;
}
             
             
#menuv li {
margin: 5px;
}
             
#menuv li a {
            
display: block;
font-size: 1em;
font-family: verdana;
font-weight: bold;
text-decoration: none;
color: #000;
background: #517877;
opacity: 0.7;
filter: alpha(opacity:70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
}
             
#menuv li a:hover {
opacity: 1;
filter: alpha(opacity:100);
-khtml-opacity: 1;
-moz-opacity: 1;
background: transparent;
color: #fff;
}

<!--[if IE]>
        
        <style>
            /* debuggage special IE */
            /* on est oblige de preciser un zoom 1 pour des raisons de layout */ 
             #menuv li {
                display: block;
                zoom:1;
                /* ici, elle sert à ce que l'espace entre les li soit réduit (ils prennent toujours plus d'espace
                que sous firefox, pour supprimer ces marges incompressibles, il faudrait supprimer les espaces 
                danse le code html) */

             }
             
             #menuv li a {
                zoom:1;
                
                /* ie n'affiche pas bien son propore filtre d'opacité si on ne donne pas un layout aux liens */
                
                background: transparent url(images/blanc.png);
                /* ie supporte tres mal le passage à un background colore à un backgrouns transparent, on utilise donc
                un gif blanc comme fond*/
                
             }
             
             #menuv li a:hover {
                background-image: url(images/none.png);
                /* on remplace le gif blanc par un gif transprent*/
             }
             
             
             
        </style>
<![endif]-->

/* Menu principal */

ul#menuh {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

ul#menuh li {
float: left;
list-style-type: none;
}

ul#menuh a {
float: left;
margin: 0px 0px;
padding: 5px 16px;
border-left: 1px solid #2B6832;
border-bottom:3px solid #2B6832;
text-decoration: none;
color: #A1D700;
background: #4F9300;

}

ul#menuh a:hover {
background: #2B6832;

}

/* Contenu principal */
#principal {
	float:left;
	width:446px;
	padding: 10px 0px;
	text-align: left;
}
#principal > :first-child {
	margin-top: 10px;
	margin-left:20px;
	margin-right:10px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* Contenu secondaire */
#secondaire {
	margin-left:675px;
	padding: 12px 1px;
	text-align: center;
}

/* Pied de page */
#pied { color: #4F9300;
	background: #112D32;
	margin: 0;
	padding: 15px 15px 15px 15px;
	font-size: .85em;
	text-align: center;
}

/*Calendrier */

.main {
width:205px;
margin: 0px 0px 0px 0px;
}

.month {
background-color:#4F9300;
font:bold 12px verdana;
color:#98D200;
}

.daysofweek {
background-color:#112D32;
font:bold 12px verdana;
color:#D9FB83;
}

.days {
font-size: 12px;
color:#381941;
background-color: lightyellow;
padding: 2px;
}

.days #today{
font-weight: bold;
color: #98D200;
}