@charset "utf-8";
/* CSS Document */

   body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*background: #666666;*/
	margin: 0; /* il est conseill&eacute; de mettre à z&eacute;ro la marge et le remplissage de l'&eacute;l&eacute;ment body, pour tenir compte des diff&eacute;rentes valeurs par d&eacute;faut des navigateurs */
	padding: 0;
	text-align: center; /* ce param&eacute;trage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite align&eacute; à gauche (valeur par d&eacute;faut) dans le s&eacute;lecteur #container */
	color: #000000;
	font-size: 10px;
    }
    .twoColFixLtHdr #container {
	width: 990px;  /* param&eacute;trage de la largeur à 20 pixels de moins que le plein &eacute;cran (1024 pixels) pour tenir compte de l'habillage du navigateur et &eacute;viter l'apparition d'un ascenseur horizontal */
	background: #FFFFFF;
	margin: 0 auto; /* les marges automatiques (et dot&eacute;es d'une largeur positive) centrent la page */
	/*border: 1px solid #000000;  ce param&eacute;trage annule le param&egrave;tre text-align: center de l'&eacute;l&eacute;ment body. */
    } 
    .twoColFixLtHdr #header { 
    	background: #FFFFFF; 
    	padding: 0 10px 0 0;  /* ce remplissage correspond à l'alignement à gauche des &eacute;l&eacute;ments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est ins&eacute;r&eacute;e dans l'&eacute;l&eacute;ment #header, il est conseill&eacute; de supprimer le remplissage. */
    } 
    .twoColFixLtHdr #header h1 {
	margin: 0; /* la mise à z&eacute;ro de la marge du dernier &eacute;l&eacute;ment du div #header permet d'&eacute;viter une disparition de la marge (espace inexplicable entre les &eacute;l&eacute;ments div). Si l'&eacute;l&eacute;ment div est entour&eacute; d'une bordure, cette pr&eacute;caution n'est pas n&eacute;cessaire, car la bordure &eacute;vite &eacute;galement la disparition de la marge */
	padding:  0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'&eacute;loigner l'&eacute;l&eacute;ment des bords de l'&eacute;l&eacute;ment div */
	font-size: 100%;
    }
    .twoColFixLtHdr #sidebar1 {
	float: left; /* cet &eacute;l&eacute;ment est flottant, il faut donc lui attribuer une largeur */
	width: 150px;
	text-align: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	background:#C07EA3;
    }
    .twoColFixLtHdr #mainContent {
	margin: 0 0 0 0; /* La marge gauche de cet &eacute;l&eacute;ment div cr&eacute;e la colonne qui s'&eacute;tend sur le c&ocirc;t&eacute; gauche de la page - quel que soit le contenu de l'&eacute;l&eacute;ment div sidebar1, l'espace de cette colonne reste intact. Vous pouvez supprimer cette marge si vous souhaitez que le texte de l'&eacute;l&eacute;ment div #mainContent remplisse l'espace de l'&eacute;l&eacute;ment #sidebar1 lorsque le contenu de ce dernier se termine. */
	padding: 0 ;
	text-align: left;
	font-size: 14px;
    } 
	
    .twoColFixLtHdr #footer { 
		
    	padding: 0 5px 0 10px; /* ce remplissage correspond à l'alignement à gauche des &eacute;l&eacute;ments des div qui apparaissent au-dessus. */
    	background:#9C20DF; 
    } 
    .twoColFixLtHdr #footer p {
    	margin: 0; /* la mise à z&eacute;ro de la marge du premier &eacute;l&eacute;ment du pied de page permet d'&eacute;viter une possible disparition de la marge (espace entre les &eacute;l&eacute;ments div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet &eacute;l&eacute;ment cr&eacute;e un espace, tout comme une marge l'aurait fait, mais en &eacute;vitant le risque de disparition de la marge */
    }
    .fltrt { /* cette classe permet de rendre flottant le c&ocirc;t&eacute; droit d'un &eacute;l&eacute;ment dans la page. L'&eacute;l&eacute;ment flottant doit pr&eacute;c&eacute;der l'&eacute;l&eacute;ment à c&ocirc;t&eacute; duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le c&ocirc;t&eacute; gauche d'un &eacute;l&eacute;ment dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit &ecirc;tre plac&eacute;e pour un &eacute;l&eacute;ment div ou break et doit &ecirc;tre l'&eacute;l&eacute;ment final avant la balise de fin d'un conteneur qui doit contenir enti&egrave;rement un &eacute;l&eacute;ment flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
.imageflottante 
{ 
float:right; 
margin:0 0 0 10px;
} 	
.imageflottanteleft 
{ 
float:left; 
margin:0 10px 0 0;
} 	
	
   /*[if IE 5]>
    <style type="text/css"> 
     placer les corrections pour le mod&egrave;le de bo&icirc;te css pour IE 5.x dans ce commentaire conditionnel 
    .twoColFixLtHdr #sidebar1 { width: 230px; }
  [endif]
  
  [if IE]
     placer les corrections pour toutes les version d'IE dans ce commentaire conditionnel 
    .twoColFixLtHdr #sidebar1 { padding-top: 30px; }
    .twoColFixLtHdr #mainContent { zoom: 1; }
    la propri&eacute;t&eacute; propri&eacute;taire zoom ci-dessus transmet à IE l'attribut hasLayout n&eacute;cessaire pour &eacute;viter plusieurs bogues 
    [endif]*/
	


.header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
	text-align: left;
	width:990px;
}

.contenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*text-align: left;*/
	width:455px;
	float: left;
	margin-left:20px;
	
}
.contenu1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
	width:300px;
	height:273px;
	float: right;
}
.contenu1left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	width:165px;
	float: left;
}
.contenu1right {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	width:260px;
	float: right;
}

.text {
	font-size: 12px;
	text-align:left;
}
.text16 {
	font-size: 16px;
	text-align:center;
	color: #036;
	font-weight: bold;
}
.contadm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	list-style:none;
	width:170px;
	float:left;
}
.contadmleft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	list-style:none;
	width:170px;
	float: left;
	margin-left:35px;
}
.headeradm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: auto;
	text-align: center;
	width:800px;
	border:medium;
}

      label {
        font-family:Arial,sans-serif;
        font-size:9pt;
        position:absolute;
        top:-10px;
        left:2px;
        background-color:white;
        padding:1px;
        }
      #listJour {
        font-size:12px;
        height:20px;
        }
      #listMois {
        font-size:12px;
        height:20px;
        width:150px;
        }
      #imgCalend {
        border-width:0px;
        position:relative;
        top:4px;
        }
.theme {font-size:15px; color:white;font-style:italic; background:#330066; font-weight:bold}