body {
	margin:0px;
	padding:0px;
}


@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.eot?v=4.2.0');
  src: url('fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fontawesome-webfont.woff?v=4.2.0') format('woff'), url('fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('OpenSans.eot?v=4.2.0');
  src: url('OpenSans.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('OpenSans.woff?v=4.2.0') format('woff'), url('OpenSans.ttf?v=4.2.0') format('truetype'), url('OpenSans.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'HandelGothic';
    src: url('HandelGothic.eot');
    src: url('HandelGothic.eot?#iefix') format('embedded-opentype'),
        url('HandelGothic.woff2') format('woff2'),
        url('HandelGothic.woff') format('woff'),
        url('HandelGothic.ttf') format('truetype'),
        url('HandelGothic.svg#HandelGothic') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'CoconNextArabic';
    src: url('CoconNextArabic-Light.eot');
    src: url('CoconNextArabic-Light.eot?#iefix') format('embedded-opentype'),
        url('CoconNextArabic-Light.woff2') format('woff2'),
        url('CoconNextArabic-Light.woff') format('woff'),
        url('CoconNextArabic-Light.ttf') format('truetype'),
        url('CoconNextArabic-Light.svg#CoconNextArabic-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}






.header_global {
	width:100%;
	display:block;
	height:auto;
}


/** css ligne1 header **/

.ligne1_header {
	width:100%;
	height:44px;
	background:#f0f5f8;
}
.content_ligne1 {
	width:1232px;
	height:44px;
	margin:0 auto;
}
.cont_social_icon {
	float:right;
	width:auto;
	height:44px;
	padding-top: 11px;
}

.cont_social_icon a.bt_gplus{
	float:right;
	display:block;
	width:22px;
	height:22px;
	position:relative;
	text-decoration:none;
}

.cont_social_icon a.bt_gplus:before{
	content: "\f167";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #8ca4b0;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.cont_social_icon a:hover.bt_gplus:before{
    color: #a22030;

}


.cont_social_icon a.bt_twitter{
	float:right;
	display:block;
	width:22px;
	height:22px;
	position:relative;
	text-decoration:none;
}

.cont_social_icon a.bt_twitter:before{
	content: "\f099";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #8ca4b0;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.cont_social_icon a:hover.bt_twitter:before{
    color: #a22030;

}


.cont_social_icon a.bt_facebook{
	float:right;
	display:block;
	width:22px;
	height:22px;
	position:relative;
	text-decoration:none;
}

.cont_social_icon a.bt_facebook:before{
	content: "\f09a";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #8ca4b0;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0;
}

.cont_social_icon a:hover.bt_facebook:before{
    color: #a22030;

}





.cont_social_icon a.bt_instagram{
	float:right;
	display:block;
	width:22px;
	height:22px;
	position:relative;
	text-decoration:none;
}

.cont_social_icon a.bt_instagram:before{
	content: "\f16d";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #8ca4b0;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 5px;
}

.cont_social_icon a:hover.bt_instagram:before{
    color: #a22030;

}






.cont_social_icon a.bt_link{
	float:right;
	display:block;
	width:22px;
	height:22px;
	position:relative;
	text-decoration:none;
}

.cont_social_icon a.bt_link:before{
	content: "\f08c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #8ca4b0;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 5px;
}

.cont_social_icon a:hover.bt_link:before{
    color: #a22030;

}






.btt_arabe {
	float:right;
	padding-top:12px;
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#838383;
	display:block;
	text-decoration:none;
	margin-right:20px;
	font-family: 'CoconNextArabic';
}

.cont_tmm_block {
	float:left;
	margin-left:10px;
	padding-top:11px;
	font-family:'OpenSans';
	font-size:14px;
	color:#838383;
}




/**************/

/***** css header 2 ********/

.ligne2_header {
	width:100%;
	height:80px;
	background:#fff;
}

.content_header2 {
	height: 60px;
    width: 1232px;
    margin: 0 auto;
    padding-top: 20px;
	position:relative;
	
}


a.lien_menu_haut {
    float: right;
    padding-top: 11px;
    font-family: 'OpenSans';
    font-size: 14px;
    color: #343434;
    display: block;
    padding-left: 48px;
    margin: 0px 3px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 1s;
}

a:hover.lien_menu_haut {
	color:#a02030;
	text-decoration:none;

}


/*a.lien_menu_haut:nth-child(1):before {
	content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_online.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
	transition:all 1s;

}
a:hover.lien_menu_haut:nth-child(1):before {
	background:url(../images/icn_online_h.png) no-repeat;
}*/




a.lien_menu_haut:nth-child(1):before {
	content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_atbnet.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
	transition:all 1s;

}
a:hover.lien_menu_haut:nth-child(1):before {
	background:url(../images/icn_atbnet_h.png) no-repeat;
}












a.lien_menu_haut:nth-child(2):before {
	content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_recrutement.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
	transition:all 1s;

}
a:hover.lien_menu_haut:nth-child(2):before {
	background:url(../images/icn_recrutement_h.png) no-repeat;


}

a.lien_menu_haut:nth-child(3):before {
	content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_dev_client.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
	transition:all 1s;

}
a:hover.lien_menu_haut:nth-child(3):before {
	background:url(../images/icn_dev_client_h.png) no-repeat;


}

a.lien_menu_haut:nth-child(4):before {
	content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_demo.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
	transition:all 1s;

}
a:hover.lien_menu_haut:nth-child(4):before {
	background:url(../images/icn_demo_h.png) no-repeat;


}


a.lien_menu_haut:nth-child(5):before {
	content: "";
    width: 49px;
    height: 47px;
    background: url(../images/icn_docs_utiles.png) no-repeat;
    top: 0px;
    left: 0px;
    display: block;
    position: absolute;
	transition:all 1s;

}
a:hover.lien_menu_haut:nth-child(5):before {
	background:url(../images/icn_docs_utiles_h.png) no-repeat;


}






a.logo_atb {
	width:140px;
	height:137px;
	display:block;
	position:absolute;
	top:-25px;
	left:0px;
	background:url(../images/logo_atb.png) no-repeat;
	-moz-box-shadow: 10px 10px 40px 0px #c0c0c0;
	-webkit-box-shadow: 10px 10px 40px 0px #c0c0c0;
	-o-box-shadow: 10px 10px 40px 0px #c0c0c0;
	box-shadow: 10px 10px 40px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=40);
	z-index:9;
}






/**************/
.banner-interne_header {
		width:100%;
	height:322px;
	background-image:url(../images/banner_interne_atb.png);
	background-repeat:no-repeat;
	background-position:center;
}

/*
.ligne2_header_sticky {
	    transition: all .2s ease-in-out;
    position: fixed;
    padding: 0;
    min-height: 10vh;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999996;
    border-bottom: 1px #e1e1e1 solid;
    display: none;
	height:80px;
	background:#fff;
}
*/

.ligne2_header_sticky {
	z-index: 999996;
    border-bottom: 1px #e1e1e1 solid;
	height:80px;
	background:#fff;
	padding: 0;
    min-height: 10vh;
	
	position: fixed;
  top: -85px;
  width: 100%;
  display:block;
  transition: top 0.3s;
}



.content_header2_sticky {
	height: 60px;
    width: 1232px;
    margin: 0 auto;
    padding-top: 20px;
	position:relative;
	
}

.content_header2_sticky a.logo_atb {
    width: 67px;
    height: 63px;
    display: block;
    position: absolute;
    top: 8px;
    left: 0px;
    background: url(../images/logo_atb.png) no-repeat;
    -moz-box-shadow: 10px 10px 40px 0px #c0c0c0;
    -webkit-box-shadow: 10px 10px 40px 0px #c0c0c0;
    -o-box-shadow: 10px 10px 40px 0px #c0c0c0;
    box-shadow: 10px 10px 40px 0px #c0c0c0;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=134, Strength=40);
    z-index: 9;
	background-size:cover;
}

.animated {
  animation: ease-in 1s;
}





.lien_autre_sites {
	float: right;
	padding-top: 15px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
	color: #899ea9;
	display: block;
	text-decoration: none;
	margin-right: 35px;
	font-family: 'OpenSans';
	font-size:12px;
	text-transform:uppercase;
	position:relative;
	transition:all 1s;
}

.lien_autre_sites:before {
	content: "";
width: 1px;
height: 8px;
background: #dbe4e8;
position: absolute;
right: -18px;
top: 20px;
}



.lien_autre_sites:hover {
	color: #a02030;
	text-decoration: none;

}