* {
	margin: 0;
	padding: 0;
	outline: none;
}

a {
	text-decoration: none;
		color: #82BC0D;
}

a:hover {
	color: #40474f
	text-decoration: none;
	       
}	

img {
	border: 0;
}

.clear {
	clear: both;
}

body {
	background: #fff;
	color: #94999d;
	font-size: 11px;
	font-family: Arial, sans-serif; 
}

#site {
	width: 983px;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	margin: auto; 
}





/**********************************************************************************************
	BACKGROUND IMAGE DE LA PAGE
**********************************************************************************************/	
.home {
	background: url(/assets/images/header_home.png) no-repeat top left;
}

.page_metiers {
}
.page_metiers_1 {
	background: url(/assets/images/header_metiers_1.png) no-repeat top left;
}
.page_metiers_2 {
	background: url(/assets/images/header_metiers_2.png) no-repeat top left;
}
.page_metiers_3 {
	background: url(/assets/images/header_metiers_3.png) no-repeat top left;
}
.page_metiers_4 {
	background: url(/assets/images/header_metiers_4.png) no-repeat top left;
}
.page_metiers_5 {
	background: url(/assets/images/header_metiers_5.png) no-repeat top left;
}

.page_statics {
	background: url(/assets/images/header_statics.png) no-repeat top left;
}

.search {
	background: url(/assets/images/header_search.png) no-repeat top left;
}

.wallvideos {
	background: url(/assets/images/header_wallvideos.png) no-repeat top left;
}

.moteur {
	background: url(/assets/images/header_wallvideos.png) no-repeat top left;
}




/**********************************************************************************************
	HEADER
**********************************************************************************************/	
#header {
	position: relative;
	width: 100%;
	z-index: 90;
}

.header_home {
	height: 460px;
}

.header_metiers {
	height: 340px;
}

.header_search {
	height: 221px;
}

.header_wallvideos {
	height: 250px;	
}

.header_actu_archives {
	height: 250px;	
}

.header_moteur {
	height: 250px;	
}

/**********************************************************************************************
	HEADER > LOGO
**********************************************************************************************/	
#header .logo {
	background: url(/assets/images/logo.png) no-repeat top left;
	height: 112px;
	width: 275px;
	float: left;
	position: relative; 
	left: -6px;
	cursor:pointer;
}


/**********************************************************************************************
	HEADER > TOPBAR
**********************************************************************************************/	
#header .topbar {
	height: 20px;
	background: #40474f;
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 0 0 10px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: -1px;
	font-size: 10px;
}

#header .topbar a {
	color: #fff;
	border-right: 1px solid #666c72;
	padding: 0 10px;
}

#header .topbar a.list {
	background: url(/assets/images/icons/liste_etablissements.png) no-repeat center left;
	color: #fff;
}


#header .topbar form {
	display: inline;
	margin-left: 10px;
}

#header .topbar form label {
	margin-right: 8px;
}

#header .topbar form .input_text {
	background: #666c72;
	border: 0;
	height: 11px;
	width: 150px;
	padding: 0 3px;
	color: #fff;
	font-size: 9px;
}

*html #header .topbar form .input_text {
	position: relative;
	top: -2px;
}
*+html #header .topbar form .input_text {
	position: relative;
	top: -2px;
}

#header .topbar form .button {
	background: none;
	border: 0;
	display: inline;
	cursor: pointer;
	font-family: Arial;
	font-size: 10px;
	color: #fff;
	letter-spacing: -1px;	
	margin: 0 8px 0 0;
	width: 25px;
	border-right: 1px solid #666c72;		
}


/**********************************************************************************************
	HEADER > MENU
**********************************************************************************************/	
#header .menu {
	height: 196px;
	width: 269px;
	background: #09b0dd;
	float: right;
	margin: 25px 12px 0 0;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	position: relative;
	z-index: 100;
}

*html #header .menu {
	margin-right: 6px; 
}

#header .menu ul {
	list-style-type: none;
	margin: 39px 0 0 5px;
}

#header .menu ul li {
	height: 23px;
}

#header .menu ul a {
	color: #fff;
}


/**********************************************************************************************
	HEADER > MAP
**********************************************************************************************/	
#header .map {
	background: url(/assets/images/text/map.png) no-repeat left 140px;
	height: 315px;
	width: 350px;
	float: left;
	padding-left: 143px;
	margin: -35px 0 0 -5px;
}





/**********************************************************************************************
	CONTENT > HOME
**********************************************************************************************/


/**********************************************************************************************
	CONTENT > HOME > COL1
**********************************************************************************************/		
.col1 {
	width: 375px;
	float: left;
	margin-left: 24px;
	padding-top: 32px;	
}

*html .col1 {
	margin-left: 10px;
}

.col1 a {
	color: #94999d;
}


.col1 ul {
	margin-top: 18px;
}

.col1 ul li {
	list-style-type: none;
	cursor: pointer;
}

.col1 ul li a {
	float: left;
	height: 100%;
	width: 100%;
	margin-bottom: 10px;	
	cursor: pointer;
}

.col1 ul li span {
	width: 200px;
	padding: 0 7px 15px 11px;
	margin: 0 53px 0 0;
	display: block;
	border-bottom: 1px solid #e2e2e2;
	float: left;
	height:50px;
}

.col1 ul li span h2 {
	color: #40474f;
	font-size: 14px;
	margin-bottom:3px;
	margin-top:3px;
}
.col1 ul li.hover span h2 {
	color: #09b0dd;
}

.col1 ul li img {
	float: left;
	border: 4px solid #40474f;
}
.col1 ul li.hover img {
	border: 4px solid #09b0dd;
}


/**********************************************************************************************
	CONTENT > HOME > COL2
**********************************************************************************************/		
.col2 {
	width: 235px;
	float: left;
	margin-left: 50px;
	padding-top: 32px;
}

