a.menu-link {
  float: left;
  display: block;
  padding: 0.938em;border-right:1px solid #f5a321;

}
a.menu-link:hover {color:#ffffff;}
.logo {
float:left;
display:block;
}


nav[role=navigation] {
  clear: both;z-index: 10000;position: fixed;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
 
}

.js nav[role=navigation] {
  max-width: 1000px;width:100%;
}
  nav[role=navigation]{    margin-top:0px;display:block;
  }
  nav[role=navigation].active{    margin-top:0px;display:block;
  }

  
  

section[role=recherche] {
  clear: both;z-index: 100;/*position: fixed;*/
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
 
}

.js section[role=recherche] {
  max-width: 1003px;width:100%;
}
  section[role=recherche]{    margin-top:0px;display:block;
  }
  section[role=recherche].active{    margin-top:0px;display:block;
  }  
  
  
  
  
  
  
/*.icon-nav-right2 img{
height: 28px; width:auto;padding-top:5.5px;border:0px;
}*/

.btsearch {
float:right;border-left:1px solid #f5a321;color:#FFFFFF;
}
.btsearch a{
  display: block;
  padding: 0.938em;color:#FFFFFF;
}
.close {
/*padding: 0.950em;*/border:none;
}



@media all and (max-width: 61.25em) {

a.menu-link {
  float: left;
  display: block;
  padding: 0.938em;
}
.pattern-det a:hover { color:#ffffff; }
.pattern-det a { color:#2f3234; }

.logo {
float:left;
display:block;/*width:64%;*//*width:calc(100% -51px);*/width: calc(100% - 102px);height:auto;/*position:absolute;*//*padding-left:51px;*/
}
.logo img {
padding-top:0px;width:170px;height:auto;/*top:5px;*/
}
.main-header {
height:50px;
}
.pattern {
height:50px;max-height:50px;
}

nav[role=navigation].active span {display:block;      }
nav[role=navigation].active {     clear: both;/*overflow-y: scroll; */        position: fixed;
    display: block;
	top:0px;
    bottom: 0px;
    height: 100%;
    padding: 0;
    width: 20rem;
    max-width: 100%;
    z-index: 10000;
	/*background-color:#353535;*/	background-color:#ffffff;
    -moz-user-select: none; 
 left:0;	
	
	}


section[role=recherche].active span {display:block;      }
section[role=recherche].active {     clear: both; /*overflow-y: scroll;*/         /*position: fixed;*/
 /*   display: block;
	top:0px;
    bottom: 0px;
    height: 100%;
    padding: 0;
    width: 20rem;
    max-width: 100%;
   z-index: 10001;
	background-color:#353535;
    -moz-user-select: none; 
 left:0;	*/
	
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    overflow-y: auto;
    z-index: 1000;
	display:block;	
	
	}	

#form {
/*background-color:#353535;*/background: rgba(100, 100, 100, 0.6);
}


	.scroll-hid {
	overflow-y:hidden;
	}
	.scroll-close {
	overflow-y:auto;
	}	
	
	
	
	
	
.navgle	{
 display: block;
  border-bottom: 1px solid #808080;  background-color:#2c2c31;
  float:left;width:100%;height:52px;
  
  
  
}
.navgle-right:hover{background-color:#CE0947;}
 .navgle-right	{
    display: inline-block;
	border-bottom:1px solid #808080;height:52px;float:left;width:100%;background-color:#FFFFFF;
	
}

nav[role=navigation] {
  clear: both;z-index: 10000;position: fixed;
 top:0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;    width: 20rem;
 left:-115%;right:100%; 
}

section[role=recherche] {
  clear: both;z-index: 100;position: fixed;
 top:15px;
 /* -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;*/    /*width: 20rem;*/
 left:-120%;right:100%; 
}


.nav-text-haut:hover  {background-color:#3e3f44; #color:#e51837;}
.nav-text-haut-right:hover  {background-color:#3e3f44; #color:#e51837;color:#ffffff;}
/*a:hover {color:#ffffff;}*/

.icon-nav {
width:30%;float:left;line-height:52px;height:52px;text-align:center;background-color:#3e3f44;padding-top:9.5px;
}
.icon-nav-right {
width:30%;float:left;line-height:52px;height:52px;text-align:center;background-color:#3e3f44;padding-top:9.5px;
}
.icon-nav-right2 img{
height: 28px; width:auto;padding-top:5.5px;border:0px;
}
.nav-text-haut {
width:70%;float:left;height:auto;text-align:center;line-height:52px;
}
.nav-text-haut-right {
width:70%;float:left;height:auto;line-height:52px;text-align:center;
}
.nav-contain {
width:100%;height:52px;
}
.nav-contain-right {
height:52px;width:100%;
}
.nav-contain-right {
width:100%;height:52px;
}

.logo-nav-left {
position:relative;display:block;float:left;height:71px;width:100%;
}
.nav-right {
float:left;   display: block;height:auto;width:100%;
}


/*a:hover {color:#ffffff;}*/

.icon-nav2 span{
width:30%;float:left;line-height:52px;height:52px;text-align:center;padding-top:9.5px;border-bottom:1px solid #2c2c31;
}


.nav-text-haut2 {
width:100%;float:left;height:auto;text-align:center;line-height:40px;/*border-bottom:1px solid #808080;*/
}
#nav-contain2 span{
/*background-color:#ffffff;*/
}
.nav-contain2 {
width:100%;height:40px;/*background-color:#ffffff;*/border-bottom:1px solid #808080;
}
#nav-contain2:hover {
/*background-color:ce0947;*/
}
#nav-contain2:hover span {
/*background-color:ce0947;*/
}
.icon-nav-right2 span{
width:30%;float:left;line-height:40px;height:40px;text-align:center;padding-top:9.5px;/*border-bottom:1px solid #2c2c31;*/
}
.icon-nav-right2 img{
padding-top:0px;
}

.nav-text-haut-right2 {
width:70%;float:left;height:auto;text-align:center;line-height:40px;/*border-bottom:1px solid #808080;*/
}
#nav-contain-right2 span{
background-color:#3e3f44;
}
.nav-contain-right2 {
width:100%;height:40px;/*background-color:#2c2c31;*//*border-bottom:1px solid #808080;*/
}
#nav-contain-right2:hover {
background-color:#ce0947;
}
#nav-contain-right2:hover span {
background-color:#ce0947;
}

