/*//////////////////////////////////////////////////////////////////////////////////////////////*/
/* TAGS DE BASE/////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////*/
*{margin:auto; }

html{height:100%;}

body{
	height: 100%;
	font: 100%  'Verdana',Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;	
	background-color:#d2d2d2;
	background-image:url('../images/background.jpg'); background-repeat: repeat-x; background-position:top left; 
}

/* img */
img{border: none;}

/* Liens */
a,a:link,a:visited, a:active{ font-weight: normal; text-decoration: underline;color:#666666;}
a:hover{color:#cc0066; text-decoration: underline;}


	
/* En-têtes */
h1,h2,h3{ margin: 0 0 .2em 0; text-transform: none; }
h1{ font-family: 'Verdana', Arial, Helvetica, sans-serif;font-size:18px; font-weight:bold; color:#fff; text-align:right; }

h2{font-family: Verdana, 'Arial', Helvetica, sans-serif;font-size:24px; color:#cc0066; text-align:center; background-color:#FFFFFF;}

h3{ font-family: 'Verdana', Arial, Helvetica, sans-serif;font-size:19px; font-weight:normal; color:#666666;	}

/* Listes */
ul{margin: 0; padding: 0; padding:3px 0px 0px 10px;}
li{ padding-left:4px;}
ul ul{padding: .2em 0 0 1.6em;}
ul li, ul li a{
	padding-left:2px;
	line-height: 1.3em;
	list-style: none;
	margin:1px 0;
	font:'Verdana',Arial, Helvetica, sans-serif; font-size:9px; color:#666666; font-style: normal;
}
ul li{ list-style:circle; list-style-type:disc;}
ul li a{color:#666666;}
ul li a:hover{color:#cc0066;}

ol{margin-left: 20px; padding: 0; list-style-type:upper-alpha;}
ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol ol ol{list-style-type: lower-alpha;}
ol ol ol ol{padding: .4em 0 0 1.2em; list-style-type: decimal;}
ol li{font-size: 1em; line-height: 1.4em;}
ol ol li{font-size: .9em; line-height: 1.3em;}
ol ol ol li{font-size: .8em; line-height: 1.2em;}
ol ol ol ol li{font-size: 1em; line-height: 1.1em;}

table{border-collapse: collapse;}



/* Textes et Autres*/
p{text-align:justify; word-spacing:normal;}
br{}
hr{margin: 1em 0; color:#333333; border: dotted 1px; clear:both;}

/* Formulaires */
form{background: none; border:none;}
label{font-weight: bold;}
input, textarea, select, option{border: 1px solid #666666;}
input, textarea, select, option, label, fieldset, legend{color:#666666; }
option{border:none;}

/* CONTAINERS ========================================================================================================*/

#container1, #container2, #container3, #container4, #container5{margin:0; padding:0;height: auto !important; height:100%; min-height:100%; }
#container1{ height:100%;  margin:0; padding:0; border:none;}
#container2{ width:867px; margin: 0 auto;}
#container3{ position:relative;} 
#container4{}
#container5{}



/* HEADER ========================================================================================================*/
#header{ width:867px; height:50px;background-image:url('../images/header.jpg'); background-repeat:no-repeat; background-position:top left;}

#headerDate, #headerDate a, #headerDate a:hover { font:'Verdana',Arial, Helvetica, sans-serif; font-size:9px; color:#999999;padding-top:20px; }
#headerVersion, #headerVersion a, { font:'Verdana',Arial, Helvetica, sans-serif; font-size:10px; color:#999999; padding-top:20px; text-decoration: none;}
#headerVersion a:hover{ font:'Verdana',Arial, Helvetica, sans-serif; font-size:10px; padding-top:20px; color:#cc0066; text-decoration: underline;}

/* BANNER ========================================================================================================*/
#banner{ width:867px; height:100px;background-image:url('../images/banner.jpg'); background-repeat:no-repeat; background-position:top left; }


/* CONTENT ========================================================================================================*/
#content{	width:867px;height:auto !important; /* real browsers */ }

#left_content{
	width:232px;
	float:left;
	padding-left: 1.25em;
}

#middle_content{
	width:867px;
	float:left;
	padding-left: 0px;
	height:auto !important; /* real browsers */
	background-image:url('../images/background_content.jpg'); background-repeat: repeat-y; background-position:top left; 
}
#right_content{
	width:585px;
	height:auto !important; /* real browsers */
	float:right;
	padding-right: 15px;
	margin-bottom:0px;

}
#intro_content{
	height:auto !important; /* real browsers */
	padding-left: 25px;	padding-right: 25px;
	padding-top: 10px; padding-bottom:25px;
	font-family: 'Verdana', Arial, Helvetica, sans-serif;color:#666666;font-weight:normal; text-align:justify;font-size:12px;
	background-image:url('../images/background_content.jpg'); background-repeat: repeat-y; background-position:top left; 
}

/* FOOTER ========================================================================================================*/
#footer{
	width:867px;
	display:block;
	height:50px;
	clear:both; 
	background-image:url('../images/footer.jpg'); background-repeat: no-repeat; background-position:top left;
}
#menu_footer{ text-align: center; color:#878686;height:50px;padding:8px;}
#menu_footer ul{ padding-top:15px; padding-bottom:6px; margin-bottom:0px;}
#menu_footer li{ display:inline; margin:0 3px; padding:0; background:none; list-style:none;}
#menu_footer li a{
	color:#878686;
	font-weight:normal;
	font-size:9px; 
	text-decoration:none;
	letter-spacing:0px;
}
#menu_footer li a:hover{text-decoration:underline;color:#cc0066;}

#infosFooter, #infosFooter a{color:#878686;font-weight:normal;font-size:9px; text-decoration:none;}
#infosFooter a {text-decoration:underline;}
#infosFooter a:hover{text-decoration:underline;color:#cc0066;font-weight:normal;font-size:9px;}

/* MENU  ========================================================================================================*/

#nav{ 
	width:230px;
	position:relative; z-index:100; margin-top:0px;
	width: 100%; /* correction pour Opera */
	font:'Verdana', Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding-left:15px;}
	
#nav ul,#nav li{padding:0; margin:0;}

#nav ul li{float:left; position:relative; display:inline; margin: 1px; padding:0; border:none; background:none; list-style:none; }
#nav ul li a{display:block;position:relative;cursor: pointer; text-align: left;  background: none; font:'Verdana', Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding-left:3px; text-decoration:none;}
#nav ul li  a:hover{display:block;position:relative;cursor: pointer; text-align: left;  font:'Verdana', Arial, Helvetica, sans-serif; font-size:12px; color:#cc0066; padding-left:3px; text-decoration:none;}


#nav ul li.empty{ width:170px; margin:0; padding-top: 6px; text-decoration:none; padding-bottom:8px; padding-top:0px; padding-left:15px; margin-top:5px;font-size:12px;}


#nav ul li.first{ width:170px; margin:0; padding-top: 6px; text-decoration:none; background-image:url(../images/puce.png); background-position:top left; background-repeat:no-repeat; border-bottom:#666666 1px solid;  padding-bottom:8px; padding-top:0px; padding-left:15px; margin-top:5px;font-size:12px;}
#nav ul li.first a:hover{ color:#cc0066;background-image:url('../images/background_hover.jpg'); background-repeat: no-repeat; background-position:top left;}


#nav ul li ul{display:none;position: relative;  left :8px; width:150px; height:auto; font-size:12px; text-align:left; color:#666666;padding:0px; line-height:1.5em;  }
#nav ul li:hover ul{display:block;}

#nav ul li ul li{float:none;display:block; z-index:1; height: auto; padding:0px;   }
#nav ul li ul li a{ display:block; color: #666666;font-size:11px; text-decoration:none; margin-top:3px;line-height:1.5em; }
#nav ul li ul li a:hover{ color:#cc0066;text-decoration:none;font-size:11px; background-color:#fdf2f2;}



/*//////////////////////////////////////////////////////////////////////////////////////////*/
/* SEULEMENT DES CLASSES ///////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////*/

.error{color: #716056;}
.success{color: #41bfc1;}

/* MENU ========================================================================================================*/

.navigationBt{ width:230px;}
.navigationFond{ width:230px; margin-top:0px;
 background-image:url('../images/background_menuY.jpg'); background-repeat: repeat-y; background-position:top left; }
.navigationBottom{ width:230px; height:109px; background-image:url('../images/background_menuBottom.jpg'); background-repeat: no-repeat; background-position:top left; }


/* textes ========================================================================================================*/
.logo1{font-family: 'Verdana', Arial, Helvetica, sans-serif;color:#cc0066; font-size:28px; padding-left:25px; text-align:left; font-weight:bold;}
.logo2{font-family: 'Verdana', Arial, Helvetica, sans-serif;color:#cc0066; font-size:37px; text-align:left; font-weight:bold;}

.bandeau{font-family: 'Verdana', Arial, Helvetica, sans-serif;color:#fff; font-size:18px; padding-right:6px; text-align:right; font-weight:bold;}

.titrePage{font-family: Verdana, 'Arial', Helvetica, sans-serif;font-size:24px; color:#cc0066; text-align:center; background-color:#FFFFFF;}
.titre0{background-image:url('../images/grey_line.gif'); background-repeat: repeat-x; background-position: left; vertical-align:middle; }
.titre1{font-family: 'Verdana', Arial, Helvetica, sans-serif;color:#cc0066; font-size:11px; padding-left:6px; font-weight:bold;}
.titre2{ font-family: 'Verdana', Arial, Helvetica, sans-serif;font-size:11px; font-weight:normal; color:#cc0066;padding-left:6px; 	}
.titre3{ font-family: 'Verdana', Arial, Helvetica, sans-serif;font-size:11px; font-weight:normal; color:#cc0066;font-style:italic; padding-left:6px; 	}

.textLeft{text-align:left;}
.textItal{ font-style:italic;}
.textRight{text-align:right;}

.lettrine{font-family: 'Verdana', Arial, Helvetica, sans-serif;color:#666666;font-weight:normal;font-size:24px;}


/* borders ========================================================================================================*/
.borderBottom{height: 20px; padding-bottom: 5px;background-image:url('../images/Grey_line_dotted.png'); background-repeat: repeat-x; background-position: bottom;}
.borderBottomPink{ height: 20px; padding-bottom: 5px; background-color:#fdf2f2;background-image:url('../images/Grey_line_dotted.png'); background-repeat: repeat-x; background-position: bottom; }


/* clear et floats */
.clear{clear: both;}
.floatLeft{float: left;}
.floatRight{float: right;}
.block {display:block;clear:both;}