.col2 p {
	text-align: justify;
	line-height: 16px;
}

.col2 p.intro {
	color: #09b0dd;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	margin: 30px 0 20px 0;
	text-align: left;
}

.col2 p.legend {
	text-transform: uppercase;
	color: #40474f;
	font-size: 10px;
	margin: 15px 0 5px 0;
}

.col2 img.evenement {
	margin-left: 10px;
}

.col2 .more_actu {
	margin-top:15px;
	text-align:right;
}

.col2 .more_actu a {
	color:black;
	font-size:12px;
	font-weight: bold;
}
.col2 .more_actu a:hover {
	color:#09B0DD;
	font-size:12px;

	
}


/**********************************************************************************************
	CONTENT > HOME > COL3
**********************************************************************************************/		
.col3 {
	background: #09b0dd;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	width: 222px;
	height: 450px;
	float:left;
	margin-left: 21px;
	padding: 30px 28px 0 20px;
}

.col3 .player_video {
	margin: 20px 0 30px 0;
}

.col3 a.plus_video {
	background: url(/assets/images/icons/plus_video.png) no-repeat top left;
	height: 26px;
	width: 95px;
	float: right;
}





/**********************************************************************************************
	CONTENT > MÉTIERS
**********************************************************************************************/		


/**********************************************************************************************
	CONTENT > METIERS > SUBMENU
**********************************************************************************************/		
.submenu {
	float: left;
	width: 270px;
	position: relative; 
	top: -155px;	
	z-index:100;
}

.submenu li {
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 7px 5px;
	width: 260px;
	color: #40474f;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: -1px;
	cursor: pointer;
	float: left;
}

*html .submenu li {
	padding-bottom: 0px;
}
*+html .submenu li {
	padding-bottom: 0px;
}

.submenu li span {
	float: left;
	margin: 10px 0 0 8px;
}

.submenu li img {
	float: left;
}

.submenu li.hover {
	background: #82bc0d;
	border-bottom: 1px solid #82bc0d;	
	color: #fff;
}

.submenu li a {
	color: #000;
}
.submenu li.hover a {
	color: #fff;
}


/**********************************************************************************************
	CONTENT > MÉTIERS > COL MÉTIERS
**********************************************************************************************/	
.col_metiers {
	float: right;
	width: 600px;
	margin-right: 12px;
}

.col_metiers .frame_grey {
	color: #fff;
	background: #40474f;
	padding: 25px 22px 25px 33px;
}

.col_metiers .frame_grey .text {
	float: left;
	width: 300px;
	text-align: justify;
	line-height: 15px;
}

.col_metiers .frame_grey .large {
	width: 100%
}

.col_metiers .frame_grey .text h1 {
	margin-bottom: 20px;
	color:#82BC0D;
	font-size:16px;
	text-transform: uppercase;
}

.col_metiers .frame_grey .text p {
	margin-bottom: 20px;
}

.col_metiers .frame_grey img {
	float: right;
	margin-top: 35px;
}

.col_metiers .listing_metiers {
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 7px;
	position: relative; 
	top: -30px;
	
}

.col_metiers .listing_metiers a.icon {
	margin-left: 24px;
}

.col_metiers .listing_metiers ul {
	float: left;
	width: 275px;
	/*padding-right: 20px;*/
	list-style-type: none;
	margin-top: 15px;
}

.col_metiers .listing_metiers li {
	list-style-type: none;
	width: 272px;
	padding: 10px 0 10px 25px;
}

.col_metiers .listing_metiers li.paire {
	background-color: #f6f6f6;
}

.col_metiers .listing_metiers li a {
	color: #9fa3a7;
	display: block;
	width: 265px;
}
.col_metiers .listing_metiers li a:hover, .col_metiers .listing_metiers li a.active {
	color: #282d33;
}





/**********************************************************************************************
	CONTENT > SEARCH > COL SEARCH
**********************************************************************************************/	
.col_search {
	float: left;
	width: 426px;
	border-right: 1px solid #e8eeef;
	position: relative;
	top: -75px;	
}


/**********************************************************************************************
	CONTENT > SEARCH > COL SEARCH > MAP
**********************************************************************************************/	
.col_search .map {
	background: url(/assets/images/text/select_region.png) no-repeat top left;
	margin: 0 0 0 12px;
}

.col_search .map #flash_containt {
		position: relative;
		z-index:100;
}
.col_search .map #flash_containt #flash {
	padding: 26px 0 0 14px;
}

.col_search .map #flash{
	padding: 26px 0 0 14px;
}


/**********************************************************************************************
	CONTENT > SEARCH > COL SEARCH > CRITERIAS
**********************************************************************************************/	
.col_search .criterias h2 {
	color: #666c72;
	font-size: 13px;
	margin: 10px 0 15px 0;
}

.col_search .criterias ul li {
	float: left;
	list-style-type: none;
	margin: 0 0 20px 0;	
	margin-right: 7px;
	text-align: center;
	float: left;	
}

.col_search .criterias ul li a {
	color: #40474f;
	border: 1px solid #e8e7e6;	
	float: left;
	cursor: pointer;	
}
.col_search .criterias ul li a.active {
	border: 3px solid #82bc0d;	
}

.col_search .criterias ul li a:hover {
	border: 3px solid #09B0DD;	
}

/**********************************************************************************************
	CONTENT > SEARCH > COL SEARCH > CRITERIAS > SECTEUR
**********************************************************************************************/	
.col_search .criterias ul.secteur li a {
	height: 21px;
	width: 68px;
	padding-top: 73px;	
}
.col_search .criterias ul.secteur li a:hover, .col_search .criterias ul.secteur li a.active {
	height: 19px;
	width: 64px;	
	padding-top: 71px;	
}