.avalouer-group input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

.avalouer-group label {
  color: #2f3234;background: #d2d2d2;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;width:50%;text-align:center;line-height:12px;height:36px;
  padding: 6px 10px;
  
  
}

.avalouer-group input[type=radio]:checked + label {
  color: #ffffff;
  background: #494949;
}

.avalouer-group label + input[type=radio] + label {
  border-left: solid 2px #494949;
}

.avalouer-group {
  border: solid 2px #494949;
  display: inline-block;
 height:40px;width:100%;float:left;border-radius: 3px;

  overflow: hidden;
}

.navhome  a:hover{
color:#ffffff;background-color:#f5a321; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/home.png') ;background-repeat: no-repeat; background-position: 5% 10px; background-size: auto 20px;/*width:100%;*/
}
.navhome a  {
background-image: url('https://www.otir.fprod.fr/icons/home02.png');background-repeat: no-repeat;background-position: 5% 10px;   color:#2f3234;display: inline-block;text-align:center;background-size: auto 20px;width:100%;
}
.icon-home span{
/*width:150px;*//*width:100%;float:left;line-height:40px;height:40px;text-align:center;*//*padding-top:3.5px;*/
}
.navhome {
   display: inline-block;color:#ffffff;width:100%;line-height:40px;height:40px;
}
	.icon-home {
/*width:150px;*//*width:30%;*//*float:left;*/
}

