/* ============== alignements gauche & droit ================================ */
.left {
	float:left;
	}
.right {
	float:right;
	}
.wrapper {
	width:100%;
	overflow:hidden;
	}

/* Global properties
/* ==================== font-family: 'Dorsa', sans-serif; ============================ */
.glob{
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	}
body{
	font-family:Arial, sans-serif;
	color:#000;
	background: #020001;
	line-height:20px;
	min-width:1010px;
	min-height:100%;
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	}

/* =========================== structure globale =============================== */
.bgPic{
	position: absolute;
	width: 1520px;
	height: 636px;
	display: inline-block;
	left: -590px;
	top: 20px;
	}
.bgPic img{
	position: absolute;
	width: 1520px;
	height: 636px;
	display: inline-block;
	left: 0;
	top: 0;
	}
.main {
	margin:0px auto 0 auto;
	width: 820px;
	z-index:2;
	height:100%;
	}
.page_spinner{
	position:fixed;
	background:url(../images/loader.gif) 50% 50% no-repeat #020001;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
	}
#glob{
	position:relative;
	overflow:hidden;
	z-index:1;
	}

/* ============================= layout  principal================================ */
a{
	color:#fff;
	text-decoration:none;
	outline:none;
	font-size: 12px;
	}
a:hover{
	text-decoration:underline
	}
h1{
	float:left;
	}
h2{
	font-family: 'PT Sans Narrow', sans-serif;
	color:#fff;
	font-size:26px;
	line-height: 26px;
	width:100%;
	padding-bottom: 25px;
	text-transform: uppercase;
	font-weight: normal;
	text-shadow: 0px 0px 6px white;
	}
h3{
	font-family: 'PT Sans Narrow', sans-serif;
	color:#fff;
	font-size:26px;
	line-height: 26px;
	width:100%;
	padding-bottom: 25px;
/*	text-transform: uppercase;	*/
	font-weight: normal;
	text-shadow: 0px 0px 6px white;
	}
p{
	font-family: Tahoma;
	padding-bottom: 20px;
	font-size: 11px;
	color: #717171;
	line-height: 19px;
	text-transform: uppercase;
	}
.undLineOff{
	text-decoration:none;
	}
.textLowerCase{
	text-transform:lowercase
	}
.textUpperCase{
	text-transform:uppercase
	}
.center{
	padding:0;
	width:100%;
	position: relative;
	}
.alignLeft{
	text-align:left;
	}
.alignCenter{
	text-align:center;
	}
.alignRight{
	text-align:right;
	}
.relative{
	position: relative;
	}

/* ============================= en-tete ===================================== */
header{
	position: absolute;
	z-index: 3;
	display: inline-block;
	top: 320px;	/*=== positionnement du logo ====*/
	right: 20px;	/*=== positionnement du logo ====*/
	}
#logo{
	display:inline-block;
	background: url(../images/logo_cti.png) 0 0 no-repeat;
	width: 303px;
	height: 74px;
	text-indent: -9999px;
	}
#logo:hover{
	text-decoration:none;
	}
.logoHolder{
	display:inline-block;
	position: relative;
	}
.headerHolder{
	position: relative;
	width: 830px;
	z-index: 2;
	margin: 0 auto;
	display: inline-block;
	}
.menu{
	position:relative;
	z-index:1;
	display: block;
	right: -1000px;
	}
.menuHolder{
	float: right;
	display:inline-block;
	position: relative;
	width: 100%;
	z-index: 3;
	left: 0;
	margin-top: 140px;
	}
#menu {
	z-index:3;
	position:relative;
	display: inline-block;
	float: right;
	}
#menu > li{
	position:relative;
	color: white;
	display: inline-block;
	text-align: center;
	margin-left: 10px;
	}
#menu > li > a{
	display: block;
	position: relative;
	height: 60px;
	text-align: center;
	padding: 0 12px;
	}
#menu > li > a:hover{
	text-decoration:none;
	}
#menu > li.active > a{
	text-decoration:none;
	}
.submenu_1{
	position:absolute;
	z-index:2;
	top: 60px;
	left: 0px;
	display: block;
	background: #fff;
	width: 100%;
	}