.col_search .criterias ul li a.foret {
	background: url(/assets/images/icons/mini_foret.png) no-repeat 0 0;
}
.col_search .criterias ul li a:hover.foret {
	background: url(/assets/images/icons/mini_foret.png) no-repeat -2px -2px;
}

.col_search .criterias ul li a.materiau {
	background: url(/assets/images/icons/mini_materiau.png) no-repeat 0 0;
}
.col_search .criterias ul li a:hover.materiau {
	background: url(/assets/images/icons/mini_materiau.png) no-repeat -2px -2px;
}

.col_search .criterias ul li a.construction {
	background: url(/assets/images/icons/mini_construction.png) no-repeat 0 0;
}
.col_search .criterias ul li a:hover.construction {
	background: url(/assets/images/icons/mini_construction.png) no-repeat -2px -2px;
}

.col_search .criterias ul li a.mobilier {
	background: url(/assets/images/icons/mini_mobilier.png) no-repeat 0 0;
}
.col_search .criterias ul li a:hover.mobilier {
	background: url(/assets/images/icons/mini_mobilier.png) no-repeat -2px -2px;
}

.col_search .criterias ul li a.art {
	background: url(/assets/images/icons/mini_art.png) no-repeat 0 0;
}
.col_search .criterias ul li a:hover.art {
	background: url(/assets/images/icons/mini_art.png) no-repeat -2px -2px;
}

/**********************************************************************************************
	CONTENT > SEARCH > COL SEARCH > DIPLOME & FORMATION
**********************************************************************************************/	
.col_search .criterias ul.diplome li a {
	height: 29px;
	width: 88px;
	padding-top: 17px;
}
.col_search .criterias ul.diplome li a:hover, .col_search .criterias ul.diplome li a.active {
	height: 27px;
	width: 84px;
	padding-top: 15px;		
}

.col_search .criterias ul.diplome li a.spe {
	height: 36px;
	width: 88px;
	padding-top: 10px;	
}

.col_search .criterias ul.diplome li a.spe:hover {
	height: 34px;
	width: 84px;
	padding-top: 8px;
}

.col_search .criterias ul.diplome li a.spe_active {
	border: 3px solid #82bc0d;
	height: 34px;
	width: 84px;
	padding-top: 8px;		
}



/**********************************************************************************************
	CONTENT > SEARCH > COL RESULTS
**********************************************************************************************/	
.col_results {
	float: left;
	width: 556px;
	position: relative;
	top: -98px;
	background: url(/assets/images/research/bg_list_results.gif) repeat-y right top;
	z-index: 70;
	padding-bottom: 48px;
}


/**********************************************************************************************
	CONTENT > SEARCH > COL RESULTS > FRAME GREEN
**********************************************************************************************/	
.col_results .frame_green {
	width: 520px; /* 544 - 10 - 36 */
	background-color: #82bc0d;
	padding: 20px 10px 19px 36px;
	/*margin-left: 30px;*/
	margin-left: -10px;	
}

.col_results .frame_green_right {
	width: 282px;
	height:0px;
	background: #82bc0d;
	padding:0;
	position: absolute;
	top: 144px;
	left: 276px;
	
}

*html .col_results .frame_green {
	/*padding-bottom: 19px;*/
}
*+html .col_results .frame_green {
	/*padding-bottom: 19px;*/
}

.col_results .frame_green p {
	color: #40474f;
	margin-bottom: 5px;
}

.col_results .frame_green p.white {
	color: #fff;
	font-weight: bold;
	margin-top: 15px;
}


/**********************************************************************************************
	CONTENT > SEARCH > COL RESULTS > COL DIPLOMES
**********************************************************************************************/	
.diplomes {
	float: left;
	width: 212px;
	margin:0 33px 0 30px;
	padding-top: 15px;
}

*html .diplomes {
	margin-right: 0;
}

.diplomes li.info_about_bac_3 {
	background:none;
}
.diplomes .info_about_bac_3 div {
	color: #82BC0D;
	float: left;
	height: 100%;
	width: 214px; /* 212 - 17 */
	padding: 18px 0 0px 0px;
	text-align:center;	
}

.diplomes .info_about_bac_3 img {
	margin-top:10px;
	margin-left:95px;
}

.diplomes ul {
	/*border-right: 1px solid #f1f1f1;*/
	width: 212px;	
	padding-right: 30px;	
}

.diplomes li {
	list-style-type: none;
	
	font-weight: bold;
	width: 212px;
	float: left;
	background: url(/assets/images/icons/arrow_list.png) no-repeat left 24px;
}

.diplomes  li.no_result {
	border:0px;
	padding-top:10px;
	font-weight: bold;
	
}

.diplomes li.box {
	border: 0;
}

.diplomes li a {
	color: #666c72;
	float: left;
	height: 100%;
	width: 197px; /* 212 - 17 */
	padding: 18px 0 16px 17px;	
	border-bottom: 1px solid #ececed;
}

.diplomes li.main_over_box {
	border:none;
	width: 232px;
}

.diplomes .over_box {
	/*clear: both;*/
	float: left;
	width: 212px;
	background: #40474f;
	color: #fff;
	position: relative;
	padding: 20px 0 18px 0;
}

.diplomes .over_box a.close {
	position: absolute; 
	top: 8px;
	right: 8px;
	float: right;
	background: url(/assets/images/icons/close_over_box.png) no-repeat top left;
	height: 5px;
	width: 5px;
	border: none;
}

.diplomes .over_box h3 {
	font-size: 11px;
	margin: 0 0 0 16px;
}

.diplomes .over_box p {
	text-align: justify;
	font-weight: normal;
	margin: 12px 20px 19px 20px;	
}

.diplomes .over_box a {
	margin: 0;
	padding: 0;
	width: auto;
}

