body {
	margin: 0px;
	padding: 0;
	font-size: 0;
	width: 100%;
	background: url(../imgs/background/background-ombre.png) repeat-y center top, url(../imgs/background/background-map.png) no-repeat fixed top left, url(../imgs/background/background-pointille.png) #000;
	background-size: auto, auto, auto;
	overflow-y: scroll;
}

a {
	text-decoration: none;
}

div {
	margin: 0;
	padding: 0;
	font-size: 0;

}

ul {
	margin: 0;
	padding: 0;
	font-size: 0;
	letter-spacing: 0;
	white-space: nowrap;
	overflow: hidden;
	
}

.csdp {
	position:relative;
	margin: 0 auto;
	width: 1000px;
	background:#000;
	
}
.csdp .contenaire {
	position: relative;
	display:none;
	width: 1000px;
}
.fr{
	display:none;
}
.uk{
	display:none;
}
.csdp .intro {
	display:none;
	width: 1000px;
	background: #000;
}

.intro .barre_intro {
	position: fixed;
	top: 10px;
	height: 14px;
	width: 1000px;
	background: #001f51;
}

.csdp .intro .intro_video {
	width: 1000px;
	text-align: center;
	display:none;
	background:#000;
}

.csdp .intro .intro_mc_video {

	border:none;
	box-shadow:none;
}

.csdp .intro .intro_video h1 {
	margin: 0;
	padding-top: 70px;
	font-family: Gotham, sans-serif;
	line-height: 100%;
	font-size: 56px;
	color: #FFF;
	font-weight: normal;
}

.csdp .intro .intro_video h2 {
	margin: 0;
	padding: 0;
	font-family: Gotham, sans-serif;
	line-height: 100%;
	font-size: 32px;
	color: #FFF;
	font-weight: normal;
}

.csdp .intro .intro_video h3 {
	margin: 0;
	padding: 0;
	font-family: Gotham, sans-serif;
	line-height: 100%;
	font-size: 22px;
	color: #FFF;
	font-weight: normal;
}

.csdp .intro .intro_video .intro_video_btn {
	font-family: Gotham, sans-serif;
	line-height: 100%;
	font-size: 22px;
	color: #FFF;
	margin: 30px 0 0 0;
	cursor: pointer;
	display: none;
}

.csdp .intro .intro_lg {
	display:none;
	width: 1000px;
	/*text-align: center;*/
	background: url(../imgs/intro/header.jpg) 0 24px no-repeat ;
	
	
}
.intro_iframe_video{
	margin: 40px auto 0 auto;
	box-shadow: 5px 5px 5px rgba(0,0,0,.8);
	border:5px solid #FFF;
	width:648px;
	height:365px;
	background:#000;
	}
	
	
.csdp .intro .intro_lg h1 {
	margin: 0px 0 50px 0;
	padding: 0;
	font-family: Gotham, sans-serif;
	line-height: 100%;
	font-size: 102px;
	color: #FFF;
	font-weight: normal;
	text-shadow: 3px 3px 3px rgba(0,0,0,1);
}

.csdp .intro .intro_lg .intro_fenetre {
	display: block;
	position:absolute;
	vertical-align: top;
	width: 340px;
	height: 310px;
	text-align: center;
	background: rgba(255,255,255,.1);
	border-radius: 10px;
	top: 240px;
	cursor:pointer;
}
.csdp .intro .intro_lg .intro_fenetre:nth-child(odd) {
	left:50px;
}
.csdp .intro .intro_lg .intro_fenetre:nth-child(even) {
	right:50px;
}
.csdp .intro .intro_lg .logo-eu{
	display: block;
	position:absolute;
	top:300px;
	left:330px;
}
.csdp .intro .intro_lg .intro_fenetre h2 {
	margin: 25px 0 45px 0;
	padding: 0;
	font-family: Gotham, sans-serif;
	line-height: 120%;
	font-size: 32px;
	color: #FFF;
	font-weight:normal;
}
.csdp .intro .intro_lg .intro_fenetre p {
	margin: 25px 0;
	padding: 0;
	font-family: Gotham, sans-serif;
	line-height: 120%;
	font-size: 28px;
	color:rgba(255,255,255,.5);
}

.csdp .intro .intro_lg .intro_fenetre .btn_lg {
	cursor: pointer;
}



.csdp .header {
	width: 1000px;
	height: 131px;
	background: url(../imgs/background/header-uk.jpg) no-repeat bottom;
	position: relative;
}

.csdp .header .logo_uk {
	position: absolute;
	cursor: pointer;
	top: 8px;
	left: 15px;
	font-family: Gotham, sans-serif;
	font-size: 13px;
	color: #FFF;
}

.csdp .header .logo_fr {
	position: absolute;
	cursor: pointer;
	top: 8px;
	left: 70px;
	font-family: Gotham, sans-serif;
	font-size: 13px;
	color: #FFF;
}

.csdp .header .logo_i {
	position: absolute;
	cursor: pointer;
	top: 10px;
	right: 20px;
}

.csdp .header .logo_fb {
	position: absolute;
	cursor: pointer;
	top: 65px;
	right: 105px;
}

.csdp .header .logo_tw {
	position: absolute;
	cursor: pointer;
	top: 65px;
	right: 75px;
}

.csdp .header .logo_infogram {
	position: absolute;
	cursor: pointer;
	top: 65px;
	right: 45px;
}

.csdp .header .logo_youtube {
	position: absolute;
	cursor: pointer;
	top: 65px;
	right: 15px;
}