.navdepot  a:hover{
color:#ffffff;background-color:#f5a321; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/depot.png') ;background-repeat: no-repeat; background-position: 5% 10px; background-size: auto 20px;
}
.navdepot a  {
background-image: url('https://www.otir.fprod.fr/icons/deposer02oran.png');background-repeat: no-repeat;background-position: 5% 10px;   color:#2f3234;display: inline-block;text-align:center;background-size: auto 20px;width:100%;
}
.icon-depot span{
/*width:150px;*//*width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;*/
}
.navdepot {
   display: inline-block;color:#ffffff;width:100%;line-height:40px;height:40px;
}
.navserv  a:hover{
color:#ffffff;background-color:#f5a321; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/plusb.png') ;background-repeat: no-repeat; background-position: 5% 10px; background-size: auto 20px;
}
.navserv a  {
background-image: url('https://www.otir.fprod.fr/icons/plus.png');background-repeat: no-repeat;background-position: 5% 10px;   color:#2f3234;display: inline-block;text-align:center;background-size: auto 20px;width:100%;
}
.icon-serv span{
/*width:150px;*//*width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;*/
}
.navserv {
   display: inline-block;color:#ffffff;width:100%;line-height:40px;height:40px;
}
.navann  a:hover{
color:#ffffff;background-color:#f5a321; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/annoncesb.png') ;background-repeat: no-repeat; background-position: 5% 10px; background-size: auto 20px;
}
.navann a  {
background-image: url('https://www.otir.fprod.fr/icons/annonces02b.png');background-repeat: no-repeat;background-position: 5% 10px;   color:#2f3234;display: inline-block;text-align:center;background-size: auto 20px;width:100%
}
.icon-ann span{
/*width:150px;*//*width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;*/
}
.navann {
   display: inline-block;color:#ffffff;width:100%;line-height:40px;height:40px;
}
.navcontact  a:hover{
color:#ffffff;background-color:#f5a321; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/contactb.png') ;background-repeat: no-repeat; background-position: 5% 10px; background-size: auto 20px;
}
.navcontact a  {
background-image: url('https://www.otir.fprod.fr/icons/contact.png');background-repeat: no-repeat;background-position: 5% 10px;   color:#2f3234;display: inline-block;text-align:center;background-size: auto 20px;width:100%;
}
.icon-contact span{
/*width:150px;*//*width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;*/
}
.navcontact {
   display: inline-block;color:#ffffff;width:100%;line-height:40px;height:40px;
}
.navespace  a:hover{
color:#ffffff;background-color:#f5a321; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/moncompte02bl.png') ;background-repeat: no-repeat; background-position: 5% 10px; background-size: auto 20px;
}
.navespace a  {
background-image: url('https://www.otir.fprod.fr/icons/moncompte02b.png');background-repeat: no-repeat;background-position: 5% 10px;   color:#2f3234;display: inline-block;text-align:center;background-size: auto 20px;width:100%;
}
.icon-espace span{
/*width:150px;*//*width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;*/
}
.navespace {
   display: inline-block;color:#ffffff;width:100%;line-height:40px;height:40px;
}

.navdemandes  a:hover{
color:#ffffff;background-color:#f5a321; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/demandes02bl.png') ;background-repeat: no-repeat; background-position: 5% 10px; background-size: auto 20px;
}
.navdemandes a  {
background-image: url('https://www.otir.fprod.fr/icons/demandes02.png');background-repeat: no-repeat;background-position: 5% 10px;   color:#2f3234;display: inline-block;text-align:center;background-size: auto 20px;width:100%;
}
.icon-demandes span{
/*width:150px;*//*width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;*/
}
.navdemandes {
   display: inline-block;color:#ffffff;width:100%;line-height:40px;height:40px;
}

.navvac  a:hover{
color:#ffffff;background-color:#f5a321; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/vacances02bl.png') ;background-repeat: no-repeat; background-position: 5% 10px; background-size: auto 20px;
}
.navvac a  {
background-image: url('https://www.otir.fprod.fr/icons/vacances02.png');background-repeat: no-repeat;background-position: 5% 10px;   color:#2f3234;display: inline-block;text-align:center;background-size: auto 20px;width:100%;
}
.icon-vac span{
/*width:150px;*//*width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;*/
}
.navvac {
   display: inline-block;color:#ffffff;width:100%;line-height:40px;height:40px;
}


.navass  a:hover{
color:rgb(255, 255, 255); background-color:#f5a321;display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/icoasso2.png') ;background-repeat: no-repeat; background-position: 5% 10px; background-size: auto 20px;
}
.navass a  {
background-image: url('https://www.otir.fprod.fr/icons/asso.png');background-repeat: no-repeat;background-position: 5% 10px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;width:100%;
}
.icon-ass span{
/*width:150px;*//*width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;*/
}
.navass {
   display: inline-block;color:#ffffff;width:100%;line-height:40px;height:40px;
}