.diplomes .over_box a.fiche {
	background: url(/assets/images/icons/fiche.png) no-repeat left center;
	font-weight: bold;
	color: #fff;
	float: left;
	padding: 0 0 0 14px;
	margin: 0 0 5px 20px;
}

.diplomes .over_box a.link_etablissement {
	background: #82bc0d url(/assets/images/icons/arrow_list_green.png) no-repeat 6px center;
	font-weight: bold;
	color: #fff;
	margin: 10px 0 0 14px;
	padding: 2px 10px 2px 20px;
	float: left;
	border: none;
}

.diplomes .over_box .arrow{
	position: absolute;
	top: 45%;
	left: 212px;
}

/**********************************************************************************************
	CONTENT > SEARCH > COL RESULTS > COL METIERS
**********************************************************************************************/	
.metiers {
	float: left;
	width: 229px; /* 269 - 20*2 */
	/*height: 100%;*/
	/*background-color: #e6f7fc;*/
	padding: 0 20px;
	padding-top:15px;
}

*html .metiers {
	margin-right: 0;
}

.metiers ul {
	border-right: 1px solid #f1f1f1;
	width: 212px;	
	padding-right: 30px;	
}

.metiers li {
	list-style-type: none;
	border-bottom: 1px solid #d5e5ea;
	font-weight: bold;
	width: 212px;
	float: left;
	background: url(/assets/images/icons/arrow_list_greyblue.gif) no-repeat left 24px;
}

.metiers  li.no_result {
	border:0px;
	padding-top:10px;
	font-weight: bold;
	
}

.metiers li.box {
	border: 0;
}

.metiers li a {
	color: #09b0dd;
	float: left;
	height: 100%;
	width: 202px;
	padding: 18px 0 16px 17px;	
}

.metiers li.main_over_box {
	border:0px;
}

.metiers .over_box {
	clear: both;
	width: 212px;
	background-color: #40474f;
	color: #fff;
	position: relative;
	padding: 20px 0 18px 0;
}

.metiers .over_box a.close {
	position: absolute; 
	top: 8px;
	right: 8px;
	float: right;
	background: url(/assets/images/icons/close_over_box.png) no-repeat top left;
	height: 5px;
	width: 5px;
}

.metiers .over_box h3 {
	font-size: 11px;
	margin: 0 0 0 16px;
}

.metiers .over_box p {
	text-align: justify;
	font-weight: normal;
	margin: 12px 20px 19px 20px;	
}

.metiers .over_box a {
	margin: 0;
	padding: 0;
	width: auto;
}

.metiers .over_box a.fiche {
	background: url(/assets/images/icons/fiche.png) no-repeat left center;
	font-weight: bold;
	color: #fff;
	float: left;
	padding: 0 0 0 14px;
	margin: 0 0 5px 20px;
}

.metiers .over_box a.link_etablissement {
	background: #09B0DD url(/assets/images/icons/arrow_list_blue.png) no-repeat 6px center;
	font-weight: bold;
	color: #fff;
	margin: 10px 0 0 14px;
	padding: 2px 10px 2px 20px;
	float: left;
}

.metiers .over_box .arrow{
	position: absolute;
	top: 45%;
	left: -4px;
}

/**********************************************************************************************
	MODALE
**********************************************************************************************/	
.bkg_modale {
	background: url(/assets/images/modale/background.png) repeat top left;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 110;
}

#modale {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -272px;
	width: 545px;
	background: #fff;
	border: 1px solid #e5e5e5;
	z-index: 120;
}

#modale_detail {
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -272px;
	width: 545px;
	background: #fff;
	border: 1px solid #e5e5e5;
	z-index: 130;
}

.modale_header {
	background: #82bc0d;
	padding: 25px 8px 0 20px;
	/*position: relative;*/
}

*html .modale_header {
	/*height: 200px; 60px;*/
}
*+html .modale_header {
	/*height: 100px; 82px;*/
}

.modale_header .options {
	postion:absolute;
	bottom:0px;
	border:1px solid #FF0000;
	height:20px;
}
	
.modale_header .close {
	background: url(/assets/images/modale/close.png) no-repeat center right;
	height: 12px;
	width: 50px;
	float: right;
	position: absolute; 
	top: 10px;
	right: 10px;
	margin: 0;
	padding:0 10px 0 0;
	border: 0;
	color:#000;
	text-align:right;
	font-size:8px;
}

.modale_header a.retour {
	background: url(/assets/images/modale/retour.png) no-repeat top left;
	height: 21px;
	width: 72px;
	float: left;
	/*position: absolute;*/
	padding: 0;
	border: 0;
}



.modale_header h1 {
	color: #40474f;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 18px;	
}

.modale_header h2 {
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 18px;	
}

.modale_header a {
	color: #fff;
	float: right;
	margin: 25px 4px 0 0;
	height: 17px;
	width: 108px;
	border-right: 7px solid #40474f;
	padding: 4px 0 0 6px;
}

.modale_header a.mail {
	background: #40474f url(/assets/images/modale/mail.png) no-repeat center right;
}
.modale_header a.print {
	background: #40474f url(/assets/images/modale/print.png) no-repeat center right;
}

.modale_content {
	padding: 10px 10px 25px 10px;
		color:#57606b;
	/*position: relative;*/
}

.modale_content .etablissement {
	border-bottom: 1px solid #f1f1f1;
	position: relative;
	width: 505px;
	margin: auto;
	padding: 12px 0 5px 0;
	cursor: pointer;
}

.modale_content .etablissement h3 {
	color: #40474f;
	font-size: 12px;
	margin-left: 12px;
}

.modale_content .etablissement .departement {
	color: #09b0dd;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute; 
	top: 14px;
	right: 12px;
}

.modale_content .etablissement p {
	margin: 3px 0 0 24px;
}

.modale_content .etablissement a {
	margin: 0 0 0 24px;
	color: #82bc0d;
	font-weight: bold;
}