.csdp .nav_principale {
	width: 1000px;
	z-index:100;
	position:absolute;
	top:131px;
	
	/*position:fixed;*/
}

.csdp .nav_principale ul {

	background: url(../imgs/background/background-pointille-claire.png) #000;
}

.csdp .nav_principale .btn_nav {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 192px;
	line-height: 66px;
	background-color: rgba(255,255,255,.2);
	margin-top: 20px;
	margin-right: 6px;
	cursor: pointer;
	font-family:Gotham, sans-serif;
	font-weight:bold;
	font-size: 14px;
	text-align: center;
	color: rgba(255,255,255,.5);
}

.csdp .nav_principale .btn_nav:first-child {
	background-color: rgba(255,255,255,1);
	margin-left: 7px;
	color: #eda52d;
}

.csdp .nav_principale .barre_blc {
	width: 1000px;
	height: 33px;
	background-color: rgba(255,255,255,1);
	box-shadow: 0 -7px 5px rgba(0,0,0,.8);
}

.csdp .contenaire_mask {
	width: 1000px;
	overflow: hidden;
	padding-top:119px;
}
.csdp .contenaire_mask2 {
	width: 1000px;
	overflow: hidden;
}
.csdp .contenaire_masker {
	position: relative;
}

.csdp .contenaire_video {
	width: 1000px;
	position: relative;
	overflow:hidden;
}
iframe{
	border:4px solid #000;
	background-color: #111;
	box-shadow: 5px 5px 10px rgba(0,0,0,.6);
}
.video_vimeo{
	/*display:none;*/
}
.yt_players{
	/*display:none;*/
}
#player_vimeo {
	background-color: #111;
	border:none;
	box-shadow:none;
}
.csdp .contenaire_video .mc_video {
	position: relative;
	width: 1000px;
	height: 562px;
	background: url(../imgs/chapitres/video/poster.jpg) no-repeat #000;
}
.csdp .contenaire_video .barre_video {
	position: relative;
	width: 1000px;
	height: 38px;
	background-color: #000;
}
.csdp .contenaire_video .barre_video .barre_video_time{
	position:absolute;
	top:10px;
	left:5px;
	font-family: Gotham, sans-serif;
	color: #FFF;
	font-size: 14px;
	text-align:right;
	width:80px;
}
.fenetre_vid{
	position: absolute;
	text-align: center;
	display: none;
	font-family: Gotham, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 120%;
	padding: 5px 5px;
	text-align: center;
	background: #FFF;
	border-radius:4px;
}
.maker_video{
	position:absolute;
	top:0px;
	left:200px;
	cursor:pointer;
	margin-left:-5px;
	width:10px;
	height: 38px;
	background-color: rgba(255,255,255,.2);;
}
#police1 {
	position: absolute;
	bottom: 0;
	left: 60px;
}
#jumelle1 {
	position: absolute;
	top: 1010px;
	left: 166px;
}

#jumelle2 {
	position: absolute;
	top: 1127px;
	left: 57px;
}

#jumelle3 {
	position: absolute;
	top: 864px;
	left: 218px;
}

#jumelle4 {
	position: absolute;
	top: 1390px;
	left: -87px;
}

#fond_vid {
	margin-top: 0px;
}
#maker_video1{
	left:106px;
}
#maker_video2{
	left:132px;
}
#maker_video3{
	left:297px;
}
#maker_video4{
	left:388px;
}
#maker_video5{
	left:491px;
}
#maker_video6{
	left:697px;
}
#maker_video7{
	left:871px;
}
#maker_video8{
	left:895px;
}
.csdp .contenaire_video .barre_video .barre_video_time .duree{
	color: rgba(255,255,255,.2);
}
.csdp .contenaire_video .barre_video2 {
	width: 0px;
	height: 38px;
	background-color: #4d4d4d;
}

.csdp .contenaire_video .barre_video ul {
	position: absolute;
	width: 1000px;
	height: 60px;
	top: 0;
	background-color: transparent;
}

.csdp .contenaire_video li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-family: Gotham, sans-serif;
	font-weight:bold;
	color: #FFF;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	line-height: 60px;
	margin-right: 0;
}

.csdp .contenaire_video ul li .duree {
	position: relative;
	display: none;
	vertical-align: top;
	font-size: 40px;
}

.csdp .contenaire_video ul li:nth-child(1) {
	width: 167px;
	color: #FFF;
	margin-left: 0px;
}

.csdp .contenaire_video ul li:nth-child(2) {
	width: 144px;
}

.csdp .contenaire_video ul li:nth-child(3) {
	width: 328px;
}

.csdp .contenaire_video ul li:nth-child(4) {
	width: 161px;
}

.csdp .contenaire_video ul li:nth-child(5) {
	width: 200px;
}

.csdp .contenaire_video ul li .filet2 {
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1px dotted rgba(255,255,255,.4);
	height: 60px;
	width: 1px;
}

.csdp .contenaire_video .barre_jne {
	width: 1000px;
	height: 20px;
	background-color: #eda52d;
	z-index:200;
	text-align:right;
}
.csdp .contenaire_video .barre_jne a{
	font-family: Gotham, sans-serif;
	line-height:20px;
	font-size: 13px;
	text-decoration:none;
	color:#FFF;
	margin-right:10px;
}
.csdp .contenaire_video .barre_jne a:hover{
	color:rgba(0,0,0,.7);
}
#vid_plan1{
	position: absolute;
	top: 495px;
	left:600px;
}
#vid_plan2{
	position: absolute;
	top: 360px;
	left: 0;
}
#vid_plan3{
	position: absolute;
	top:150px;
	left: 0;
}
#vid_plan4{
	margin-top: 0px;
	
}

