.graphx{
	width: 100%;
	height: 600px;
	position: relative;
	background: url(../images/arrowx.png) no-repeat center 265px /38%;
}
	.crl{
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}
	.ny{
		width: 250px;
		position: relative;
		top: 300px;
		left: calc(50% - 125px);
	}
	.crl{
		width: 150px;
		height: 150px;
		border-radius: 50%;
		opacity: .6;
		position: absolute;
		cursor: pointer;
	}
	.crl-1{
		background-color: #79B51A;
		top: 0;
		left: calc(50% - 70px);
	}
	.crl-1:hover{
		opacity: .8;
	}
	.crl-2{
		background-color: #fe7271;
		top: 100px;
		left: 0;
	}
	.crl-2:hover{
		opacity: .8;
	}
	.crl-3{
		background-color: #3993c1;
		top: 100px;
		right: 0;
	}
	.crl-3:hover{
		opacity: .8;
	}
	.ttr{
		position: absolute;
		z-index: 10;
		color: #fff;
		font-size: 9px;
}
	.ttr-1{
		top: 50px;
		left: 107px;
	}
	.ttr-2{
		top: 160px;
		left: 40px;
	}
	.ttr-3{
		top: 160px;
		right: 21px;
	}
	.ttr-4{
		top: 110px;
		left: 78px;
	}
	.ttr-5{
		top: 110px;
		right: 75px;
	}
	.ttr-6{
		top: 129px;
		left: 109px;
	}
	.ttr-7{
		top: 170px;
		left: 106px;
	}
	.tbl{
		position: absolute;
		width: 230px;
	}
	.tbl .headx{
		padding: 10px;
		margin: 0 0 5px;
		color: #fff;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
	}
	.tbl .bodyx{
		border-width: 2px;
		border-style: solid;
		padding: 10px 0;
	}
	.tbl .bodyx ul{
		margin: 0;
		padding: 0 10px;
	}
	.tbl-1{
		top: 25px;
		left: calc(50% - 115px);
	}
	.tbl-1 .headx{
		background-color: #79B51A;
	}
	.tbl-1 .bodyx{
		border-color: #79B51A;
	}
	.tbl-2{
		top: 300px;
		right: 0;
	}
	.tbl-2 .headx{
		background-color: #3993c1;
	}
	.tbl-2 .bodyx{
		border-color: #3993c1;
	}
	.tbl-3{
		top: 300px;
		left: 0;
	}
	.tbl-3 .headx{
		background-color: #fe7271;
	}
	.tbl-3 .bodyx{
		border-color: #fe7271;
	}
