body{
	background-color:#66CCFF;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF
}
a { outline:none;
color:#FFFFFF;
text-decoration:none}

a:hover {text-decoration:underline}


#page_top{
	height: 120px;
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
	overflow:auto;
}
/*#page_bottom{
	width: 100%;
	height: 50px;
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
	overflow:auto;
}*/
#page_content{
	height: 555px;
	margin:0px;
	padding:0px;
	border:0px;
	font-size: 12px;
	font-weight:normal;
	color:#666666;
}
#page_top_left{
	width: 140px;
	margin:15px 0 0 0;
	padding:0px;
	border:0px;
	display:block;
	overflow:auto;
	float:left;
	text-align:right;
}
#page_content_left{
	width: 140px;
	margin:0;
	padding:0px;
	border:0px;
	display:block;
	overflow:auto;
	float:left;
	text-align:right;
}
#page_content_center{
	width: 750px;
	margin:0px;
	padding :0 0 20px 0;
	border:0px;
	display:block;
	overflow:auto;
}
.video{
	width: 750px;
    height:475px;
	margin:0px;
	padding:0px;
	border:0px;
	background-color:#FFFFFF;
}
#page_content_graphic{
	width: 750px;
	height:475px;
	margin:0px;
	padding:0px;
	border:0px;
	display:block;
	overflow:auto;
	float:left;
	background-color:#FFFFFF;
	text-align:center;
}
.content_video{
	margin-top:50px;
}
#page_content_infos{
	width: 300px;
	margin-top:0px;
	padding:0px;
	border:0px;
	display:block;
	overflow:auto;
	float:left;
	text-align:left;
	font-size:11px
}
/** html #page_content_infos {
   margin-top:-3px;  Lu uniquement par IE 6
} */
/**:first-child+html #page_content_infos {
   margin-top:-3px;  Lu uniquement par IE 7 
} */
#menu_right {
	width: 144px;
	float: right;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	border:0px;
	font-size: 12px;
	font-weight:normal;
	color:#FFFFFF;
}
.accoblock, .accoblock_fixe{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0 0 1px 0
}
.toggleSubMenu, .titleacco_fixe{
	list-style-type: none;
	margin: 0 0 0 0
}
.toggleSubMenu, .titleacco_fixe{
	color:#FFFFFF;
	display:block;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	margin: 0 0 0 0;
}
.toggleSubMenu a:hover{
	text-decoration:none;
}
/*.bleu{
	padding: 0 0 0 15px;
	margin-bottom:1px;
	width:129px;
	height:16px;
	background-image:url(../img/btn/bleu.png);
	background-repeat: no-repeat;	
}
.rouge{
	padding: 0 0 0 15px;
	margin-bottom:1px;
	width:129px;
	height:16px;
	background-image:url(../img/btn/rouge.png);
	background-repeat: no-repeat;
}
.jaune{
	padding: 0 0 0 15px;
	margin-bottom:1px;
	width:129px;
	height:16px;
	background-image:url(../img/btn/orange.png);
	background-repeat: no-repeat;
}
.vert{
	padding: 0 0 0 15px;
	margin-bottom:1px;
	width:129px;
	height:16px;
	background-image:url(../img/btn/vert.png);
	background-repeat: no-repeat;
}
.rose{
	padding: 0 0 0 15px;
	margin-bottom:1px;
	width:129px;
	height:16px;
	background-image:url(../img/btn/rose.png);
	background-repeat: no-repeat;
}
.violet{
	padding: 0 0 0 15px;
	margin-bottom:1px;
	width:129px;
	height:16px;
	background-image:url(../img/btn/violet.png);
	background-repeat: no-repeat;
}*/
ul.subMenu{
	margin-top:2px;;
}