#actors_plan1{
	position: absolute;
	top: 0px;
	left:0px;
}
#actors_plan2{
	position: absolute;
	top: 100px;
	left: 650px;
}
#actors_plan3{
	position: absolute;
	top:100px;
	left: 250px;
}
#actors_plan4{
	margin-top: 0px;
}



.csdp .contenaire_timeline {
	position: relative;
	width:1000px;
	background:#FFF;
	height:1400px;
	overflow:hidden;
}
.csdp .contenaire_timeline  h2 {
	margin: -5px 0 15px 72px;
	padding-top:14px;
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 35px;
	font-weight: normal;
}
.csdp .contenaire_timeline .fond_timeline {
	position: relative;
	width:1000px;
	height:1500px;
}
#timeline_fond-ciel {
	position: absolute;
	top: 0;
	left: 0px;
}
#timeline_nuage {
	position: absolute;
	top: 700px;
	left: 0px;
}
#timeline_fond-bateau {
	position: absolute;
	top: 1000px;
	left: 0px;
}
#timeline_helico {
	position: absolute;
	top: 750px;
	left: 250px;
}
#timeline_bonhomme {
	position: absolute;
	top: 867px;
	left: 446px;
}
.csdp .contenaire_timeline .timeline_frise {
	position: absolute;
	top: 440px;
}

.csdp .contenaire_timeline .timeline_frise .barre {
	position: relative;
	width: 1040px;
	height: 60px;
	background-color: #00528c;
}

.csdp .contenaire_timeline .timeline_frise .barre .date {
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 60px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	width: 40px;
	background: url(../imgs/chapitres/timeline/filet-date.png) bottom center no-repeat;
}

.csdp .contenaire_timeline .timeline_frise .barre .date_gm {
	font-size: 22px;
	width: 58px;
	background: url(../imgs/chapitres/timeline/filet-date.png) bottom center no-repeat #003154;
}

.csdp .contenaire_timeline .timeline_frise .barre .date:nth-child(1) {
	margin-left: 16px;
}

.csdp .contenaire_timeline .timeline_frise .zone_grip {
	margin-left: 18px;
	margin-right: 40px;
}

.csdp .contenaire_timeline .timeline_frise .grip {
	background: url(../imgs/chapitres/timeline/background-grip.png) no-repeat center top #000;
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	top: -7px;
	left: 18px;
	box-shadow: 3px 3px 5px rgba(0,0,0,.8);
	padding-top: 35px;
}

.csdp .contenaire_timeline .timeline_mask {
	width: 1000px;
	height: 1199px;
	overflow: hidden;
	position:absolute;
	top:50px;
}

.csdp .contenaire_timeline .timeline_mask .timeline_slide {
	width: 24000px;
	height: 1199px;
	position: relative;
}

.csdp .contenaire_timeline .timeline_mask .timeline_slide .timeline_item {
	width: 1000px;
	height: 1199px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.csdp .contenaire_timeline .timeline_mask .timeline_slide .date_item {
	position: absolute;
	font-family: Gotham, sans-serif;
	font-weight:bold;
	color: rgba(0,82,140,.2);
	font-size: 111px;
	top: 283px;
	right: 10px;
}
.csdp .contenaire_timeline .timeline_mask .timeline_slide .titre{
	position: absolute;
	top: 30px;
	left: 10px;
	text-align:left;
	font-family: Gotham, sans-serif;
	font-weight:normal;
	line-height: 100%;
	font-size: 22px;
	color: rgba(255,255,255,.6);
}
.csdp .contenaire_timeline .timeline_mask .timeline_slide .pad {
	position: absolute;
	top: 30px;
	left: 10px;
	text-align: center;
	font-family: Gotham, sans-serif;
	font-weight:normal;
	line-height: 100%;
	font-size: 18px;
	color: rgba(0,0,0,.6);
}

.csdp .contenaire_timeline .timeline_mask .timeline_slide .pad .pad_fond {
	border-radius: 4px;
	background-color: #d7e4ed;
	padding: 10px;
	box-shadow: 3px 3px 5px rgba(0,0,0,.4);
}

.csdp .contenaire_timeline .timeline_mask .timeline_slide .pad .item-fleche-b {
	margin-bottom: -3px;
}

.csdp .contenaire_timeline .timeline_mask .timeline_slide .pad .pad_fond .pad_fond_txt {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.csdp .contenaire_timeline .timeline_mask .timeline_slide .pad p {
	font-family: Arial, sans-serif;
	line-height: 110%;
	font-size: 13px;
	font-weight:normal;
	color: rgba(0,0,0,.6);
	text-align: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
}
.csdp .contenaire_timeline .timeline_mask .timeline_slide .pad .pm{

	line-height: 110%;
	font-size: 12px;

}

.csdp .contenaire_timeline .timeline_mask .timeline_slide .pad .pad_fond .pad_date {
	font-size: 16px;
	background-color: #6b7276;
	color: #FFF;
	width: 140px;
	position: absolute;
	right: 0;
	text-align: center;
	margin-top: 10px;
}

.csdp .contenaire_timeline .timeline_mask .timeline_slide .pad .pad_fond img {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.csdp .contenaire_timeline .btn_timeline {
	position: absolute;
	top: 700px;
	width: 60px;
	height: 44px;
	background-color: rgba(0,0,0,.3);
	text-align: center;
	cursor: pointer;
}

.csdp .contenaire_timeline .btn_timeline:hover {
	background-color: rgba(0,0,0,.6);
}

.csdp .contenaire_timeline .btn_timeline img {
	margin-top: 10px;
}

.csdp .contenaire_timeline .d {
	right: 0;
}

.csdp .contenaire_approach {
	position: relative;
	width: 1000px;
	height: 1540px;
	background:#FFF;	
	padding-left: 72px;
	padding-top: 30px;
	overflow:hidden;
}
.csdp .contenaire_approach .fond_approach{
	position:absolute;
	bottom:0px;
	left:0;
	width: 1000px;
}
.csdp .contenaire_approach .fond_approach .fond_mc_approach{
	position:relative;
	overflow:hidden;
	width: 1000px;
	height: 750px;
	}
#approach_plan1 {
	position:absolute;
	top:-180px;
}
#approach_grad
{
	position:absolute;
	top: 0px;
	left:0px;
}
#approach_plan2 {
	position:absolute;
	top: 255px;
	left:525px;	
}
#approach_plan3 {
	position:absolute;
	top: 250px;
	left:70px;	
}
#fond_approach_img {
position:absolute;
	top: 100px;
	left:-200px;
}
#helico_approach {
	position:absolute;
	top: 00px;
	left: 00px;
}
.csdp .contenaire_approach h2 {
	margin: 0 0 15px 0;
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 35px;
	font-weight: normal;
}

