@charset "utf-8";
/* CSS Document */

/*police*/
@font-face{ 	
	font-family: "caviar dreams bold"; 	src: url('police/CaviarDreams_Bold.ttf');
}
@font-face {
    font-family: "Beauty surf dreams";
    src: url('police/Beautiful_ES.ttf');
}
@font-face {
    font-family: "Bikybold";
    src: url('police/Bikybold.ttf');
}
@font-face {
    font-family: "CatholicSchool";
    src: url('police/CATHSGBR.TTF');
}
@font-face {
    font-family: "REIS";
    src: url('police/REIS-Regular.ttf');
}
@font-face {
    font-family: "Gunny surf school";
    src: url('police/gnyrwn971.ttf');
}

html { 
  margin:0;
  padding:0;
  background: url(img/BG_black-2.jpg) no-repeat center fixed; 
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/BG_black-2.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/BG_black-2.jpg', sizingMethod='scale')";
}
body{
	margin: 0;
	padding:0;
	overflow-y:scroll;
	overflow-x:hidden;
}
.conteneur{
color:#f5f5f5;
	width:1280px;
	min-width:1280px;
	margin:0 auto;
padding-top:286px;
}
#container{
color:#000000;
min-height:416px;
background:#ffffff;
margin:6px 0 0 218px;
padding:16px 10px 10px 10px;
-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-o-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;
}
/*admin*/
.header {
    background: url("img/BG_Header.jpg") no-repeat scroll 50% 0 #B6D0D8;
    height: 400px;
    min-width: 1280px;
    text-align: left;
    width: 1280px;
margin-top:8px;
margin-bottom:10px;
-webkit-border-radius:2px 280px 2px 200px;-moz-border-radius:2px 280px 2px 200px;-o-border-radius:2px 280px 2px 200px;border-radius:280px 12px 200px 2px;
border:solid 4px snow;
-moz-box-shadow: 6px 6px 5px 2px #708090;-webkit-box-shadow: 6px 6px 5px 2px #708090;-o-box-shadow: 6px 6px 5px 2px #708090;box-shadow: 6px 6px 5px 2px #708090;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#708090, Direction=135, Strength=5);
}
#conteneur{
padding-top:0;
}
#chapeau{
padding-left:16%;
}
#foruser{
##visibility:hidden;
}

/*header*/
#header {
background: #960000 url("img/Mhead.jpg") no-repeat scroll bottom right;
    height: 282px;
    text-align: left;
    width: 100%;
border:none;
border-bottom:solid 16px darkred;
-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;
-moz-box-shadow: 6px 6px 5px 2px #cccfff; -webkit-box-shadow: 6px 6px 5px 2px #cccfff; -o-box-shadow: 6px 6px 5px 2px #cccfff; box-shadow: 6px 0px 5px 2px #cccfff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccfff, Direction=135, Strength=5);
overflow:hidden;
border-bottom-right-radius:60px;
    -webkit-transition: all 1.8s ease-in-out; -moz-transition: all 1.8s ease-in-out; -o-transition: all 1.8s ease-in-out; transition: all 1.8s ease-in-out;
    cursor:pointer;
position:absolute;
top:0;
left:0;
z-index:20;
}
#headertitre{margin-right: 4% !important; text-shadow:4px 0 0 #7d0055, 0 2px 0px #ffff00;}
.rotated{
-webkit-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0;
-webkit-transform:rotate(2.2deg); -moz-transform:rotate(2.2deg); -o-transform:rotate(2.2deg); -ms-transform:rotate(2.2deg); transform:rotate(2.2deg);
-webkit-border-radius:2px 280px 2px 200px;-moz-border-radius:2px 280px 2px 200px;-o-border-radius:2px 280px 2px 200px;border-radius:2px 360px 2px 200px;
border:solid 4px snow;
	
}
.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 3s linear; -moz-transition: opacity 3s linear; -o-transition: opacity 3s linear; transition: opacity 3s linear;
  -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; transition-delay:1s;
}
.Hidden,.hidden {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s 2s, opacity 2s ease; -moz-transition: visibility 0s 2s, opacity 2s ease; -o-transition: visibility 0s 2s, opacity 2s ease; transition: visibility 0s 2s, opacity 2s ease;
}

