@font-face {

font-family: 'cooperhewittheavy';
    src:    url('../fonts/CooperHewitt-Heavy.eot'),
            url('../fonts/CooperHewitt-Heavy.svg'),
            url('../fonts/CooperHewitt-Heavy.woff');
}

@font-face {

font-family: 'cooperhewittsemibold';
    src:    url('../fonts/CooperHewitt-Semibold.eot'),
            url('../fonts/CooperHewitt-Semibold.svg'),
            url('../fonts/CooperHewitt-Semibold.woff');
}

@font-face {    
     font-family: 'cooperhewittmedium';
     src:   url('../fonts/CooperHewitt-Medium.eot'),
            url('../fonts/CooperHewitt-Medium.svg'),
            url('../fonts/CooperHewitt-Medium.woff');
}

@font-face {
         
    font-family: 'cooperhewittbook';
    src:    url('../fonts/CooperHewitt-Book.eot'),
            url('../fonts/CooperHewitt-Book.svg'),
            url('../fonts/CooperHewitt-Book.woff');
}

@font-face {    
     font-family: 'cooperhewittlight';
     src:   url('../fonts/CooperHewitt-Light.eot'),
            url('../fonts/CooperHewitt-Light.svg'),
            url('../fonts/CooperHewitt-Light.woff');
}

@font-face {    
     font-family: 'cooperhewittthin';
     src:   url('../fonts/CooperHewitt-Thin.eot'),
            url('../fonts/CooperHewitt-Thin.svg'),
            url('../fonts/CooperHewitt-Thin.woff');
}




@media all and (min-width: 481px)
{
.credits-ordi
{
    display: none;
}
    
.navheadermaxtel
    {
        display: none;
    }
.navheadermaxtellandscape
    {
        display: none;
    }
}

  
@media all and (max-width: 480px)    
   {
    
.footer-ordi
{
    visibility: hidden;
}
       
.navheadermaxordi
{
   visibility: hidden;
       }
       
       
.navheadermaxtellandscape
    {
        display: none;
    }       

}

/*MEDIA IPHONE 6*/
@media (orientation: landscape) and (max-width : 668px) {
.navheadermaxordi
{
        visibility: hidden;
}
    .footer-ordi{
        visibility: hidden;
    }
}

@media (orientation: landscape) and (min-width : 668px) {

}

/*MEDIA IPHONE 5*/
@media (orientation: landscape) and (max-width : 596px) {
.navheadermaxordi
{
        visibility: hidden;
}
    .footer-ordi{
        visibility: hidden;
    }
}

/*MEDIA IPHONE 4*/
@media (orientation: landscape) and (min-width : 321px) {
    .navheadermaxtel{
        display: none;
    }

    }  

}



.navheadermaxtellandscape{
    background:rgba(0, 0, 0, 0);
    color:white;
    border:0px;
    position:absolute;
    top:0px;
    font-family: 'cooperhewittsemibold' , courier new;
    text-shadow: 1px 1px 1px #cccccc;
    
}

.navheadermaxtellandscape #logo{
    width:50px;  
    margin:0px;
}

#titresheadermaxtellandscape{
    margin-right:2em;
    margin-left: em;
    margin-top:0.5em;
    
}

.titresheadermaxtellandscape h1{
    font-size: large;
    font-family: 'cooperhewittsemibold',  impact;
    margin-bottom: -0.7em;
}

.titresheadermaxtellandscape h2{
    font-size: small;
    font-family: 'cooperhewittsemibold',  impact;
    margin-bottom: -1em;
    
}










.navheadermaxtel{
    background:rgba(0, 0, 0, 0);
    color:white;
    border:0px;
    position:absolute;
    top:0px;
    font-family: 'cooperhewittsemibold' , courier new;
    text-shadow: 1px 1px 1px #666666;
    
    
}

.navheadermaxtel #logo{
    width:100px;  
    margin:0px;
}

#titresheadermaxtel{
    margin-right:2em;
    margin-left: em;
    margin-top:0.1em;
    
}

.navheadermaxtel h1{
    font-size: large;
    font-family: 'cooperhewittsemibold',  impact;
    margin-bottom: -0.7em;
}

.navheadermaxtel h2{
    font-size: small;
    font-family: 'cooperhewittsemibold',  impact;
    margin-bottom: -1em;
    
}



.navheadermaxordi{
    background:rgba(0, 0, 0, 0) ;
    border:0px;
    color:white;
    position:absolute;
    display: flex;
    z-index:20;
    max-width: 100%;
    
}


#logo{
    width:9em;
    margin:10px;
}

