@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-left: auto ; 
	margin-right: auto ;
	margin-top: 20px;
	margin-bottom: 20px;
	/*background-color:#000033;*/
	background-color: #FFFFFF;
	/*background-repeat: repeat-x;*/
	font-size: medium;
	font-family: Verdana, "Arial Black", Arial, sans-serif;
	/*text-align:center; */
	/* margin:20px auto; */
}

div#frame 
{
	border:none;
	width:951px;
	/*text-align:left;*/
}


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

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

#entete
{
	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;
}


#menuDroit
{
	float: right; /* Le menu flottera à gauche */
	width: 196px; /* Très important : donner une taille au menu */
	/*border: 2px solid #336699;*/
}


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

.elementMenuDroit p
{
	padding-top: 9px;
	margin:0;
	padding-left: 10px;
	font-size: 0.8em;
}


.elementMenuDroit 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;
}


#search
{
	font-size: medium;
	font-family: Verdana, "Arial Black", Arial, sans-serif;
	color: navy;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-collapse: collapse;
}

#menuGauche
{
   float: left; /* Le menu flottera à gauche */
   width: 154px; /* Très important : donner une taille au menu */
   color: navy;
   /*border: 2px solid #336699;*/
}

#menuGauche p
{
	padding-top: 9px;
	padding-left: 10px;
	font-size: 0.9em; 
}

#menuGauche a
{
   /* padding-left:0px; */
   color: navy;
   font-size: .8em;
}

#menuGauche a:hover
{
	text-decoration: none;
	color: blue;
	/* background:#0053A0;  bleu ycq*/
	background:#FFCC01; /*jaune ycq*/
	/* margin-left:2px; */
	/*border-left: 1px solid white;
   border-top: 3px solid white;*/
   /*background-color:#FFFF00;*/
}

.elementMenuGauche1 ul,.elementMenuGauche2 ul,.elementMenuGauche3 ul
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, "Arial Black", Arial, serif;
	font-size: 0.8em;
	list-style-type: none;
}

.elementMenuGauche1 li,.elementMenuGauche2 li ,.elementMenuGauche3 li 
{
	background: url(../images/bullet_arrow_3.png) left 5px no-repeat ;
	padding: 0px;
	padding-left: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	list-style-type: none;
}


.elementMenuGauche1
{
   /*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 */
}

.elementMenuGauche2
{
   /*background-color: #626262;*/
   /*background-image: url("images/motif.png");*/
   background-image: url("../images/background_titre_menugauche.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 */
}

.elementMenuGauche3
{
   /*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: 582px; */
   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_sansMenuDroit
{
   /*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: 582px; */
   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 */
}

#forumwidget
{
   height: 2000px;
   margin-left: 170px;  /* ma\rgin-left:0; */
   margin-bottom: 20px; 
   margin-right: 0px;
   /* width: 582px;  w\idth:581px; */
   padding: 5px; 
   color: navy;
   background-color: white; 
}


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

#piedDePage
{
   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;*/
}

#piedDePage a 
{
	color: transparent;
 	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.imgNoBorder {
	BORDER:0;
	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;
}

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

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;
}
.tableActivite1 {
	/*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;
}

.tdLogin {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    padding-bottom: 5px;
    padding-left:5px;
    padding-right:5px;
    border: 0px;
    border-style: inset;
    text-align: left;
    vertical-align: top;
    color: navy;
}

.tdCorpsForm {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    padding-bottom: 5px;
    padding-left:5px;
    padding-right:5px;
    border: 0px;
    border-style: inset;
    text-align: left;
    vertical-align: top;
    color: navy;
}

.tdLoginBOX {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    padding-bottom: 1px;
    padding-left:1px;
    padding-right:1px;
    /*border: 1px ;
    border-style: inset;*/
    text-align: left;
    vertical-align: top;
    color: navy;   
    width:122px; 
}

.tdCorpsFormBox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: medium;
    padding-bottom: 1px;
    padding-left:1px;
    padding-right:1px;
    /*border: 1px ;
    border-style: inset;*/
    text-align: left;
    vertical-align: top;
    color: navy;   
    width:122px; 
}

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


.tdMois {
	background-color: #FFCC01;
}

.pMenuDroit {
	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
{
	margin: 1px;
	padding: 8px;
	font-family: Verdana, "Arial Black", Arial, serif;
	font-size: 0.8em;
	list-style-type: disc;
}



li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	list-style-type: disc;
}
*/

ul, #corps ul
{
	margin: 1px;
	padding-left: 25px;
	font-family: Verdana, "Arial Black", Arial, serif;
	font-size: 0.8em;
	list-style-type: circle;
}

li, #corps li
{
	list-style-type: circle;
	padding-top: 10px;
	font-size: 16px;
}

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;*/
}

legend 
{
 font-family: Verdana, "Arial Black", Arial, sans-serif;
 font-size: medium;
}

label 
{
 font-family: Verdana, "Arial Black", Arial, sans-serif;
 font-size: .8em;
}



.TXNewsletters_form_labelGauche {
display:block;
padding-top:2px;
float:left;
width:180px;
height:18px;
color: #333333;
position:relative;
top:0px;
text-align:left;
margin-right:2px;
}

.TXNewsletters_form {
margin:10px;
padding:2px;
}

.TXNewsletters_form_right {
padding-left:185px;
}

.TXNewsletters_form_item {
padding:1px;
margin:2px;
}

.TXNewsletters_form_item TEXTAREA {
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

.TXNewsletters_form_item INPUT {
height:20px;
vertical-align:middle;
border:1px solid #bbbbbb;
font-size:11px;
color: #333333;
}

INPUT.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_noborder {
border:0;
}

.TXNewsletters_form_inputErr {
border:1px solid #ff0000;
}

.TXNewsletters_form_labelErr {
color:#ff0000;
}