.navpro  a:hover{
color:rgb(255, 255, 255); background-color:#f5a321;display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/pro2.png') ;background-repeat: no-repeat; background-position: 5% 10px; background-size: auto 20px;
}
.navpro a  {
background-image: url('https://www.otir.fprod.fr/icons/icopro.png');background-repeat: no-repeat;background-position: 5% 10px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;width:100%;
}
.icon-pro span{
/*width:150px;*//*width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;*/
}
.navpro {
   display: inline-block;color:#ffffff;width:100%;line-height:40px;height:40px;
}







.navrightconx  a:hover{
color:#ffffff;background-color:#ce0947; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/connexion2.png') ;background-repeat: no-repeat; background-position: 15px 50%; 
background-size: auto 20px;
}

.navrightconx a  {
background-image: url('https://www.otir.fprod.fr/icons/connexion2b.png');background-repeat: no-repeat;background-position: 15px 50%;   color:#2f3234;display: inline-block;text-align:center;
background-size: auto 20px;width:100%;
}
.icon-conx span{
/*width:150px;*//*width:30%;float:left;line-height:35px;height:35px;text-align:center;*//*padding-top:3.5px;*/
}
.icon-conx img{
width:auto;/*height:33px;*/border:0px;
}
.navrightconx {
   /*display: inline-block;*/color:#ffffff;height:40px;line-height:40px;
}
.navrightinsc  a:hover{
color:#ffffff;background-color:#ce0947; display: inline-block;background-image: url('https://www.otir.fprod.fr3/icons/inscriptionb.png') ;background-repeat: no-repeat; background-position: 15px 50%; background-size: auto 20px;
}
.navrightinsc a  {
background-image: url('https://www.otir.fprod.fr/icons/inscription.png');background-repeat: no-repeat;background-position: 15px 50%;   color:#2f3234;display: inline-block;text-align:center;background-size: auto 20px;width:100%;
}
.icon-insc span{
/*width:150px;*//*width:30%;float:left;line-height:35px;height:35px;text-align:center;*//*padding-top:3.5px;*/
}
.navrightinsc {
   /*display: inline-block;*/color:#ffffff;height:40px;line-height:40px;
}
.close a:hover { color:#f5a321;}
	
}

