body {
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5c5c5c;
	background-color:#eeeeee;
	}

/* Balises H */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	display: inline;
	color:  #5c5c5c;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	line-height: 15px;
	color:  #5c5c5c;
	display: inline;
}
/* texte */

.titreh2 {
	margin-top:7px;
}

.rouge {
color:#F00;
}
.rose {
color:#f6699c;
}
.vert {
color:#00912c;
}

.gris {
color:#5c5c5c;
}

.gris10
    {
	font-family:Arial, Helvetica, sans-serif;
	color:  #555555;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
    }

/* liens */
a.gris12
    {
	font-family:Arial, Helvetica, sans-serif;
	color:  #555555;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
    }
a.gris12:hover
    {
    color: #f6699c;
    } 
a.gris12b
    {
	font-family:Arial, Helvetica, sans-serif;
	color:  #555555;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
    }
a.gris12b:hover
    {
    color: #f6699c;
    }
a.gris11
    {
	font-family:Arial, Helvetica, sans-serif;
	color:  #555555;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
    }
a.gris11:hover
    {
    color: #f6699c;
    }

a.gris10
    {
	font-family:Arial, Helvetica, sans-serif;
	color:  #555555;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
    }
a.gris10:hover
    {
    color: #f6699c;
    }

a.rose12b2
    {
	font-family:Arial, Helvetica, sans-serif;
	color:  #f669ae;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
    }
a.rose12b2:hover
    {
    color: #a8105b;
    }

a.rose12
    {
	font-family:Arial, Helvetica, sans-serif;
	color:  #f669ae;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
    }
a.rose12:hover
    {
    color: #a8105b;
    }

/* speciaux */

.imagel{
float:left;
margin-top:-5px;
margin-right:10px;
}
.imager{
float:right;
margin-top:-5px;
margin-left:10px;
}


.lettrine {
float: left; /* positionnement de la lettrine dans le conteneur*/
margin: 0 10px 5px 0;
/*padding: 5px;*/
}

.d350 {
width:340px;
}

.d300 {
	margin-top:20px;
width:290px;
}

.divline {
float:left;
width:210px;
height:200px;
padding: 5px;
font-size:9px;
font-style:italic;
color:#999;
}

.head {
float:left;
text-indent:45px;
margin-top:170px;

}

#coverflow {
	width:660px;
	background-color:#ffffff;
}

.mouse{
margin-top:-20px;
/*z-index:10010;*/
}


#marqueecontainer{
position: relative;
width: 380px; /*marquee width */
height: 250px; /*marquee height */
background-color: white;
overflow: hidden;
/*border: 3px solid orange;*/
padding: 2px;
padding-left: 4px;
}

.calendrier{
margin-top:5px;
margin-left:20px;
border:#CCC 1px dashed;
float:left;
width:600px;
padding: 5px;
color: #5c5c5c;
}
#calendrier1{
display:none;
}

/* Menu CSS*/	
	
ul#menu
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;

/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 2px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu li a
{
	direction:rtl;
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 270px;
	line-height: 30px;
	color: #666666;
	text-indent: 55px; /* On décale le texte de 40px du bord gauche */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	background: url(imgs/menu.jpg) no-repeat 0 0; /* On met une image de background, que l'on positionne a 0px du bord gauche et 0px du bord haut */	/*border: 1px solid #dbd ;*/
}

ul#menu li a:hover
{
	background: url(imgs/menu.jpg) no-repeat 0 -30px; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	/*border: 1px solid #f97 ;*/
	color: #f6699c;
	font-size: 13px;
}


/* Menu accueil*/
ul#menuhome
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;

/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menuhome li
{
	margin: 0 0 2px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menuhome li a
{
	direction:rtl;
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 270px;
	line-height: 30px;
	color: #666666;
	text-indent: 55px; /* On décale le texte de 40px du bord gauche */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	background: url(imgs/menu.jpg) no-repeat 0 0; /* On met une image de background, que l'on positionne a 0px du bord gauche et 0px du bord haut */	/*border: 1px solid #dbd ;*/
}

ul#menuhome li a:hover
{
	background: url(imgs/menu.jpg) no-repeat 0 -30px; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	/*border: 1px solid #f97 ;*/
	color: #f6699c;
	font-size: 13px;
}




/* Menu PRO CSS*/	
	
ul#menupro
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;

/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menupro li
{
	margin: 0 0 2px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menupro li a
{
	direction:rtl;
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 270px;
	line-height: 30px;
	color: #666666;
	text-indent: 55px; /* On décale le texte de 40px du bord gauche */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-decoration: none;
	background: url(imgs/menupro.jpg) no-repeat 0 0; /* On met une image de background, que l'on positionne a 0px du bord gauche et 0px du bord haut */	/*border: 1px solid #dbd ;*/
}

ul#menupro li a:hover
{
	background: url(imgs/menupro.jpg) no-repeat 0 -30px; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	/*border: 1px solid #f97 ;*/
	color: #f6699c;
	font-size: 13px;
}

/* loading */

#loadingMessage {
	position:absolute;
	left:0px;
	top:0px;
	width:480px;
	height:250px;
	z-index:100;
	/*background:#FFFFFF;*/
}


#loadingLayer {
	position:absolute;
	left:0px;
	top:0px;
	width:226px;
	height:85px;
	z-index:99;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	background:#eeeeee;
	visibility:hidden;
}

/* formulaire */
#footp
{
    display:none;
}