@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(images/bg.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#container {
	width:1047px;
	margin:0 auto;
	background:url(images/content_bg.jpg) top center repeat-y;
}

#top {
	width:1047px;
	float:left;
}

#top #entete {
	width:1047px;
	height:178px;
	background:url(images/top.gif) no-repeat;
	float:left;
}

#top #banniere {
	width:1047px;
	height:118px;
	background:url(images/banniere.jpg) no-repeat;
	float:left;
}

#top #banniere #anim {
	width:736px;
	height:100px;
	margin:0 0 0 48px;
	padding:0;
	float:left;
}

#top #banniere #panflet {
	width:110px;
	height:105px;
	margin:0;
	padding:0;
	float:left;
}

#top #banniere #anim img {
	border:none;
}

#top #couleurs {
	width:1047px;
	float:left;
}

#top #couleurs #c00 {
	width:48px;
	height:68px;
	background:url(images/couleur_00.jpg);
	float:left;
}

#top #couleurs #c01 {
	width:236px;
	height:68px;
	background:url(images/couleur_01_a.jpg);
	float:left;
}

#top #couleurs #c01:hover {
	background:url(images/couleur_01.jpg);
}

#top #couleurs #c01_a {
	width:236px;
	height:68px;
	background:url(images/couleur_01.jpg);
	float:left;
}

#top #couleurs #c02 {
	width:236px;
	height:68px;
	background:url(images/couleur_02_a.jpg);
	float:left;
}

#top #couleurs #c02:hover {
	background:url(images/couleur_02.jpg);
}

#top #couleurs #c02_a {
	width:236px;
	height:68px;
	background:url(images/couleur_02.jpg);
	float:left;
}

#top #couleurs #c03 {
	width:236px;
	height:68px;
	background:url(images/couleur_03_a.jpg);
	float:left;
}

#top #couleurs #c03:hover {
	background:url(images/couleur_03.jpg);
}

#top #couleurs #c03_a {
	width:236px;
	height:68px;
	background:url(images/couleur_03.jpg);
	float:left;
}

#top #couleurs #c04 {
	width:241px;
	height:68px;
	background:url(images/couleur_04_a.jpg);
	float:left;
}

#top #couleurs #c04:hover {
	background:url(images/couleur_04.jpg);
}

#top #couleurs #c04_a {
	width:241px;
	height:68px;
	background:url(images/couleur_04.jpg);
	float:left;
}

#top #couleurs #c05 {
	width:50px;
	height:68px;
	background:url(images/couleur_05.jpg);
	float:left;
}

#top #bas_menu {
	width:1047px;
	height:29px;
	background:url(images/couleur_bottom.jpg);
	float:left;
}

#content {
	width:1047px;
	float:left;
}

#content_bg_bas {
	width:1047px;
	height:45px;
	background:url(images/content_bg_bas.jpg);
	float:left;
}

#content_bg_bas #bg_bas_centre {
	width:443px;
	height:45px;
	margin:0 0 0 304px;
	float:left;
	text-align:center;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:20px;
}

#content_bg_bas #bg_bas_centre a {
	color:#333;
	text-decoration:none;
}

#content_bg_bas #bg_bas_english {
	width:247px;
	height:45px;
	margin:2px 50px 0 0;
	float:right;
	text-align:right;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:2px;
	font-weight:bold;
	line-height:20px;
	text-decoration:blink;
}

#content_bg_bas #bg_bas_english a {
	color:#ae1e13;
	text-decoration:none;
}

#content #principal {
	width:1047px;
	background:url(images/content_bg.jpg);
	float:left;
}

#content #bas_principal {
	width:1047px;
	height:30px;
	background:url(images/content_bottom.jpg);
	float:left;
}

#content #principal #contenu {
	width:949px;
	margin:0 49px 0 49px;
	float:left;
}

#content #principal #contenu #gauche {
	width:256px;
	float:left;
}

#content #principal #contenu #gauche #menu {
	width:256px;
	height:496px;
	background:url(images/menu.jpg) top left no-repeat;
	float:left;
}

#content #principal #contenu #gauche #menu ul {
	width:206px;
	float:left;
	margin:0 0 0 10px;
	padding:0;
	list-style:none;	
}

#content #principal #contenu #gauche #menu ul {
	margin:0 0 0 10px;
	padding:0;
}

#content #principal #contenu #gauche #menu ul li.menu_entete_top {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#5ab3be;
	font-size:15px;
	font-weight:bold;
	background:none;
	line-height:18px;
}

#content #principal #contenu #gauche #menu ul li.menu_entete {
	margin:7px 0 0 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#5ab3be;
	font-size:15px;
	font-weight:bold;
	background:none;
	line-height:18px;
}

#content #principal #contenu #gauche #menu ul li.menu_entete a {
	color:#5ab3be;
	text-decoration:none;
}

#content #principal #contenu #gauche #menu ul li.menu_item {
	margin:0;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
	background:url(images/menu_inactive.png) 0px 4px no-repeat;
	line-height:15px;
	display:block;
}

#content #principal #contenu #gauche #menu ul li.menu_item a {
	color:#fff;
	text-decoration:none;
}

#content #principal #contenu #gauche #menu ul li.menu_item:hover {
	margin:0;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
	background:url(images/menu_active.png) 0px 4px no-repeat;
	line-height:15px;
	display:block;
	text-decoration:none;
}