/* Pagination -----------------------------------------------------------------------------------------------------------------*/
div.k2Pagination ul li a, div.k2Pagination ul li > span, div.pagination ul li a, div.pagination ul li > span, .pagination-prev > span, .pagination-prev a, ul.pagination li a, ul.pagination li >span{
	background: #3993c1; /* Old browsers */
	background: -moz-linear-gradient(top,  #3993c1 0%, #2181b3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3993c1 0%,#2181b3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
div.k2Pagination ul li > span, div.pagination ul li > span, .pagination-prev > span, div.k2Pagination ul li a:hover, div.pagination ul li a:hover, div.pagination ul li > span:hover, ul.pagination li a:hover, ul.pagination > li > span {
	background: rgb(33,129,179); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(33,129,179,1) 0%, rgba(57,147,193,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(33,129,179,1)), color-stop(100%,rgba(57,147,193,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(33,129,179,1) 0%,rgba(57,147,193,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(33,129,179,1) 0%,rgba(57,147,193,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(33,129,179,1) 0%,rgba(57,147,193,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(33,129,179,1) 0%,rgba(57,147,193,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2181b3', endColorstr='#3993c1',GradientType=0 ); /* IE6-9 */
	color: rgba(255, 255, 255, 0.5);
}
/* List Style -----------------------------------------------------------------------------------------------------------------*/
ul.st-2 li div.txt,ul.st-2 li div.txt:after,ul.st-2 li div.num{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Style 1 ----------------------*/
ul.st-1{
	list-style: none !important;
}
ul.st-1 li{
	margin: 5px 0;
	padding: 2px;
	background: #3993c1;
	display: inline-table;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	box-shadow: 2px 2px 6px #333;
}
ul.st-1 li:hover{
	background: #fff;
	color: #3993c1;
}
ul.st-1 li:hover .num,ul.st-1 li:hover .num2{
	background: #3993c1;
	color: #fff;
}
ul.st-1 li:hover .txt{

}
ul.st-1 li.caption{
	border: 1px solid #3993c1;
	padding: 10px;
	background: #F3F3F3;
	color: #333;
}
ul.st-1 li div.num{
	display: table-cell;
	background: #fff;
	padding: 0 10px;
	width: 3%;
	vertical-align: middle;
	height: 100%;
	margin: 0 10px 0 0;
	text-align: center;
	color: #333;
}
ul.st-1 li div.num2{
	display: table-cell;
	background: #fff;
	padding: 0 10px;
	width: 20%;
	vertical-align: middle;
	height: 100%;
	margin: 0 10px 0 0;
	text-align: center;
	color: #333;
}
ul.st-1 li div.txt{
	display: table-cell;
	width: 80%;
	vertical-align: middle;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Style 2 ----------------------*/
ul.st-2{
	list-style: none !important;
}
ul.st-2 li{
	margin: 2px 0;
	padding: 2px;
	background: #F3F3F3;
	display: inline-table;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
ul.st-2 li.caption{
	border: 1px solid #3993c1;
	padding: 10px;
	background: #F3F3F3;
}
ul.st-2 li div.num{
	display: table-cell;
	background: #3993c1;
	line-height: 40px;
	padding: 0 10px;
	width: 100px;
	vertical-align: middle;
	margin: 0 10px 0 0;
	position: absolute;
	right: -8px;
	top: 2px;
	color: #fff; 
	text-align:right;
}
ul.st-2 li:hover div.num{
	background: none;
	color: #333;
	font-weight: bold;
}
ul.st-2 li:hover div.txt{
	width:78%;
}
ul.st-2 li div.txt{
	color: #fff;
	width: 44%;
	vertical-align: middle;
	padding: 0 3px;
	background: #3993c1;
	height: 40px;
	position: relative;
}
ul.st-2 li div.txt:after{
	content: '';
	position: absolute;
	right: -20px;
	top: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #3993c1;
}
ul.st-2 li div.num:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #F3F3F3;
}
/* Style 3 ----------------------*/
ul.st-3{
	list-style: none !important;
	display: table;
}
ul.st-3 > li{
	float: left;
	width: 30.47%;
	margin: 10px;    
}
ul.st-3 li.caption{
	border: 1px solid #3993c1;
	padding: 10px;
	background: #F3F3F3;
	width: 100%;
	-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;
	float: none;
	margin: 0;
}
ul.st-3 li div.row{
	width: 100%;
}
ul.st-3 li div.row.header{
    border: 1px solid #ddd;
    text-align: center;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
    margin: 0 0 10px 0;
    background: #3993c1;
    color: #fff;
    padding: 10px 0;
}
ul.st-3 li div.row.boody{
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 10px 20px;
    -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;
    height: 130px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    background: #979797;
    color: #FFF;
}
ul.st-3 li div.row.footer{
    border: 1px solid #ddd; margin: 10px 0; padding: 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	
    background: #D5D5D5;
    height: 200px;
}
ul.st-3 > li ul{
	margin:0 0 0 20px;
}
/* Style 1 ----------------------*/
ul.st-4{
	list-style: none !important;
}
ul.st-4 li{
	margin: 5px 0;
	padding: 20px 2px;
	background: #3993c1;
	display: inline-table;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 2px 2px 6px #333;
}
ul.st-4 li.caption{
	border: 1px solid #3993c1;
	padding: 10px;
	background: #F3F3F3;
}
ul.st-4 li div.num{
	display: table-cell;
	background: #fff;
	padding: 30px 10px;
	width: 100%;
	vertical-align: middle;
	height: 100%;
	margin: 0 10px 0 0;
	background: #f5f5f5;
}
ul.st-4 li div.txt{
	display: table-cell;
	color: #fff;
	width: 30%;
	vertical-align: middle;
	padding: 5px;
}
/* Style 5 ----------------------*/
ul.st-5{
	list-style: none !important;
}
ul.st-5 li.header {
margin: 5px 0;
width: 97.6%;
}
ul.st-5 li.header .txt-1 {
width: 52%;
}
ul.st-5 li{
	margin: 5px 0 5px 20px;
	padding: 2px;
	background: #3993c1;
	display: inline-table;
	width: 95%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 2px 2px 6px #333;
}
ul.st-5 li.caption{
	border: 1px solid #3993c1;
	padding: 10px;
	background: #F3F3F3;
}
ul.st-5 li div.logo{
	display: table-cell;
	background: #fff;
	padding: 10px;
	width: 20%;
	height: 130px;
	vertical-align: middle;
	-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;
	border-radius: 0 40px 40px 0;
}
ul.st-5 li div.logo img{
	width: 100%;
	border-radius: 0 40px 40px 0;
}
ul.st-5 li div.txt-1{
	display: table-cell;
	color: #fff;
	width: 30%;
	vertical-align: middle;
	padding: 5px;
	-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;
	text-align: center;
}
ul.st-5 li div.txt-2{
	background: #fff;
	display: table-cell;
	color: #333;
	width: 50%;
	vertical-align: middle;
	padding: 5px;
	-moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;
}
/* Style 6 ----------------------*/
ul.st-6{
	list-style: none !important;
	position: relative;
	width: 90%;
	background: #3993c1;
	padding: 4px 0;
}
ul.st-6 li{
	margin: 4px 0;
	background: #fff;
	display: inline-table;
	width: 103%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #333;
	box-shadow: 2px 2px 6px #333;
	position: relative;
	left: 1%;
}
ul.st-6 li:hover{
	background: #fff;
	color: #3993c1;
}
ul.st-6 li:hover .num,ul.st-1 li:hover .num2{
	background: #3993c1;
	color: #fff;
}
ul.st-6 li:hover .txt{

}
ul.st-6 li.caption{
	border: 1px solid #3993c1;
	padding: 10px;
	background: #F3F3F3;
	color: #333;
}
ul.st-6 li div.num{
	display: table-cell;
	background: #fff;
	padding: 0 10px;
	width: 3%;
	vertical-align: middle;
	height: 100%;
	margin: 0 10px 0 0;
	text-align: center;
	color: #333;
}
ul.st-6 li div.num2{
	display: table-cell;
	background: #fff;
	padding: 0 10px;
	width: 20%;
	vertical-align: middle;
	height: 100%;
	margin: 0 10px 0 0;
	text-align: center;
	color: #333;
}
ul.st-6 li div.txt{
	display: table-cell;
	width: 80%;
	vertical-align: middle;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/* Typography -----------------------------------------------------------------------------------------------------------------*/

p{text-align: justify;}
/* Gallerie video -----------------------------------------------------------------------------------------------------------------*/

#k2ModuleBox707.revuedepresse{	position: relative;	height: 170px;}
#k2ModuleBox707.revuedepresse .calendar{	position: absolute;	right: 0;	margin: 0;}
/* Gallerie video -----------------------------------------------------------------------------------------------------------------*/
.thmb_video{margin: 0 0 10px;}

/* Button */
.thmb_video .btn{	position: absolute;	width: 725px;	height: 112px;}
.thmb_video .btn .btn_left{	position: absolute;left: 10px;top: 51px;cursor: pointer;}
.thmb_video .btn .btn_right{	position: absolute;	right: 10px;	top: 51px;cursor: pointer;}

/* Video List */
.thmb_video .video_list {overflow: hidden;width: 918px;margin: auto;position: relative;z-index: 2;height: 150px;}
.thmb_video .video_list ul{position: relative;left: 0;}
.thmb_video .video_list ul li{display: inline-block;position: relative;}
.thmb_video .video_list ul li span.duration{position: absolute;padding: 0 10px;right: 0px;bottom: 0px;box-shadow: -2px 0px 0px rgba(0,0,0,.2);border-radius: 10px 0 0;background: #3993c1;background: -moz-linear-gradient(top, #3993c1 0%, #2181b3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3));background: -webkit-linear-gradient(top, #3993c1 0%,#2181b3 100%);background: -o-linear-gradient(top, #3993c1 0%,#2181b3 100%);background: -ms-linear-gradient(top, #3993c1 0%,#2181b3 100%);background: linear-gradient(to bottom, #3993c1 0%,#2181b3 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 );color: #fff;font-size: 9px;}
.thmb_video .video_list ul li span.title{position: absolute;width: 150px;display: block;text-align: center;padding: 0 12px !important;-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}
.thmb_video .video_list ul li a img{width: 150px;height: 100px;}
.play_video{}
.play_video{	width: 718px;	display: inline-block;	padding: 15px;	background: #3993c1; /* Old browsers */	background: -moz-linear-gradient(top,  #3993c1 0%, #2181b3 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* IE10+ */	background: linear-gradient(to bottom,  #3993c1 0%,#2181b3 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 ); /* IE6-9 */	position: relative;	border-radius: 5px 0 0 5px;	box-shadow: -2px 2px 0 rgba(0,0,0,.1);	margin: 0 0 20px;}
.play_video:after{
	background: url(../images/default/top-right.png) no-repeat scroll left top;
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 11;
	right: 0px;
	bottom: -10px;
}
.play_video .play_video_title{font: 15px 'TrebuchetMS-Bold';text-align: center;margin: 10px 40px 0;color: #fff;}
.play_video .play_video_if{width: 700px;margin: auto;border: 2px solid #FFF;padding: 3px;background: rgba(0, 0, 0, 0.5);}

/*lawa3lam*/
.focus_img {
height: 200px;
width: 200px;
border-radius: 50%;
}
.column_left{
	float:left;
	width: 65%;
	text-align: justify;
}
.column_right{
	float:right;
	width: 30%;
	display: inline-block;
	padding: 15px;
	background: #F5F5F5 url(../images/bgcrc.png) -21px -124px;
	color: #333;
	position: relative;
	border-radius: 5px 0 0 5px;
	box-shadow: -2px 2px 0 rgba(0,0,0,.1);
	margin: 0 0 20px;
	right: -21px;
}
.column_right:after{
	background: url(../images/default/top-right.png) no-repeat scroll left top;
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 11;
	right: 0px;
	bottom: -10px;
}
.column_right p, .column_right ul li{
	color: #333;
}
/* Répertoire des Professionnels -----------------------------------------------------------------------------------------------------------------*/
.repertoire_bg .repertoire,.repertoire_bg .repertoire a span{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.repertoire_bg{
	width: 100%;
	min-height: 400px;
}
.repertoire_bg .repertoire{
    width: 178px;
    height: 200px;
    float: left;
    text-align: center;
    background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    padding: 10px;
    border-left: 1px solid #ddd;
    border-bottom: 3px solid #3993c1;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
    
}
.repertoire_bg .repertoire:hover{
	background: #3993c1;
	border-bottom: 3px solid #ddd;
}
.repertoire_bg .repertoire:hover a span{
	color: #fff;
}
.repertoire_bg .repertoire a{
	
}
.repertoire_bg .repertoire a img{
    width: 150px;
    border-radius: 50%;
    border: 1px solid #ddd;
    padding: 3px;
    margin: auto;
    display: block;
}
.repertoire_bg .repertoire a span{
	margin: 10px 0 0;
	display: block;
	color: #2987b8;
	font-size: 100%;
	font-family: 'TrebuchetMS-Bold';
	font-weight: bold;
	text-transform: uppercase;
	line-height: 120%;
	text-shadow: 1px 2px 0px rgba(0,0,0,.1);
}
/* Slideshow Espace Press -----------------------------------------------------------------------------------------------------------------*/
/*- Body */
.moduletable_espace_presse .lof-sliding .lof-main-wapper{height: 182px !important;}
.moduletable_espace_presse .lof-sliding .lof-row{overflow: hidden;;padding: 0;border-bottom: 4px solid #2987b8;}
.moduletable_espace_presse .lof-sliding .lof-inner{border-radius: 0;background: #ffffff; /* Old browsers */background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */}

/*- Title */
.moduletable_espace_presse .lof-sliding .lof-inner .lof-title{color: #2987b8;	display: inline;}

/*- Read More */
.moduletable_espace_presse .lof-sliding .lof-inner .lof-readmore{text-transform: capitalize;padding: 0px 0px 0px 20px !important;background: url(../images/readmore.png) no-repeat left center !important;position: absolute;bottom: 7px;left: 308px;height: auto;}

/*- Image */
.moduletable_espace_presse .lof-sliding .lof-image {	background: #fff;padding: 3px;	border: 1px solid #999;	margin: 0 10px 0 0;}
.moduletable_espace_presse .lof-sliding .lof-image a{	display: block;}

/*- Description */
.moduletable_espace_presse .lof-sliding .description {color: #999 !important;height: 102px;width: 97%;}

/*- Button */
.moduletable_espace_presse .lof-sliding .lof-next{	background:url(../images/slideshow-espace_presse-arrow-right.png) no-repeat center, url(../images/slideshow-espace_presse-arrow.png) no-repeat center;    background-size: 100%;    width: 50px;    height: 35px;    right: -20px;	top: inherit;	bottom: 50px;	z-index: 2;}
.moduletable_espace_presse .lof-sliding .lof-previous{	background:url(../images/slideshow-espace_presse-arrow-left.png) no-repeat center, url(../images/slideshow-espace_presse-arrow.png) no-repeat center;    background-size: 100%;    width: 50px;    height: 35px;	left: inherit;	top: inherit;	right: -20px;	bottom: 20px;	z-index: 3;}
.moduletable_espace_presse .lof-sliding .lof-next:hover{	background:url(../images/slideshow-espace_presse-arrow-right_hover.png) no-repeat center, url(../images/slideshow-espace_presse-arrow.png) no-repeat center;	background-size: 100%;}
.moduletable_espace_presse .lof-sliding .lof-previous:hover{	background:url(../images/slideshow-espace_presse-arrow-left_hover.png) no-repeat center, url(../images/slideshow-espace_presse-arrow.png) no-repeat center;	background-size: 100%;}

/* old */
.moduletable_press .lof-sliding .lof-inner .lof-title{	display: inline;}
.moduletable_press .lof-sliding .lof-inner .lof-readmore{	bottom: 30px;	left: 290px;}
.moduletable_press .lof-sliding .lof-image {	padding: 3px;	border: 1px solid #999;	margin: 0 10px;}
.moduletable_press .lof-sliding .lof-next{}
.moduletable_press .lof-sliding .lof-previous{	left: 704px;	top: 100px;}


/* Recette -----------------------------------------------------------------------------------------------------------------*/
/*- Recette */
.recette{
	width: 718px;
	display: inline-block;
	padding: 15px;
	background: #3993c1; /* Old browsers */
	background: -moz-linear-gradient(top,  #3993c1 0%, #2181b3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3993c1 0%,#2181b3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 ); /* IE6-9 */
	position: relative;
	border-radius: 5px 0 0 5px;
	box-shadow: -2px 2px 0 rgba(0,0,0,.1);
	margin: 0 0 20px;
}
.recette:after{
	background: url(../images/default/top-right.png) no-repeat scroll left top;
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 11;
	right: 0px;
	bottom: -10px;
}
.recette.ing{background: #f9f9f9 ; /* Old browsers */background: -moz-linear-gradient(top,  #f9f9f9  0%, #d4d4d4 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9 ), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f9f9f9  0%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f9f9f9  0%,#d4d4d4 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f9f9f9  0%,#d4d4d4 100%); /* IE10+ */background: linear-gradient(to bottom,  #f9f9f9  0%,#d4d4d4 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9 ', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */}
.recette .info{
	float: left;
	width: 510px;
}
.recette .info ul{
	list-style: none !important;
	color: #fff;
}
.recette .info li{
	border-top: 1px solid rgba(255,255,255,.3);
	padding: 4px 15px;
}
.recette .info li:nth-of-type(1){
	border-top: none;
}
.recette .info li em{
	font-size: 20px;
	display: inline-block;
	width: 30px;
}
.recette .img{
	float: right;
	width: 200px;
	height: 122px;
	border: 1px solid rgba(255,255,255,.3);
	padding: 3px;
}
.recette .img img{
	width: 100%;
	height: 100%;
}
.recette .title{
	width: 100%;
	border-bottom: 1px solid #333;
	text-align: center;
	padding:0;
	color: #333;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 30px;
}
.recette .content{	
	/*margin: 0 0 0 23px;*/
}
.recette .content ol,.recette .content ul{	
	color:#333;
	/*border-left: 1px solid #333;*/
}
.recette .content li{
	padding:0 15px;
	color:#333;
}
.recette .content li:nth-of-type(odd){
	background:rgba(255,255,255,.5);
}
.recette .content li span{
	padding: 0 0 0 20px;
}
/*- Menu Recette */
.menu_recette_all{text-align: center;}
.menu_recette{
	width: 200px;
	height: 180px;
	background: #3993c1; /* Old browsers */
	background: -moz-linear-gradient(top,  #3993c1 0%, #2181b3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3993c1 0%,#2181b3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 ); /* IE6-9 */
	border-radius: 10px;
	position: relative;
	padding: 10px;
	box-shadow: 0 5px 0px #165677;
	text-align: center;
	margin: 0 10px 30px;
	display: inline-block;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.menu_recette:hover{
	background: #41a6d8; /* Old browsers */
	background: -moz-linear-gradient(top,  #41a6d8 0%, #2694cc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a6d8), color-stop(100%,#2694cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #41a6d8 0%,#2694cc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #41a6d8 0%,#2694cc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #41a6d8 0%,#2694cc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #41a6d8 0%,#2694cc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a6d8', endColorstr='#2694cc',GradientType=0 ); /* IE6-9 */
	top:2px;
	box-shadow: 0 3px 0px #165677;
}
.menu_recette:active{
	top:5px;
	box-shadow: 0 0px 0px #165677;
}
.menu_recette .icon{
	position: absolute;
	background: url('../images/icon-recette.png') no-repeat center;
	background-size: 100%;
	width: 50px;
	height: 40px;
	left: 20px;
	top: -5px;
}
.menu_recette img{
	width: 200px;
	height: 150px;
	border-radius: 10px;
}
.menu_recette h1{
	margin: 12px 0;
	font-family: 'TrebuchetMS-Bold';
	color: #fff;
}
.menu_recette h1 a{
	color: #fff;
}
/*- Mini Menu Recette */
ul.mini_menu_recette_bg {
	list-style: none !important;
	text-align: center;
}
li.mini_menu_recette{
    width: 150px;
	margin: 30px 45px;
	display: inline-block;
	text-align: center;
	position: relative;
}
li.mini_menu_recette a img{
    width: 100%;
    height: 100px;
    border-radius: 3px;
}
li.mini_menu_recette a span{
    display: block;
    position: absolute;
    left: 0;
	right: 0;
}
/*- List Menu Recette */
ul.list_menu_recette{
    list-style: none !important;
    text-align: right;
}
ul.list_menu_recette > li{
	background: #3993c1; /* Old browsers */
	background: -moz-linear-gradient(top,  #3993c1 0%, #2181b3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3993c1 0%,#2181b3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 ); /* IE6-9 */
    padding: 10px;
    border-radius: 5px;
    position: relative;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}
ul.list_menu_recette > li > span{
    padding: 0 30px 0 0;
}
ul.list_menu_recette li ul{
    display: none;
    position: absolute;
    list-style: none !important;
    background: #3993c1;
    z-index: 9;
    border-radius: 0 0 5px 5px;
    right: 0;
}
ul.list_menu_recette li:hover ul{
    display: block;
}
ul.list_menu_recette li ul li{
    width: 152px;
    padding: 4px 10px;
    position: relative;
    border-top: 1px solid #307CA3;
    color: #fff;
    list-style: none;
}
ul.list_menu_recette li ul li:hover{
	background:#fff;
    color: #3993c1;
}
ul.list_menu_recette li ul li:nth-of-type(1){
    border-top:none;
}
ul.list_menu_recette li ul li a {
	display: block;
	color: #fff;
	text-align: left;
}
ul.list_menu_recette li ul li:hover a {
	color: #3993c1;
}
ul.list_menu_recette li ul li img{
    width: 16px;
    height: 16px;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #fff;
    padding: 1px;
    position: absolute;
    right: 10px;
    top: 5px;
}
ul.list_menu_recette li ul li:hover img{
    border: 1px solid #3993c1;
}
/*---------------------------------------------*/
/* Focus */
/*---------------------------------------------*/
#k2Container.focus .itemContainer .catItemImageBlock img,
#k2Container.focus .genericItemImage img{
	border-radius: 50%;
	height: 100% !important;
	width: 90px !important;
}
.catItemView.groupLeading{
}
#k2Container.focus span.catItemImage a,
#k2Container.focus span.genericItemImage a{
	border-radius: 50%;
	width: 90px;
	height: 90px;
}
/*---------------------------------------------*/
/* Voir Aussi */
/*---------------------------------------------*/
.voiraussi ul li{
	list-style:none;
	
}
/*---------------------------------------------*/
/* Lien Vers */
/*---------------------------------------------*/
.lien_vers 
.lien_vers a img{
	vertical-align: middle;
	width: 40px;
	height: 40px;
}
/*---------------------------------------------*/
/* Button Retour */
/*---------------------------------------------*/
.shadows-min .back{position:absolute;left: -34px;top: 16px;}
.shadows-min .back a{background: url(../images/back.png) no-repeat center /100%;width: 35px;height: 68px;display: inline-block;}
.shadows-min .back a:hover{background: url(../images/back_hover.png) no-repeat center /100%;}
/* body -----------------------------------------------------------------------------------------------------------------*/
.body{
	width: 500px;
	height: 500px;
	margin: auto;
	background: url(../images/body.png) no-repeat center center;
	background-size: 37%;
	position: relative;
}
.body .heart {
	width: 20px;
	height: 20px;
	background: url(../images/heart.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 201px;
	left: 254px;
	animation: heart 0.5s infinite alternate;
	-webkit-animation:heart 0.5s infinite alternate;
	cursor: pointer;
}brain
@keyframes heart{
	0%   {width: 15px;	height: 15px;}
	100%  {width: 20px;	height: 20px;}
}
@-webkit-keyframes heart{
	0%   {width: 15px;	height: 15px;}
	100%  {width: 20px;	height: 20px;}
}
.body .brain {
	width: 35px;
	height: 30px;
	background: url(../images/brain.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 125px;
	left: 233px;
	animation: brain 0.5s infinite alternate;
	-webkit-animation: brain 0.5s infinite alternate;
	cursor: pointer;
}
@keyframes brain{
	0%   {}
	100%  {}
}
@-webkit-keyframes brain{
	0%   {}
	100%  {}
}
.body .eyes {
	width: 30px;
	height: 15px;
	background: url(../images/eyes.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 150px;
	left: 236px;
	cursor: pointer;
}
.body .inflammation{
	width: 30px;
	height: 30px;
	background: url(../images/inf.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 290px;
	left: 257px;
	cursor: pointer;
	border-radius: 50%;
}
.body .reeq{
	width: 50px;
	height: 50px;
	background: url(../images/reeq.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 230px;
	left: 227px;
	cursor: pointer;
	border-radius: 50%;
}
.body .vaisseaux {
	width: 30px;
	height: 30px;
	background: url(../images/vaisseaux.png) no-repeat center center;
	background-size: 100%;
	position: absolute;
	top: 194px;
	left: 222px;
	cursor: pointer;
	border-radius: 50%;
}
.bubble{
	background: #3993c1; /* Old browsers */
	background: -moz-linear-gradient(top,  #3993c1 0%, #2181b3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3993c1 0%,#2181b3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 ); /* IE6-9 */
	padding: 10px;
	width: 200px;
	color: #fff;
	border-radius: 5px;
	position: absolute !important;
	opacity: .5;
}
.bubble-eyes{
	left: -80px;
	top: 0;
	box-shadow: 10px 10px 0px rgba(0,0,0,.1);
}
.bubble-vaisseaux{
	left: -80px;
	top: 117px;
	box-shadow: 10px 5px 0px rgba(0,0,0,.1);
}
.bubble-reeq{
	left: -80px;
	top: 314px;
	box-shadow: 10px -5px 0px rgba(0,0,0,.1);
}
.bubble-brain-1{
	left: 360px;
	top: 0;
	box-shadow: -10px 10px 0px rgba(0,0,0,.1);
}
.bubble-brain-2{
	left: 360px;
	top: 137px;
	box-shadow: -10px 5px 0px rgba(0,0,0,.1);
}
.bubble-heart{
	left: 360px;
	top: 294px;
	box-shadow: -10px -5px 0px rgba(0,0,0,.1);
}
.bubble-inflammation{
	left: -80px;
	top: 399px;
	box-shadow: 10px -10px 0px rgba(0,0,0,.1);
}
/*---------------------------------------------*/
/* Lien */
/*---------------------------------------------*/
.home_lien{
	margin: 40px 0 0;
}
.guiach{
	margin: 0 0 0px;
	background: #79B51A url(../images/guidee.png);
	background-size: 100%;
	width: 310px;
	height: 85px;
}
.repind{
	margin: 0px 0 0;
	background: #3993c1 url(../images/repertoire.png);
	background-size: 100%;
	width: 310px;
	height: 85px;
}
.guiach a,.repind a{
	display: inline-table;
	width: 100%;
	height: 84px;
	color: #fff;
	position: relative;
	text-align: center;
	background: rgba(0,0,0,0);
}
.guiach a:hover,.repind a:hover{
	background: rgba(0,0,0,.4);
}
.guiach a span,.repind a span{
	font-size: 12px;
	display: table-cell;
	vertical-align: middle;
	text-shadow: 0 0 3px rgba(0,0,0,.4);
	padding: 35px 0 0 0;
}
.guiach a em,.repind a em{
	position: absolute;
	color: rgba(255,255,255,1);
	font-size: 25px;
	left: 47%;
	top: 20px;
}

/* Animation */
.guiach a span,.repind a span,.guiach a,.repind a{
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/*---------------------------------------------*/
/* Gallery Video */
/*---------------------------------------------*/
#leo-user2 .moduletable_video {
float: left;
width: 49%;
}
.galvideo{
	float: left;
}
.galvideo:nth-of-type(1){
	margin: 0 1px 1px 0;
}
.galvideo:nth-of-type(2){
	margin: 0 0 1px 1px;
}
.galvideo:nth-of-type(3){
	margin: 1px 1px 0 0;
}
.galvideo:nth-of-type(4){
	margin: 1px 0 0 1px;
}
/*---------------------------------------------*/
/* La Carte */
/*---------------------------------------------*/
.lacarte .menu ul li span,
.lacarte .ville ul li span,
.lacarte .ville ul li em{
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.lacarte{width: 500px;	height: 500px;	background: url(../images/map.png) no-repeat center center;	background-size: 100%;	position: relative;	margin: auto;	padding: 10px;}
/* Titles */
.lacarte .titles {	width: 100%;	height: 100%;	position: absolute;	z-index: 1;}
.lacarte .titles ul{	margin: 0;	list-style: none !important	;	font-size: 10px;	font-weight: bold;	color: #fff;	letter-spacing: 2px;}
.lacarte .titles ul li{	position: absolute;}
.lacarte .titles ul li:nth-of-type(1){	top: 23px;	left: 360px;}
.lacarte .titles ul li:nth-of-type(2){	top:100px;	left: 312px;}
.lacarte .titles ul li:nth-of-type(3){	top: 192px;	left: 251px;}
.lacarte .titles ul li:nth-of-type(4){	top: 293px;	left: 151px;}
/* Lignes */
.lacarte .ligne span{height: 0px;	position: absolute;}
.lacarte .ligne span:nth-of-type(odd) {	border-top: 1px dashed #3993c1;	left: -100px;}
.lacarte .ligne span:nth-of-type(even) {border-top: 1px dashed #fff;}

.lacarte .ligne span:nth-of-type(1),.lacarte .ligne span:nth-of-type(2){top: 50px;}
.lacarte .ligne span:nth-of-type(1) {width: 450px;}
.lacarte .ligne span:nth-of-type(2) {width: 130px; left:345px;}

.lacarte .ligne span:nth-of-type(3),.lacarte .ligne span:nth-of-type(4){top:192px;}
.lacarte .ligne span:nth-of-type(3) {width: 400px;}
.lacarte .ligne span:nth-of-type(4) {width: 169px;left: 246px;}

.lacarte .ligne span:nth-of-type(5),.lacarte .ligne span:nth-of-type(6){top:280px;}
.lacarte .ligne span:nth-of-type(5) {width: 250px;}
.lacarte .ligne span:nth-of-type(6) {width: 135px;left: 151px;}

.lacarte .guide {	background: #d9edf7;	display: table;position: absolute;	padding: 10px;	z-index: 10;	text-align: left;border-radius: 5px;	border: 1px solid #bce8f1;	color: #3a87ad;	box-shadow: 0 0 50px rgba(0,0,0,.6);}

/* Ville ---------------------------*/
.lacarte .ville{ width: 100%;	height: 100%;	position: relative;	z-index: 2;}
.lacarte .ville ul{	list-style: none !important;	margin: 0;}
.lacarte .ville ul li{	position: absolute;	color: #79b51a;}

.lacarte .ville ul li span{display: none;		color: #000;	position: absolute;	z-index: 3;	font-weight: bold;	font-size: 10px;	font-family: arial; }
.lacarte .ville ul li:hover span,.lacarte .ville ul li.active span{display: block;position: relative;}
.lacarte .ville ul li em{	cursor: pointer;	display: table-cell;	vertical-align: middle; 	position:absolute; z-index: 2;	font-size: 4px;	color: #ff0000;}
.lacarte .ville ul li em:hover,	.lacarte .ville ul li.active em{font-size:18px;}


.lacarte .ville ul li.VDP em{color: #863999;}
.lacarte .ville ul li.PDA em{color: #ff0000;}
.lacarte .ville ul li.port em{color: #000;}
.lacarte .ville ul li.CAPI em{color: #ff0000;}

/* Méditerranée */
.lacarte .ville ul li.marrakech		em{		top: 136px;left: 319px;}
.lacarte .ville ul li.marrakech		span{	top: 132px;left: 250px;}
.lacarte .ville ul li.marrakech		em:hover,.lacarte .ville ul li.marrakech.active		em{top: 126px;left: 309px;}

.lacarte .ville ul li.rabat		em{		top: 66px;		left: 315px;}
.lacarte .ville ul li.rabat		span{	top: 56px;left: 272px;}
.lacarte .ville ul li.rabat		em:hover,.lacarte .ville ul li.rabat.active		em{top: 57px;left: 309px;}

.lacarte .ville ul li.tetouan		em{		top: 3px;	left: 365px;}
.lacarte .ville ul li.tetouan		span{	top: 3px;	left: 380px;}
.lacarte .ville ul li.tetouan		em:hover,.lacarte .ville ul li.tetouan.active		em{top: -3px;	left: 355px;}

.lacarte .ville ul li.oujda		em{		top: 30px;left: 458px;}
.lacarte .ville ul li.oujda		span{	top: 26px;left: 480px;}
.lacarte .ville ul li.oujda		em:hover,.lacarte .ville ul li.oujda.active		em{top: 20px;left: 448px;}

.lacarte .ville ul li.meknes		em{		top: 62px;left: 365px;}
.lacarte .ville ul li.meknes		span{	top: 58px;left: 310px;}
.lacarte .ville ul li.meknes		em:hover,.lacarte .ville ul li.meknes.active		em{top: 52px;left: 355px;}

.lacarte .ville ul li.fes		em{		top: 58px;		left: 379px;}
.lacarte .ville ul li.fes		span{	top: 48px;	left: 391px;}
.lacarte .ville ul li.fes		em:hover,.lacarte .ville ul li.fes.active		em{top: 49px;left: 373px;}

.lacarte .ville ul li.taza		em{		top: 47px;left: 419px;}
.lacarte .ville ul li.taza		span{	top: 42px;left: 380px;}
.lacarte .ville ul li.taza		em:hover,.lacarte .ville ul li.taza.active		em{top: 37px;left: 409px;}

.lacarte .ville ul li.benimellal		em{		top: 116px;left: 361px;}
.lacarte .ville ul li.benimellal		span{	top: 113px;left: 293px;}
.lacarte .ville ul li.benimellal		em:hover,.lacarte .ville ul li.benimellal.active		em{top: 106px;left: 351px;}

.lacarte .ville ul li.ras_kebdana		em{		top: 21px;left: 451px;}
.lacarte .ville ul li.ras_kebdana		span{	top: -6px;left: 419px;}
.lacarte .ville ul li.ras_kebdana		em:hover,.lacarte .ville ul li.ras_kebdana.active		em{top: 12px;left: 445px;}

.lacarte .ville ul li.nador		em{		top: 14px;			left: 429px;}
.lacarte .ville ul li.nador		span{	top: -13px;	left: 415px;}
.lacarte .ville ul li.nador		em:hover,.lacarte .ville ul li.nador.active		em{top: 5px; left: 423px;}

.lacarte .ville ul li.sidi_hsein em{	top: 19px;	left: 416px;}
.lacarte .ville ul li.sidi_hsein span{	top: -8px;	left: 396px;}
.lacarte .ville ul li.sidi_hsein em:hover,	.lacarte .ville ul li.sidi_hsein.active em{top: 10px;	left: 410px;}

.lacarte .ville ul li.al_hoceima	em{		top: 17px;			left: 409px;}
.lacarte .ville ul li.al_hoceima	span{	top: -11px;	left: 385px;}
.lacarte .ville ul li.al_hoceima	em:hover,.lacarte .ville ul li.al_hoceima.active	em{top: 8px;	left: 403px;}

.lacarte .ville ul li.cala_iris em{	top: 20px; 	left: 392px;}
.lacarte .ville ul li.cala_iris span{	top: -9px;	left: 382px;}
.lacarte .ville ul li.cala_iris	em:hover,.lacarte .ville ul li.cala_iris.active	em{top: 12px;	left: 386px;}

.lacarte .ville ul li.inouaren	em{		top: 18px;			left: 402px;}
.lacarte .ville ul li.inouaren	span{	top: -3px;	left: 386px;}
.lacarte .ville ul li.inouaren		em:hover,.lacarte .ville ul li.inouaren.active		em{top: 10px; left: 397px;}

.lacarte .ville ul li.amtar		em{		top: 21px;			left: 382px;}
.lacarte .ville ul li.amtar		span{	top: -2px;	left: 379px;}
.lacarte .ville ul li.amtar		em:hover,.lacarte .ville ul li.amtar.active		em{top: 12px; left: 376px;}

.lacarte .ville ul li.chemaala	em{		top: 19px;			left: 378px;}
.lacarte .ville ul li.chemaala	span{	top: -3px;	left: 385px;}
.lacarte .ville ul li.chemaala	em:hover,.lacarte .ville ul li.chemaala.active		em{top: 10px; left: 372px;}

.lacarte .ville ul li.targa		em{		top: 17px;			left: 375px;}
.lacarte .ville ul li.targa		span{	top: -3px;	left: 384px;}
.lacarte .ville ul li.targa	em:hover,.lacarte .ville ul li.targa.active		em{top: 9px; left: 369px;}

.lacarte .ville ul li.kaa_asrass em{	top: 14px;	left: 373px;}
.lacarte .ville ul li.kaa_asrass span{	top: -2px;	left: 386px;}
.lacarte .ville ul li.kaa_asrass	em:hover,.lacarte .ville ul li.kaa_asrass.active	em{top: 6px; left: 368px;}

.lacarte .ville ul li.oued_laou em{		top: 12px;	left: 370px;}
.lacarte .ville ul li.oued_laou span{	top: -6px;	left: 386px;}
.lacarte .ville ul li.oued_laou 	em:hover,.lacarte .ville ul li.oued_laou.active		em{top: 4px;left: 365px;}

.lacarte .ville ul li.martil 	em{		top: 7px;	left: 367px;}
.lacarte .ville ul li.martil 	span{	top: 0;		left: 380px;}
.lacarte .ville ul li.martil em:hover,.lacarte .ville ul li.martil.active	em{top: 0px; left: 361px;}

.lacarte .ville ul li.fnideq	em{		top: -2px;	left: 364px;}
.lacarte .ville ul li.fnideq 	span{	top: -6px;	left: 387px;}
.lacarte .ville ul li.fnideq em:hover,.lacarte .ville ul li.fnideq.active	em{top: -8px;	left: 360px;}

.lacarte .ville ul li.benyounech em{	top: -6px;	left: 364px;}
.lacarte .ville ul li.benyounech span{	top: -13px;	left: 378px;}
.lacarte .ville ul li.benyounech	em:hover,.lacarte_infrastructure3 .ville ul li.benyounech.active	em{top: -12px; left: 359px;}

.lacarte .ville ul li.dalia		em{		top: -6px;			left: 361px;}
.lacarte .ville ul li.dalia		span{	top: -2px;	left: 381px;}
.lacarte .ville ul li.dalia		em:hover,	.lacarte .ville ul li.dalia.active		em{top: -11px; left: 356px;}

.lacarte .ville ul li.ksar_sghir em{	top: -5px;	left: 357px;}
.lacarte .ville ul li.ksar_sghir span{	top: -15px;	left: 293px;}
.lacarte .ville ul li.ksar_sghir	em:hover,.lacarte .ville ul li.ksar_sghir.active	em{top: -10px;left: 352px;}

.lacarte .ville ul li.jebha		em{		top: 21px;			left: 386px;}
.lacarte .ville ul li.jebha		span{	top: -8px;	left: 381px;}
.lacarte .ville ul li.jebha		em:hover,.lacarte .ville ul li.jebha.active		em{top: 12px;	left: 380px;}

.lacarte .ville ul li.mdiq		em{		top: 3px;		left: 366px;}
.lacarte .ville ul li.mdiq		span{	top: -2px;	left: 386px;}
.lacarte .ville ul li.mdiq		em:hover,.lacarte .ville ul li.mdiq.active		em{top: -3px;left: 361px;}

.lacarte .ville ul li.tanger	em{		top: -5px;		left: 354px;}
.lacarte .ville ul li.tanger	span{	top: -14px;left: 365px;}
.lacarte .ville ul li.tanger	em:hover,.lacarte .ville ul li.tanger.active		em{top: -13px;left: 347px;}

.lacarte .ville ul li.asilah	em{		top: 8px; 		left: 345px;}
.lacarte .ville ul li.asilah	span{	top: -4px;left: 296px;}
.lacarte .ville ul li.asilah	em:hover,.lacarte .ville ul li.asilah.active		em{top: -1px; left: 339px;}

.lacarte .ville ul li.larache	em{		top: 19px;			left: 340px;}
.lacarte .ville ul li.larache	span{	top: 13px;	left: 285px;}
.lacarte .ville ul li.larache	em:hover,.lacarte .ville ul li.larache.active	em{top: 10px;left: 334px;}

.lacarte .ville ul li.moulay_bousselham	em{		top: 26px;			left: 338px;}
.lacarte .ville ul li.moulay_bousselham	span{	top: 17px;	left: 230px;}
.lacarte .ville ul li.moulay_bousselham	em:hover,.lacarte .ville ul li.moulay_bousselham.active		em{top: 17px;	left: 333px;}

/* Atlantique Nord */
.lacarte .ville ul li.mehdia 	em{		top: 48px;			left: 330px;}   
.lacarte .ville ul li.mehdia 	span{	top: 47px;	left: 277px;}
.lacarte .ville ul li.mehdia 	em:hover,.lacarte .ville ul li.mehdia.active		em{top: 42px;	left: 324px;}

.lacarte .ville ul li.skhirat	em{		top: 58px;			left: 324px;}
.lacarte .ville ul li.skhirat	span{	top: 48px;	left: 280px;}
.lacarte .ville ul li.skhirat	em:hover,	.lacarte .ville ul li.skhirat.active		em{top: 49px;	left: 318px;}

.lacarte .ville ul li.bouznika	em{		top: 61px;			left: 322px;}
.lacarte .ville ul li.bouznika	span{	top: 52px;	left: 269px;}
.lacarte .ville ul li.bouznika	em:hover,	.lacarte .ville ul li.bouznika.active	em{top: 53px;	left: 316px;}

.lacarte .ville ul li.mohammedia em{	top: 66px;	left: 313px;}
.lacarte .ville ul li.mohammedia span{	top: 62px;	left: 235px;}
.lacarte .ville ul li.mohammedia em:hover,.lacarte .ville ul li.mohammedia.active	em{top: 57px;left: 307px;}

.lacarte .ville ul li.casablanca em{	top: 72px;	left: 303px;}
.lacarte .ville ul li.casablanca span{	top: 62px;	left: 235px;}
.lacarte .ville ul li.casablanca em:hover,.lacarte .ville ul li.casablanca.active	em{top: 63px;left: 297px;}

.lacarte .ville ul li.el_jadida	em{		top: 108px;			left: 257px;}
.lacarte .ville ul li.el_jadida	span{	top: 102px;	left: 193px;}
.lacarte .ville ul li.el_jadida	em:hover,.lacarte .ville ul li.el_jadida.active	em{top: 99px;	left: 251px;}

.lacarte .ville ul li.jorf_lasfar		em{		top: 119px;			left: 253px;}
.lacarte .ville ul li.jorf_lasfar		span{	top: 114px;left: 185px;}
.lacarte .ville ul li.jorf_lasfar		em:hover,.lacarte .ville ul li.jorf_lasfar.active		em{top: 110px;	left: 247px;}

.lacarte .ville ul li.safi		em{		top: 137px;			left: 244px;}
.lacarte .ville ul li.safi		span{	top: 129px;	left: 204px;}
.lacarte .ville ul li.safi		em:hover,.lacarte .ville ul li.safi.active		em{top: 128px;left: 238px;}


/* Atlantique Centre */
.lacarte .ville ul li.essaouira	em{		top: 163px;			left: 237px;}
.lacarte .ville ul li.essaouira	span{	top: 158px;	left: 173px;}
.lacarte .ville ul li.essaouira	em:hover,.lacarte .ville ul li.essaouira.active	em{top: 153px;left: 231px;}

.lacarte .ville ul li.agadir	em{		top: 187px;			left: 243px;}
.lacarte .ville ul li.agadir	span{	top: 180px;	left: 194px;}
.lacarte .ville ul li.agadir	em:hover,.lacarte .ville ul li.agadir.active		em{top: 178px;left: 237px;}

.lacarte .ville ul li.sidi_ifni	em{		top: 215px;			left: 228px;}
.lacarte .ville ul li.sidi_ifni	span{	top: 210px;	left: 174px;}
.lacarte .ville ul li.sidi_ifni	em:hover,.lacarte .ville ul li.sidi_ifni.active	em{top: 206px;	left: 222px;}

.lacarte .ville ul li.tantan	em{		top: 247px;			left: 192px;}
.lacarte .ville ul li.tantan	span{	top: 239px;	left: 143px;}
.lacarte .ville ul li.tantan	em:hover,.lacarte .ville ul li.tantan.active		em{top: 238px;	left: 186px;}

/* Atlantique Sud */
.lacarte .ville ul li.tarfaya	em{		top: 262px;		left: 145px;}
.lacarte .ville ul li.tarfaya	span{	top: 255px;	left: 86px;}
.lacarte .ville ul li.tarfaya	em:hover,.lacarte .ville ul li.tarfaya.active		em{top: 253px;left: 139px;}

.lacarte .ville ul li.laayoune	em{		top: 278px;			left: 134px;}
.lacarte .ville ul li.laayoune	span{	top: 272px;	left: 70px;}
.lacarte .ville ul li.laayoune	em:hover,.lacarte .ville ul li.laayoune.active	em{top: 269px;left: 128px;}

.lacarte .ville ul li.boujdour	em{		top: 326px;			left: 97px;}
.lacarte .ville ul li.boujdour	span{	top: 320px;	left: 26px;}
.lacarte .ville ul li.boujdour	em:hover,.lacarte .ville ul li.boujdour.active	em{top: 317px;	left: 91px;}

.lacarte .ville ul li.dakhla	em{		top: 397px;			left: 55px;}
.lacarte .ville ul li.dakhla	span{	top: 385px;	left: 9px;}
.lacarte .ville ul li.dakhla	em:hover,.lacarte .ville ul li.dakhla.active		em{top: 388px;left: 49px;}

.lacarte .ville ul li.sale	em{		top: 52px;		left: 328px;}
.lacarte .ville ul li.sale	span{	top: 45px;	left: 297px;}
.lacarte .ville ul li.sale	em:hover,	.lacarte .ville ul li.sale.active	em{top: 45px;left: 322px;}

.lacarte .ville ul li.essanaoubar	em{		top: 74px;			left: 301px;}
.lacarte .ville ul li.essanaoubar	span{	top: 63px;	left: 227px;}
.lacarte .ville ul li.essanaoubar	em:hover,	.lacarte .ville ul li.essanaoubar.active	em{top: 65px; left: 295px;}

.lacarte .ville ul li.lahdida	em{		top: 103px;			left: 262px;}
.lacarte .ville ul li.lahdida	span{	top: 92px;	left: 215px;}
.lacarte .ville ul li.lahdida	em:hover,	.lacarte .ville ul li.lahdida.active		em{top: 94px;left: 256px;}

.lacarte .ville ul li.sidi_abed	em{		top: 120px;			left: 253px;}
.lacarte .ville ul li.sidi_abed	span{	top: 112px;	left: 189px;}
.lacarte .ville ul li.sidi_abed	em:hover,	.lacarte .ville ul li.sidi_abed.active		em{top: 111px; left: 247px;}

.lacarte .ville ul li.souiria_kdima	em{		top: 142px;			left: 240px;}
.lacarte .ville ul li.souiria_kdima	span{	top: 131px;	left: 158px;}
.lacarte .ville ul li.souiria_kdima	em:hover,	.lacarte .ville ul li.souiria_kdima.active	em{top: 133px; left: 234px;}

.lacarte .ville ul li.cap_sim	em{		top: 147px;			left: 238px;}
.lacarte .ville ul li.cap_sim	span{	top: 137px;	left: 189px;}
.lacarte .ville ul li.cap_sim	em:hover,	.lacarte .ville ul li.cap_sim.active		em{top: 138px; left: 232px;}

.lacarte .ville ul li.bhibeh	em{		top: 152px;			left: 237px;}
.lacarte .ville ul li.bhibeh	span{	top: 144px;	left: 188px;}
.lacarte .ville ul li.bhibeh	em:hover,	.lacarte .ville ul li.bhibeh.active	em{top: 143px; left: 231px;}

.lacarte .ville ul li.tafdna	em{		top: 167px;			left: 237px;}
.lacarte .ville ul li.tafdna	span{	top: 159px;	left: 189px;}
.lacarte .ville ul li.tafdna	em:hover,	.lacarte .ville ul li.tafdna.active	em{top: 158px; left: 231px;}

.lacarte .ville ul li.imessouane	em{		top: 172px;		left: 237px;}
.lacarte .ville ul li.imessouane	span{	top: 162px;	left: 168px;}
.lacarte .ville ul li.imessouane	em:hover,	.lacarte .ville ul li.imessouane.active		em{top: 163px;left: 231px;}

.lacarte .ville ul li.imi_ouaddar	em{	top: 181px;left: 236px;}
.lacarte .ville ul li.imi_ouaddar	span{top: 178px;	left: 157px;}
.lacarte .ville ul li.imi_ouaddar	em:hover,	.lacarte .ville ul li.imi_ouaddar.active		em{top: 171px;left: 226px;}

.lacarte .ville ul li.taghazout	em{		top: 183px;	left: 238px;}
.lacarte .ville ul li.taghazout	span{	top: 173px;	left: 169px;}
.lacarte .ville ul li.taghazout	em:hover,	.lacarte .ville ul li.taghazout.active		em{top: 174px;left: 232px;}

.lacarte .ville ul li.tifnit	em{		top: 198px;			left: 239px;}
.lacarte .ville ul li.tifnit	span{	top: 190px;	left: 198px;}
.lacarte .ville ul li.tifnit	em:hover,	.lacarte .ville ul li.tifnit.active	em{top: 189px; left: 233px;}

.lacarte .ville ul li.aglou	em{		top: 203px;			left: 236px;}
.lacarte .ville ul li.aglou	span{	top: 193px;	left: 197px;}
.lacarte .ville ul li.aglou	em:hover,	.lacarte .ville ul li.aglou.active		em{top: 194px; left: 230px;}

.lacarte .ville ul li.sidi_boulfdail	em{	top: 237px;	left: 204px;}
.lacarte .ville ul li.sidi_boulfdail span{	top: 226px;	left: 129px;}
.lacarte .ville ul li.sidi_boulfdail	em:hover,	.lacarte .ville ul li.sidi_boulfdail.active	em{top: 228px; left: 198px;}

.lacarte .ville ul li.rkounte	em{		top: 243px;		left: 196px;}
.lacarte .ville ul li.rkounte	span{	top: 232px;	left: 151px;}
.lacarte .ville ul li.rkounte	em:hover,	.lacarte .ville ul li.rkounte.active	em{top: 234px;left: 190px;}

.lacarte .ville ul li.khnifiss	em{		top: 261px;	left: 156px;}
.lacarte .ville ul li.khnifiss	span{	top: 252px;	left: 102px;}
.lacarte .ville ul li.khnifiss	em:hover,	.lacarte .ville ul li.khnifiss.active		em{top: 247px;left: 144px;}

.lacarte .ville ul li.akhfennir	em{		top: 261px;			left: 163px;}
.lacarte .ville ul li.akhfennir	span{	top: 252px;	left: 102px;}
.lacarte .ville ul li.akhfennir	em:hover,	.lacarte .ville ul li.akhfennir.active		em{top: 252px;left: 157px;}

.lacarte .ville ul li.amegriou	em{		top: 281px;			left: 132px;}
.lacarte .ville ul li.amegriou	span{	top: 273px;	left: 75px;}
.lacarte .ville ul li.amegriou	em:hover,	.lacarte .ville ul li.amegriou.active		em{top: 275px;left: 126px;}

.lacarte .ville ul li.tarouma	em{		top: 285px;		left: 131px;}
.lacarte .ville ul li.tarouma	span{	top: 280px;left: 72px;}
.lacarte .ville ul li.tarouma	em:hover,	.lacarte .ville ul li.tarouma.active	em{top: 276px;left: 125px;}

.lacarte .ville ul li.ougnit	em{		top: 291px;left: 128px;}
.lacarte .ville ul li.ougnit	span{	top: 288px;left: 82px;}
.lacarte .ville ul li.ougnit	em:hover,	.lacarte .ville ul li.ougnit.active	em{top: 281px;left: 118px;}

.lacarte .ville ul li.sid_elghazi	em{		top: 330px;			left: 96px;}
.lacarte .ville ul li.sid_elghazi	span{	top: 320px;	left: 25px;}
.lacarte .ville ul li.sid_elghazi	em:hover,	.lacarte .ville ul li.sid_elghazi.active	em{top: 321px; left: 90px;}

.lacarte .ville ul li.aftisset	em{		top: 334px;		left: 92px;}
.lacarte .ville ul li.aftisset	span{	top: 324px;	left: 46px;}
.lacarte .ville ul li.aftisset	em:hover,	.lacarte .ville ul li.aftisset.active		em{top: 325px;left: 86px;}

.lacarte .ville ul li.imoutlan	em{		top: 351px;		left: 86px;}
.lacarte .ville ul li.imoutlan	span{	top: 341px;	left: 29px;}
.lacarte .ville ul li.imoutlan	em:hover,	.lacarte .ville ul li.imoutlan.active		em{top: 342px;left: 80px;}

.lacarte .ville ul li.ntirift	em{		top: 379px;		left: 75px;}
.lacarte .ville ul li.ntirift	span{	top: 369px;	left: 34px;}
.lacarte .ville ul li.ntirift	em:hover,	.lacarte .ville ul li.ntirift.active	em{top: 370px;left: 69px;}

.lacarte .ville ul li.lakraa	em{		top: 342px;		left: 89px;}
.lacarte .ville ul li.lakraa	span{	top: 332px;	left: 45px;}
.lacarte .ville ul li.lakraa	em:hover,	.lacarte .ville ul li.lakraa.active	em{top: 333px;left: 83px;}

.lacarte .ville ul li.lassarga	em{		top: 387px;		left: 65px;}
.lacarte .ville ul li.lassarga	span{	top: 377px;	left: 9px;}
.lacarte .ville ul li.lassarga	em:hover,	.lacarte .ville ul li.lassarga.active		em{top: 378px;left: 59px;}

.lacarte .ville ul li.labouirda	em{		top: 411px;			left: 49px;}
.lacarte .ville ul li.labouirda	span{	top: 400px;	left: -9px;}
.lacarte .ville ul li.labouirda	em:hover,	.lacarte .ville ul li.labouirda.active	em{top: 402px; left: 43px;}

.lacarte .ville ul li.ainbida	em{		top: 423px;			left: 42px;}
.lacarte .ville ul li.ainbida	span{	top: 413px;	left: -79px;}
.lacarte .ville ul li.ainbida	em:hover,	.lacarte .ville ul li.ainbida.active	em{top: 414px; left: 36px;}

.lacarte .ville ul li.lmhiriz	em{		top: 441px;			left: 36px;}
.lacarte .ville ul li.lmhiriz	span{	top: 431px;	left: -11px;}
.lacarte .ville ul li.lmhiriz	em:hover,	.lacarte .ville ul li.lmhiriz.active		em{top: 432px;left: 30px;}

.lacarte .menu{	position: absolute;	bottom: 40px;	right: 0;	width: 250px;	z-index: 3;}
.lacarte .menu ul{	list-style: none !important;	margin: 0;}
.lacarte .menu ul li{	background: #3993c1;	padding: 3px;	color: #fff;	position: relative;	margin: 5px 0;	cursor: pointer;}
.lacarte .menu ul li span{	padding: 0px 10px;	background: #79b51a;	right: -5px;	position: absolute;}
.lacarte .menu ul li:hover span{	right: 3px;}
.lacarte .menu ul li.valide{	background: #79b51a;}
.lacarte .menu ul li.valide span{	background: #3993c1;}
/* infrastructure de pêche -----------------------------------------------------------------------------------------------------------------*/
/* Ville */

.lacarte_infrastructure .ville ul li em span{	opacity: 0;	visibility: hidden;	margin: 0 10px 0 0;	color: #000;	position: relative;	z-index: 9;	font-weight: bold;    font-size:12px;    font-family: arial;}
.lacarte_infrastructure .ville ul li em:hover span,.lacarte_infrastructure .ville ul li.active em span{	opacity:1;	visibility: visible;}
.lacarte_infrastructure .ville ul li em{	cursor: pointer;}

/* Menu */
.lacarte_infrastructure .menu{	position: absolute;	bottom: 40px;	right: 0;	width: 150px;	z-index: 3;}
.lacarte_infrastructure .menu ul{	list-style: none !important;	margin: 0;}
.lacarte_infrastructure .menu ul li{	background: #3993c1;	padding: 3px;	color: #fff;	position: relative;	margin: 5px 0;	cursor: pointer;}
.lacarte_infrastructure .menu ul li span{	padding: 0px 10px;	background: #79b51a;	right: -5px;	position: absolute;}
.lacarte_infrastructure .menu ul li:hover span{	right: 3px;}
.lacarte_infrastructure .menu ul li.valide{	background: #79b51a;}
.lacarte_infrastructure .menu ul li.valide span{	background: #3993c1;}

/* infrastructure de pêche 2 -----------------------------------------------------------------------------------------------------------------*/
/* Ville */

.lacarte_infrastructure2 .ville ul li.calairis		{	top: 10px;	left: 335px;}
.lacarte_infrastructure2 .ville ul li.fnidekcentre	{	top:  3px;	left: 276px;}
.lacarte_infrastructure2 .ville ul li.moulaybousselham{	top: 48px;	left: 196px;}
.lacarte_infrastructure2 .ville ul li.bouznika		{	top: 67px;	left: 230px;}
.lacarte_infrastructure2 .ville ul li.skhirat		{	top: 80px;	left: 220px;}
.lacarte_infrastructure2 .ville ul li.souirakdima	{	top:152px;	left: 145px;}
.lacarte_infrastructure2 .ville ul li.imessouane	{	top:193px;	left: 154px;}
.lacarte_infrastructure2 .ville ul li.immiouaddar	{	top:206px;	left: 135px;}
.lacarte_infrastructure2 .ville ul li.sidiboulfdaile{	top:217px;	left: 123px;}
.lacarte_infrastructure2 .ville ul li.rkount		{	top:229px;	left: 151px;}
.lacarte_infrastructure2 .ville ul li.amegriou		{	top:256px;	left:  77px;}
.lacarte_infrastructure2 .ville ul li.tarouma		{	top:278px;	left:  66px;}
.lacarte_infrastructure2 .ville ul li.ougnit		{	top:290px;	left:  77px;}
.lacarte_infrastructure2 .ville ul li.sidilghazi	{	top:299px;	left:  43px;}
.lacarte_infrastructure2 .ville ul li.aftisset		{	top:318px;	left:  40px;}
.lacarte_infrastructure2 .ville ul li.lakra			{	top:342px;	left:  40px;}
.lacarte_infrastructure2 .ville ul li.ntireft		{	top:366px;	left:  32px;}
.lacarte_infrastructure2 .ville ul li.lassarga 		{	top:391px;	left: -11px;}
.lacarte_infrastructure2 .ville ul li.labouirda		{	top:404px;	left: -21px;}
.lacarte_infrastructure2 .ville ul li.ainbaida		{	top:415px;	left: -26px;}
.lacarte_infrastructure2 .ville ul li.lamhiriz		{	top:432px;	left: -26px;}

.lacarte_infrastructure2 .ville ul li em span{	opacity: 0;	visibility: hidden;	margin: 0 10px 0 0;	color: #000;	position: relative;	z-index: 9;	font-weight: bold;    font-size:12px;    font-family: arial;}
.lacarte_infrastructure2 .ville ul li em:hover span,.lacarte_infrastructure2 .ville ul li.active em span{	opacity:1;	visibility: visible;}
.lacarte_infrastructure2 .ville ul li em{	cursor: pointer;}
.lacarte_infrastructure2 .ville ul li em:hover{	font-size:20px;}

/* La flotte de pêche -----------------------------------------------------------------------------------------------------------------*/
/* Ville */

.lacarte_flotte .ville ul li.nador		span{	left: 450px;	width: 56px;}
.lacarte_flotte .ville ul li.al_hoceima	span{	left: 390px;}
.lacarte_flotte .ville ul li.jebha		span{	left: 382px;}
.lacarte_flotte .ville ul li.mdiq		span{	left: 384px;}
.lacarte_flotte .ville ul li.tanger		span{	left: 291px;}
.lacarte_flotte .ville ul li.asilah		span{	left: 284px;}
.lacarte_flotte .ville ul li.larache	span{	left: 263px;}
.lacarte_flotte .ville ul li.mehdia 	span{	left: 252px;}
.lacarte_flotte .ville ul li.mohammedia span{	left: 198px;}
.lacarte_flotte .ville ul li.casablanca	span{	left: 195px;}
.lacarte_flotte .ville ul li.el_jadida	span{	left: 157px;}
.lacarte_flotte .ville ul li.safi		span{	left: 164px;}
.lacarte_flotte .ville ul li.essaouira	span{	left: 147px;}
.lacarte_flotte .ville ul li.agadir		span{	left: 151px;}
.lacarte_flotte .ville ul li.sidi_ifni	span{	left: 152px;}
.lacarte_flotte .ville ul li.tantan		span{	left: 131px;}
.lacarte_flotte .ville ul li.laayoune	span{	left: 50px;}
.lacarte_flotte .ville ul li.boujdour	span{	left: 11px;}
.lacarte_flotte .ville ul li.dakhla		span{	left: -53px;}

.lacarte_flotte .ville ul li span{display: none;		color: #000;	position: absolute;	z-index: 3;	font-weight: bold;    font-size: 10px;    font-family: arial; }
.lacarte_flotte .ville ul li:hover span,.lacarte_flotte .ville ul li.active span{display:block; }
.lacarte_flotte .ville ul li em{	cursor: pointer;	display: table-cell;	vertical-align: middle; 	position:absolute; z-index: 2;	font-size: 4px;	color: #79b51a;}

.lacarte_flotte .ville ul li.nador		em:hover,.lacarte_flotte .ville ul li.nador.active		em{font-size:32px;top: 2px; left: 415px;}
.lacarte_flotte .ville ul li.al_hoceima	em:hover,.lacarte_flotte .ville ul li.al_hoceima.active	em{font-size:20px;top: 9px; left: 402px;}
.lacarte_flotte .ville ul li.jebha		em:hover,.lacarte_flotte .ville ul li.jebha.active		em{font-size:15px;top: 15px; left: 382px;}
.lacarte_flotte .ville ul li.mdiq		em:hover,.lacarte_flotte .ville ul li.mdiq.active		em{font-size:20px;top: -4px; left: 360px;}
.lacarte_flotte .ville ul li.tanger		em:hover,.lacarte_flotte .ville ul li.tanger.active		em{font-size:15px;top: -10px; left: 349px;}
.lacarte_flotte .ville ul li.asilah		em:hover,.lacarte_flotte .ville ul li.asilah.active		em{font-size:4px;top: 8px; left: 345px;}
.lacarte_flotte .ville ul li.larache	em:hover,.lacarte_flotte .ville ul li.larache.active	em{font-size:7px;top: 17px;left: 339px;}
.lacarte_flotte .ville ul li.mehdia 	em:hover,.lacarte_flotte .ville ul li.mehdia.active		em{font-size:21px;top: 40px; left: 321px; }
.lacarte_flotte .ville ul li.mohammedia em:hover,.lacarte_flotte .ville ul li.mohammedia.active	em{font-size:10px;top: 63px; left: 310px;}
.lacarte_flotte .ville ul li.casablanca	em:hover,.lacarte_flotte .ville ul li.casablanca.active	em{font-size:10px;top: 68px; left: 301px;}
.lacarte_flotte .ville ul li.el_jadida	em:hover,.lacarte_flotte .ville ul li.el_jadida.active	em{font-size:35px;top: 96px; left: 243px;}
.lacarte_flotte .ville ul li.safi		em:hover,.lacarte_flotte .ville ul li.safi.active		em{font-size:38px;top: 120px; left: 228px;}
.lacarte_flotte .ville ul li.essaouira	em:hover,.lacarte_flotte .ville ul li.essaouira.active	em{font-size:25px;top: 156px; left: 228px;}
.lacarte_flotte .ville ul li.agadir		em:hover,.lacarte_flotte .ville ul li.agadir.active		em{font-size:42px;top: 163px; left: 227px;}
.lacarte_flotte .ville ul li.sidi_ifni	em:hover,.lacarte_flotte .ville ul li.sidi_ifni.active	em{font-size:16px;top: 209px; left: 223px;}
.lacarte_flotte .ville ul li.tantan		em:hover,.lacarte_flotte .ville ul li.tantan.active		em{font-size:7px;top: 245px; left: 192px;}
.lacarte_flotte .ville ul li.laayoune	em:hover,.lacarte_flotte .ville ul li.laayoune.active	em{font-size: 23px;top: 268px;left: 129px;}
.lacarte_flotte .ville ul li.boujdour	em:hover,.lacarte_flotte .ville ul li.boujdour.active	em{font-size:58px;top: 303px; left: 74px;}
.lacarte_flotte .ville ul li.dakhla		em:hover,.lacarte_flotte .ville ul li.dakhla.active		em{top: 347px;left: 20px;font-size:100px;}
/* La flotte de pêche 2 -----------------------------------------------------------------------------------------------------------------*/
/* Ville */





/* Table */
.lacarte_flotte2 .table_info {	position: absolute;	left: 190px;	bottom: 50px;	text-align: center;	z-index: 9;	font-size: 10px;}
.lacarte_flotte2 .table_info table tr:first-of-type{font-size: 10px;}
.lacarte_flotte2 .table_info table tr td{	padding: 5px;}
.lacarte_flotte2 .table_info tr td:nth-of-type(1) {	width: 60px;	display: inline-block; vertical-align: middle;}

/* La flotte de pêche 3 -----------------------------------------------------------------------------------------------------------------*/
/* Ville */


/* Table */
.lacarte_flotte3 .table_info {	position: absolute;	left: 190px;	bottom: 50px;	text-align: center;	z-index: 9;	font-size: 10px;}
.lacarte_flotte3 .table_info table tr:first-of-type{font-size: 10px;}
.lacarte_flotte3 .table_info table tr td{	padding: 5px;}
.lacarte_flotte3 .table_info tr td:nth-of-type(1) {	
	width: 60px;
	display: inline-block;
	vertical-align: middle;
}

/* Commercialisation 1 -----------------------------------------------------------------------------------------------------------------*/
/* Ville */




/* Diversité -----------------------------------------------------------------------------------------------------------------*/
/* Type */
.lacarte_diversite .fish .pel	{	background: #fff url(../images/ptpel.jpg) center center;	background-size: 40px;}
.lacarte_diversite .fish .ceph	{	background: #fff url(../images/ceph.jpg) center center;	background-size: 40px;}
.lacarte_diversite .fish .poib	{	background: #fff url(../images/poib.jpg) center center;	background-size: 40px;}
.lacarte_diversite .fish .cru	{	background: #fff url(../images/cru.jpg) center center;		background-size: 40px;}
.lacarte_diversite .fish .alg	{	background: #fff url(../../../images/insertion_texte/diversite/algues/G%C3%A9lidium%20sesquipedale.jpg) center center;		background-size: 40px;}

/* Size */
.lacarte_diversite .fish .size1{	width: 100px;	height: 100px;	border: 1px solid #3993c1;	border-radius: 50%;}
.lacarte_diversite .fish .size2{	width: 80px;	height: 80px;	border: 1px solid #3993c1;	border-radius: 50%;}
.lacarte_diversite .fish .size3{	width: 60px;	height: 60px;	border: 1px solid #3993c1;	border-radius: 50%;}
.lacarte_diversite .fish .size4{	width: 40px;	height: 40px;	border: 1px solid #3993c1;	border-radius: 50%;}
.lacarte_diversite .fish .size5{	width: 20px;	height: 20px;	border: 1px solid #3993c1;	border-radius: 50%;}
/* Position */
.lacarte_diversite .fish .pos1	{	position: absolute;z-index: 99;	top: -15PX;	left: 288px;}
.lacarte_diversite .fish .pos2	{	position: absolute;z-index: 99;	top: 89px;	left: 11px;}
.lacarte_diversite .fish .pos3	{	position: absolute;z-index: 99;	top: 195px;	left: -15px;}
.lacarte_diversite .fish .pos4	{	position: absolute;z-index: 99;	top: 301px;	left: -90px;}
.lacarte_diversite .fish .pos5	{	position: absolute;z-index: 99;	top: -21PX;	left: 354px;}
.lacarte_diversite .fish .pos6	{	position: absolute;z-index: 99;	top: 100px;	left: 78px;}
.lacarte_diversite .fish .pos7	{	position: absolute;z-index: 99;	top: 215px;	left: 72px;}
.lacarte_diversite .fish .pos8	{	position: absolute;z-index: 99;	top: 377px;	left: -6px;}
.lacarte_diversite .fish .pos9	{	position: absolute;z-index: 99;	top: -16PX;	left: 382px;}
.lacarte_diversite .fish .pos10	{	position: absolute;z-index: 99;	top: 101px;	left: 125px;}
.lacarte_diversite .fish .pos11	{	position: absolute;z-index: 99;	top: 205px;	left: 119px;}
.lacarte_diversite .fish .pos12	{	position: absolute;z-index: 99;	top: 314px;	left: 32px;}
.lacarte_diversite .fish .pos13	{	position: absolute;z-index: 99;	top: -5PX;	left: 429px;}
.lacarte_diversite .fish .pos14	{	position: absolute;z-index: 99;	top: 112px;	left: 172px;}
.lacarte_diversite .fish .pos15	{	position: absolute;z-index: 99;	top: 226px;	left: 186px;}
.lacarte_diversite .fish .pos16	{	position: absolute;z-index: 99;	top: 90px;	left: 199px;}

/* Ville */

.lacarte_diversite .ville ul li em span{	opacity: 0;	visibility: hidden;	margin: 0 10px 0 0;	color: #000;	position: relative;	z-index: 9;	font-weight: bold;    font-size:12px;    font-family: arial;	}
.lacarte_diversite .ville ul li em:hover span,.lacarte_diversite .ville ul li.active em span{	opacity:1;	visibility: visible;	}
.lacarte_diversite .ville ul li em{	cursor: pointer;	}
.lacarte_diversite .ville ul li em:hover{	font-size:20px;	}



/* Info */
.info_circle {
	width: 180px;
	height: 125px;
	background: url('../images/lacartecircle.png') no-repeat center bottom;
	background-size: 100%;
	position: absolute;
	right: -15px;
	top: 209px;
	font-size: 9px;
	text-align: center;
	color: #79b51a;
}
/* Menu */
.lacarte_diversite .menu{	position: absolute;	bottom: 15px;	right: 0;	width: 165px;	z-index: 3;}
.lacarte_diversite .menu ul{	list-style: none !important;	margin: 0;}
.lacarte_diversite .menu ul li{	background: #3993c1;	padding: 3px;	color: #fff;	position: relative;	margin: 5px 0;	cursor: pointer;	border-radius: 0 0 0 0;}
.lacarte_diversite .menu ul li span{	padding: 0;background: #fff;	right: -16px;	top: 0px;	position: absolute;	border-radius: 50%;	border: 2px solid #3993c1;	width: 23px;	height: 23px;}

.lacarte_diversite .menu ul li:nth-of-type(1) span{	background: #fff url(../images/ptpel.jpg) no-repeat center center /70%;}
.lacarte_diversite .menu ul li:nth-of-type(2) span{	background: #fff url(../images/ceph.jpg) no-repeat center center /70%;}
.lacarte_diversite .menu ul li:nth-of-type(3) span{	background: #fff url(../images/poib.jpg) no-repeat center center /70%;}
.lacarte_diversite .menu ul li:nth-of-type(4) span{	background: #fff url(../images/cru.jpg) no-repeat center center /70%;}
.lacarte_diversite .menu ul li:nth-of-type(5) span{	background: #fff url(../../../images/insertion_texte/diversite/algues/G%C3%A9lidium%20sesquipedale.jpg) no-repeat center center /70%;}

.lacarte_diversite .menu ul li:hover{	border-radius: 0 13px 13px 0;}
.lacarte_diversite .menu ul li:hover span{	right: 0;}
.lacarte_diversite .menu ul li.valide{	background: #79b51a;}
.lacarte_diversite .menu ul li.valide span{	border: 2px solid #79b51a;}

/*---------------------------------------------*/
/* Manuel Graph */
/*---------------------------------------------*/
/* Animation */
.manuel_graph_shape1 .manuel_graph   span:nth-of-type(2){
    -webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Shape 1 */
.manuel_graph_shape1{    position: relative;	width: 690px;	height: 690px;	background: url(../images/manuel_graph_shape1.png) no-repeat center /50%; color:#fff;}
.manuel_graph_shape1 .manuel_graph{	
	position: absolute;
	display: inline-table;
	text-align: center;
	padding: 10px;
	border-radius: 50%;
	width: 150px;
	height: 150px;
	background: #3993c1; /* Old browsers */
	background: -moz-linear-gradient(left,  #3993c1 0%, #39a2c1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3993c1), color-stop(100%,#39a2c1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #3993c1 0%,#39a2c1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #3993c1 0%,#39a2c1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #3993c1 0%,#39a2c1 100%); /* IE10+ */
	background: linear-gradient(to right,  #3993c1 0%,#39a2c1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#39a2c1',GradientType=1 ); /* IE6-9 */
}
.manuel_graph_shape1 .manuel_graph span{	display: table-cell;	vertical-align: middle;}
.manuel_graph_shape1 .manuel_graph:nth-of-type(1){top: 260px;left: 260px;}
.manuel_graph_shape1 .manuel_graph:nth-of-type(2){top: 50px;left: 260px;}
.manuel_graph_shape1 .manuel_graph:nth-of-type(3){top: 260px;right: 50px;}
.manuel_graph_shape1 .manuel_graph:nth-of-type(4){bottom:50px;left:260px;}
.manuel_graph_shape1 .manuel_graph:nth-of-type(5){top: 260px;left: 50px;}

.manuel_graph_shape1 .manuel_graph span:nth-of-type(2){background: #3993c1;position: absolute;visibility: hidden;z-index: 9;width: 130px;min-height: 150px;opacity:0;top:0;left:0;padding:20px;border-radius: 87px;}

.manuel_graph_shape1 .manuel_graph:nth-of-type(2):hover span:nth-of-type(2){visibility: visible;width: 250px;opacity:1;border-radius: 87px 0 0;}
.manuel_graph_shape1 .manuel_graph:nth-of-type(3):hover span:nth-of-type(2){visibility: visible;width: 250px;opacity:1;border-radius: 87px 0 0;}
.manuel_graph_shape1 .manuel_graph:nth-of-type(4):hover span:nth-of-type(2){visibility: visible;width: 250px;opacity:1;border-radius: 87px 0 0;}
.manuel_graph_shape1 .manuel_graph:nth-of-type(5):hover span:nth-of-type(2){visibility: visible;width: 250px;opacity:1;border-radius: 87px 0 0;}
/* Shape 2 */
.manuel_graph_shape2{
    width: 80%;
    margin: auto;
    color: #fff;
    text-align: center;
}
.manuel_graph_shape2 .manuel_graph{
    width: 100%;
    background: #3993c1;
    margin: 10px auto;
    padding: 10px 0;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #ddd;
}
.manuel_graph_shape2 .manuel_graph span{
    display: block;
}
.manuel_graph_shape2 .manuel_graph_two{
    width: 100%;
    margin: 10px auto;
}
.manuel_graph_shape2 .manuel_graph_two .sub_manuel_graph{
    width: 40%;
	background: #3993c1;
    /* margin: 10px auto; */
    padding: 10px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px #ddd;
}
.manuel_graph_shape2 .manuel_graph_two .sub_manuel_graph:nth-of-type(1){
    float:left;
}
.manuel_graph_shape2 .manuel_graph_two .sub_manuel_graph:nth-of-type(2){
	float:right;
}
/* Shape 3 */
.manuel_graph_shape3{

}
.manuel_graph_shape3 .manuel_graph ul{
	background: #ddd;
	padding: 5px 10px;
	margin: 15px 0;
}
.manuel_graph_shape3 .manuel_graph_title{
	width: 150px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	border-radius: 10px;
	color: #fff;
	background: #3993c1; /* Old browsers */	background: -moz-linear-gradient(top,  #3993c1 0%, #2181b3 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* IE10+ */	background: linear-gradient(to bottom,  #3993c1 0%,#2181b3 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 ); /* IE6-9 */
}
.manuel_graph_shape3 .manuel_graph{
	width: 540px;
}
.manuel_graph_shape3 div{float: left;}
.manuel_graph_shape3.shape3_right div{float: right;}

/* Shape 3_big */
.manuel_graph_shape3_big{

}
.manuel_graph_shape3_big .manuel_graph ul{
	background: #ddd;
	padding: 5px 10px;
	margin: 15px 0;
}
.manuel_graph_shape3_big .manuel_graph_title{
	width: 150px;
	height: 160px;
	line-height: 160px;
	text-align: center;
	border-radius: 10px;
	color: #fff;
	background: #3993c1; /* Old browsers */	background: -moz-linear-gradient(top,  #3993c1 0%, #2181b3 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* IE10+ */	background: linear-gradient(to bottom,  #3993c1 0%,#2181b3 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 ); /* IE6-9 */
}
.manuel_graph_shape3_big .manuel_graph{
	width: 540px;
}
.manuel_graph_shape3_big div{float: left;}
.manuel_graph_shape3_big.shape3_big_right div{float: right;}

/* Notre équipe -----------------------------------------------------------------------------------------------------------------*/
/* CadrID */
.notre_equipe .cardId:nth-of-type(odd){clear: left;float: left;}
.notre_equipe .cardId{cursor: auto;border-radius: 5px;width: 336px;margin: 3px;float: right;height: auto;padding: 10px;background: #3993c1; /* Old browsers */	background: -moz-linear-gradient(top,  #3993c1 0%, #2181b3 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* IE10+ */	background: linear-gradient(to bottom,  #3993c1 0%,#2181b3 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 ); /* IE6-9 */font-size: 11px;}
.notre_equipe .cardId .pic{float: left;width: 60px;background: #fff;padding: 3px;margin: 4px 0;}
.notre_equipe .cardId .info{float: left;margin: 0 0 0 10px;}
.notre_equipe .cardId .info li{text-align: left;list-style: none !important;color: #fff;}
.notre_equipe .cardId .info li:nth-of-type(1){font-size: 14px;font-weight: bold;}

/* Cadr ID */
.notre_equipe .card_id:after {
	background: url(../images/default/top-right.png) no-repeat scroll left top;
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	z-index: 11;
	right: 0px;
	bottom: -10px;
}
.notre_equipe .card_id{box-shadow: -2px 2px 0 rgba(0,0,0,.2);border-radius: 5px 0 0 5px;width: 713px;height: 150px;;padding: 10px;background: #3993c1; /* Old browsers */	background: -moz-linear-gradient(top,  #3993c1 0%, #2181b3 100%); /* FF3.6+ */	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3993c1), color-stop(100%,#2181b3)); /* Chrome,Safari4+ */	background: -webkit-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Chrome10+,Safari5.1+ */	background: -o-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* Opera 11.10+ */	background: -ms-linear-gradient(top,  #3993c1 0%,#2181b3 100%); /* IE10+ */	background: linear-gradient(to bottom,  #3993c1 0%,#2181b3 100%); /* W3C */	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3993c1', endColorstr='#2181b3',GradientType=0 ); /* IE6-9 */}
.notre_equipe .card_id .pic{float: left;width: 120px;background: #fff;padding: 3px;}
.notre_equipe .card_id .info{}
.notre_equipe .card_id .info li{text-align: left;list-style: none !important;padding: 0 140px;font-weight: bold;font-family: TrebuchetMS-Bold;color: #fff;}
/* Notre Equipe*/
ul.notre_equipe > li .name,ul.notre_equipe li .post,ul.notre_equipe li .mask{
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
ul.notre_equipe{
	list-style:none;
}
ul.notre_equipe > li{
    display: inline-block;
    width: 150px;
    height: 182px;
    position: relative;
    text-align: center;
    cursor: pointer;
    margin: 10px 14px;
}
ul.notre_equipe > li .name{
    position: absolute;
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #fff;
    z-index: 2;
    top: 24%;
	opacity:0;
}
ul.notre_equipe > li:hover .name{
	opacity:1;
}
ul.notre_equipe > li .post{
    position: absolute;
    width: 100%;
    font-size: 10px;
    letter-spacing: 1px;
    color: #fff;
    z-index: 2;
    top: 30%;
	opacity:0;
}
ul.notre_equipe > li:hover .post{
	opacity:1;
}
ul.notre_equipe > li .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}
ul.notre_equipe > li:hover .mask{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}
ul.notre_equipe > li img{
    width: 100%;
}
/* Fonts -----------------------------------------------------------------------------------------------------------------*/
.font1{font-family: 'LucidaCalligraphy-Italic';	font-size: 12px;	text-transform: none;}
.font2{font-family: 'TrebuchetMS-Bold';}
.font3{font-family: 'InformalRoman-Regular';}
.font4{font-family: 'SegoeScript';}
.font5{font-family: 'FootlightMTLight';}
.font6{font-family: 'MSReferenceSerif';}
.font7{font-family: 'TwCenMT-Medium';font-size: 14px;}
.font8{font-family: 'Centaur';text-transform: none;}
.font9{font-family: 'ComicSansMS';}
.font10{font-family: 'MVBoli';}
.font11{font-family: 'Andalus';}