.responsive {
    -webkit-transition: border 1s;
    transition: border 1s;
}
.responsive:hover {
border:solid 8px orange;
border-bottom:solid 28px orange;
-webkit-border-radius:8px;border-radius:8px;
}
#canard,#gentleman,#jazz-man{
position:absolute;
top:49%;
-webkit-transition: all 1.8s ease-in-out; -moz-transition: all 1.8s ease-in-out; -o-transition: all 1.8s ease-in-out; transition: all 1.8s ease-in-out;
}
#canard:hover,#gentleman:hover{
-webkit-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0;
-webkit-transform:rotate(-10.2deg); -moz-transform:rotate(-10.2deg); -o-transform:rotate(-10.2deg); -ms-transform:rotate(-10.2deg); transform:rotate(-10.2deg);
-webkit-transition: all 1.8s ease-in-out; -moz-transition: all 1.8s ease-in-out; -o-transition: all 1.8s ease-in-out; transition: all 1.8s ease-in-out;
}
#jazz-man:hover{
-webkit-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0;
-webkit-transform:translate(10%,5%); -moz-transform:translate(10%,5%); -o-transform:translate(10%,5%); -ms-transform:translate(10%,5%); transform:translate(10%,5%);
-webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out;
}
#gentleman:hover{
-webkit-transform:translate(0,10%); -moz-transform:translate(0,10%); -o-transform:translate(0,10%); -ms-transform:translate(0,10%); transform:translate(0,10%);
}
#slider{
  width:100%;
  height:460px;
  z-index:-2000;
  text-align:center;
}
#slider .accueil1{background:url('img/header/bandeau1.jpg') no-repeat top center;width:100%; height:460px;}
#slider .accueil2{background:url('img/header/bandeau2.jpg') no-repeat top center;width:100%; height:460px;} 
#slider .accueil3{background:url('img/header/bandeau3.jpg') no-repeat top center;width:100%; height:460px;} 
#slider .accueil4{background:url('img/header/bandeau4.jpg') no-repeat top center;width:100%; height:460px;} 
#slider .accueil5{background:url('img/header/bandeau5.jpg') no-repeat top center;width:100%; height:460px;} 
#slider .accueil6{background:url('img/header/bandeau6.jpg') no-repeat top center;width:100%; height:460px;} 
#slider .accueil7{background:url('img/header/bandeau7.jpg') no-repeat top center;width:100%; height:460px;} 
#slider .accueil8{background:url('img/header/bandeau8.jpg') no-repeat top center;width:100%; height:460px;} 

#slider .accueil1{-webkit-background-size:cover;-o-background-size:cover;background-size: cover;}
#slider .accueil2{-webkit-background-size:cover;-o-background-size:cover;background-size: cover;}
#slider .accueil3{-webkit-background-size:cover;-o-background-size:cover;background-size: cover;}
#slider .accueil4{-webkit-background-size:cover;-o-background-size:cover;background-size: cover;}
#slider .accueil5{-webkit-background-size:cover;-o-background-size:cover;background-size: cover;}
#slider .accueil6{-webkit-background-size:cover;-o-background-size:cover;background-size: cover;}
#slider .accueil7{-webkit-background-size:cover;-o-background-size:cover;background-size: cover;}
#slider .accueil8{-webkit-background-size:cover;-o-background-size:cover;background-size: cover;}

.chapeau{
	height:300px;
	min-width:1180px;
	text-align:center;
	padding-left:8%;
	padding-top:15px;
font-family: verdana,arial,sans-serif;
width:86%;
align-self:center;
position:absolute;
z-index:50;
top:0;
left:0;
    -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;
}
#logoFacebook{
visibility:hidden;
}
#logoFacebook:hover{
	cursor:pointer;
}
.logoTwitter{
display:none;
}
.logoTwitter:hover{
//	cursor:pointer;
}
.logoRSS{
display:none;
}
.logoRSS:hover{
//	cursor:pointer;
}
b#user{
	cursor:pointer;
}
	color:#000000;