.submenu_1 li{
	position:relative;
	display:inline-block;
	width: 100%;
	height: 16px;
	float: left;
	padding: 8px 0;
	background: url(../images/extra3.png) 50% 100% no-repeat;
	}
.submenu_1 a{
	font-family: 'Homenaje', sans-serif;
	font-size: 14px;
	color:#414141;
	display:inline-block;
	line-height: 15px;
	padding: 0px 15px;
	font-weight: normal;
	text-transform: uppercase;
	}
.submenu_1 li:hover > a, .submenu_1 li.sfHover > a{
	text-decoration:none;
	color:#2e3469;
	}
.submenu_1 .padTop{
	padding-top: 15px;
	}
.submenu_1 .padBot{
	padding-bottom: 15px;
	}
.submenu_1 .bgNone{
	background: none;
	}
.submenu_2{
	position:absolute;
	z-index:2;
	top: 0px;
	left: 83px;
	display: block;
/*	background: #ee9c02;	*/
	background: #3F48FF;
	width: 100%;
	}
.submenu_2 li{
	position:relative;
	display:inline-block;
	width: 100%;
	height: 16px;
	float: left;
	padding: 9px 0;
	background: url(../images/extra4.png) 50% 100% no-repeat;
	}
.submenu_2 a{
	font-family: 'Homenaje', sans-serif;
	font-size: 14px;
	color:#fff;
	display:inline-block;
	line-height: 15px;
	padding: 0px 15px;
	font-weight: normal;
	text-transform: uppercase;
	}
.submenu_2 li:hover > a, .submenu_1 li.sfHover > a{
	text-decoration:none;
	color:#414141;
	}
.submenu_2 .padTop{
	padding-top: 15px;
	}
.submenu_2 .padBot{
	padding-bottom: 15px;
	}
.submenu_2 .bgNone{
	background: none;
	}
.textHold{
	position: relative;
	display: inline-block;
	height: 60px;
	overflow: hidden;
	}
.mText{
	font-family: 'Homenaje', sans-serif;
	line-height: 60px;
	color: #fff;
	font-size: 18px;
	position: relative;
	text-transform: uppercase;
	z-index: 1;
	}
.mTextOver{
	font-family: 'Homenaje', sans-serif;
	line-height: 60px;
	color: #fff;
	font-size: 18px;
	position: absolute;
	text-transform: uppercase;
	z-index: 1;
	}
.extHold{
	 height: 14px;
	 position: absolute;
	 display: block;
	 top: -11px;
	 z-index: 2;
	 text-align: center;
	 width: 100%;
	 overflow: hidden;
	 }
.overMarker{
	background:url(../images/extra2.png) 50% 50% no-repeat;
	width: 100%;
	height: 4px;
	display: inline-block;
	position: relative;
	}
.whDiv{
	background: #fff;
	width: 100%;
	height: 3px;
	bottom: 0;
	position: absolute;
	}
.area{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: url(../images/pixel.png);
	z-index: 2;
	}

/* ============================= contenu ====================== */
#content{
	position:relative;
	z-index: 1;
	width: 100%;
	margin: 0 auto;
	display: block;
	}
#content > ul{
	width: 820px;
	height: 420px;
	z-index: 4;
	display: inline-block;
	margin-top: 68px;
	}
#content > ul > li{
	width: 100%;
	display:block;
	position:absolute;
	height: 420px;
	}
.box{
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 420px;
	padding: 0px 0px;
	}
.underline{
	text-decoration:underline;
	}
.space1{
	display:inline-block;
	width: 75px;
	}
.color1{
	color: #c2c2c2;
	}
.color2{
	color: #fff;
	}
.padBot1{
	padding-bottom: 25px;
	}
.padBot2{
	padding-bottom: 15px;
	}
.padBot3{
	padding-bottom: 21px;
	}
.padBot4{
	padding-bottom: 20px;
	}
.padBot5{
	padding-bottom: 15px;
	}
.padBot6{
	padding-bottom: 20px;
	}
.padBot7{
	padding-bottom: 26px;
	}
.padRight1{
	padding-right: 36px;
	}
.padRight2{
	padding-right: 32px;
	}
.padRight3{
	padding-right: 40px;
	}