.modale_content .etablissement a.ajout_list {
	background: url(/assets/images/modale/ajout_list.png) no-repeat top left;
	height: 60px;
	width: 60px;
	float: right;
	position: absolute;
  z-index: 100;
	top: -12px;
	right: -80px;
	display: none;
	cursor:pointer;
}

.modale_content .etablissement a.ajout_list_done {
	background: url(/assets/images/modale/ajout_list_done.png) no-repeat top left;
	height: 60px;
	width: 60px;
	float: right;
	position: absolute;
  z-index: 100;
	top: -35px;
	right: -80px;
	display: none;
	cursor:pointer;	
}

.modale_content .hover {
	border: 3px solid #82bc0d;
	position: relative;
	width: 505px;
	margin: auto;
	padding: 9px 0 3px 0;
}

.modale_content .hover h3 {
	color: #09b0dd;
}

.modale_content .hover .departement {
	position: absolute; 
	top: 11px;
}

.modale_content .hover a.ajout_list {
	display: block;
}


.modale_content .boutons a {
	color: #fff;
	float: right;
	margin: 15px 4px 8px 0;
	height: 17px;
	width: 80px;
	border-right: 7px solid #40474f;
	padding: 4px 0 0 6px;
}

.modale_content .mail {
	margin-bottom:5px;
}

.modale_content a.envoyer {
	background: #40474f url(/assets/images/modale/mail.png) no-repeat center right;
}

.modale_content a.annuler {
	background: #40474f url(/assets/images/modale/annuler.png) no-repeat center right;
}

.modale_content .inputs {
	margin-top:2px;
	margin-bottom:2px;
}

.modale_content input.mail {
	background: #fff;
	border: 1px solid #EEEEEE;
	height: 14px;
	width: 350px;
	padding: 1px 3px 1px 0px;
	color: ##94999D;
	font-size: 10px;
}

.modale_content textarea.mail {
	background: #fff;
	border: 1px solid #EEEEEE;
	height: 28px;
	width: 350px;
	padding: 1px 3px 1px 0px;
	color: ##94999D;
	font-size: 10px;
	font-family: Arial, sans-serif; 	
}



.modale_content .col_left {
	width: 250px;
	float: left;
	margin: 60px 10px 0 0;
}

.modale_content .col_left h2 {
	font-size: 16px;
	color: #40474f;
	text-transform: uppercase;
	margin: 0 0 0 25px;
}

.modale_content .col_left .adresse {
	font-size: 12px;
	margin: 0 0 0 28px;	
}

.modale_content .col_left .titre_autre {
	font-size: 11px;
	margin: 0 0 0 28px;	
}

.modale_content .col_left .accroche {
	font-size: 11px;
	text-transform: uppercase;

}

.modale_content .col_left ul {
	border-top: 1px solid #f1f1f1;
	margin: 15px 0 30px 10px;
}

.modale_content .col_left ul li {
	border-bottom: 1px solid #f1f1f1;
	list-style-type: none;
	padding: 7px 0 7px 25px;
	width: 225px;
}

.modale_content .col_left ul li a {
	color: #82bc0d;
}

.modale_content .col_right {
	width: 230px;
	margin: 15px 7px 0 0;
	float: right;
}

*html .modale_content .col_right {
	margin: 15px 4px 0 0;
}

.modale_content .col_right a.hebergement {
	background: #82bc0d;
	color: #fff;
	text-transform: uppercase;
	font-size: 9px;
	float: right;
	text-align: center;
	padding: 3px;
	margin: 0 5px 0 0;
	letter-spacing: -0.5px;
	line-height: 10px;
	cursor:normal;
}

.modale_content .col_right a.hebergement_non {
	background: #40474f;
	color: #fff;
	text-transform: uppercase;
	font-size: 9px;
	float: right;
	text-align: center;
	padding: 3px;
	margin: 0 5px 0 0;	
	letter-spacing: -0.5px;	
	line-height: 10px;	
	cursor:normal;
}

.modale_content .diplomes_propo h3, .modale_content .en_savoir_plus h3  {
	color: #40474f;
	font-size: 12px;
	margin-bottom: 5px;
}

.modale_content .diplomes_propo {
	margin: 0 0 0 20px;
}

.modale_content .diplomes_propo ul {
	float: left;
	width: 200px;
	padding-right: 20px;
	list-style-type: none;
}

.modale_content .diplomes_propo li {
	float: left;
	width: 190px;
	padding-right: 20px;
	list-style-type: none;
	margin-bottom:8px;
}

.modale_content .en_savoir_plus {
	margin: 30px 20px 0 20px;
	text-align: justify;
}

.modale_content .metier_desc h3 {
	color: #40474f;
	font-size: 12px;
	margin-bottom: 5px;
}

.modale_content .metier_desc {
	margin: 0 20px 20px 20px;
}

.modale_content .metier_desc ul {
	float: left;
	width: 220px;
	padding-right: 20px;
	list-style-type: none;
}

.modale_content .metier_desc li {
	padding-bottom: 5px;
}

.modale_content .metier_desc a {
	color: #82bc0d;
	color: #94999D;
}
.modale_content .metier_desc a:hover {
	color: #82bc0d;
}

.modale_content .metier_desc p {
	text-align:justify;
}


/**********************************************************************************************
	FOOTER
**********************************************************************************************/	
#footer {
	clear: both;
	padding-top: 10px;
	
}

#footer .left {
	float: left;
	width: 65px;
	margin-left: 25px;
	margin-top: 12px; 
}

#footer .right {
	float: right;
	width: 123px;
	margin-right: 25px;
	margin-top: 12px; 
}

#footer .container {
	float: left;
	text-align:right;
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	width: 480px;
	margin-top: 25px; 
	margin-bottom : 35px;
}