a{
        text-decoration:none;
}
#header a:link {
    color: #483D8B;
        text-decoration:none;
}
#header a:visited {
    color: #483D8B;
}
#header a:active {
    color: #FF8C00;
}
/* Supp des border bleu ds IE */
a img{
        border:none;
}
h1{
	margin:0px;
	padding-top:20px;
	padding-left:30px;
	font-family:"bikybold";
	font-size:2.5em;
	display:inline-block;
}
h1 a:link {
        text-decoration:none;
}
#sousTitre{
	font-style:normal;
	text-align:left;
	padding-left:4px;
	//font-family:"Beauty surf dreams";
	//font-family:"CatholicSchool";
	//font-family:"REIS";
	font-family:"Gunny surf school";
	font-size:0.9em;
	color:#ffffff;
display:block;
}
#alterTitre{
	font-style:normal;
	text-align:left;
	padding-left:4px;
	font-family:"Gunny surf school";
	font-size:0.8em;
	color:orange;
	display:none;
}
#champLangue{display:none !important;}
/* menu */
.drap_menu{
vertical-align:middle;
}
li a{
	text-decoration:none;
	color:#0c0c0c;
}

#nav{
-webkit-border-radius:2px 40px 2px 2px;-moz-border-radius:2px 40px 2px 2px;-o-border-radius:2px 40px 2px 2px;border-radius:2px 40px 2px 2px;
	height:39px;
	color:#FFF;
	font-size:16px;
	font-family: verdana,arial,sans-serif;
	text-transform:uppercase;
	font-weight:bolder;
 position:absolute;
 left: 0;
 padding-left: 6%;
 top: 269px;
 width: auto;
 min-width: 90%;
z-index:2000;
overflow:hidden;
display:inline;
}
#nav ul,
 #nav ul li {
	margin:0;
	padding:0;
	list-style:none;
	cursor:pointer;
 }
 #nav ul li{
	display:inline-block;
	vertical-align:middle;
	padding-right:2%;
 }
 #nav ul li#CA{
//      display:none;
 }
 #nav ul li#ES{
//      display:none;
 }
#nav ul li a.inactif:hover{
color:#f78c24;
cursor:pointer;
    -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s;
}
#nav ul li ul li{
        float:none;
        display:block;
        text-transform:none;
	padding-left:4px;
}

#nav ul li ul li:hover{
        color:#FFF;
        background:#FFC621;
}
#mk-icon{
line-height:11px;
color:#85f53c;
color:#ad44f7;
color:#fff;
}
#submenu {
        position: absolute;
        width: 160px;
        background:#b6d0d8;
        padding: 10px;
        border: solid 1px #bfbfbf;
        border-top: none;
        border-left:none;
        border-right:none;
        display: none;
        line-height: 26px;
        z-index: 1000;
        font-size:1em;
        color:#959595;
border-radius: 6px 6px 6px 6px;
}
#submenu1 {
	position: absolute;
	left:100%;
	top:0%;
	width: 170px;
background:#b6d0d8;
	padding: 10px;
	border: solid 1px #bfbfbf;
	border-top: none;
	display: none;
	line-height: 26px;
	z-index: 1000;
	color:#959595;
border-radius: 0 6px 6px 0;
}

ul#submenu li{border-radius: 6px 0 0 6px}
ul#submenu1 li{border-radius: 0 6px 6px 0}

#submenu2 {
	position: absolute;
	left:100%;
	top:25px;
	width: 160px;
background:#b6d0d8;
	padding: 10px;
	border: solid 1px #bfbfbf;
	border-top: none;
	display: none;
	line-height: 26px;
	z-index: 1000;
	color:#959595;
}
#submenu3,#submenu4,#submenu5,#submenu6,#submenu7,#submenu8,#submenu9,#submenu10 {
	position: absolute;
	left:100%;
	width: 160px;