.subMenu a{
	color:#FFFFFF;
	display:block;
	font-size: 10px;
	font-weight:bold;
	text-decoration:none;
	margin-top:10px;
	margin-bottom:10px;
}
.toggleSubMenu a:hover{
	text-decoration:none;
}
a.bleu_clair{
	padding: 1px 0 0 13px;
	margin:1px 0 0 0;

	height:15px;
	display:block;
	background-image:url(../img/btn/bleu_clair.png);
	background-repeat: no-repeat;	
}
a:hover.bleu_clair, a.bleu_clair_click{
	background-image:url(../img/btn/bleu.png);
	background-repeat: no-repeat;	
}
a.rouge_clair{
	padding: 1px 0 0 13px;
	margin:1px 0 0 0;
	width:144px;
	height:15px;
	display:block;
	background-image:url(../img/btn/rouge_clair.png);
	background-repeat: no-repeat;
}
a:hover.rouge_clair, a.rouge_clair_click{
	background-image:url(../img/btn/rouge.png);
	background-repeat: no-repeat;	
}
a.jaune_clair{
	padding: 1px 0 0 13px;
	margin:1px 0 0 0;
	width:144px;
	height:15px;
	display:block;
	background-image:url(../img/btn/orange_clair.png);
	background-repeat: no-repeat;
}
a:hover.jaune_clair, a.jaune_clair_click{
	background-image:url(../img/btn/orange.png);
	background-repeat: no-repeat;	
}
a.vert_clair{
	padding: 1px 0 0 13px;
	margin:1px 0 0 0;
	width:144px;
	height:15px;
	display:block;
	background-image:url(../img/btn/vert_clair.png);
	background-repeat: no-repeat;
}
a:hover.vert_clair, a.vert_clair_click{
	background-image:url(../img/btn/vert.png);
	background-repeat: no-repeat;	
}
a.rose_clair{ padding: 1px 0 0 13px; margin:1px 0 0 0; width:144px; height:15px; display:block; background-image:url(../img/btn/rose_clair.png); background-repeat: no-repeat;}
a:hover.rose_clair, a.rose_clair_click{ background-image:url(../img/btn/rose.png); background-repeat: no-repeat;}

/** html #nav_next_preview {
   margin-top:-3px;  Lu uniquement par IE 6 
}*/
/**:first-child+html #nav_next_preview {
   margin-top:-3px;  Lu uniquement par IE 7 
}*/