.csdp .contenaire_approach h3 {
	margin: 0;
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 20px;
	font-weight: normal;
}

.csdp .contenaire_approach ul {
	width: auto;
	height: auto;
	margin-top: 30px;
}

.csdp .contenaire_approach .approach_btn {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 180px;
	line-height: 120%;
	background-color: rgba(0,0,0,.5);
	border-radius: 8px;
	cursor: pointer;
	font-family: Gotham, sans-serif;
	font-size: 14px;
	color: rgba(255,255,255,1);
	margin-bottom: 3px;
	padding:7px 4px 7px 35px;
}

.fleche_noire {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 8px;
	height: 31px;
	background: url(../imgs/chapitres/approach/fleche-noire.png) left center no-repeat;
}

.logo-article {
	background: url(../imgs/logo-article.png) no-repeat 10px 5px;
}

.logo-video {
	background: url(../imgs/logo-video.png) no-repeat 10px 5px;
}

.logo-infographie {
	background: url(../imgs/logo-infographie.png) no-repeat 10px 5px;
}

.csdp .contenaire_approach .items {
	position: absolute;
	top: 123px;
	left: 300px;
}

.csdp .contenaire_approach .items .item {
	display: none;
	width: 500px;
	min-height: 331px;
	background-color: #e5e5e5;
	border-radius: 8px;
	padding: 20px 50px 20px 40px;
}

.csdp .contenaire_approach .items .item:first-child {
	display: block;
}

.csdp .contenaire_approach .items .item h2 {
	margin: 0 0 15px 0;
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 35px;
	font-weight: normal;
}

.csdp .contenaire_approach .items .item p {
	font-family: Arial, sans-serif;
	line-height: 130%;
	font-size: 15px;
	color: rgba(0,0,0,.9);
}
.btn_pooling{	
	line-height: 120%;
	background-color: rgba(0,0,0,.5);	
	cursor: pointer;
	font-family: Gotham, sans-serif;
	font-size: 14px;
	color: rgba(255,255,255,1);
	margin :15px 0 ;
	padding:7px 0px 7px 35px;
	width:470px;
}
.btn_pooling:hover{
	color: rgba(255,255,255,.6);
}
.fond_noir{
	background-color:rgba(0,0,0,.7);
	position:fixed;
	display:none;
	top:0;
	width:1000px;
	height:8000px;
	z-index:300;
	}
.fond_noir2{
	background-color:rgba(0,0,0,.7);
	position:fixed;
	display:none;
	top:0;
	width:1000px;
	height:8000px;
	z-index:300;
	}
.fond_noir2 img{
	margin:20px;
}
.pooling{
	position:absolute;
	display:none;
	top:300px;
	margin-left:100px;
	background: url(../imgs/chapitres/approach/bg-pooling.jpg) no-repeat;
	border-radius: 8px;
	padding: 20px 50px 20px 50px;
	width:700px;
	box-shadow:5px 5px 10px  rgba(0,0,0,1);
	z-index:301;
	min-height:600px;
}
.pooling .fermer_pooling{
	position:absolute;
	top:20px;
	right:20px;
	font-family: Gotham, sans-serif;
	font-weight:bold;
	font-size: 12px;
	text-transform:uppercase;
	color:rgba(255,255,255,1);
	cursor:pointer;
}
.pooling .fermer_pooling:hover{
	color:rgba(255,255,255,.7);
}
.pooling h2 {
	margin: 15px  0 15px 0 ;
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 35px;
	font-weight: normal;
}
.pooling ul{
	background:none;
	width: 700px;
	
}
.pooling ul li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	cursor: pointer;
	font-family: Gotham, sans-serif;
	font-size: 11px;
	color: rgba(0,0,0,1);
	margin-bottom: 3px;
	padding:10px 0px;
	text-align:center;
	border-right:1px solid rgba(0,0,0,.4);
	height:54px;
	background:url(../imgs/chapitres/approach/grade.png) repeat-x top rgba(204,204,204,1) ;
}
.pooling ul li:last-child{

	border-right:none;
}
.pooling p{
	font-family: Arial, sans-serif;
	line-height: 100%!important;
	font-size: 14px !important;
}
.pooling .pooling_txt{
	display:none;
}
.pooling .pooling_txt:first-child{
	display:block;
}
.pooling .pooling_link{
	font-family: Arial, sans-serif;
	line-height: 130%;
	font-size: 13px;
	background:rgba(0,0,0,.2);
	padding:3px 10px;
	margin-top:10px;
}
.pooling .pooling_link a{
	color:rgba(0,0,0,1);
}
.pooling .pooling_link a:hover{
	color:rgba(0,0,0,.7);
}
.csdp .contenaire_actors {
	position: relative;
	width: 1000px;
	height: 1610px;
	background:#FFF;
	padding-left: 72px;
	padding-top: 30px;
}
.csdp .contenaire_actors .mc_actor{
	border-radius:10px;
	position:absolute;	
}
.csdp .contenaire_actors .mc_actor2{
	border-radius:10px;
	margin: 20px 10px ;
	padding:5px 0;
	background:#393939;
}
.csdp .contenaire_actors .mc_actor2:first-child{

	margin-top: 30px;

}
.csdp .contenaire_actors .mc_actor4{

	position:relative !important;
	display:inline-block !important;
	vertical-align:top!important;
	border-radius:10px;
	background:#393939;
	width:60px;
	margin-right:5px;
	margin-top:20px;
	padding:10px 0;
}
.csdp .contenaire_actors .mc_actor4:first-child{
	margin-left:10px;	
	}