/*  A PARTIR D'ICI MENU en longueur   */
@media screen and (min-width: 61.26em) {
a:hover {color:#ffffff;}
/*.main-header {
height:50px;
}*/
.pattern {
height:71px;max-height:71px;
}
.icon-nav {
width:150px;float:left;height:40px;line-height:40px;padding-top:3.5px;
}
.icon-nav2 span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
/*
.navgle2  a:hover{
background-image: url('http://127.0.0.1/1-ESSAIS-UPLOAD2013/icons/home.png');background-repeat: no-repeat;color:#ffffff;background-color:#ce0947; 

}
*/
.icon-nav-right2 img{
height: 28px; width:auto;padding-top:5.5px;border:0px;
}
.navhome  a:hover{
color:rgb(255, 111, 0);display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/home02.png') ;background-repeat: no-repeat; background-position: 50% 20px; background-size: auto 20px;
}
.navhome a  {
background-image: url('https://www.otir.fprod.fr/icons/home02.png');background-repeat: no-repeat;background-position: 50% 20px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;
}
.icon-home span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
.navhome {
   display: inline-block;color:#ffffff;
}
.navdepot  a:hover{
/*color:#f5a321;*/color:rgb(255, 111, 0); display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/deposer02oran.png') ;background-repeat: no-repeat; background-position: 50% 20px; background-size: auto 20px;
}
.navdepot a  {
background-image: url('https://www.otir.fprod.fr/icons/deposer02oran.png');background-repeat: no-repeat;background-position: 50% 20px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;
}
.icon-depot span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
.navdepot {
   display: inline-block;color:#ffffff;
}
.navserv  a:hover{
color:rgb(255, 111, 0);display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/services02b.png') ;background-repeat: no-repeat; background-position: 50% 20px; background-size: auto 20px;
}
.navserv a  {
background-image: url('https://www.otir.fprod.fr/icons/services02b.png');background-repeat: no-repeat;background-position: 50% 20px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;
}
.icon-serv span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
.navserv {
   display: inline-block;color:#ffffff;
}
.navann  a:hover{
color:rgb(255, 111, 0); display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/annonces02b.png') ;background-repeat: no-repeat; background-position: 50% 20px; background-size: auto 20px;
}
.navann a  {
background-image: url('https://www.otir.fprod.fr/icons/annonces02b.png');background-repeat: no-repeat;background-position: 50% 20px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;
}
.icon-ann span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
.navann {
   display: inline-block;color:#ffffff;
}


.navass  a:hover{
color:rgb(255, 111, 0); display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/asso.png') ;background-repeat: no-repeat; background-position: 50% 20px; background-size: auto 20px;
}
.navass a  {
background-image: url('https://www.otir.fprod.fr/icons/asso.png');background-repeat: no-repeat;background-position: 50% 20px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;
}
.icon-ass span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
.navass {
   display: inline-block;color:#ffffff;
}


.navpro  a:hover{
color:rgb(255, 111, 0); display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/icopro.png') ;background-repeat: no-repeat; background-position: 50% 20px; background-size: auto 20px;
}
.navpro a  {
background-image: url('https://www.otir.fprod.fr/icons/icopro.png');background-repeat: no-repeat;background-position: 50% 20px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;
}
.icon-pro span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
.navpro {
   display: inline-block;color:#ffffff;
}








.navcontact  a:hover{
color:#f5a321; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/contact02b.png') ;background-repeat: no-repeat; background-position: 50% 20px; background-size: auto 20px;
}
.navcontact a  {
background-image: url('https://www.otir.fprod.fr/icons/contact02.png');background-repeat: no-repeat;background-position: 50% 20px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;
}
.icon-contact span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
.navcontact {
   display: inline-block;color:#ffffff;
}



.navrightconx  a:hover{
color:#ffffff;background-color:#ce0947; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/connexion2b.png') ;background-repeat: no-repeat; background-position: 20px 50%; 
background-size: auto 20px;
}

.navrightconx a  {
background-image: url('https://www.otir.fprod.fr/icons/connexion2b.png');background-repeat: no-repeat;background-position: 20px 50%;   color:#2f3234;display: inline-block;text-align:center;
background-size: auto 20px;
}
.icon-conx span{
/*width:150px;*/width:30%;float:left;line-height:35px;height:35px;text-align:center;/*padding-top:3.5px;*/
}
.icon-conx img{
width:auto;height:33px;border:0px;
}
.navrightconx {
   /*display: inline-block;*/color:#ffffff;height:35px;
}
.navrightinsc  a:hover{
color:#ffffff;background-color:#ce0947; display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/inscriptionb.png') ;background-repeat: no-repeat; background-position: 20px 50%; background-size: auto 20px;
}
.navrightinsc a  {
background-image: url('https://www.otir.fprod.fr/icons/inscription.png');background-repeat: no-repeat;background-position: 20px 50%;   color:#2f3234;display: inline-block;text-align:center;background-size: auto 20px;
}
.icon-insc span{
/*width:150px;*/width:30%;float:left;line-height:35px;height:35px;text-align:center;/*padding-top:3.5px;*/
}
.navrightinsc {
   /*display: inline-block;*/color:#ffffff;height:35px;
}




.navespace  a:hover{
color:rgb(255, 111, 0); display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/moncompte02b.png') ;background-repeat: no-repeat; background-position: 50% 20px; background-size: auto 20px;
}
.navespace a  {
background-image: url('https://www.otir.fprod.fr/icons/moncompte02b.png');background-repeat: no-repeat;background-position: 50% 20px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;
}
.icon-espace span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
.navespace {
   display: inline-block;color:#ffffff;
}
.navdemandes  a:hover{
color:rgb(255, 111, 0); display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/demandes02b.png') ;background-repeat: no-repeat; background-position: 50% 20px; background-size: auto 20px;
}
.navdemandes a  {
background-image: url('https://www.otir.fprod.fr/icons/demandes02b.png');background-repeat: no-repeat;background-position: 50% 20px;   color:#494949;display: inline-block;text-align:center;background-size: auto 20px;
}
.icon-demandes span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
.navdemandes {
   display: inline-block;color:#ffffff;
}
.navvac  a:hover{
color:rgb(255, 111, 0); display: inline-block;background-image: url('https://www.otir.fprod.fr/icons/vacances02b.png') ;background-repeat: no-repeat; background-position: 50% 15px; background-size: auto 30px;
}
.navvac a  {
background-image: url('https://www.otir.fprod.fr/icons/vacances02b.png');background-repeat: no-repeat;background-position: 50% 15px;   color:#494949;display: inline-block;text-align:center;background-size: auto 30px;
}
.icon-vac span{
/*width:150px;*/width:100%;float:left;line-height:40px;height:40px;text-align:center;padding-top:3.5px;
}
.navvac {
   display: inline-block;color:#ffffff;
}























.avalouer-group input[type=radio] {
  position: absolute;
  visibility: hidden;
  display: none;
}

.avalouer-group label {
  color: #494949;background: #d2d2d2;
  display: inline-block;
  cursor: pointer;
  font-weight: bold;width:50%;text-align:center;line-height:12px;height:36px;
  padding: 6px 10px;
  
  
}

.avalouer-group input[type=radio]:checked + label {
  color: #ffffff;
  background: #494949;
}

.avalouer-group label + input[type=radio] + label {
  border-left: solid 2px #494949;
}

.avalouer-group {
  border: solid 2px #494949;
  display: inline-block;
 height:40px;width:100%;float:left;border-radius: 3px;

  overflow: hidden;
}







.btsearch { display:none;}

.navgle-right:hover{background-color:#CE0947; color:#ffffff;}
 .navgle-right	{
    display: inline-block;
    /*margin: 0 0.25em;*/
	/*border-bottom:1px solid #FE4141;*/height:35px;float:left;
	
}
 .nav-contain-right2 {
position:relative;float:left;line-height: 35px;text-align:center;height:35px;width:150px;border-right:1px solid #2f3234;border-left:1px solid #2f3234;
}
.icon-nav-right {
width:30%;float:left;
}
.icon-nav-right2 span{
width:30%;float:left;
}
.nav-text-haut {
width:150px;float:left;height:30px;line-height:30px;font-size:12px;color:#FFFFFF;
}
.nav-text-haut2 {
width:100%;float:left;height:30px;font-size:12px;font-family: robotomedium, sans-serif;/*font-size:12px;*//*color:rgba(47, 50, 52, 0.8);*/text-align:center;line-height:30px;/*font-weight:bold;*/

}

.nav-text-haut-right {
width:70%;float:left;height:35px;line-height:35px;font-size:12px;color:#2f3234;
}
.nav-text-haut-right2 {
width:70%;float:left;height:35px;font-size:12px;text-align:center;line-height:35px;font-weight:bold;color:#2f3234;
}
.nav-text-haut-right2:hover{ color:#ffffff;}
.nav-text-haut-right a hover { color:#ffffff;}
.nav-contain {
position:relative;float:left;line-height: 71px;text-align:center;height:71px;width:150px;border-right:1px solid #FE4141;border-left:1px solid #FE4141;
}
.nav-contain2 {
position:relative;float:left;line-height: 71px;text-align:center;height:71px;/*width:150px;*//*border-right:1px solid #FE4141;border-left:1px solid #FE4141;*/

-webkit-transition: .2s all linear;
transition: .2s all linear;
padding:0px 17px;

}
#nav-contain2 span{

}
#nav-contain2:hover {

}
#nav-contain2:hover span {

}

.nav-contain-right {
position:relative;float:left;line-height: 35.5px;text-align:center;height:35.5px;width:150px;border-left:1px solid #FE4141;border-right:1px solid #FE4141;
}
#nav-contain-right2 span{

}

#nav-contain-right2:hover {

}
#nav-contain-right2:hover span {

}





