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

/* Pour quiconque aura à maintenir le site du ycq dans le futur, toute la mise en page du site du YCQ */
/* se trouve dans ce fichier css. Pour changer le look&feel sans modifier le contenu, c'est dans ce fichier qu'il faut regarder. */
/* Si vous avez besoin d'aide, le site Internet http://www.lesiteduzero.com contient des tutoriaux HTML PHP qui sont bien vulgarisés */
/* P Villemaire, nov 2007 */


body
{
   width: 951px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   /*background-color:#000033;*/
   background-color:#FFFFFF;
   /*background-repeat: repeat-x;*/
}

#en_tete a
{
	color:white;
	padding-top:45px;
	font-size: 0.8em;
	padding-right: 5px;
	padding-left: 5px;
}

#en_tete a:hover
{
	text-decoration: none;
	color:#FFCF00;
	font-weight: normal;
	padding-right: 5px;
	padding-left: 5px;	/* margin-right:1px;
	margin-left:1px;
	*/
}

#en_tete
{
	width: 951px;
	height: 181px;
	background-image: url("../images/baniere_top.gif");
	background-repeat: no-repeat;
	margin-bottom: 0px;
	/*padding-bottom:65px;*/
   color:white;
	text-align:right;
	padding-top: 45px;
   /*border: 2px #336699;*/
   /*background-color:#336699*/
}


#menu_droit
{
   float: right; /* Le menu flottera à gauche */
   width: 196px; /* Très important : donner une taille au menu */
   /*background-image: url("../images/background_titre_menu_droit.gif");*/
   /*border: 2px solid #336699;*/
}

.element_menu_droit
{
	background-image: url("../images/background_titre_menu_droit.gif");
	background-repeat: no-repeat;
}

.element_menu_droit p
{
	padding-top: 9px;
	padding-left: 10px;
	/* font-size: 0.9em; */
}


.element_menu_droit a
{
/*
	background-image: url("../images/background_titre_menu_droit.gif");	
	background-repeat: no-repeat;
*/
/*
   text-decoration: none;
   color: navy;
   font-family: Verdana, "Arial Black", Arial, serif;
   font-size: 0.7em;
*/

}

/* liens contenu page de gestion ???? */
.aGest 
{
   text-decoration: none;
   color: gray;
   font-family: Verdana, "Arial Black", Arial, serif;
   font-size: 0.4em;
}

.aGest a 
{
   text-decoration: none;
   color: gray;
   font-family: Verdana, "Arial Black", Arial, serif;
   font-size: 0.4em;
}


.aGest a:hover 
{
	text-decoration: none;
	color: blue;
}

.aMenuDroit 
{
   text-decoration: none;
   color: blue;
   font-family: Verdana, "Arial Black", Arial, serif;
   font-size: 0.8em;
}

#menu_gauche
{
   float: left; /* Le menu flottera à gauche */
   width: 154px; /* Très important : donner une taille au menu */

   /*border: 2px solid #336699;*/
}

.element_menu_gauche1 a
{
   padding-left:8px;
   color: navy;
   font-size: .8em;
}

.element_menu_gauche1 a:hover
{
	text-decoration: none;
	color: blue;
	margin-left:2px;
	/*border-left: 1px solid white;
   border-top: 3px solid white;*/
   /*background-color:#FFFF00;*/
}

.element_menu_gauche1
{
   /*background-color: #626262;*/
   /*background-image: url("images/motif.png");*/
   background-image: url("../images/background_menug.gif");
   background-repeat:no-repeat;
   /*border: 2px solid #336699;*/
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

.element_menu_gauche2
{
   /*background-color: #626262;*/
   /*background-image: url("images/motif.png");*/
   /*background-repeat: repeat-x;*/
   /*border: 2px solid #336699;*/
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

#corps
{
   /*height: 300px;*/
   margin-left: 160px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-right: 202px;
   /*width: 582;*/
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: navy;
   background-color: white; /* Une couleur de fond pour le corps */
   /*border: 2px solid #336699; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corpsMAJ
{
   /*height: 300px;*/
   margin-left: 160px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-right: 0px;
   /*width: 582;*/
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: navy;
   background-color: white; /* Une couleur de fond pour le corps */
   /*border: 2px solid #336699; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

#corps a:hover
{
	color: #0000FF;
	background-color: #FFCC33;
}

#pied_de_page
{
   margin-left: 160px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 202px;
   padding: 5px;
   font-size:.6em;
   text-align: center;
   color: navy;
   background-color: white;
   /*border: 2px solid #336699;*/
}
.imgNoBorder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.imgFlottanteLeft
{
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 15px;
}

.imgFlottanteRight
{
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 15px;
}

.clrImgFlottante
{
	clear: both;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #00009C;
	text-align: left;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	;
	font-weight: lighter;
	font-size: large;
	color: #00009c;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	;
	font-weight: normal;
	font-size: medium;
	color: #00009c;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	color: #00009c;
}

h6 {
	font-size: 0.6em;
	color: navy;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.slogan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
}
table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse: collapse;
}
.table_activite1 {
	/*border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; */
	/*width="575" */
	border-collapse: collapse;
	border: 1px solid #000000;
}
th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	padding-bottom: 5px;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #000000;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	padding-bottom: 5px;
	padding-left:5px;
	padding-right:5px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: top;
}

td a {
	text-decoration: underline;
	color: blue;
}


.tdMois {
	background-color: #FFCC01;
}

li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	padding-bottom: 5px;
}


.p_menus {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: navy;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* p, a */
p
{
	padding-top: 5px;
	padding-bottom: 5px;
   font-family: Verdana, "Arial Black", Arial, serif;
   font-size: .9em;
   color: navy;
}

ul
{
	font-family: Verdana, "Arial Black", Arial, serif;
	font-size: 0.8em;
	list-style-type: circle;
}

a
{
   text-decoration: none;
   color: blue;
   font-family: Verdana, "Arial Black", Arial, serif;
   /*font-style: italic; /* Les liens seront en italique (pourquoi pas ?) */
	/*
font-weight:bold;
*/
}


a:hover {
	text-decoration: none;
	color: navy;	
	/*font-weight: bold;		
	margin-left:2px;*/
}