#footer .container a {
	color: #b6b6b6;
	margin: 0 8px;
}


#footer .container a.rss {
	display: block;
	margin: 12px 0 0 0;
}

#footer .logos {
	float:right;
}

#footer .logos a {
	float:right;
	display:block;
	margin-left:20px;
}
/**********************************************************************************************
	CONTENT > MOTEUR > COL MOTEUR
**********************************************************************************************/	
.titre_moteur {
	/*background: url(/assets/images/wallvideos/titre.png) no-repeat top left;*/
	width:228px;
	height:51px;
	margin-top:40px;
	margin-left:25px;
	position: absolute; 
}

.col_moteur {
	float: right;
	width: 870px;
	margin-right: 58px;
}


.col_moteur .menu {
	background: #40474f;
	white-space:nowrap;
	width:100%;
	
}

.col_moteur .menu ul {
	float: left;
	width: 100%;
	padding-right: 20px;
	list-style-type: none;
	white-space:nowrap;
}

.col_moteur .menu li {
	list-style-type: none;
	width: 100%;
	padding: 0;
	margin:0;
	display:inline;
}
.col_moteur .menu li img {
	cursor:pointer;
}


.col_moteur .frame_grey {
	color:#c2c7cc;
	background: #40474f;
	padding: 20px 20px 20px 20px;
	min-height:400px;
}

.col_moteur .frame_grey .resultats {
}

.col_moteur .frame_grey .results_none {
	margin:0;
	padding:0;
	height:200px;
	text-align:center;
	padding-top:120px;
}

.col_moteur .frame_grey .resultats ul {
		float:left;
		width:380px;
		margin-right:60px;
	
}

.col_moteur .frame_grey .resultats li {
	border-bottom:1px solid #63696f;
	list-style-type: none;
	padding:10px 0 10px 0;
	height:100%;
	cursor:pointer;
}

.col_moteur .frame_grey .resultats .hover {
	background-color:#33393f;
}


.col_moteur .frame_grey .resultats li .chiffre {
	width:40px;
	text-align:left;
	color:#ffffff;
	font-size:14px;
	font-family:Arial;
	padding:0 0 0 10px;
	margin:0;
	float:left;
}
.col_moteur .frame_grey .resultats li .contenu {
float:;
	margin:0;
	margin-left:50px;
	text-align:left;
	padding:0;
	height:100%;
}



.col_moteur .frame_grey .resultats li h1 {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	
}

.col_moteur .frame_grey .resultats li p {
	font-size:11px;	
}

.col_moteur .frame_grey .resultats li .a {
	
}

.col_moteur .frame_grey .resultats li .a:hover {
	
}



/********************************************************************************************* 
CONTENT > ARCHIVE ACTU > COL ACTU ARCHIVES
*********************************************************************************************/
.titre_actu_archives {
	background: url(/assets/images/actu_archives/titre.png) no-repeat top left;
	width:228px;
	height:51px;
	margin-top:40px;
	margin-left:25px;
	position: absolute; 
}

.col_actu_archives {
	float: right;
	width: 870px;
	margin-right: 58px;
}

.col_actu_archives .frame_grey {
	color:#c2c7cc;
	background: #40474f;
	padding: 20px 20px 20px 20px;
}

.col_actu_archives .frame_grey .table_conteneur {
	border-collapse:collapse;
	border-spacing:0;
	caption-side:top;
}
.col_actu_archives .frame_grey .table_conteneur td {
	vertical-align: top;	
}

.col_actu_archives .frame_grey .liste_actus {
	width:600px;
	padding:32px 13px 0 13px;
	float:left;
}

.col_actu_archives .frame_grey .liste_actus .une_actu {
	margin-bottom:20px;
	border-bottom:1px solid #52585f;
	padding:0 13px 0 13px;
}

.col_actu_archives .frame_grey .liste_actus .une_actu .date {
	color:white;
	font-size:12px;
}

.col_actu_archives .frame_grey .liste_actus .une_actu .titre {
	color:#09b0dd;
	font-size:20px;
}

.col_actu_archives .frame_grey .liste_actus .une_actu .contenu {
	padding-top:22px;
}

.col_actu_archives .frame_grey .liste_actus .une_actu .contenu .photo {
	width:210px;
	float:left;
}

.col_actu_archives .frame_grey .liste_actus .une_actu .contenu .photo img {
	border:2px solid white;
}

.col_actu_archives .frame_grey .liste_actus .une_actu .contenu .texte {
	float:left;
	color:#b3b5b9;
	font-size:12px;
	padding-left:25px;
	width:330px;
	text-align:justify;
	
}

.col_actu_archives .frame_grey .liste_actus .une_actu .contenu .pj {
	margin-top:15px;
}

.col_actu_archives .frame_grey .liste_actus .une_actu .clear {
	clear:both;
	padding-top:20px;
}

.col_actu_archives .frame_grey .menu_yymm {
	width:200px;
	padding:32px 0 0 0;
}

.col_actu_archives .frame_grey .menu_yymm .annee {
	color:#82bc0d;
	font-size:14px;
	padding:10px 0 12px 10px;
	border-bottom:1px solid #535a61;
}
.col_actu_archives .frame_grey .menu_yymm .avec_mois {
	border-bottom:0px;
	padding-bottom:5px;
}

.col_actu_archives .frame_grey .menu_yymm .mois {
	color:white;
	padding:8px 0 8px 12px;
	border-bottom:1px solid #535a61;
}

.col_actu_archives .frame_grey .menu_yymm .mois a{
	color:white;
}

.col_actu_archives .frame_grey .menu_yymm .mois a:hover{
	color:#82bc0d;
	text-decoration:none;
}

/**********************************************************************************************
	CONTENT > VIDEOS > COL WALLVIDEOS
**********************************************************************************************/	
.titre_wallvideos {
	background: url(/assets/images/wallvideos/titre.png) no-repeat top left;
	width:228px;
	height:51px;
	margin-top:40px;
	margin-left:25px;
	position: absolute; 
}

