H1{font-size:1.5em;color:#ffffff;padding:10px 0;}
H2{font-size:1.5em;color:#ffffff;}
H3{font-size:1.4em;color:#ffffff;}
H4{font-size:1.3em;color:#ffffff;}
H5{font-size:1.2em;color:#ffffff; padding:10px 0;}
H6{font-size:1.1em;color:#ffffff; text-indent:50px; margin:5px;}
p{padding:10px 0;}
fieldset{
	 padding: 2em;
	 width:90%;
}
legend{
	color:#333333;
}
label{
		float:left;
		width:150px;
        text-align:right;
        padding:0 5px 0 0;
	}
INPUT
{	
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;	
	HEIGHT:20px;
	margin:3px;
}
TEXTAREA
{	
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;	
	HEIGHT:100px;
	margin:3px;
}
#champ{width:200px;}
#champnumerique{width:80px;}

TEXTAREA
{	
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;	
	HEIGHT:100px;
	margin:2px;	
}
/* Fin du CSS pour le formulaire contact*/
BODY
{
	scrollbar-face-color : #ffffff;
	scrollbar-darkshadow-color :#ffffff; 
	scrollbar-shadow-color :#cccccc;
	scrollbar-highlight-color :#cccccc;
	scrollbar-3dlight-color :#EFEFEF;
	scrollbar-track-color :#ffffff;
	scrollbar-arrow-color :#000000;
}
SELECT
{
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;	
	HEIGHT:20px;
}
A
{
    TEXT-DECORATION: none
}


.LeftFontTextHyperlink
{
    COLOR: #ffffff;
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;
}
.LeftFontTextHyperlink:hover
{
    COLOR: #000000;
}
.MenuHyperlink
{
    COLOR: #ffffff;
    FONT-FAMILY: verdana;
    FONT-SIZE: 7.5pt;
	FONT-WEIGHT: bold;
}
.MenuHyperlink:hover
{
    COLOR: #FBA94B;
}
.MenuHyperlinkSelected
{
    COLOR: #FBA94B;
    FONT-FAMILY: verdana;
    FONT-SIZE: 7.5pt;
	FONT-WEIGHT: bold;
}
.BodyFontText
{
    COLOR: #ffffff;
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;
}
.BodyFontTextBlanc
{
    COLOR: #FFFFFF;
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;
}
.MiniBodyFontText
{
    COLOR: #ffffff;
    FONT-FAMILY: verdana;
    FONT-SIZE: 7.5pt;
}
.BodyFontTitle
{
    COLOR: #000000;
    FONT-FAMILY: verdana;
    FONT-SIZE: 10pt;
	FONT-WEIGHT: bold;
}
.BodyFontSubTitle
{
    COLOR: #CCCCCC;
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;
	FONT-WEIGHT: bold;
}
.noinput
{
    BORDER-LEFT: #ffffff 1px solid;
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-BOTTOM: #ffffff 1px solid;
}
.BottomFontText
{
    COLOR: #ffffff;
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;
}
.button
{
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-BOTTOM: #cccccc 1px solid;
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;	
	COLOR: #000000;
	HEIGHT:20px;
	BACKGROUND: #E5E5E5;
	CURSOR:hand;
}
.contour
{    
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	border-style:dashed; 
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;	
}
.contourSolid
{    
    BORDER-LEFT: #999999 1px solid;
    BORDER-RIGHT: #999999 1px solid;
    BORDER-TOP: #999999 1px solid;
	BORDER-BOTTOM: #999999 1px solid;
	border-style:solid; 
    FONT-FAMILY: verdana;
    FONT-SIZE: 8pt;	
}

/*début du code css pour agrandissement des photos */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
position: absolute;
background-color: #FFFFFF;/* couleur de fond de l'image agrandie */
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 60px; /* position de la photo agrandie depuis le bord gauche de la petite vignette*/

}
/*fin du code css pour agrandissement des photos */