background:#b6d0d8;
	padding: 10px;
	border: solid 1px #bfbfbf;
	border-top: none;
	display: none;
	line-height: 26px;
	z-index: 1000;
	color:#959595;
}
#submenu3 {
	top:52px;
}
#submenu4 {
	top:79px;
}
#submenu5 {
	top:106px;
}
#nav li.trait{
	width:1px;
	height:14px;
	border-left:1px solid #bbbbbb;
}
#nav li#listLogo{
	padding-right:0%;
	padding-left:2%;
}
#nav li.accueil{
	padding-right:17%;
	//color:#fff;
	color:#bbbbbb;
font-family: verdana,arial,sans-serif;
}
#nav li.accueil_actif{
	padding-right:14%;
}
#nav li.inactif:hover{
background-color:#85f53c;
}
a.inactif{
	color:#bbbbbb;
//	color:#0c0c0c;
}
.actif{
	color: #ffffff;
	font-weight:bolder;
}
.actif:hover{
	//color: snow;
	color: #bbbbbb;
}
a.actif:active {
        color:#f78c24;
}
.logoAccueil{
	width:35px;
	height:35px;
    -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s;
}
#phone{
margin-left:20%;
width:100%;height:37px;
}
x:-o-prefocus,#phone{width:200px;height:37px;}/*opera*/ 
@media screen and (-webkit-min-device-pixel-ratio:0){ #phone{ width:200px; height:37px; } } /*safari*/

.contenu{
	margin-top:0%;
	padding-left:3%;
	padding-right:0;
	margin-bottom:3%;
font-family: verdana,arial,sans-serif;
}
.contenu#accueil{
	margin-top:4%;
padding-left:14%;
}
#introText{
margin:-66px auto auto 0;display:inline-block;
zindex:10000;
position:relative;
	}
.contenu#enregistrement{
	margin-top:6%;
}
.dock {
	position: relative; 
	height: 412px; 
	text-align: center;
}
#dock2 {
	width: 100%;
	bottom: 0px;
	position: relative;
//	left: 10px;
	left: 66px;
}
.dock-container2 {
	height: 50px;
	background:none;
	padding-left: 20px;
min-width:1280px;
}
a.dock-item2 {
	display: block; 
	font: bold 28px "bikybold", Arial, Helvetica, sans-serif;
	width: 100%; //# calc js 
	color: #fff; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
a.dock-item2:active {color:#fff}
a.dock-item2:link {color:#fff}
a.dock-item2:visited{color:#fff}

.dock-item2 span {
    display: none;
    bottom: 38px;
    height: 0;
    position: relative;
}
.dock-item2 img {
	border: none; 
	width: 100%; 
}

.hoverstate {
    border-bottom:solid 28px orange !important;
    -webkit-border-radius:8px;border-radius:8px;
 }


LEGEND{
	font-family: "caviar dreams bold"; 	src: url('Police/CaviarDreams_Bold.ttf');
	color:#666;
	font-size:16px;
}
.formulaire{
	width:700px;
	height:auto;
	border:1px solid #FFFFFF;
	margin: auto;
	padding-top:0%
}
#form1 input[type=text], #form1 input[type=password]{
	position:relative;
	display:block;
	width:350px;
	height:20px;
	margin-left:280px;
	top:20px;
}
#form1 label{
	position:absolute;
	display:block;
	font-family: "caviar dreams bold"; 	src: url('Police/CaviarDreams_Bold.ttf');
	font-size:20px;
	font-weight:bold;
	width:255px;
	margin:20px;
}
#form1 input[type="submit"]{
	margin-left: 500px;
	margin-top:20px;
}
/*contenu page mon panier*/
#cheminCommand{
//	margin-top:3%;
	margin-top:2%;
	margin-left:3%;
}
tr td hr {
        color:transparent;
}