.csdp .contenaire_actors .mc_actor4:nth-child(3){
	width:75px;	
	}
.csdp .contenaire_actors .mc_actor5{
	position:relative;
	width:505px;

}
.csdp .contenaire_actors .mc_actor6{
	border-radius:10px;
	background:#393939;
	padding:5px 0;
	width:150px;
	height:25px;

}
.csdp .contenaire_actors .mc_actor4 div{



	
/*	position:absolute;
	border-radius:10px;
	background:#393939;
	-webkit-transform-origin:top left;
	-moz-transform-origin:top left;
	-o-transform-origin:top left;
	transform-origin:top left;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform:rotate(90deg);
	width:165px;
	padding:10px;
	top:0px;
	left:0;*/
}
.csdp .contenaire_actors .mc_actor4 p{

	
}
.csdp .contenaire_actors .filet_actor{
	background: url(../imgs/chapitres/map/grade-link.png) repeat-x top;
	height:10px;
	margin-top:10px;
}
.csdp .contenaire_actors .filet_blc_actor{
	background: url(../imgs/grade-blc.png) repeat-x top;
	height:10px;
	margin-top:10px;
}
.csdp .contenaire_actors .mc_actor p{
	font-family: Gotham, sans-serif;
	font-weight:bold;
	font-size: 18px;
	color: #FFF;
	margin:10px 0 0 0;
	padding:0 10px;
	text-transform:uppercase;
	line-height:100%;
}
.csdp .contenaire_actors .mc_actor .txt_gm{
	font-size: 13px;
	font-weight:bold;
	margin:5px 0 0 0;
	line-height:120%;
	text-transform:uppercase;
}
.csdp .contenaire_actors .mc_actor .txt_pm{
	font-size: 13px;
	font-weight:normal;
	margin:5px 0 0 0;
	line-height:120%;
	text-transform:uppercase;
}
.csdp .contenaire_actors .mc_actor .txt_pm2{
	font-size: 11px;
	font-weight:normal;
	margin:5px 0 0 0;
	line-height:120%;
	text-transform:uppercase;
}
.csdp .contenaire_actors .mc_actor .cols p{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:159px;
	height:50px;
	border-right:1px solid rgba(255,255,255,.3);
	font-size:12px;
}
.csdp .contenaire_actors .mc_actor .cols p:last-child{
	border-right:none;
}

.csdp .contenaire_actors .titre_gm{

}
.csdp .contenaire_actors .bleu{
	background:#3c69ad;
}
.csdp .contenaire_actors .violet{
	background:#713cae;
}
.csdp .contenaire_actors .vert{
	background:rgba(77,73,144,.7);
}
.csdp .contenaire_actors .vert2{
	background:rgba(77,73,144,.7);
}
.csdp .contenaire_actors .gris{
	background:#4e4e4e;
}
.csdp .contenaire_actors .gris2{
	background:rgba(78,78,78,.8);
}
.csdp .contenaire_actors .gris3{
	background:rgba(78,78,78,.8);
}
.csdp .contenaire_actors .noir{
	background:rgba(37,53,60,.8);
}
.csdp .contenaire_actors .l1{
	width:175px;
}
.csdp .contenaire_actors .l2{
	width:355px;
}
.csdp .contenaire_actors .l3{
	width:120px;
}
.csdp .contenaire_actors .l4{
	width:85px;
}
.csdp .contenaire_actors .l5{
	width:210px;
}

.csdp .contenaire_actors .l6{
	width:225px;
}
.csdp .contenaire_actors .l7{
	width:720px;
}
.csdp .contenaire_actors .l8{
	width:205px;
}
.csdp .contenaire_actors .h1{
	height:175px;
}
.csdp .contenaire_actors .h2{
	height:300px;
}
.csdp .contenaire_actors .h3{
	height:95px;
}
.csdp .contenaire_actors .h4{
	height:285px;
}
.csdp .contenaire_actors .h5{
	height:110px;
}
.csdp .contenaire_actors .h6{
	height:605px;
}
.csdp .contenaire_actors .h7{
	height:260px;
}
.btn_actor{
	border-radius:6px;
	position:absolute;
	bottom:10px;
	right:10px;
	font-family: Gotham, sans-serif;
	font-size: 24px;
	color: #FFF;
	background:rgba(0,0,0,.3);
	width:26px;
	line-height:26px;
	height:26px;
	text-align:center;
	cursor:pointer;
}
.btn_top{
	top:7px;
	/*background:rgba(255,255,255,.2);*/
	}
