body 
{
		font: normal 10px/1em "Eurostyle", Verdana, Arial, sans-serif;			
}

.image{border:0;}

a
{
	text-decoration:none;
	color:#009147;	
	font:Verdana, Arial, Helvetica, sans-serif;
}

.titre1
{
color:#00904b	;
font-size:14px;
font-weight:bold;
font:Verdana, Arial, Helvetica, sans-serif;
}

.colonneMilieu 
{
	background-image:url(../img/site/bande-centrale.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

.fondCollection
{
	background-color:#FFFFFF;
}



.accueilFondPartieGauche
{
	/*background:url(../img/site/degradeROSE-1x300.jpg);
	background-repeat:repeat-x;*/
	background-color:#c60d6e;
	text-align:justify;
}

.accueilFondPartieDroite
{
/*
	background:url(../img/site/degradeROUGE-1x300.jpg);
	background-repeat:repeat-x;
	background-color:#ba0c27;*/
	background-color:#ea252f;
}

.accueilFondGris
{
/*
	background:url(../img/site/degradeROUGE-1x300.jpg);
	background-repeat:repeat-x;
	background-color:#ba0c27;*/
		background-color:#c5b1a6;
}
     
.infobulle
{

  position: absolute;   
  visibility : hidden;
  border: 1px solid #CCC;
  padding: 10px;
  font-family: Verdana, Arial;
  font-size: 10px;
  background-color: #FFFFFF;
}


.lienBlanc
{
	color:#FFFFFF;
	font-weight:bold;
	
}

.lienBlancGros
{
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	
}


.textePartieBas
{
	color:#FFFFFF;
	font-size:16px;
	
}

.titre
{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.titrePartieGauche
{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:24px;
}

.textePartieGauche
{
	font-family:Verdana, Geneva, sans-serif;
	color:#FC3;
	line-height:1.2em;
	text-align:justify;
	
	
	font-size:14px;

}

.basDePageTitre
{
	
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:22px;
	line-height:1.2em;
}

.titrePartieDroite
{
	font-family:Verdana, Geneva, sans-serif;
	color:#762b75;
	font-size:40px;
}

.textePartieDroite
{
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;
	line-height:1.2em;
	text-align:justify;
}

.texteMenu
{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}

.titreContenu
{
	font-family:Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
}


.messageErreur
{
background:#b51b35;
border:3px solid #b51b35;
color:#FFF;
font-weight:bold;
font-size:10px;
margin:0.5em 0 1em;
padding:5px 20px 3px 40px;

/* position:relative;  si on le laisse, le cadre passe au dessus du menu ! */
}

.messageInfo
{
	color:#999999;
}

.menuaction-milieu
{
	background-image:url(../img/barre-menu-action-milieu.gif);
	background-repeat:repeat-x;
}

.menuaction-droite
{
	background-image:url(../img/barre-menu-action-droite.gif)	;
	background-repeat:no-repeat;
}

.menuaction-gauche
{
	background-image:url(../img/barre-menu-action-gauche.gif)	;
	background-repeat:no-repeat;
}

.tableauTitre
{
	color:#FFFFFF;
	background-color:#666666;
	font-weight:bold;
}

.tableauLigne1
{
	color:#666666;
	background-color:#eeefff;
}

.tableauLigne2
{
	color:#666666;
	background-color:#E6E6E6;
}

.tableauLigne3
{
	color:#666666;
	background-color:#FFFFFF;
}

.titreElementFormulaire
{
	font:Verdana,Arial,Helvetica;
	color:#5B5B5B;
	font-size:10px;
	font-weight:bold;
}

p
{
	font:Verdana,Arial,Helvetica;
	color:#5B5B5B;
	font-size:12px;
	line-height:1.3;
}



td
{
	font-size:10px;	
}



textarea
	{
		font: normal 10px/1em "Eurostyle", Verdana, Arial, sans-serif;	
		background-color: #FFFFFF;
		color:#009147;	
	}

input
	{
		font: normal 10px/1em "Eurostyle", Verdana, Arial, sans-serif;	
		background: #FFFFFF;
		color:#009147;
	}
input:focus
	{
		background-color: #009147;	
		color:#FFFFFF;
	}
	
select
	{
		font: normal 10px/1em "Eurostyle", Verdana, Arial, sans-serif;	
		background: #FFFFFF;
		color:#009147;	
	}
select:focus
	{
		background-color: #009147;	
		color:#FFFFFF;
	}


#panelDroit
{
	position: absolute;
	top: 65px;
	left: 739px;
	width: 271px;
	height: 200px;
}

#panelDroitArticle
{
	position: absolute;
	top: 122px;
	left: 940px;
	width: 271px;
	height: 200px;
}

#footer
{
	position: relative;
}



/* ------------------------------------ */
/*                                      */
/*            Global                    */
/*                                      */
/* ------------------------------------ */

#global 
{
	top:10px;
	font:arial;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	width: 1002px;
}


#global #entete 
{
	font:Verdana, Arial, Helvetica, sans-serif;
}


#global #general 
{
	font:Verdana, Arial, Helvetica, sans-serif;
}

#global #menuhaut 
{
	width: 980px;
	height:31px;
	background-image:url(../img/site/barre-menu-haut.jpg);
	background-repeat:repeat-y;
}

#global #barreBas 
{
	width: 980px;
	height:14px;
	background-image:url(../img/site/footer.jpg);
	background-repeat:repeat-y;
}


#contenu 
{
	width: 980px;
	
	font: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	background-color:#f3f3f3;
}



/****************************************************
/ CLASSE QUI SERT POUR AFFICHAGE PHOTO MULTIPLE LIGHTBOX
/*******************************************************/

._sp { font-size:1px; visibility:hidden; position:absolute; top:10px; left:300px; }
._lp { margin-bottom:0px }

/****************************************
/ INFOBULLE AVEC TOOLTIP.JS
/****************************************

/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}





/* ------------------------------------ */
/*                                      */
/*            ClearOmbre                */
/*                                      */
/* ------------------------------------ */



/* Permet de faire une Clear de l'ombre blanche et de l'étendre jusqu'en bas de page

Attention ne pas Supprimer 

*/
#clearombre {
	width: 807px;
	height: 14px;
	margin: 0 auto;
	font-size: 1px;
	clear: both;
}


/**** MENU SUPERFISH ****/

#info {padding-bottom:100px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/opaque_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; margin:0 0 30px 0; padding:0;}

#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}
#menu li span {display:block; z-index:100; padding: 5px 10px;font-size:1.1em;}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}

/*#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:transparent url(./img/site/hopaque.png);}*/
#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:transparent url(./img/site/hopaque.png);}
* html #menu dl {background:transparent url(../img/site/opaque.gif);}
#menu dt {margin:0; font-size: 1.1em; float:left;}
#menu dd {display:none; background:transparent url(../img/site/opaque.png); clear:left; margin:0; padding:0; color: #336699; font-size: 1em; text-align:left;}

#menu dt a {display:block; color:#FFF; padding: 5px 10px; text-decoration:none;}
#menu dt a:visited {display:block; color:#FFF; padding: 5px 10px; text-decoration:none;}
#menu dd a, #menu dd a:visited {color:#336699; text-decoration:none; display:block; padding: 5px 10px;font-size:10px;}

#menu li a:hover {border:0; text-decoration:underline;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color:#EEE;}