.gauche{
		/* Internet Explorer */
	background: #9ea2a8;
	background: #9ea2a8\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe2e6eb, endColorstr=#FF9ea2a8);
	/* Navigateurs récents */
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#e2e6eb),
		to(#9ea2a8)
	);
	background-image: -webkit-linear-gradient(
		top,
		#e2e6eb,
		#9ea2a8
	);
	background-image: -moz-linear-gradient(
		top,
		#e2e6eb,
		#9ea2a8
	);
	background-image: -o-linear-gradient(
		top,
		#e2e6eb,
		#9ea2a8
	);
	background-image: linear-gradient(
		top,
		#e2e6eb,
		#9ea2a8
	);
	background: -moz-linear-gradient(top,#e2e6eb,#9ea2a8);	
//	font-family:"Century Gothic";
font-family: verdana,arial,sans-serif;
	padding:0%;
	width:85%;
height:422px;
	float:left;
}
#detail_img{
	float:left;
	margin-right:2%;
	height:422px;
	width:272px;
}
#detail_produit_img{
	float:none;
	margin-right:2%;
	margin-top:2%;
	height:266px;
	width:auto;
	max-width:300px;
}
#desDetail{
	margin:0;
//display:table-caption;
}
#detail_1, #detail_2, #detail_3{
	margin-top:2%;
	margin-bottom:1%;
	height:102px;
	width:80px;
	margin-right:0;
border:solid 1px #ffffff;
}
#detail_1, #detail_2, #detail_3:hover{
	cursor:pointer;
}
#right{
border:solid 1px white;
position:absolute;
//top:268px;
top:298px;
//left:922px;
left:60.5%;

width:470px;
height:406px;
    padding-bottom: 5px;
    padding-top: 4px;
    color: #959595;
    font-family: helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
#present{
width:560px;
//height:104px;
height:44px;
padding-top:6px;
}
.desc{
display:inherit;
text-align:justify;
padding:4px;
margin:0;
//position:relative;
//left:-280px;
//width:740px;
}
#i_description{
	margin:0;
	padding:0;
	overflow-y:scroll;
}
#click_description{
    position: absolute;
    top:-10px;
    color: #D8D8D8;
    cursor: pointer;
    float: left;
    font-stretch: condensed;
    font-style: italic;
    text-shadow: 1pt 1pt 0 #00008F;
}
#visuel{
display: inline-block; padding-left: 6px; background: rgba(0, 0, 0, 0.1) none repeat scroll 0px 0px; min-height: 548px; min-width: 82%;width:82%;
-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-o-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;
margin-top:6px;
}
#ViDeo{
position: relative; top: 0px; padding: 4px 14px; float: right; display: inline-block; 
//width: 840px;
width: 72%;
right: 20px;
}
#ListeVideo{
float:left;
display:inline-block;
//width:160px !important;
width:22% !important;
min-width:160px !important;
min-height:500px;
text-align:center;
font-weight:bold;
color:#ffffff;
}
button.butt_video{cursor:pointer;color:#483d8b;font-weight:bold; width:40%;height:30px;}
#titre_video{font-size:11px;padding:0 1% 0 2%}
#ListeTitre{color:#bbb000;font-size:14px}
#pagingControls ul{display:inline;padding-left:0.5em;color:#483d8b;}
#pagingControls li{display:inline;padding:0 0.5em}
#pagingControls li a{color:snow}

#magicfluo{color:yellowgreen;}
#Highslide{width:96.8%;border:solid 20px #960000;background:#fff;}

#contact_img{
    float: right;
    position: relative;
height:257px;
border:solid 18px #fff;border-top:0;border-bottom:0;
border-radius:140px;-webkit-border-radius:140px;-o-border-radius:140px;-moz-border-radius:140px;
right: 1%;
top: 40px;
}
#contact_submit{width:12%;height:40px;}

td#teknix{font-size:34px;}
td#teknix ul{list-style-type:none}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), screen and (min-device-pixel-ratio:1.5), screen and (device-width:320px) and (device-height:480px) and (-webkit-device-pixel-ratio: 1) {
	#click_description{ /*Pour la visibilité du lien*/
	position: absolute;
	top: 2px;
	color: orange;
	}
	#right{
	overflow:auto;
	-webkit-overflow-scrolling:touch
	}
	#i_description{
	overflow:auto;
	-webkit-overflow-scrolling:touch
	}
.conteneur{
margin-left: 0;
margin-right: 0;
width:100%;
min-width:0;
	}