.nav-right {
float:right;   display: inline-block;height:71px;width:150px;
}


/*
.btsearch {
display:none;
}*/
.close {
display:none;
}

a.menu-link {
    display: none;
  }
.logo {
float:left;
display:none;
}
.logo img {
height:auto;top:5px;
}


 .logo-nav-left {display:block;float:left;/*margin-right:9%;*/}
nav[role=navigation] span {display:block;}
nav[role=navigation].active {overflow:hidden;}

 

    .js nav[role=navigation] .close{
    display: none;
	
  }

 
 section[role=recherche] span {/*display:block;*/}
section[role=recherche].active {overflow:hidden;}

 

    .js section[role=recherche] .close{
    display: none;
	
  }
  section[role=recherche] span .close{ display:none; }
  section[role=recherche]{    margin-top:0px;display:block; }
 
 
 
  .AB{
  max-height:71px;
  height:71px;
  /*background-image: -webkit-linear-gradient(bottom , #B00E03 0%, #F30E15 100%);
background-image:    -moz-linear-gradient(bottom , #B00E03 0%, #F30E15 100%);
background-image:     -ms-linear-gradient(bottom , #B00E03 0%, #F30E15 100%);
background-image:      -o-linear-gradient(bottom , #B00E03 0%, #F30E15 100%);
background-image:         linear-gradient(bottom , #B00E03 0%, #F30E15 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F30E15',endColorstr='#B00E03', GradientType=0);*/
  
} 
 nav[role=navigation] span .close{ display:none; }
 .navgle	{
    display: inline-block;
   /* margin: 0 0.25em;*/
}
.navgle a{ color:#2f3234;}
.navgle a:hover{color:#ffffff;}
.navgle :hover{background-color:#ce0947;}


  nav[role=navigation]{    margin-top:0px;display:block;
  }
	
	
  
}
.logo img {
margin: 0px auto;margin-top: 0px;/*margin-right-value: auto;*/margin-bottom: 0px; margin-left-value: auto;/*padding-top: 10px;*//*height: 50px;width: 210px;*/max-height:50px;max-width:151px;/*max-width:210px;*/position: relative;display: block;border:0px;
}
.logo-nav-left img {
margin: 0px auto;margin-top: 0px;/*margin-right-value: auto;*/margin-bottom: 0px; margin-left-value: auto;margin-top: 10px;height: 50px;width: 151px;/*width: 210px;*/position: relative;display: block;border:0px;
}
.icon-nav2 img{
height: 33px; width: auto;border:0px;
}
.pattern-det {
max-width:1000px; width:100%; margin: 0px auto; margin-top:0px; margin-right:auto; margin-left:auto;margin-bottom:0px;
}

/************Classes**************/
.inactive {
	color: #ddd;
}
/************End Classes**************/

/************Structure**************/
.container {
	max-width: 70em;
	margin: 0 auto;
	padding: 0 1em;
	overflow: hidden;
}
div[role=main] {
	padding-bottom: 1em;
}
.pattern {
box-shadow: 0 0 5px 2px rgba(0,0,0,.158);

background-color: rgb(255, 255, 255);
	/*background-color: rgb(220, 220, 220);*/
/*background-color:rgb(49, 49, 49);*/
			/*background-image: linear-gradient(to top, rgb(220,220,220,0.6), rgb(220,220,220,1));*/
			/*background-image: linear-gradient(to top, rgb(3,34,76,0.5), rgb(3,34,76,1));*/
			/*background-image: linear-gradient(to top, rgb(2,21,42,0.2), rgb(2,21,42,1));	*/			
	
	
	
	
	  /*background-color:#d3d3d3;*/
/* max-height:71px;
  height:71px;*/
/*  background-image: -webkit-linear-gradient(bottom , #B00E03 0%, #F30E15 100%);
background-image:    -moz-linear-gradient(bottom , #B00E03 0%, #F30E15 100%);
background-image:     -ms-linear-gradient(bottom , #B00E03 0%, #F30E15 100%);
background-image:      -o-linear-gradient(bottom , #B00E03 0%, #F30E15 100%);
background-image:         linear-gradient(bottom , #B00E03 0%, #F30E15 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F30E15',endColorstr='#B00E03', GradientType=0);	  */
	  
	/*border-bottom: 1px solid #808080;*/
	margin-bottom: 1em;
	overflow: hidden;
}