.col_wallvideos {
	float: right;
	width: 870px;
	margin-right: 58px;
}

.col_wallvideos .frame_grey {
	color:#c2c7cc;
	background: #40474f;
	padding: 20px 20px 20px 20px;
	height:400px;
}

.col_wallvideos .mini_next {
	position:absolute;
	height:60px;
	width:57px;
	margin-left:870px;
	margin-top:-200px;
	background: url(/assets/images/wallvideos/next.png) no-repeat top left;
	cursor:pointer;
	padding-top:29px;
	text-align:center;
	font-size:8px;
	color:#FFFFFF;
}

.col_wallvideos .mini_prev {
	position:absolute;
	height:60px;
	width:57px;

	margin-left:-57px;
	margin-top:-200px;	
	background: url(/assets/images/wallvideos/prev.png) no-repeat top left;
	cursor:pointer;
	padding-top:32px;
	text-align:center;	
	font-size:8px;
	color:#FFFFFF;	
}


.col_wallvideos .frame_wall {
	color:#c2c7cc;
	background: #40474f;
	margin:0 0 0 0;
	padding:0 0 0 20px;
	height:200px;
}

.col_wallvideos .frame_wall .miniature {
	width:128px;
	margin-right:12px;
	float:left;
}

.col_wallvideos .frame_wall .miniature .image {
	width:120px;
	height:90px;
	float:none;
	cursor:pointer;
}


.col_wallvideos .frame_wall .miniature .image img{
	width:120px;
	height:90px;
	border:4px solid #40474f; /*#;*/
}

.col_wallvideos .frame_wall .miniature .info {
	padding:20px 6px 2px 6px;
	color:#09b1e2;
	font-size:12px;
	font-weight:bold;
}

.col_wallvideos .frame_wall .miniature .hover img{
	border:4px solid #ffffff;
}

.col_wallvideos .frame_wall .miniature .hover{
	color:#FFFFFF;
}


.col_wallvideos .frame_video {
	height:344px;
	width:448px;
	float:left;
	margin-right:20px;
}

.col_wallvideos .frame_metier {
	width:355px;
	height:370px;
	float:left;
	padding:20px 0 0 0;
	overflow:hidden;
}

.col_wallvideos .frame_metier h1 {
		font-size:20px;
		text-transform:uppercase;
		margin-bottom:10px;
		color:#FFFFFF;
}
.col_wallvideos .frame_metier h2 {
		font-size:14px;
		color:#09b1e2;
		font-weight: bold;
		margin-bottom:10px;
}

.col_wallvideos .frame_metier p {
	text-align : justify; 
}


.col_wallvideos .frame_grey .text {
	float: left;
	width: 100%;
	text-align: justify;
	line-height: 15px;
}


.col_wallvideos .frame_grey .text h1 {
	margin-bottom: 20px;
	color:#82BC0D;
	font-size:16px;
	text-transform: uppercase;
}

.col_wallvideos .frame_grey .text h2 {
	margin-bottom: 10px;
	color:#FFF;
	font-size:14px;
	text-transform: uppercase;
	font-variant: small-caps;
}

.col_wallvideos .frame_grey .text h3 {
	margin-bottom: 10px;
	color:#FFF;
	font-size:12px;
	text-transform:none;
}

.col_wallvideos .frame_grey .text p {
	margin-bottom: 20px;
}

.col_wallvideos .frame_grey .text p b {
	color:#82BC0D;
}

.col_wallvideos .frame_grey .liste_abr {
}

.col_wallvideos .frame_grey .liste_abr td {
	padding-top:3px;
	padding-bottom:3px;
	white-space: nowrap;
}

.col_wallvideos .frame_grey img {
	margin-top: 15px;
	margin-bottom:15px;
	text-align:center;
}

/**********************************************************************************************
	CONTENT > MÉTIERS > COL STATICS
**********************************************************************************************/	
.col_statics {
	float: right;
	width: 600px;
	margin-right: 12px;
}

.col_statics .frame_grey {
	color:#c2c7cc;
	background: #40474f;
	padding: 25px 22px 25px 33px;
}

.col_statics .frame_grey .text {
	float: left;
	width: 100%;
	text-align: justify;
	line-height: 15px;
}


.col_statics .frame_grey .text h1 {
	margin-bottom: 20px;
	color:#82BC0D;
	font-size:16px;
	text-transform: uppercase;
}

.col_statics .frame_grey .text h2 {
	margin-bottom: 10px;
	color:#FFF;
	font-size:14px;
	text-transform: uppercase;
	font-variant: small-caps;
}

.col_statics .frame_grey .text h3 {
	margin-bottom: 10px;
	color:#FFF;
	font-size:12px;
	text-transform:none;
}

.col_statics .frame_grey .text p {
	margin-bottom: 20px;
}

.col_statics .frame_grey .text p b {
	color:#82BC0D;
}

.col_statics .frame_grey .liste_abr {
}

.col_statics .frame_grey .liste_abr td {
	padding-top:3px;
	padding-bottom:3px;
	white-space: nowrap;
}

.col_statics .frame_grey img {
	margin-top: 15px;
	margin-bottom:15px;
	text-align:center;
}

.col_metiers ul {
	float: left;
	width: 100%;
	padding-right: 20px;
	list-style-type: none;
}

.col_statics li {
	list-style-type: none;
	width: 100%;
	padding: 3px 0 3px 10px;
}

.col_statics li a {
	color: #82BC0D;
}
.col_statics li a:hover, .col_statics li a.active {
	color: #fff;
}



.col_statics .frame_grey .text .foretbois li {
	clear: both;
	margin-bottom:30px;
}