#header{left:0 !important; width:100%;}
#phone{width:200px;height:37px;display:inline} /* largeur px pour Ipad */
#nav {width:98%;height:39px;position:absolute;padding-left:0;} /* nav a etirer longueur conteneur pour Iphon */
#submenu {width:210px;}
#nav li.accueil_actif {padding-right: 10%;}
#nav ul li {padding-right: 5%;}
#lidrap{padding: 14px 14px 0 14px !important;}
#lang_img{-webkit-transform: scale(1.6); -ms-transform: scale(1.6); -moz-transform: scale(1.6); transform: scale(1.6);}

html,body{width:100%; margin:0; padding:0;}
html{overflow-x:hidden !important}

html{height:100%}
#menu_{display:none}
#visuel,#contact_{width:97.4%;min-width:0;}

/**010517**/
.contenu#accueil{ padding-left: 10% !important; }
#introText{ margin-left:-3% !important; height:500px; }

#bienvenue ul li{padding-top:50px;font-size:1.4em;}
#visuel{font-size:1.6em;}
#visuel ul li{padding-top:12px}
button.butt_video{height:44px;width:76%;font-weight:bolder;border-radius:12px}
#ListeTitre{font-size:18px}
#titre_video{font-size:16px}
#pagingControls ul li, #pagingControls button{padding:16px 34px !important;font-size:2em;}
#pagingControls button{margin:0 20px !important}

input[type=text], input[type=password]{height:30px}

#Highslide{width:93%;border:solid 20px #960000;background:#fff;}
#LOGO{width:180px}

div#nav.easynav{
background:#960000;
 -webkit-transition: all 200ms ease-in;
    -webkit-transform: scaleY(1.6);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scaleY(1.6);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scaleY(1.6);
    transition: all 200ms ease-in;
    transform: scaleY(1.6);
}
/*MULTILANG*/
.drapeau{
width:5%;
}
#champLangue{font-weight:bolder;}
}

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) and (max-device-width: 1300px) { 
#header {
    height: 282px;
    min-width: 100%;
    text-align: left;
border:none;
border-bottom:solid 16px darkred;
-moz-box-shadow: 0px 6px 5px 2px #cccfff; -webkit-box-shadow: 0px 6px 5px 2px #cccfff; -o-box-shadow: 0px 6px 5px 2px #cccfff; box-shadow: 0px 6px 5px 2px #cccfff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccfff, Direction=135, Strength=5);
overflow:hidden;
}
.conteneur{
}
.contenu#accueil{
padding-left: 5% !important;
	}
#introText{
margin-left:-3% !important;
height:500px !important;
	}
} 

@media (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
body {zoom:67%;-ms-zoom:1;}
}

@media screen and (min-device-width: 960px) and (max-device-width:966px) and (min-device-height: 600px) and (max-device-height:604px) and (-webkit-min-device-pixel-ratio: 1.325) and (orientation: landscape) {
body {zoom:100%;} 
}
@media screen and (device-width: 600px) and (device-height: 960px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
body {zoom:100%;}
}

@media screen and (device-width: 1280px) and (device-height: 800px) and (orientation: landscape) {
html {overflow-x:hidden;} 
}

/**010517**/
@media screen and (device-width: 1024px) and (orientation: landscape) { /* Ipad mini, playbook Blackberry */
.contenu#accueil{ padding-left: 10% !important; }
#introText{ margin-left:-8% !important; height:500px !important; }
}
@media screen and (device-height: 1024px) and (orientation: portrait) { /* Ipad mini */
.contenu#accueil{ padding-left: 4% !important; }
#introText{ margin-left:-22% !important; height:500px !important; }
}

@media screen and (max-width: 1024px) {
.contenu#accueil{padding-left:5%;}
html{border-top:0;}
.conteneur{ margin-left: 0; margin-right: 0; width:100%; min-width:0; }
#menu_{display:none}
#visuel,#contact_{width:97.4%}
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1280px) and (orientation: landscape) {
.contenu#accueil{padding-left:10% !important;}
}

@media only screen and (min-device-width: 1281px) and (orientation: landscape) {
.contenu#accueil{padding-left:14% !important;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1)  { 
html {overflow-x:hidden;}
}