.padRight4{
	padding-right: 25px;
	}
.magLeft1{
	margin-left: 38px;
	}
.magLeft2{
	margin-left: 37px;
	}
.magLeft3{
	margin-left: 40px;
	}
.bordRight{
	border-right: 1px solid #2b2b2b;
		}
.text1{
	font-size: 60px;
	line-height: 52px;
	}

/* ================= Accueil - choix Francais / Anglais ========================= */
.enterBtn{
	position: absolute;
	width: 184px;
	height: 184px;
	display: inline-block;
/*	left: 318px;*/
	left: 218px;
	top: 185px;
	z-index: 3;
	}
.enterBtn > a{
	width:135px;
	height: 135px;
	display: inline-block;
	position: relative;
	margin: 24px;
	text-align: center;
	z-index: 2;
	}
.enterBtn > a span{
	font-family: 'Homenaje', sans-serif;
	font-size: 20px;
	color: #2f34fc;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	margin-top: 50px;
	text-shadow: 0px 0px 5px #2D33FC;
	}
.outBtn{
	background:url(../images/enterBtn.png);
	width: 184px;
	height: 184px;
	position: absolute;
	top: 0;
	}
.overBtn{
	background:url(../images/enterBtnOver.png);
	width: 184px;
	height: 184px;
	position: absolute;
	top: 0;
	}
.partic{
	background:url(../images/enterBtnExtra.png);
	position: absolute;
	width: 204px;
	height: 240px;
	top: -23px;
	left: -33px;
	z-index: 1;
	}
/*	============ Ajout 2ième bouton pour site Anglais ==================== */
.enterBtn2{
	position: absolute;
	width: 184px;
	height: 184px;
	display: inline-block;
	left: 418px;
	top: 185px;
	z-index: 3;
	}
.enterBtn2 > a{
	width:135px;
	height: 135px;
	display: inline-block;
	position: relative;
	margin: 24px;
	text-align: center;
	z-index: 2;
	}
.enterBtn2> a span{
	font-family: 'Homenaje', sans-serif;
	font-size: 20px;
	color: #2f34fc;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
	margin-top: 50px;
	text-shadow: 0px 0px 5px #2D33FC;
	}
.outBtn2{
	background:url(../images/enterBtn.png);
	width: 184px;
	height: 184px;
	position: absolute;
	top: 0;
	}
.overBtn2{
	background:url(../images/enterBtnOver.png);
	width: 184px;
	height: 184px;
	position: absolute;
	top: 0;
	}
.partic2{
	background:url(../images/enterBtnExtra.png);
	position: absolute;
	width: 204px;
	height: 240px;
	top: -23px;
	left: -33px;
	z-index: 1;
	}
/* ================= FIN Accueil - choix Francais / Anglais ========================= */

.liens{
	font-family: 'Homenaje', sans-serif;
	color: #800000;
	font-size: 12px;
	tex-align: bottom;
/*	background:url(../images/liens.png);
	padding: 4px 9px;
	position: relative;
	line-height: 10px;	*/
	text-transform: uppercase;
	}
.liens:hover{
	text-decoration: none;
	}
.more{
	font-family: 'Homenaje', sans-serif;
	color: #fff;
	font-size: 18px;
	background:url(../images/plus_r.png);
	padding: 9px 18px;
	text-transform: uppercase;
	line-height: 18px;
	position: relative;
	}
.more:hover{
	text-decoration: none;
	}
.scroll1{
	width: 350px;
	height: 330px;
	margin-bottom: 0px;
	}
.track{
	position:absolute;
	top: 50px;
	left: 385px;
	width:15px;
	height:335px;
	background:url(../images/track.png) 0 0 no-repeat;
	}
.shuttle{
	position:relative;
	width: 13px;
	height:106px;
	background: url(../images/shuttle.png) 50% 0% no-repeat;
	display: inline-block;
	z-index: 1;
	}
.scroll2{
	width: 240px;
	height: 320px;
	margin-bottom: 0px;
	}
.track2{
	position:absolute;
	top: 50px;
	left: 240px;
	width:15px;
	height:335px;
	background:url(../images/track.png) 0 0 no-repeat;
	}