#actor1{
	top:25px;
	left:15px;
}
#actor14{
	top:130px;
	left:15px;
}
#actor2{
	top:10px;
	left:10px;
}

#actor3{
	top:310px;
	left:10px;
}
#actor4{
	top:130px;
	left:250px;
}
#actor5{
	top:315px;
	left:250px;
}
#actor6{
	top:60px;
	left:10px;
}
#actor7{
	top:60px;
	left:135px;
}
#actor8{
	top:60px;
	left:225px;
}
#actor9{
	top:159px;
	left:10px;
}
#actor10{
	top:159px;
	left:135px;
}
#actor11{
	top:130px;
	left:800px;
}
#actor12{
	top:130px;	
	left:615px;
}
#actor13{
	top:624px;
	left:250px;
}
/*#actor15{
	top:60px;
	left:10px;
}
#actor16{
	top:60px;
	left:75px;
}
#actor17{
	top:60px;
	left:140px;
}*/

/*#actor15{
	top:20px;
	left:66px;
}
#actor16{
	top:20px;
	left:132px;
}
#actor17{
	top:20px;
	left:212px;
}

#actor18{
	position:absolute;
	bottom:5px;
	left:10px;
}*/
.csdp .contenaire_actors .fond_actors{
	position:absolute;
	bottom:0;
	left:0;
	width: 1000px;
}
.csdp .contenaire_actors .fond_actors .fond_mc_actors{
	position:relative;
	}
#bateau_actor {
	position:absolute;
	top: 290px;
	left:10px;
}
#drapeau_actor {
position:absolute;
	top: 470px;
	left:500px;
}
.csdp .contenaire_actors h2 {
	margin: 0 0 15px 0;
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 35px;
	font-weight:normal;
}

.csdp .contenaire_actors p {
	font-family: Arial, sans-serif;
	line-height: 120%;
	font-size: 15px;
	color: rgba(0,0,0,.9);
	width: 750px;
}
.csdp .contenaire_actors .actors{
	position:relative;
	height:800px;
	background: url(../imgs/chapitres/actors/background-actors-texte.jpg);	
	width: 1000px;
	margin-left:-72px;
	overflow:hidden;
}
.csdp .contenaire_actors .actors .actors_texte{
	position:absolute;
	top:0;
	left:-400px;
	min-width:400px;
	height:800px;
	background:#999;
}
.csdp .contenaire_actors .actors .actors_texte .ensemble_txt{
	position:relative;
	margin:50px 20px;
	display:none;
}
.csdp .contenaire_actors .actors .actors_texte .ensemble_txt .col_actors{
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:300px;
	padding:0 10px;
}
.csdp .contenaire_actors .actors .actors_texte .ensemble_txt .col_actors h2{
	margin: 0 0 15px 0;
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 20px;
	font-weight: normal;
	width:300px;
}
.csdp .contenaire_actors .actors .actors_texte .ensemble_txt .col_actors p{
	margin: 0 0 15px 0;
	font-family: Arial, sans-serif;
	line-height: 120%;
	font-size: 15px;
	font-weight: normal;
	width:300px;
}
.csdp .contenaire_actors .actors .actors_texte .btn-fermer_actors {
	background: url(../imgs/btn-fermer.png) no-repeat center top;
	width:38px;
	height:29px;
	cursor:pointer;
	position:absolute;
	right:20px;
	top:20px;
}
.csdp .contenaire_map {
	position: relative;
	width: 1000px;
	height: 800px;
	background: url(../imgs/chapitres/map/background-map.png) no-repeat top left, url(../imgs/chapitres/map/filet.png) no-repeat bottom left #000;
	padding-left: 72px;
	padding-top: 60px;	
	overflow:hidden;	
}

.csdp .contenaire_map h2 {
	margin: 0 0 15px 0;
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 35px;
	font-weight: normal;
	color: #FFF;
}

.csdp .contenaire_map .fleche {
	position: absolute;
	top: -30px;
	left: 20px;
	cursor: pointer;
}

.csdp .contenaire_map .plus {
	left: 460px;
}

.csdp .contenaire_map .mc_map {
	width: 1000px;
	position: relative;
	
}

.csdp .contenaire_map .mc_map .halo_map {
	position: absolute;
	top: -30px;
	left: 118px;
}

.csdp .contenaire_map .mc_map .legende_map {
	position: absolute;
	top: 125px;
	left: 664px;
	font-family: Gotham, sans-serif;
	line-height: 140%;
	font-size: 13px;
	color: rgba(255,255,255,.7);
}

.csdp .contenaire_map .mc_map .legende_map img {
	vertical-align: middle;
	margin-right: 5px;
}

.csdp .contenaire_map .mc_map .contenu_map {
	position: absolute;
	top: 120px;
	left: -50px;
}
.csdp .contenaire_map .mc_map .filtres_map{
	position: absolute;
	top: 220px;
	left: 420px;
}

