@media screen and  (max-width:908px) {
/*#divulmenu { display:none; visibility:hidden; }*/
.menuhautmobile { display:block; visibility:visible; }
.divhautspacemobileslider { display:block; visibility:visible;  }
.divhautcc { height:30px; }
#div-menu-btn { display:block; visibility:visible; } /* menu left mobile */

#menuhautmobile { display:block; visibility:visible; }
#cssmenu ul { width:auto ; }
#logo_zoutina { padding-top:30px; }
#wowslider-container1 { /* margin-top: 288px; */  } /*ESPACE ENTRE SLIDER ET MENU*/
/*#li-img-left {  left:0px; }*/


.ulcatalogimg >li { width :18%; }/*4 IMAGES SUR ACCUEIL*/
.col-md-3 >ul { display:none; } /* footer*/
#separteurhaut { height:50px; }
.separateurmenu { height:50px; }

.table_td_responsive { display: table-row; }
.table_td_msk { display: none; }
.ulmoncompte { margin: 0px; }
	.zonemaps {
	margin-top : 20px;	
	width:100%; }
#SSX { margin-top:0px; }
.leftcenter { text-align:center; }
.rightcenter { text-align:center; }

.bannierhautapropo {  background-position:bottom; background-size:auto; }
.bannierhaut {  background-position:center; }
.bannierhautapropo >div >h1 { font-size: 1.6em; }
.cc1 > .ul2 {     padding-left: 76px; }
.bannierhautdomaine {  background-position:center; }
.nomobile { display: none; }
}
@media screen and  (min-width:908px) {  
#divulmenu { display:block; visibility:visible; }
.menuhautmobile { display:none; visibility:hidden; } 
.divhautspacemobileslider { display:none; visibility:hidden;  }
.divhautcc { height:159px; }
#div-menu-btn { display:none; visibility:hidden; } 

#menuhautmobile { display:none; visibility:hidden; } 
#cssmenu ul { width: fit-content; }
#logo_zoutina { padding-top:0px; }
#wowslider-container1 { margin: 0px auto 0px; }
/*#li-img-left { left:-12px; }*/

.ulcatalogimg >li { width :100%; } /*4 IMAGES SUR ACCUEIL*/
.col-md-3 >ul { display:block; } /* footer*/
#separteurhaut { height:163px; }
.separateurmenu { height:163px; }


.table_td_responsive { display:table-cell; }
.ulmoncompte { margin: 30px; } 

	.zonemaps {	margin-top:auto;	width: calc(100% - 24px); }
#SSX { height:310px; }
.leftcenter { text-align:left; } 
.rightcenter { text-align:right; }
.bannierhaut {  background-position: 0px -197px; }
.bannierhautdomaine {  background-position: center; }
.bannierhautapropo {  background-position: 0px bottom;     background-size: cover; }
.bannierhautapropo >div >h1 { font-size: 2.3em; }
.cc1 > .ul2 {  padding-left: 62px; }
.nomobile { display: block; }
}







@font-face {
font-family: LGSmartBold;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: LGSmartBold;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 
 

@font-face {
font-family: monospace;
src: url("../polices/monospacemedium.eot") /* EOT file for IE */
}
@font-face {
font-family: monospace;
src: url("../polices/monospacemedium.ttf") /* TTF file for CSS3 browsers */
} 
 


@font-face {
font-family: sansation;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: sansation;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 
 


@font-face {
font-family: times;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: times;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 
 
@font-face {
font-family: Helveticalight;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: Helveticalight;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 
 

@font-face {
font-family: LGSmartLight;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: LGSmartLight;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 


@font-face {
font-family: LGSmartRegular;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: LGSmartRegular;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 


@font-face {
font-family: LGSmartSemiBold;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: LGSmartSemiBold;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 


 
 
@font-face {
font-family: font1;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: font1;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 

@font-face {
font-family: font2;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: font2;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 

@font-face {
font-family: font3;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: font3;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 

@font-face {
font-family: font4;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}
@font-face {
font-family: font4;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 





@font-face {
font-family: fontawesome;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}

@font-face {
font-family: fontawesome;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 
 
@font-face {
font-family: optima-light;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}

@font-face {
font-family: optima-light;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 

@font-face {
font-family: optima;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}

@font-face {
font-family: optima;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 
 
@font-face {
font-family: Raleway;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}

@font-face {
font-family: Raleway;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 


@font-face {
font-family: Raleway-bold;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}

@font-face {
font-family: Raleway-bold;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 



@font-face {
font-family: AGaramondPro;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}

@font-face {
font-family: AGaramondPro;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 



@font-face {
font-family: Montserrat;
src: url("../polices/Montserrat-Light.eot") /* EOT file for IE */
}

@font-face {
font-family: Montserrat;
src: url("../polices/Montserrat-Light.ttf") /* TTF file for CSS3 browsers */
} 






@font-face {
font-family: SouthSea;
src: url("../polices/SouthSea.eot") /* EOT file for IE */
}

@font-face {
font-family: SouthSea;
src: url("../polices/SouthSea.ttf") /* TTF file for CSS3 browsers */
} 






/* ANNIMATION OPACITY LIEN */
.opctblur {
	opacity: 1;
    -webkit-transition: opacity 0.7s ease-in-out;/* For Safari 3.1 to 6.0 */
    transition: opacity 0.7s ease-in-out; 
	
}
.opctblur:hover {
	opacity : 0.5;
}
/* ANNIMATION OPACITY LIEN */

input { outline:none; }
textarea { outline:none; }

.ulmoncompte  {
position:relative; display:inline-block; width:100%; max-width:350px; padding-left:0px; text-align:left; 
}
.ulmoncompte >li {
	display: inline-block;
    position: relative;
    list-style: none;
    vertical-align: top;
    text-align: center;
	width:290px;
	padding:5px;
}

.lbcaption {
    color: #666666;
    font-size: 13px;
    font-family: Philosopher;
}