.col_statics .frame_grey .text .foretbois li .image {
	float:left;
	margin:0px;
	padding:0px;
	margin-right:10px;
	width:120px;
	vertical-align:text-top;
}

.col_statics .frame_grey .text .foretbois li .image img {
	border:1px solid #888;
	vertical-align:text-top;
	margin:0px;
	margin-top:5px;
	padding:0px;
	
}

.col_statics .frame_grey .text .foretbois li .desc {
	float:left;
	width:400px;
	margin-bottom:20px;
	vertical-align:top;
}

.col_statics .frame_grey .text  .encadre {
	border:1px solid #888;
	padding:5px;
	clear:both;
}

.col_statics .frame_grey .text  .encadre .image {
	float:left;
	margin:0;
	padding:0;
	margin-right:10px;
	width:120px;
	vertical-align:text-top;
}



.col_statics .frame_grey .text  .encadre .image img {
	border:1px solid #888;
	vertical-align:text-top;
	
}





.col_statics .frame_grey .text .listing {
	width:240px;
	color:#c2c7cc;
	float:left;
	margin-right:10px;
}

.col_statics .frame_grey .text a{
	color:#82BC0D;
}
.col_statics .frame_grey .text  a:hover a:active{
	color:#fff;
}

.col_statics .frame_grey .text .listing ul {
	float: left;
	width: 180%;
	padding-right: 20px;
	list-style-type: none;
}
.col_statics .frame_grey .text .listing li {
	list-style-type: none;
	width: 100%;
	padding: 3px 0 3px 10px;
}
.col_statics .frame_grey .text .listing li .titre{
	text-transform: uppercase;
	font-weight: bold;
}

.col_statics .frame_grey .text .listing li .sstitre{
	text-transform: uppercase;
}
.col_statics .frame_grey .text .listing li .lien{
}
.col_statics .frame_grey .text .listing li .lien a{
	color:#82BC0D;
}
.col_statics .frame_grey .text .listing li .lien a:hover a:active{
	color:#fff;
}

/***********************************************************************************************
MISC
************************************************************************************************/
#recherche_wait_loading_diplome {
	text-align:center;
	padding-top:50px;
}

#recherche_wait_loading_metier {
	text-align:center;
	padding-top:50px;
}

#sendamail_wait_loading {
	text-align:center;
	padding-top:50px;
}

#sendamail_msgbox {
	margin-top:10px;
	text-align:center;
	margin-bottom:10px;
	color:#FFF;
}


/* pagination de la recherche diplomes et métiers */

.search_list_paging_bas {
	clear:both;
	padding-top:20px;
}

.search_list_paging{
	text-align: left;
	cursor: default;
}


.search_list_paging span{
	color:#666c72;
	padding: 0 22px;
}

.search_list_paging a{
	padding: 1px 3px;
}

.search_list_paging a.current{
	padding: 0 3px;
}

.search_list_paging a img{
	position: relative;
	top: -1px;
	padding: 0 2px;
}

#search_diplome_list_paging {
	margin-top:10px;
	margin-bottom:10px;
	color:#82BC0D;
	font-weight: bold;
}


#search_diplome_list_paging a {
	color:#b6b6b6;
}

#search_diplome_list_paging a.current {
	border: 1px solid #d9d9d9;
	background-color: #f2f2f2;
	color: #666c72;
}

#search_metier_list_paging {
	margin-top:10px;
	margin-bottom:10px;
	color:#82BC0D;
	font-weight: bold;
}

#search_metier_list_paging a {
	color:#b6b6b6;
}

#search_metier_list_paging a.current {
	border: 1px solid #c4d2d7;
	background-color: #daeaef;
	color: #666c72;
}


#map_canvas {
 width: 490px;
 height: 300px;
 background-color:#FFF;
 margin-left:20px;
 margin-bottom:20px;
}

.gras {
	font-weight: bold;
}

#region_result_txt {
	color:#FFF;
}
#secteur_result_txt {
	color:#FFF;
}
#niveau_result_txt {
	color:#FFF;
}
#formation_result_txt {
	color:#FFF;
}

.pop_acces_pro {
}

.pop_acces_pro {
	clear: both;
	width: 250px;
	background: #40474f;
	color: #fff;
	position: relative;
	padding: 20px 5px 18px 5px;
	position:absolute;
	z-index:1000;
}

.pop_acces_pro .tablo {
	align:center;
}
.pop_acces_pro .tablo td{
	padding:2px 2px 2px 2px;
}

.pop_acces_pro a.close {
	/*
	position: absolute; 
	top: 8px;
	right: 8px;
	float: right;
	background: url(/assets/images/icons/close_over_box.png) no-repeat top left;
	height: 5px;
	width: 5px;
	*/
	background: url(/assets/images/icons/close_over_box.png) no-repeat center right;
	height: 12px;
	width: 50px;
	float: right;
	position: absolute; 
	top: 8px;
	right: 10px;
	margin: 0;
	padding:0 10px 0 0;
	border: 0;
	color:#ffffff;
	text-align:right;
	font-size:8px;	
}

.pop_acces_pro h1 {
	font-size: 14px;
	margin: 0 0 8px 0;
	padding:0;
	text-transform:uppercase;
	color:#FFFFFF;
}

.pop_acces_pro p {
	text-align: justify;
	font-weight: normal;
	margin: 12px 10px 10px 10px;	
}

.pop_acces_pro a {
	margin: 0;
	padding: 0;
	width: auto;
}

.pop_acces_pro input {
	background: #666c72;
	border: 0;
	height: 12px;
	width: 150px;
	padding: 0 3px;
	color: #fff;
	font-size: 10px;
}

.pop_acces_pro .seconnecter {
	text-align:right;
}
.pop_acces_pro .seconnecter input {
	height:14px;
	width:85px;
	botrder:0;
	padding:0;
	margin:0;
}