.csdp .contenaire_map .mc_map .filtres_map .filtre_map{
	position:relative;
	font-family: Gotham, sans-serif;
	line-height: 100%;
	font-size: 13px;
	color: rgba(255,255,255,.7);
	background:#4a6f79;
	width:360px;
	margin:5px;
	text-align:right;
	padding:5px 25px 5px 0px;
}
.csdp .contenaire_map .mc_map .filtres_map .filtre_map img{
	position: absolute;
	top: 10px;
	right:5px;
	cursor:pointer;
}
.csdp .contenaire_map .mc_map .contenu_map .contenu_map_fond {
	width: 500px;
	height: 580px;
	border-radius: 20px;
	background: #FFF;
}

.csdp .contenaire_map .mc_map .contenu_map .contenu_map_maks {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 500px;
	height: 620px;
	border-radius: 20px;
	background: #FFF;
	overflow: hidden;
}

.csdp .contenaire_map .mc_map .contenu_map .contenu_map_maks .contenu_map_factsheet {
	position: relative;
	width: 2000px;
}

.csdp .contenaire_map .mc_map .contenu_map .contenu_map_maks .contenu_map_factsheet .factsheet {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 20px 10px 0px 15px;
	width: 500px;
	height: 585px;
	
}

.csdp .contenaire_map .mc_map .contenu_map .contenu_map_maks .contenu_map_factsheet .large {
	width: 930px;
}

.contenu_map_factsheet .factsheet h1 {
	font-family: Gotham, sans-serif;
	line-height: 80%;
	font-size: 31px;
	font-weight: normal;
	color: #000;
	margin: 5px;
}

.contenu_map_factsheet .factsheet .pays {
	font-family: Gotham, sans-serif;
	line-height: 100%;
	font-size: 23px;
	font-weight: normal;
	color: rgba(0,0,0,.7);
	margin: 5px;
}

.contenu_map_factsheet .factsheet .date {
	font-family: Gotham, sans-serif;
	line-height: 100%;
	font-size: 15px;
	font-weight: normal;
	color: rgba(0,0,0,.7);
	margin: 5px;
}

.contenu_map_factsheet .factsheet .factsheet_txt {
	font-family: Arial, sans-serif;
	line-height: 120%;
	font-size: 14px;
	font-weight: normal;
	color: rgba(0,0,0,1);
	margin: 15px 5px;
	padding: 0 90px 0 5px;

}

.contenu_map_factsheet .factsheet .mc_txt {
	background: url(../imgs/chapitres/map/grade-link.png) repeat-x top;
	width: 900px;
	padding-top: 10px;
	
}
.contenu_map_factsheet .factsheet .factsheet_vid {
	margin: 30px 25px;

}
.contenu_map_factsheet .factsheet .factsheet_txt2 {
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-family: Arial, sans-serif;
	line-height: 105%;
	font-size: 13px;
	font-weight: normal;
	color: rgba(0,0,0,1);
	margin: 10px 25px 25px 5px;
	width: 420px;
}

.contenu_map_factsheet .factsheet .factsheet_vid2 {
	position: absolute;
	top: 330px;
	left: 490px;
	font-family: Arial, sans-serif;
	line-height: 120%;
	font-size: 11px;
	font-weight: normal;
	color: rgba(0,0,0,1);
	width: 370px;
	/*margin: 30px 25px;*/
}

.contenu_map_factsheet .factsheet .factsheet_links {
	background: url(../imgs/chapitres/map/logo-link.png) center left 10px no-repeat, url(../imgs/chapitres/map/grade-link.png) repeat-x top;
	position: absolute;
	bottom: 0;
	font-family: Gotham, sans-serif;
	line-height: 140%;
	font-size: 11px;
	font-weight: normal;
	color: rgba(0,0,0,1);
	width: 430px;
	line-height: 40px;
	padding-left: 40px;
}

.contenu_map_factsheet .factsheet .factsheet_links a {
	color: rgba(0,0,0,1);
}

.contenu_map_factsheet .factsheet .factsheet_links a:hover {
	color: rgba(0,0,0,.7);
}

.csdp .contenaire_map .mc_map .map {
	position: absolute;
	top: 172px;
	left: 343px;
}
.back-carte{
	display:none;
	position: absolute;
	top: 250px;
	left: -2px;
	cursor: pointer;
}
.csdp .contenaire_map .mc_map .map .puce_factsheet {
	position: absolute;
	cursor: pointer;
	left: 357px;
	top: 355px;
	bottom: 7667819px;
}

.fenetre {
	position: absolute;
	text-align: center;
	display: none;
	z-index:1000;
}

.fenetre .fenetre_fleche {
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 10px solid #FFF;
}

.fenetre .fenetre_mc {
}

.fenetre .fenetre_texte {
	position: relative;
	font-family: Gotham, sans-serif;
	font-size: 15px;
	color: #000;
	line-height: 13px;
	padding: 3px 30px 3px 5px;
	text-align: left;
	margin-top: 18px;
	background: #FFF;
	border-radius:4px;
	min-width: 70px;
}

.fenetre .fenetre_date {
	position: absolute;
	right: 20px;
	top: 0;
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #FFF;
	height: 18px;
	background-color: #000;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px; 
	padding: 3px 5px;
}

.csdp .contenaire_pdf {
	position: relative;
	height: 200px;
	background: #FFF;
	margin: 25px 20px;
	border-radius: 10px;
}

.csdp .contenaire_pdf a {
	margin-left: 20px;
}

.csdp .contenaire_pdf img {
	margin-top: 30px;
}

.csdp .contenaire_pdf .texte_pdf {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 30px;
	color: rgba(0,0,0,1);
}