@media screen and (max-device-width: 1024px) and (-moz-device-pixel-ratio: 1), screen and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 1), screen and (max-device-width: 1024px) and (-o-device-pixel-ratio: 1/1), screen and (max-device-width: 1024px) and (device-pixel-ratio: 1) {
#phone{width:200px;height:37px;display:inline}
body {zoom:67%;-ms-zoom:1;}
body {overflow-x:auto;min-width:1280px;}
#header{min-width: 1280px;}
html{min-width:1280px;overflow-x:hidden;}
.dock-container2{min-width:100%}
.conteneur{ margin-left: 0; margin-right: 0; width:100%; min-width:0; }
}

div#nav.easynav{
background:#960000;
 -webkit-transition: all 200ms ease-in;
    -webkit-transform: scaleY(1.4);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scaleY(1.4);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scaleY(1.4);
    transition: all 200ms ease-in;
    transform: scaleY(1.4);
}

body#body_description{
	margin:2px;
	padding:6px;
    font-family: helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
width:442px;
background:transparent;
}
.droite{
	/* Internet Explorer */
	background: #9ea2a8;
	background: #9ea2a8\0/;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe2e6eb, endColorstr=#FF9ea2a8);
	/* Navigateurs récents */
	background-image: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#e2e6eb),
		to(#9ea2a8)
	);
	background-image: -webkit-linear-gradient(
		top,
		#e2e6eb,
		#9ea2a8
	);
	background-image: -moz-linear-gradient(
		top,
		#e2e6eb,
		#9ea2a8
	);
	background-image: -o-linear-gradient(
		top,
		#e2e6eb,
		#9ea2a8
	);
	background-image: linear-gradient(
		top,
		#e2e6eb,
		#9ea2a8
	);
	margin-left:3%;
	width:36%;
	text-align:justify;
	float:left;
}
.asso{
	font-size:0.8em;
	margin:2%;
}
.bas{
	/*background-color:#0FF;*/
	background-image:url(img/bkg_contenu_panier_bas.png);
	font-family: verdana,arial,sans-serif;
	margin-top:3%;
}
#chemin{
	text-transform:uppercase;
	font-family: verdana,arial,sans-serif;
	cursor:pointer;
}
#cheminPanier{
	text-transform:uppercase;
	font-family: verdana,arial,sans-serif;
	cursor:pointer;
	padding-top:42%;
}
#cheminEnr{
	text-transform:uppercase;
	font-family: verdana,arial,sans-serif;
	cursor:pointer;
	padding-top:2%;
}

.footer{
	text-align:center;
//	font-family:"Century Gothic";
font-family: verdana,arial,sans-serif;
	margin-bottom:1%;
	margin-top:6%;
}
#condition {
    display: inline-block;
    margin: 2%;
    padding: 0;
    width: 100%;
}
#condition li{
	display:inline-block;
	width:12%;
	height:20%;
	vertical-align:middle;
	font-size:0.7em;
}
#condition li a{
//color:#4C6F7C;
color:#fff;
}
#condition li a:hover{
color:#ffffff;
}
#condition li.trait{
	width:1px;
	height:60px;
	border-left:1px solid #4C6F7C;
	margin-right:2%;
}
#condition li#mentions{
	width:41%;
	vertical-align:bottom;
	font-size:1em;
	text-align:center;
color:#ffffff;
}
#mentions:hover{
	cursor:pointer;
}
.son{
	display:none;
	margin-left:3%;
}
.son:hover{
	cursor:pointer;
}
li#titre{
	text-align:center;
	background-color:#66a925;
	color:#FFFFFF;
	text-transform:uppercase;
	font-family: verdana,arial,sans-serif;
	padding-top:1%;
	padding-bottom:1%;
	padding-left:0%;
}
ul#gauche{
	border-right:solid #FFF 3px;
	margin-right:0%;
}
ul#droite{
	margin-left:0%;
}