/*VERT*/
.open_vert, .open_vert a:link{ padding: 0px; margin: 0px; width:24px; height:24px; background-image:url(../img/plus_vert.gif); background-repeat: no-repeat; cursor:pointer;}
.open_vert:hover{ background-image:url(../img/plus_vert_on.gif); background-repeat: no-repeat; cursor:pointer;	}
.close_vert{ padding: 0px; margin: 0px; width:13px; height:13px; background-image:url(../img/fermer_vert.gif); background-repeat: no-repeat; float:right; cursor:pointer;}
.close_vert:hover { background-image:url(../img/fermer_vert_on.gif); background-repeat: no-repeat; cursor:pointer;}
.nav_close_vert{ width:299px; height:18px; background-color:#e3edc4; float:left}
.content_open_close_vert{ width:269px; background-color:#e3edc4; float:left; padding: 0 10px 10px 20px;}
#nav_next_preview{float:right; width:34px; height:14px; display:block; overflow:auto; margin:0px; padding:0px; border:0px; cursor:pointer;}
a.nav_preview_vert{padding: 0px; margin: 0px; width:13px;height:13px; background-image:url(../img/fleche_g_vert.gif); background-repeat: no-repeat; float:left; display:block; overflow:auto; cursor:pointer;}
a:hover.nav_preview_vert {background-image:url(../img/fleche_g_vert_on.gif);background-repeat: no-repeat;cursor:pointer;}
.nav_vide_vert{padding: 0px; margin-left:5px; width:13px; height:13px; background-image:url(../img/fleche_vert.gif);background-repeat: no-repeat; float:right; display:block; overflow:auto;}
a.nav_next_vert{padding: 0px; margin-left:5px; width:13px; height:13px; background-image:url(../img/fleche_d_vert.gif); background-repeat: no-repeat;	 float:right; display:block; overflow:auto; cursor:pointer;}
a:hover.nav_next_vert { background-image:url(../img/fleche_d_vert_on.gif); background-repeat: no-repeat; cursor:pointer;}


/*ORANGE*/
.open_orange img {margin:5px 0px 0px 0px}
.open_orange, .open_orange a:link{ padding: 0px; margin: 0px; width:24px; height:24px; background-image:url(../img/plus_orange.gif); background-repeat: no-repeat; cursor:pointer;}
.open_orange:hover{ background-image:url(../img/plus_orange_on.gif); background-repeat: no-repeat; cursor:pointer;	}
.close_orange{ padding: 0px; margin: 0px; width:13px; height:13px; background-image:url(../img/fermer_orange.gif); background-repeat: no-repeat; float:right; cursor:pointer;}
.close_orange:hover { background-image:url(../img/fermer_orange_on.gif); background-repeat: no-repeat; cursor:pointer;}
.nav_close_orange{ width:299px; height:18px; background-color:#f9c180; float:left}
.content_open_close_orange{ width:269px; background-color:#f9c180; float:left; padding: 0 10px 10px 20px;}
#nav_next_preview{float:right; width:34px; height:14px; display:block; overflow:auto; margin:0px; padding:0px; border:0px; cursor:pointer;}
a.nav_preview_orange{padding: 0px; margin: 0px; width:13px;height:13px; background-image:url(../img/fleche_g_orange.gif); background-repeat: no-repeat; float:left; display:block; overflow:auto; cursor:pointer;}
a:hover.nav_preview_orange {background-image:url(../img/fleche_g_orange_on.gif);background-repeat: no-repeat;cursor:pointer;}
.nav_vide_orange{padding: 0px; margin-left:5px; width:13px; height:13px; background-image:url(../img/fleche_orange.gif);background-repeat: no-repeat; float:right; display:block; overflow:auto;}
a.nav_next_orange{padding: 0px; margin-left:5px; width:13px; height:13px; background-image:url(../img/fleche_d_orange.gif); background-repeat: no-repeat;	 float:right; display:block; overflow:auto; cursor:pointer;}
a:hover.nav_next_orange { background-image:url(../img/fleche_d_orange_on.gif); background-repeat: no-repeat; cursor:pointer;}

/*ROUGE*/
.open_rouge img {margin:5px 0px 0px 0px}
.open_rouge, .open_rouge a:link{ padding: 0px; margin: 0px; width:24px; height:24px; background-image:url(../img/plus_rouge.gif); background-repeat: no-repeat; cursor:pointer;}
.open_rouge:hover{ background-image:url(../img/plus_rouge_on.gif); background-repeat: no-repeat; cursor:pointer;	}
.close_rouge{ padding: 0px; margin: 0px; width:13px; height:13px; background-image:url(../img/fermer_rouge.gif); background-repeat: no-repeat; float:right; cursor:pointer;}
.close_rouge:hover { background-image:url(../img/fermer_rouge_on.gif); background-repeat: no-repeat; cursor:pointer;}
.nav_close_rouge{ width:299px; height:18px; background-color:#f7bca3; float:left}
.content_open_close_rouge{ width:269px; background-color:#f7bca3; float:left; padding: 0 10px 10px 20px;}
#nav_next_preview{float:right; width:34px; height:14px; display:block; overflow:auto; margin:0px; padding:0px; border:0px; cursor:pointer;}
a.nav_preview_rouge{padding: 0px; margin: 0px; width:13px;height:13px; background-image:url(../img/fleche_g_rouge.gif); background-repeat: no-repeat; float:left; display:block; overflow:auto; cursor:pointer;}
a:hover.nav_preview_rouge {background-image:url(../img/fleche_g_rouge_on.gif);background-repeat: no-repeat;cursor:pointer;}
.nav_vide_rouge{padding: 0px; margin-left:5px; width:13px; height:13px; background-image:url(../img/fleche_rouge.gif);background-repeat: no-repeat; float:right; display:block; overflow:auto;}
a.nav_next_rouge{padding: 0px; margin-left:5px; width:13px; height:13px; background-image:url(../img/fleche_d_rouge.gif); background-repeat: no-repeat;	 float:right; display:block; overflow:auto; cursor:pointer;}
a:hover.nav_next_rouge { background-image:url(../img/fleche_d_rouge_on.gif); background-repeat: no-repeat; cursor:pointer;}


.btn_video a{ padding: 0px; margin: 150px 0 0 0; width:96px; height:96px; background-image:url(../img/voir_videos_b.png); background-repeat: no-repeat; display:block; overflow:auto; text-align:center }
.btn_video a:hover{ background-image:url(../img/voir_videos_b_on.png); background-repeat: no-repeat;}
.btn_video_close a{ padding: 0px; margin: 150px 0 0 0; width:96px; height:96px; background-image:url(../img/videos_fermer.png); background-repeat: no-repeat; display:block; overflow:auto; text-align:center}

.btn_video1 a{ padding: 0px; margin: 150px 0 0 0; width:96px; height:96px; background-image:url(../img/voir_videos_b1.png); background-repeat: no-repeat; display:block; overflow:auto; text-align:center }
.btn_video1 a:hover{ background-image:url(../img/voir_videos_b1_on.png); background-repeat: no-repeat;}


.btn_video_rouge a{ padding: 0px; margin: 150px 0 0 0; width:96px; height:96px; background-image:url(../img/voir_videos_b_rouge.png); background-repeat: no-repeat; display:block; overflow:auto; text-align:center }
.btn_video_rouge a:hover{ background-image:url(../img/voir_videos_b_on_rouge.png); background-repeat: no-repeat;}
.btn_video_close_rouge a{ padding: 0px; margin: 150px 0 0 0; width:96px; height:96px; background-image:url(../img/videos_fermer_rouge.png); background-repeat: no-repeat; display:block; overflow:auto; text-align:center}

.btn_video_rouge1 a{ padding: 0px; margin: 150px 0 0 0; width:96px; height:96px; background-image:url(../img/voir_videos_b_rouge1.png); background-repeat: no-repeat; display:block; overflow:auto; text-align:center }
.btn_video_rouge1 a:hover{ background-image:url(../img/voir_videos_b_on_rouge1.png); background-repeat: no-repeat;}


#ejs_photo_box {margin:0; padding:0; border:0}
img#ejs_photo_box {margin:0; padding:0; border:0}
#ejs_photo_box img{margin:0; padding:0; border:0}

#zone_texte {width:515px; margin:0px 0px 0px 110px; padding:0px}
.presentation1 {font-size:12px; font-weight:normal; color:#000000; text-align:left; line-height:13px; padding:0px}
.presentation2 {font-size:12px; font-weight:normal; color:#000000; text-align:left; line-height:13px; margin:25px 0px 0px 0px; padding:0px}
.presentation3 {font-size:12px; font-weight:normal; color:#000000; text-align:left; line-height:13px; margin:15px 0px 0px 20px; padding:0px}
.presentation4 {font-size:12px; font-weight:normal; color:#000000; text-align:left; line-height:13px; margin:25px 0px 0px 40px; padding:0px}
.presentation5 {font-size:12px; font-weight:normal; color:#000000; text-align:left; line-height:13px; margin:15px 0px 0px 60px; padding:0px}
.presentation6 {font-size:12px; font-weight:normal; color:#000000; text-align:left; line-height:13px; margin:25px 0px 0px 60px; padding:0px}

.presentation_plan {font-size:12px; font-weight:bold; color:#FFFFFF; text-align:left; line-height:13px; margin:30px 0px 0px 15px; padding:0px}

.plan{background-image:url(../plan/plan.png); width:346px; height:352px; margin-top:50px}
.plan:hover{cursor:pointer}
*html .plan {background-image:url(../plan/plan.gif)}

.champs {background-color:#feebd2; width:400px; border:1px solid #FF9900; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000}
.champs_espace {background-color:#e4e1ef; width:200px; border:1px solid #9f96c4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000}
.valider{background-color:#feebd2; width:100px; font-weight:bold; border:1px solid #FF9900; color:#FF9900; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000}
.valider_espace{background-color:#7a6fac; width:100px; font-weight:bold; border:1px solid #7a6fac; color:#FF9900; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000}

.content_plan{width:346px; height:352px; margin-top:50px;}
.open_plan {background-image:url(../img/plan_btn.png); width:96px; height:200px;}
.open_plan:hover{cursor:pointer}