#identite{
    display:flex;
    max-width: 100%;    
}

.header-max{
    text-shadow: 1px 1px 1px #666666;
    max-width:;

    
}

.header-max h1{
    font-family: 'cooperhewittsemibold' ;
    font-size: x-large;
    margin-top:1.6em;
    max-width: 100%;    
}

.header-max h2{
    font-family: 'cooperhewittmedium' ;
    font-size: large;
    margin-top:-0.3em;
    max-width: 100%;
}


#contact{
    position: fixed;
    right: 0px;
    text-align: right;
    margin-right:2em;
}

#contact a{
    color:white;
    text-decoration:none;
}

#contact a:hover{

    color:white;
    text-decoration:none;
    opacity: 0.4;
    transition-duration: .2s;
}


.indicators-max{
    bottom:3em;
}

.carousel-max{
    background:rgba(0, 0, 0, 0.5) ;
    border-radius: 0.3em;
    padding-left: 15px;
    padding-right: 15px;
    bottom:3em;
}

.carousel-max h2{
    font-family:  'cooperhewittsemibold' , arial;
    margin-top:-0.1em;
    font-size: x-large;
    
}

.carousel-max h3{

    font-family:    'cooperhewittbook' , arial;
    font-size: large;
    
}

.carousel-max hr{
    height:0.2em;
    border-radius: 4em;
    background-color: white;
    width:10%;
}

.carousel-max p{

    margin-top:10px;
    font-family:    'cooperhewittlight' , arial;
    font-size: medium;
}


/*test icones next et prev*/


.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
    

}
.carousel-control .glyphicon-menu-right,
.carousel-control .glyphicon-chevron-right {
    right:50%;
    
}
.carousel-control .glyphicon-menu-left,
.carousel-control .glyphicon-menu-right {

    width: 2.5em;
    height: 2.5em;
    font-family: serif;
    line-height: 0.4;
    
}
.carousel-control .glyphicon-menu-left:before {
  content: '\2039';
    font-size: 3em;
}
.carousel-control .glyphicon-menu-right:before {
  content: '\203a';
    font-size: 3em;
}

/*test icones */


.glyphicon-menu-right{
    border-color: white;
    border:1.5px;
    border-style: solid;
    border-radius: 100%;
    padding:0.4em;
    padding-left:0.6em;
    background:rgba(255, 255, 255, 0.3);
    top:50%;

    
}

.glyphicon-menu-left{
    border-color: white;
    border:1.5px;
    border-style: solid;
    border-radius: 100%;
    background:rgba(255, 255, 255, 0.3);
    padding:0.4em;
    padding-left:0.2em;
    top:50%;
    
}


.credits-ordi 
{
    text-align: center;
    padding-top:3em;
}

.credits-ordi h1
{
    font-family: 'cooperhewittsemibold', arial;
    font-size: large;
    padding:em;
}

.credits-ordi h2
{
    font-family: 'cooperhewittmedium', arial;
    font-size: small;
   

}

#logocredits
{
    width:8em;
}

.tm {
    position:relative;
    bottom:-5.4em;
    left:-1.9em;
    
    font-size: xx-small;
}

.credits-ordi hr
{
    height:0.1em;
    background-color: black;
    border-radius: 1em;
    margin-top:3em;
    margin-bottom:3em;    
    width:30%
}

.credits-ordi h3{
        font-family: 'cooperhewittmedium', arial;
    font-size: small;
    padding:1em;    
}

.credits-ordi a{
        font-family: 'cooperhewittlight', arial;
    color:black;
    text-decoration: none;
    font-size: small;
    padding:1em;    
}

.credits-ordi a:hover{
        font-family: 'cooperhewittlight', arial;
    color:black;
    text-decoration: none;
    font-size: small;
    padding:1em;
    opacity: 0.4;
    transition-duration: .2s;
}


#footer-ordi{
    font-family: 'cooperhewittlight', arial;
    font-size: small;

}

.footer-ordi{
    display:flex;
    position:absolute;
    bottom:0px;
    left: 0px;
    width:100%;
    z-index:20;    
    justify-content: space-between;
    padding-left:2em;
    padding-right: 2em;
    height:0.1em;
}

.footer-ordi p{
    font-size: small;
    font-family: 'cooperhewittbook';
}

.footer-ordi a{
    font-size: small;
    font-family: 'cooperhewittthin';
    text-decoration: none;
    color:white;
}

.footer-ordi a:hover{
    font-size: small;
    font-family: 'cooperhewittthin';
    color:white;
    text-decoration:none;
    opacity: 0.4;
    transition-duration: .2s;
}