.shuttle2{
	position:relative;
	width: 13px;
	height:106px;
	background: url(../images/shuttle.png) 50% 0% no-repeat;
	display: inline-block;
	z-index: 1;
	}
.scroll3{
	width: 770px;
	height: 325px;
	margin-bottom: 0px;
	}
.track3{
	position:absolute;
	top: 50px;
	left: 800px;
	width:15px;
	height:335px;
	background:url(../images/track.png) 0 0 no-repeat;
	}
.shuttle3{
	position:relative;
	width: 13px;
	height:106px;
	background: url(../images/shuttle.png) 50% 0% no-repeat;
	display: inline-block;
	z-index: 1;
	}
._link1{
	font-family: 'Homenaje', sans-serif;
	color: #23224b;
	font-size: 15px;
	}
._link2{
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	}

._list1{
	width: 355px;
	}
._list1 > li{
	width: 100%;
	position: relative;
	display: inline-block;
	padding-bottom: 10px;
	}
._list1 > li > figure{
	float: left;
	}
._list1 > li > figure img{
	float: left;
	margin-right: 18px;
	}
._list1 > li  figcaption{
	float: left;
	width: 205px;
	border-bottom: 1px solid #2e2c39;
	margin-top: 6px;
	}
._list1 > li  figcaption p{
	padding-bottom: 25px;
	}
._list2{
	width: 100%;
	}
._list2 > li{
	width: 100%;
	position: relative;
	display: inline-block;
	padding-bottom: 35px;
	}
._list2 > li > figure{
	float: left;
	}
._list2 > li > figure img{
	float: left;
	margin-right: 18px;
	}
._list2 > li  figcaption{
	float: left;
	width: 278px;
	margin-top: -6px;
	}
._list3{
	width: 220px;
	}
._list3 > li{
	position: relative;
	width: 100%;
	}
._list4{
	width: 770px;
	}
._list4 > li{
	width: 240px;
	height: 144px;
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}
._list4 > li > figure{
	float: left;
	display: inline-block;
	}
._list4 > li > figure a{
	width: 240px;
	height: 144px;
	display: inline-block;
	}
._list4 .magRnone{
	margin-right: 0px;
	}
._list5{
	width: 100%;
	position: relative;
	margin-top: 4px;
	}
._list5 > li{
	width: 100%;
	position: relative;
	background: url(../images/marker.png) 0% 50% no-repeat;
	margin-bottom: 10px;
	}
._list5 > li > a{
	color: #fff;
	text-transform: uppercase;
	margin-left: 24px;
	font-weight: bold;
	font-size: 11px;
	}
._list5 > li > a:hover{
	text-transform: uppercase;
	text-decoration: none;
	}
.zoomSp{
	display:block;
	position:absolute;
	left:0;
	top:0;
	width: 240px;
	height: 144px;
	z-index:3;
	background: url(../images/magnify.png) 50% 50% no-repeat;
	}

/* ============================= footer ====================== */
footer{
	position: absolute;
	width: 100%;
	z-index: 2;
	height: 70px;
	display: inline-block;
	bottom: 0;
	}
.topBtn{
	position:relative;
	display:inline-block;
	cursor:pointer;
	}
.mainFooter {
	z-index:2;
	position: relative;
	text-align: center;
	}
.textPrivacy{
	font-family: 'Homenaje', sans-serif;
/*	color: #23224b;	*/
	color: #800000;
	font-size: 15px;
	position:relative;
	display: block;
	text-transform: uppercase;
	margin-bottom: 12px;
	}
.footer_link{
	font-family: 'Homenaje', sans-serif;
	color: #800000;
	font-size: 15px;
	}
.privHold{
	line-height: 20px;
	position: relative;
	display: block;
	width: 820px;
	margin: 0 auto;
	}
.followHolder{
	position: relative;
	display: inline-block;
	}
.followHolder > ul{
	display: inline-block;
	float: left;
	}
.followHolder > ul > li{
	display: inline-block;
	float: left;
	margin: 0 3px;
	}
.followHolder > ul > li > a{
	display: inline-block;
	}
.pic > img{
	position: relative;
	z-index: 1;
	}

