/* Sidebar styles
-------------------------------------------------------- */

#sidebar ul {
	list-style: none;
	margin: 1em 0;
	padding: 0;
	/*border-top: 1px solid #ffd02c;*/
}
#sidebar li {
	display: block;
	margin: 0;
	padding: 4px 0;
	/*border-bottom: 1px solid #FFD02C;*/
}


#sidebar .syndicate ul {
	border-top: none;
}
#sidebar .syndicate li {
	border-bottom: none;
}



#sidebar .tags ul {
	border-top: none;
	font-size: 1.1em;
	text-align: justify;
}
#sidebar .tags ul li {
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1.5em;
}

.mecs
{ color: #0000ff; text-decoration:none; }

.mecs:hover
{ color: #0000ff; text-decoration:underline; }

.filles
{ color: #ff00ff; text-decoration:none; }

.filles:hover
{ color: #ff00ff; text-decoration:underline; }



.rougec
{ color: #FF0000; text-decoration:none; }

.rougec:hover
{ color: #FF0000; text-decoration:underline; }

.rougef
{ color: #7e0000; text-decoration:none; }

.rougef:hover
{ color: #7e0000; text-decoration:underline; }




.menugauche
{ color: #fa5c18; text-decoration:none; }

.menugauche:hover
{ color: #F68B5D; text-decoration:underline; }

.footer
{ color: #fa5c18; text-decoration:none; }

.footer:hover
{ color: #F68B5D; text-decoration:none; }


.partenaires
{ color: #0033FF; text-decoration:none; }

.partenaires:visited
{ color: #0033FF; text-decoration:none; }

.partenaires:hover
{ color: #003399; text-decoration:none; }

.partenaires2
{ color: #0099FF; text-decoration:none; }

.partenaires2:hover
{ color: #6699FF; text-decoration:none; }

.barre
{ color: #339900; text-decoration:none; }

.barre:hover
{ color: #33CC33; text-decoration:none; }

.barre2
{ color: #33CC33; text-decoration:none; }

.barre2:hover
{ color: #339900; text-decoration:none; }

.barre3
{ color: #ff0000; text-decoration:none; }

.barre3:hover
{ color: #0000ff; text-decoration:none; }


.haut
{ color: #000000; text-decoration:none; }

.haut:hover
{ color: #ffffff; text-decoration:none; }

.dedi
{ color: #0000ff; text-decoration:none; }

.dedi:hover
{ color: #0099ff; text-decoration:none; }

.dedi2
{ color: #0000cc; text-decoration:none; }

.dedi2:hover
{ color: #0000ff; text-decoration:none; }

.rouge
{ color: #ff0000; text-decoration:none; }

.rouge:hover
{ color: #ff0000; text-decoration:underline; }




.Garçon
{color: #0000ff }

.Fille 
{color: #ff00ff }


.bgris
{border:1px solid #CCCCCC;padding:2px 4px 2px 4px; background-color:#FFFFFF;}


.lgris
{border:1px solid #CCCCCC;background-color:#FFFFFF;}

.lnnoir
{border:1px solid #0099ff;background-color:#FFFFFF;}

.lrose
{border:1px solid #ff00ff;background-color:#FFFFFF;}

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

.Garçon
{border:1px solid #0000ff;}

.Fille 
{border:1px solid #ff00ff;}

.Garçon2
{border:1px solid #0000ff;}

.Fille2
{border:1px solid #ff00ff;}

.Garçon_fond
{background-color:#0000ff;}

.Fille_fond
{background-color:#ff00ff;}

.cellulebleu{
	font-family: Arial, Verdana, Helvetica, sans-serifa;font-size: 12px;font-weight: bold;color:#FFFFFF;
	background-color : #32647D;padding-left : 3px;height : 16px;}
	
.cellulebleuc{
	font-family: Arial, Verdana, Helvetica, sans-serifa;font-size: 12px;font-weight: normal;color:#FFFFFF;
	background-color : #249CD3;padding-left : 3px;height : 16px;}
	
.celluleblanc{
	font-family: Arial, Verdana, Helvetica, sans-serifa;font-size: 12px;font-weight: normal;color:#FA5C18;
	background-color : #FFFFFF;padding-left : 0px;height : 16px;}


.tableau {  BACKGROUND-COLOR: #F3F4F5; BORDER: #D2D6D9 1px solid; COLOR: #063D61; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
.input {  BACKGROUND-COLOR: #F3F4F5; BORDER: #D2D6D9 1px solid; COLOR: #063D61; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}

/*
a
{ color: #009900; text-decoration:underline; }

a:hover
{ color: #006600; text-decoration:none; }
*/
/* Header */

#header  {
	/*background: #f0f0ec url(../images/topbar.gif) repeat-x left top;*/
	background: url("header20bg.png") repeat-x left top;
	padding: 0px 3% 12px 3%;
	position: relative;
	height:100px;
}


#logo {
	float: left;
	margin-top: 0px;
	margin-left: 10%;
}


#footer {
	background:  url("footer.gif") repeat-x left top;
	padding: 0 3% 10px 3%;
	clear: both;
}




.ann { /* nom de la class*/ 
   color:#0000ff; /* couleur du lien */
   font-size: 16px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  /* background-color: #FCFFCF; */
}
.ann:hover { /* nom de la class*/ 
   color:#ffffff; /* couleur du lien */
   font-size: 16px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  background-color: #0000ff; 
}





.tag-1 { /* nom de la class*/ 
   color:#0000ff; /* couleur du lien */
   font-size: 16px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  /* background-color: #FCFFCF; */
}
.tag-1:hover { /* nom de la class*/ 
   color:#ffffff; /* couleur du lien */
   font-size: 16px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  background-color: #0000ff; 
}

.tag-2 { /* nom de la class*/ 
   color:#ff00ff; /* couleur du lien */
   font-size: 18px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  /* background-color: #FCFFCF; */
}
.tag-2:hover { /* nom de la class*/ 
   color:#ffffff; /* couleur du lien */
   font-size: 18px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  background-color: #ff00ff; 
}


.tag-3 { /* nom de la class*/ 
   color:#0000ff; /* couleur du lien */
   font-size: 19px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  /* background-color: #FCFFCF; */
}
.tag-3:hover { /* nom de la class*/ 
   color:#ffffff; /* couleur du lien */
   font-size: 19px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  background-color: #0000ff; 
}

.tag-4 { /* nom de la class*/ 
   color:#ff00ff; /* couleur du lien */
   font-size: 15px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  /* background-color: #FCFFCF; */
}
.tag-4:hover { /* nom de la class*/ 
   color:#ffffff; /* couleur du lien */
   font-size: 15px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  background-color: #ff00ff; 
}



.site { /* nom de la class*/ 
   color:#009900; /* couleur du lien */
   font-size: 15px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  /* background-color: #FCFFCF; */
}
.site:hover { /* nom de la class*/ 
   color:#ffffff; /* couleur du lien */
   font-size: 15px; /* taille d'écriture */ 
   font-weight:bold; /* gras */ 
  background-color: #009900; 
}