#content #principal #contenu #gauche #menu ul li.menu_active {
	margin:0;
	padding:0 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
	background:url(images/menu_active.png) 0px 4px no-repeat;
	line-height:15px;
}

#content #principal #contenu #gauche #menu ul li.menu_active a {
	color:#fff;
	text-decoration:none;
}

#content #principal #contenu #gauche #menu ul li.menu_separator {
	width:206px;
	height:18px;
	padding:0;
	margin:0;
	background:url(images/menu_separator.png) 0px 5px no-repeat;
}

#content #principal #contenu #gauche #menu ul li.menu_spacer {
	width:206px;
	height:14px;
	padding:0;
	margin:0;
	line-height:14px;
	background:#900;
	display:block;
}

#content #principal #contenu #droite {
	width:693px;
	float:right;
}

#content #principal #contenu #droite #zone {
	width:663px;
	height:496px;
	background:#414141;
	float:left;
}

#content #principal #contenu #droite #zone #zone_gauche {
	width:448px;
	float:left;
}

#content #principal #contenu #droite #zone #zone_gauche #text {
	width:426px;
	height:458px;
	float:right;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:17px;
	padding:10px 8px 10px 0;
	text-align:justify;
	overflow-y:auto;
	overflow-x:hidden;
}

#content #principal #contenu #droite #zone #zone_gauche #text h3 {
	color:#fff;
	font-size:16px;
	margin:0;
	padding:0;
}

#content #principal #contenu #droite #zone #zone_gauche #text a {
	color:#fff;
	text-decoration:none;
}

#content #principal #contenu #droite #zone #zone_gauche #text img a {
	margin:0;
	padding:0;
	border:0;
}

#content #principal #contenu #droite #zone #zone_gauche #text img {
	margin:6px 0 8px 0;
	padding:0;
	border:0;
}

#content #principal #contenu #droite #zone #zone_droite {
	width:214px;
	float:right;
}

#content #principal #contenu #droite #zone #zone_droite #emplois {
	width:214px;
	height:116px;
	float:left;
	background:url(images/offres_emplois.jpg);
}

#content #principal #contenu #droite #zone #zone_droite #emplois:hover {
	cursor:pointer;
}

#content #principal #contenu #droite #zone #zone_droite #emplois_zone {
	width:204px;
	float:left;
	background:#727273;
}

#content #principal #contenu #droite #zone #zone_droite #emplois_zone #emplois_text {
	width:184px;
	padding:10px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

#content #principal #contenu #droite #zone #zone_droite #emplois_zone #emplois_text a {
	color:#fff;
}

#content #principal #contenu #droite #zone #zone_droite #emplois_zone #emplois_text p {
	margin:0;
	padding:0;
	text-align:justify;
}

#content #principal #contenu #droite #zone #zone_droite #emplois_zone #emplois_text a, a:visites, a:hover {
	color:#fff;
	text-decoration:none;
}

#content #principal #contenu #droite #zone #zone_droite #emplois_zone #facebook {
	width:65px;
	height:25px;
	margin:10px 0 26px 12px;
	background:url(images/facebook.jpg) no-repeat;
	display:inline;
	float:left;
}

#content #principal #contenu #droite #zone #zone_droite #emplois_zone #twitter {
	width:59px;
	height:25px;
	margin:10px 0 26px 0;	
	background:url(images/twitter.jpg) no-repeat;
	display:inline;
	float:left;
}

#content #principal #contenu #droite #zone #zone_droite #emplois_zone #youtube {
	width:57px;
	height:25px;
	margin:10px 0 26px 0;		
	background:url(images/youtube.jpg) no-repeat;
	display:inline;
	float:left;
}

#content #principal #contenu #droite #zone #zone_droite #emplois_zone #faq {
	width:200px;
	height:201px;
	margin:0;		
	background:url(images/faq.jpg) top left no-repeat #727273;
	margin:0 0 0 1px;
	display:inline;
	float:left;
}

#content #principal #contenu #droite #zone #zone_droite #emplois_zone #faq:hover {
	cursor:pointer;
}

#liste_emploi {
	width:426px;
	float:left;
	margin:0 0 30px 0;
	background:#555;
}

#liste_emploi #nom {
	width:120px;
	padding:10px 0 10px 6px;
	float:left;
	text-align:left;
}

#liste_emploi #desc {
	width:280px;
	padding:10px 10px 10px 10px;
	float:left;
	text-align:left;
}

#liste_emploi #fichier {
	width:420px;
	padding:4px 0 4px 6px;
	float:left;
	text-align:left;
	background-color:#666;
}

#liste_faq {
	width:416px;
	float:left;
	margin:0 0 10px 0;
}

#liste_faq #ques {
	width:416px;
	padding:0 0 0 0;
	float:left;
	text-align:left;
	color:#fefde9;
}

#liste_faq #rep {
	width:406px;
	padding:10px 0 0 0;
	float:left;
	text-align:justify;
	font-size:11px;
	color:#CCC;
}

#liste_faq #anchor a {
	width:416px;
	padding:0px 0 0 0;
	float:left;
	text-align:left;
	font-size:11px;
	color:#fefde9;
}