/*======================== Map - modifié "google_map" pour "map"===================================*/
.map{
	margin:0;
	width:340px;
	height:206px;
	background:#fff;
	}

/* ===================== forrmulaires ============================= */
#ContactFormEn {
	padding:0; 
	position: relative;
	display: inline-block;
	z-index: 3;
	margin-top: 0px;
	}
#ContactFormEn .bg{
	padding:0; 
	display: inline-block;
	float: left;
	position: relative;
	padding-bottom: 2px;
	}
#ContactFormEn .wrapper {
	overflow:inherit; 
	min-height:40px; 
	}
#ContactFormEn .success {
	padding-bottom: 2px; 
    	text-transform:uppercase; 
	font-size:10px; 
    	position:relative; 
    	float:left; 
	color: #fff; 
	width: 100%; 
	line-height: 11px;
	}
#ContactFormEn span {
	display:block
	}
#ContactFormEn .error,#ContactFormEn .empty {
	font-size:9px; 
	color: #fff; 
	line-height: 10px; 
	display:none; 
	width: 100%; 
	top:0px; 
	position:relative;
	text-transform:uppercase; 
	float: left;
	padding-top: 2px;
	}
#ContactFormEn a {
	position:relative; 
	z-index:1; 
	height: 25px;
}
#ContactFormEn a:hover {
	text-decoration:none;
	}
#ContactFormEn a.suboff {
	display: none;
}
#ContactFormEn label {
	position:relative; 
	display:inline-block;  
	float: left; 
	padding-bottom: 6px;
	}
#ContactFormEn .input {
	width: 240px; 
	padding: 7px 10px; 
/*	color: #717171; 	*/
	color: #FFFFFF; 
	outline:none; 
	font-size: 11px;   
	border: 1px solid #292525;
	background: url(../images/pixel.png);
	box-shadow: none;
	font-family: Tahoma;
	text-transform: uppercase;
	}
#ContactFormEn textarea {
	overflow:auto; 
	margin:0; 
	width: 320px; 
	height: 110px;  
	padding: 8px 10px; 
/*	color: #717171; 	*/
	color: #FFFFFF; 
	resize:none; 
	outline:none; 
	font-size: 11px;  
    	border: 1px solid #292525;
	background: transparent;
	font-family: Tahoma;
	text-transform: uppercase;
	}
#ContactFormEn .decompte {
	color: #FF0000;
}
#ContactFormEn .max {
	display: none;
}
#ContactFormEn .block {
	display:inline-block; 
	position:relative; 
	width: 100%; 
	float: left; 
	}
#ContactFormEn .magNull{
	margin:0px;
	}
#ContactFormEn .question {
	width: 75%;
	height: 15px;
	float: left; 
	padding: 0px 0px 7px 0px;
	color: #fae4aa;
	outline:none;
	font-size: 14px;
	font-family: Tahoma;
	text-align: center;
	background: #3b3b38;
	border-radius: 7px;
	text-transform: uppercase;
}
#ContactFormEn .reponse {
	width: 20%;
	height: 15px;
	float: right; 
	padding: 0px 0px 7px 0px;
	color: #fae4aa;
	outline:none;
	font-size: 14px;
	font-family: Tahoma;
	text-align: center;
	background: #3b3b38;
	border-radius: 7px;
}
.formButtons {
	position:relative;
	display: inline-block;
	margin-top: 10px;
	float: left;
}
.formBtn {
	position:relative;
	display:inline-block;
	margin-right: 8px;
}
.moreButEff {
	font-family: 'Homenaje', sans-serif;
	color: #fff;
	font-size: 24px;
	line-height: 24px;
	text-shadow: 0px 0px 6px white;
	text-transform: uppercase;
	padding: 0px 20px 0px 9px;
	position: relative;
}
.moreButEff:hover {
	text-decoration: none;
	color: #800000;
}
.moreButEnv {
	font-family: 'Homenaje', sans-serif;
	color: #fff;
	font-size: 24px;
	line-height: 24px;
	text-shadow: 0px 0px 6px white;
	text-transform: uppercase;
	padding: 0px 20px 0px 9px;
	position: relative;
}
.moreButEnv:hover {
	text-decoration: none;
	color: #3F48FF;
}
/* ============================= FIN ============================= */