/* ============================================================
  RESET - http://meyerweb.com/eric/tools/css/reset/
============================================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, /*form,*/ label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html , body {
 /*height:100% !important;*/
 width:100% !important;
}

h1 {
font-family:'exo_impregnable';
font-size:4.8em;	
/*font-weight: bold;*/
position: relative;
margin: 0;
color:#d7181f;
width:100%;
line-height:50px !important;
}



h2 {
 font-family: 'exo_minionpro';
 font-size:3em;
 color: #443f43;
 padding-bottom: 0px;
 position: relative;
 font-weight: bold;
 line-height:50px;
}

h3 {
/*font-family:'exo_minionpro';*/
font-family:'Avenir';
font-size:0.8em;	
color: #443f43;
}

h3 a{
 color: #d7181f;
 font-weight: bold;
 text-decoration : underline;
}

.lien {
 position:absolute;                  
 bottom:25px;
 
}

.lien h3 {
 text-align:right;	
}

.divlogoslider {
 position:relative;	
 height:50%;
 margin-top:10%;
/* margin-top:280px;*/	
}
	


.divlogodestination {
 height:40px;
 width:100%;
 margin:auto;
 position:absolute;
 bottom:0;
 text-align: center;
}

div.divdescr{
	text-transform : uppercase;
}

#divpagepricipale {
 max-width:100%;	
 max-height:100%;
 padding: 0px;
}

#divpagepricipale h3 {
 font-size: 20px !important;  	
}

/*
#divlogoemirates {
  position:absolute;
  top:-130px !important;
  left: 34%; 
  text-align:center;
  z-index:90;
} */

#divlogoemirates {
  position:relative;
  /*top:-100px !important;*/
  /*top: -10%;*/
  text-align:center;
  width:100%;
  z-index:90;
}

#divlogoemirates img {
  height:300px;
  /*top: 170px;*/
}


.divslideleft {
 position:relative;
 float:left;
 width:50%;	
 height:100%;
}

.divslideleft img {
 position:absolute;
 bottom:0;
 width:100%;	
 /*height:350px;
 width:750px;*/	
}

.divslideright {
 position:relative;
 float:right;
 width:50%;
 height:100%;
}

.divslideright img{
 /*height:350px;
 width:749px;*/
 width:100%;
 position:absolute;
 bottom:0;	
}


#divdoubleslide {
 position:absolute;	
 bottom:0;
 height:70%;	
 width:100%;
}

#divlogoexo {
	width:100%;
	text-align:center;
}

#divlogoexo img {
 position:relative; 
 text-align:center;
 
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}


.divtextleft {
 width: 45%;
 height:100%;
 position:relative;
 float: left;
 padding:10px;
 text-align:right;
}

/*
=============================================================
=====================divtextright============================
=============================================================
*/

.divtextright {
 width: 45%;
 height:100%;
 position:relative;
 float: right;
 text-align:left;
 padding:10px;
}


/*======================divfondu=====================================*/

.divfondu {
  position:relative !important; 
  left :0px;
  width: 50%;
  height:25%;
  margin:auto;
  top: 150px;
  
}

#divfondupage1 {
width: 500px !important;	
height: 500px !important;
margin: 10px !important;
}



/*====================================================================*/
.grpimageright {
 position:relative;
 float: left;
 /*display:inline-block;*/
 /*width: 50%;*/	
 height:100%;
 vertical-align:middle;
}

.grpimageright img {
  width:278px;
  height:252px;	
}

.grpimageleft {
 position:relative;
 float: left;
 display:inline-block;
 /*width: 45%;*/
 height:100%;	
}

.grpimageleft img {
  width:278px;
  height:252px;	
}

.divbandeauvertical {
 height:100%;
 width:2%;
 position:relative;
 
 float:left;
 
 padding:0;
 text-align:center;
 margin:0;
 display:inline-block;
 background-image:url("../img/couv/bandeauvertical.png");
 
}

.bandeauleft {
 float: left;	
}

.bandeauright {
 float: right;	
}


/* pour tester et ajouter des bordure au div*/
.test {
border-width:1px 2px 3px 2px;
 border-style:solid dotted;
 border-color:red black;

}

/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.wrapper {
  width: 100%;
  /*width:1500px;*/
  margin: 0;
}

main {
  display: block;
  background-color: #fff;
  width:100%;
  height:100%;
}

.container {
  /*width: 100%;
  height:100%;
  max-width: 960px;
  max-height: 323px;
  margin: 0 auto;
  padding: 0 20px;*/
  width:662px;
  height:252px;	
  margin-left: auto;
  margin-right:auto;
  margin-top:38px;
  margin-bottom:38px;
 vertical-align:middle;
}

.containerpageprincipale {
  width: 100%;
  height:100%;
  max-width: 960px;
  max-height: 323px;
  margin: 0 auto;
  padding: 0 20px;
}


.containeraffiche {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 0 20px;
}


/*================================  sectioncouv ==================*/
#sectioncouv {
 height:1000px !important;
 width:100%;	
}


/* ============================================================
  FOOTER
============================================================ */

#footer {
 background-image:url("../img/couv/bandeaubas.png");
 background-repeat:no-repeat;
 background-size:100% 100%;
 
 height:190px;
 width:100%
}

footer {
  padding: 20px 0;
}

/* ============================================================
  TEXT LEVEL SEMANTICS
============================================================ */
a {
  text-decoration: none;
  color: #b4b4b4;
}

a:hover {
  color: #818181;
}