.csdp .contenaire_pdf .texte_pdf:hover {
	color: rgba(0,0,0,1);
	text-decoration: underline;
}

.csdp .contenaire_pdf h2 {
	margin: 15px 0 15px 0;
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 26px;
	font-weight: normal;
	color: rgba(0,0,0,1);
}

.csdp .contenaire_pdf p {
	font-family: Gotham, sans-serif;
	line-height: 120%;
	font-size: 18px;
	color: rgba(0,0,0,.5);
}

.csdp .contenaire_footer {
	position: relative;
	height: 100px;
	background: #FFF;
	margin: 25px 0px;
}

.csdp .contenaire_footer .barre_orange_footer {
	position: absolute;
	bottom: 24px;
	height: 13px;
	width: 1000px;
	background: #eda52d;
}

.csdp .contenaire_footer .barre_footer {
	position: absolute;
	bottom: 0px;
	height: 24px;
	width: 1000px;
	background: #000;
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 12px;
	color: #FFF;
	text-align: right;
}

.csdp .contenaire_footer p {
	margin-right: 10px;
	margin-top: 7px;
}

.back_footer {
	font-family: Gotham, sans-serif;
	line-height: 90%;
	font-size: 14px;
	margin-left: 10px;
	padding-top: 20px;
	padding-left: 35px;
	background: url(../imgs/fleche-haut.png) top 15px left 10px no-repeat;
	cursor: pointer;
	width: 120px;
}

.back_footer:hover {
	opacity: .7;
}

.glossaire{
	position:fixed;
	top:400px;
	z-index:5000;
}
.btn_glossaire{
	display:none;
	position: absolute;
	top:10px;
	left:1000px;
	background:#000;
	width:36px;
	height:100px;
	border-top-right-radius:10px;	
	border-bottom-right-radius:10px;
	cursor:pointer;	
}
.mask_glossaire{
	position: absolute;
	top:0px;
	left:400px;
	width:600px;
	height:390px;
	overflow:hidden;
	display:none;
}
.mc_glossaire{
	position:relative;
	display:none;
	left:585px;
	width:585px;
	height:310px;
	background:#ebebeb;
	box-shadow:-5px 5px 5px  rgba(0,0,0,.5);
	display:none;
	padding:15px 30px;
}
.mc_glossaire_textes {
	background: url(../imgs/chapitres/map/grade-link.png) repeat-x top;
	margin-top:20px;
	margin-right:140px;
	padding-top: 10px;
}
.mc_glossaire_texte {
	display:none;
}
.mc_glossaire_texte:first-child {
	display:block;
}
.mc_glossaire_textes h3{
	font-family: Gotham, sans-serif;
	line-height: 100%;
	font-size: 14px;
	font-weight:bold;
	color:rgba(0,0,0,.6);
}
.mc_glossaire_textes p{
	font-family: Arial, sans-serif;
	font-size: 13px;
	margin-right:0px;
	line-height: 110%;
	color:rgba(0,0,0,.6);
}
.information {
	position:absolute;
	margin-top:0px;
	left: 450px;
	top:70px;
	width: 550px;
	height: 700px;
	overflow: hidden;
	display:none;
}

.information .mc_information {
	position: absolute;
	top:5px;
	left:550px;
	width: 600px;
	background-color: #262626;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	box-shadow: 5px 5px 7px rgba(0,0,0,.5);
	z-index:9000;
	color: rgba(255,255,255,.5);
	padding-bottom:30px;
}
.information .mc_information .btn-fermer_information {
	background: url(../imgs/btn-fermer.png) no-repeat center top;
	width:38px;
	height:29px;
	cursor:pointer;
	position:absolute;
	right:60px;
	top:20px;
}
.information .mc_information h1 {
	font-family: Gotham, sans-serif;
	color: rgba(255,255,255,.5);
	font-size: 20px;
	margin:0;
	padding-left:40px;
	padding-top:20px;
	font-weight:normal;
}
.information .mc_information p {
	font-family:Arial, sans-serif;
	color: rgba(255,255,255,.5);
	font-size: 14px;
	line-height:120%;
	margin:0;
	padding:10px 100px 10px 40px;
}
.retour_vid{
	display:none;
	position:fixed;
	top:350px;
	z-index:5000;
	cursor:pointer;	
}
.retour_vid img{
	position:absolute;
	left:1000px;
}
.credit {
	position: relative;
	width: 1000px;
	height: 240px;
	overflow: hidden;
	margin-top:-173px;
	display:none;
}
.credit .mc_credit {
	position: relative;
	top:240px;
	left: 200px;
	width: 600px;
	height: 240px;
	background-color: #262626;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	box-shadow: 5px -5px 7px rgba(0,0,0,.5);
	z-index:9000;
	color: rgba(255,255,255,.5);
}
.credit .mc_credit .btn-fermer_credit {
	background:url(../imgs/btn-fermer.png) no-repeat center top;
	width:38px;
	height:29px;
	cursor:pointer;
	position:absolute;
	right:20px;
	top:20px;
}
.credit .mc_credit h1 {
	font-family: Gotham, sans-serif;
	color: rgba(255,255,255,.5);
	font-size: 26px;
	margin:0;
	padding-left:40px;
	padding-top:20px;
	font-weight:normal;
}
.credit .mc_credit p {
	font-family:Arial, sans-serif;
	color: rgba(255,255,255,.5);
	font-size: 14px;
	line-height:120%;
	margin:0;
	padding:10px 40px;
}
.btn_credit {
	cursor:pointer;
	z-index:5001;
}