/*Pour le tableau dimenssion*/
.surfboardPgText {
    color: #4F4F4F;
    font-family: helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.boardDimensions th {
}

/*Menu from_menu*/
.Block_ListProd {
//border: solid 1px darkgrey;
    float: left;
    margin: 2px auto auto 2px;
    position: relative;
    text-align: center;
    width: 100%;
    min-width:1056px;
}
.Block_Prod {
    background-color: #779BA9;
    float: left;
    height: 295px;
    margin: 0 auto;
    min-height: 295px;
    position: relative;
    text-align: center;
    width: 220px;
}
.Block_ProdPhoto {
    text-align: center;
display:inline-block;
border:solid 1px darkgrey;
border-radius:6px;
width:300px;
height:400px;
background:#9BAFC9;
margin-bottom:28px;
overflow-y:visible;
}

.paging{
border:0 none; width: 1003px; height: 840px; font-family: arial,cursive,verdana,"bikybold"; font-size: larger;
}
.paging img {
-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.paging p, .paging h2 {
margin-left:8px;
}
@media all and (min-width: 1920px) {
.paging{font-size:xx-large}
}

#page{background:#B6D0D8;}
/*Page frais de port*/
#poidPanier{
font-size:x-small;padding-left:8px;margin-right:-46px;
}
#butt-command{
border-radius:8px;
font-size: 0.85em;
padding-bottom:1px;
color:#FDF5E6;
    background: darkblue;
    background: -webkit-linear-gradient( cyan, darkblue);
    background: -moz-linear-gradient( cyan, darkblue);
    background: -ms-linear-gradient( cyan, darkblue);
    background: -o-linear-gradient( cyan, darkblue);
    background:linear-gradient(cyan, darkblue) repeat scroll 0 0 rgba(0, 0, 0, 0);
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
}
#butt-command:hover, #butt-cmd:hover {
font-weight:bolder;
}
#butt-cmd{
border-radius:8px;
font-size: 0.85em;
padding-bottom:2px;
    background: darkgrey;
    background: -webkit-linear-gradient( white, darkgrey);
    background: -moz-linear-gradient( white, darkgrey);
    background: -ms-linear-gradient( white, darkgrey);
    background: -o-linear-gradient( white, darkgrey);
    background:linear-gradient(white, darkgrey) repeat scroll 0 0 rgba(0, 0, 0, 0);
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
}

#contact_map{
  position: relative;
display: inline-block;
  width:420px; 
  height:619px;
  float:right;
overflow:hidden;
-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;-o-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;
}
#map_canvas{
  position: absolute;
  width:1000px;
  height:619px;
  z-index: 99;
}
#map_surf{
  position: absolute;
  top:0;
  left:0;
  z-index: 100;
}
#textZone{
    display: inline-block;
    height: 619px;
    width: 638px;
float:left;
    z-index: 1000;
    background: #ffffff;
}
#acces_detail {
  width: 100%;
  height:619px;
position:relative;
background:rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
}
#imgBILL {
display:none !important;
}
#backdoor{
    background: url("img/VB-winter.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 600px;
    margin-top: 0;
    padding-top: 0;
    position: relative;
    top: 0;
    z-index: 0;
border-radius:8px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 800px) {
.conteneur{ font-weight:bolder}
.dock-container2{min-width:100%}
#nav li.trait{border:none}
#submenu ul li {font-size:medium;padding:15px 10px;}
#nav ul li {font-size:medium; padding-bottom: 4%;}
#menu_{display:none}
#visuel,#contact_{width:97.4%}
.conteneur{ margin-left:0;margin-right:0;width:100%;min-width:0 !important;}
#header{left:0 !important;width:100%;min-width:100%;}
html{ width:100%; min-width:0 !important; margin:0; padding:0; background:none; }
body{ width:100%; min-width:0 !important; margin:0; overflow-y:scroll; overflow-x:hidden; background:url(img/BG_black-2.jpg) repeat-y center fixed; }
button.butt_video{height:44px;width:76%;font-weight:bolder;border-radius:12px}
#ListeTitre{font-size:18px}
#titre_video{font-size:16px}
body {zoom:67%;-ms-zoom:1;} /*Affichage genre PC sauf IEmobil*/

#container{margin:0;}
}