@CHARSET "UTF-8";

/* orientation portrait */
@media screen and (orientation:portrait) {
	html, body, form, fieldset {max-width:320px !important;}
	table { max-width:285px !important; }
	.contenue { margin:0 auto; max-width:320px !important; }
}
/* orientation landscape */
@media screen and (orientation:landscape) {
	html, body, form, fieldset,	table { max-width:480px !important; }
	.contenue { margin:0 auto; max-width:480px !important; }
}

select{max-width:98% !important;}

a{ max-width:480px !important; color:#005a9c; }
img { border: 0px; }
/*a img { float:left; }*/
html, body {margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif; color:#005a9c;
   background-color:#eaf0ff; overflow-x:hidden;}
h1,h2,h3,h4,p,a{ text-decoration:none; }
/*h1,h2,h3,h4{ font-size: 100%;} */
h1, h2{ color:#003768;text-align:center; }
h3{ color:#236aa0;text-align:left; }
h4{ color:#484848;text-align:left; }
p{ text-align:justify; color:#54636d; }

li{text-align:justify;margin-left:5px;color:#373737;}

img.imgLeft {float:left;}
img.imgRight {float:right;}

.highlight{ color:#6facd5; font-size:2em; font-weight: bold; text-shadow: 1px 1px 1px #000; }

/* mes icones */
#lang-fr .ui-icon{background-image: url(../images/icons/fr-flag.png);background-size: 18px 18px;}
#lang-en .ui-icon{background-image: url("../images/icons/gb-flag.png");background-size: 18px 18px;}

#login .ui-icon{background-image: url("../images/icons/icon-logout.png");background-size: 18px 18px;}

.h_logo{ margin:0 auto;width:265px; height:63px;}
.footer{ font: inherit; font-size:12px; color:#3e3e3e; text-align: center; text-shadow:none;}

.cacher{cursor:pointer;}
.cacherStyl{color:#000;font-size:10px; text-align:right;margin-left:10px;
	background-image: url(../images/icons/icon-tap.png);background-repeat: no-repeat;background-position:left;}

.menubtn {max-width:460px; max-height:550px;margin:0 auto;margin-top:10p;padding:10px;border:0;text-align:center;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.btnMenuD{width: 49.95%; height:auto;float:right;}
.btnMenuG{width: 49.95%; height:auto;float:left;}

.menubtn img{width:100px; height:100px;
	-ms-border-radius: 10px;-o-border-radius: 10px;-webkit-border-radius: 10px; -khtml-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
	-ms-box-shadow: 2px 2px 10px #005a9c inset;-moz-box-shadow: 2px 2px 10px #005a9c inset; -webkit-box-shadow: 2px 2px 10px #005a9c inset;
	box-shadow: 2px 2px 10px #005a9c, 0 0 0 0px #005a9c inset;}

.menubtn .text{padding:5px;text-align:center;color:#005a9c;font-size: 80%;font-weight: bold;line-height: 115%;/*text-shadow: 1px 1px 1px #000;*/}		

.xfooter{ width:100%; height:auto;margin:0 auto;display:inline;text-align: center;float:right;}
.xfooter p{margin:0 auto;text-align: center;font: inherit; font-size:12px;display:inline;}

.menuLaterale {padding:7px;color:#005a9c;text-align:left;margin:0 auto; background-color:#f4f4f4;to
	-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px;-moz-border-radius: 5px;
	border-radius: 5px;/*border: 1px solid #005a9c;*/  
	-moz-box-shadow: 0px 0px 20px #005a9c inset; -webkit-box-shadow: 0px 0px 20px #005a9c inset; 
	box-shadow: 0px 0px 20px #005a9c inset;box-shadow:2px 2px 20px rgba(0,90,156,0.3);}


.menuLaterale input,textarea,select {background: #eaf0ff; padding: 5px; color: #003768; font-size: 14px; 
	-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px;-moz-border-radius: 5px;
	border-radius: 5px;border: 1px solid #005a9c;  
	-moz-box-shadow: 0px 0px 20px #005a9c inset; -webkit-box-shadow: 0px 0px 20px #005a9c inset; 
	box-shadow: 0px 0px 20px #005a9c inset;box-shadow:2px 2px 20px rgba(0,90,156,0.3);}

.menuLaterale label {font-weight:bold;font-size:102%;}

.myButton {
	-ms-box-shadow: rgba(0,110,190,0.75) 2px 2px 5px;-o-box-shadow: rgba(0,110,190,0.75) 2px 2px 5px;
	-webkit-box-shadow: rgba(0,110,190,0.75) 2px 2px 5px;-moz-box-shadow: rgba(0,110,190,0.75) 2px 2px 5px;box-shadow: 2px 2px 5px #006ebe;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c6e4f9), color-stop(1, #005a9c));
    background:-moz-linear-gradient(top, #c6e4f9 5%, #005a9c 100%);background:-webkit-linear-gradient(top, #c6e4f9 5%, #005a9c 100%);
    background:-o-linear-gradient(top, #c6e4f9 5%, #005a9c 100%);background:-ms-linear-gradient(top, #c6e4f9 5%, #005a9c 100%);
    background:linear-gradient(to bottom, #c6e4f9 5%, #005a9c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6e4f9', endColorstr='#005a9c',GradientType=0);
    background-color:#c6e4f9;
    -ms-border-radius: 15px;-o-border-radius: 15px;-khtml-border-radius: 15px;-moz-border-radius:15px;-webkit-border-radius:15px;
    border-radius:15px;border:1px solid #005a9c;
    display:inline-block;color:#373737;font-family:arial;font-size:17px;font-weight:bold;padding:7px 25px;text-decoration:none;
    text-shadow:0px 1px 0px #f4f4f4;
    }
    
.myButton:hover, .myButton:vmouseover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6e9cd), color-stop(1, #ffb310));
    background:-moz-linear-gradient(top, #f6e9cd 5%, #ffb310 100%);background:-webkit-linear-gradient(top, #f6e9cd 5%, #ffb310 100%);
    background:-o-linear-gradient(top, #f6e9cd 5%, #ffb310 100%);background:-ms-linear-gradient(top, #f6e9cd 5%, #ffb310 100%);
    background:linear-gradient(to bottom, #f6e9cd 5%, #ffb310 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6e9cd', endColorstr='#ffb310',GradientType=0);
    background-color:#f6e9cd;}
    
.myButton:active {position:relative;top:1px;}


.promoBoxG, .promoBoxInd, .promoBoxTex{position:relative; float: left;}
.promoBoxG{border-bottom:1px solid #005a9c;width:100%; /*762px;*/}
.promoBoxInd{border-top:1px solid #005a9c;display: inline-block;} 
.promoBoxInd h3{max-width:90%;}
.promoBoxTex{max-width:90%; /*550px;*/padding:3px;margin-top:-20px;}
.promoBoxImg, .promoBoxPrix{float: right;max-width:30%; /*198px;*/margin-top:0px;text-align:center;}
.promoBoxImg img {max-width:60px;max-height:60px;float:right;margin-top:-40px;z-index:-1;}
.promoBoxPrix {font-size:65px;color:#005a9c;}
.pText{font-size:20%;margin-left:20px;color:#000;}
.promoBoxTex span {color:#005a9c;}

.droit{display:inline;position:relative; float: right;}
.gouche{display:inline;position:relative; float: left;}
.center{margin-left:auto;margin-right:auto;width:70%;}
.centrardiv {text-align:center;margin:0 auto;}

div.clear { clear: both; }
#divnull {display:none;}

#DeteailProduits{ margin:0 auto; max-width:480px; }
#filtreTableau{ margin:0 auto; max-width:480px; }


.dialogContenue { margin:0 auto; padding:5px; }

/* captcha mobile */

#mob-captcha{padding:5px;width:260px;height:320px;margin:0 auto; text-align:center;
	border:2px solid #005a9c;background-color:#bbdcf4;
	-ms-border-radius: 7px;-o-border-radius: 7px;-webkit-border-radius: 7px; -khtml-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
	-moz-box-shadow: 0px 0px 20px #005a9c inset; -webkit-box-shadow: 0px 0px 20px #005a9c inset; 
	box-shadow: 0px 0px 20px #005a9c inset;box-shadow:2px 2px 20px rgba(0,90,156,0.3);}

.opaco{ background: #000 !important; -khtml-opacity:.10; -moz-opacity:.10; -ms-filter:"alpha(opacity=10)";
  	filter:alpha(opacity=10); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.1); opacity:.10; }
.opaco a{ cursor:none ;}  	
	
#captHead{width:100%;height:auto;margin:0 auto;text-align:center;background-color:#5b92c0;
	-ms-border-radius: 7px;-o-border-radius: 7px;-webkit-border-radius: 7px; -khtml-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
	-moz-box-shadow: 0px 0px 20px #005a9c inset; -webkit-box-shadow: 0px 0px 20px #005a9c inset; 
	box-shadow: 0px 0px 20px #005a9c inset;box-shadow:2px 2px 20px rgba(0,90,156,0.3);
	}
#captMsg{width:auto;height:25px;margin:0 auto;text-align:left;border:1px solid #005a9c;background-color:#fff;
	border-bottom-left-radius:7px;border-bottom-right-radius:7px;
	}
#captMsg span {color:#000052;}		
#captImage{position:relative;float: left;text-align:center;min-width:245px;width:auto;min-height:auto;max-height:220px;padding:5px;
	-ms-border-radius: 7px;-o-border-radius: 7px;-webkit-border-radius: 7px; -khtml-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
	-moz-box-shadow: 0px 0px 20px #005a9c inset; -webkit-box-shadow: 0px 0px 20px #005a9c inset; 
	box-shadow: 0px 0px 20px #005a9c inset;box-shadow:2px 2px 20px rgba(0,90,156,0.3);}
.captImg{float: left;text-align:center;width:81px;height:71px;
	border:1px solid #005a9c;background-image: url("../images/mob-captcha/backgrounds/bg4.png");}
#captRefresh{margin:0 auto;padding:2px;width:20px;height:20px;text-align:center;}	

/* fin captcha mobile */

/* pour le calendrier */
.jrv {line-height:13px;background-color:#7eb7de;margin-bottom:3px;padding:7px;text-shadow:1px 1px 1px rgba(0,0,0,1);
	-ms-border-radius: 7px;-o-border-radius: 7px;-webkit-border-radius: 7px; -khtml-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
.jred, .jjaune, .jjvert, .jblanc {text-align:left;font-size: 14px;font-weight: bold;}
.jred {color: #b92b0f;}  /* fd3b15 */
.jjaune {color: #fdd010;} /*  fde755 */
.jjvert {color: #00a300;}  /* 2eaf36*/
.jblanc {color: #ffffff;}

/* calendrier */
#rvHeures{display:none;position: relative;max-width:480px;height:auto;margin:0 auto;margin-left:15px;
	border:2px solid #005a9c;
	-ms-border-radius: 7px;-o-border-radius: 7px;-webkit-border-radius: 7px; -khtml-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
	-moz-box-shadow: 0px 0px 20px #005a9c inset; -webkit-box-shadow: 0px 0px 20px #005a9c inset; 
	box-shadow: 0px 0px 20px #005a9c inset;box-shadow:2px 2px 20px rgba(0,90,156,0.3);
}

/* msg erreurs */
.error {font-size: 12px;text-shadow: 1px 1px 1px rgba(0,0,0,1);z-index: 999;background: #bc1010;color: #fff; font-weight: bold;
	margin-left: 16px; margin-top: 6px; position: absolute;  padding: 6px 12px;
	-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	border: 2px solid #00f700; -moz-box-shadow: 0px 0px 2px #00f700 inset; -webkit-box-shadow: 0px 0px 2px #00f700 inset; 
	box-shadow: 0px 0px 2px #00f700 inset;box-shadow:0px 0px 2px rgba(0,247,0,0.3); }
	
.error:before{z-index: 999; content: '';border-top: 8px solid transparent; border-bottom: 8px solid #00f700;border-right: 8px solid transparent; border-left: 8px solid transparent;left: 5px; position: absolute; top: -16px;}

.textC{ text-align:center; } /* pour textes centrée*/
.textJ{ text-align:justify; padding:5px; } /* pour textes justifiée */
.textL{ text-align:left; padding:5px; } /* pour textes à gouche */
.textR{ text-align:right; padding:5px; } /* pour textes à droit */
.ptit{ font-size:.8em; }

/* forms */
form{ margin:0 auto;text-align:left;padding:2px;/* border:1px solid #005a9c; */
	-ms-border-radius: 7px;-o-border-radius: 7px;-webkit-border-radius: 7px; -khtml-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
	-moz-box-shadow: 0px 0px 20px #005a9c inset; -webkit-box-shadow: 0px 0px 20px #005a9c inset; 
	box-shadow: 0px 0px 20px #005a9c inset;box-shadow:2px 2px 20px rgba(0,90,156,0.3);box-shadow:2px 2px 20px rgba(0,90,156,0.3);
}
 
fieldset{margin:0 auto;text-align:left;padding:2px !important;border:1px solid #005a9c !important;-moz-box-shadow: 0px 0px 20px #005a9c inset; -webkit-box-shadow: 0px 0px 20px #005a9c inset; 
	box-shadow: 0px 0px 20px #005a9c inset;box-shadow:2px 2px 20px rgba(0,90,156,0.3);box-shadow:2px 2px 20px rgba(0,90,156,0.3);
	-ms-border-radius: 7px;-o-border-radius: 7px;-webkit-border-radius: 7px; -khtml-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;
}
	
legend {color:#005a9c;}
legend span{color:red;}
input, select, textarea, button {font-family: Helvetica, Arial, sans-serif;color:#005a9c;}
button {font-family: Helvetica, Arial, sans-serif;color:#005a9c !important;}

label{ color:#005a9c; text-align:left; font-weight: bold; }
label span{color:#484848; }


input[type=radio]{ width: 15px;color: #62a2cf;border:1px solid #005a9c;}

/* tables */
/* Zebra Widget - row alternating colors width: auto; */
table {margin:0 auto;min-width:265px;text-align:center;font: 12px/18px Arial, Sans-serif;color: #005a9c;text-shadow:none;
	background-color: #eaf0ff;border-spacing: 0;margin: 10px 0 15px;text-align: left;
	border: 1px solid #fdb910;-webkit-box-shadow: rgba(0,90,156,0.75) 2px 2px 20px; -moz-box-shadow: rgba(0,90,156,0.75) 2px 2px 20px; 
	box-shadow: rgba(0,90,156,0.75) 2px 2px 20px;box-shadow: 2px 2px 20px #005a9c;}
table th, table thead td {padding:2px 4px 4px; background:#005a9c; color:#f3b20f;font-size:13px;text-align:left;}
table tr.odd td { background-color: #a1caed;}
table tr.even td {background-color: #eaf0ff;}
table td span{text-align:left;font-size:16px;font-weight: bolder;color:#c12028;/*text-shadow: 1px 1px 1px rgba(0,0,0,1);*/}
table td label{text-align:left;font-size:16px;font-weight: bolder;/*text-shadow: 1px 1px 1px rgba(0,0,0,1);*/}

table td special{color:red;font-size:14px;padding:2px;font-weight: bolder; position:relative; overflow: visible;
	animation:prixSpecial 5s linear 2s alternate; /* infinite alternate */
	/* Safari and Chrome: -> */ -webkit-animation:prixSpecial 5s linear 2s alternate; /* infinite */
	-ms-border-radius: 5px;-o-border-radius: 5px;-webkit-border-radius: 5px; -khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	}

table td promo{position:relative;animation:prixPromo 5s linear 2s alternate; /* infinite alternate */
		/* Safari and Chrome: -> */ -webkit-animation:prixPromo 5s linear 2s alternate; /* infinite */ }
	
@keyframes prixSpecial{ 
	0%   {background:red; left:0px;color:#fff;}
	25%  {background:yellow; left:300px;color:red;}
	50%  {background:blue; left:300px;color:#fff;}
	75%  {background:green; left:0px;color:#fff;}
	100% {background:red; left:0px;color:#fff;}
}

@-webkit-keyframes prixSpecial /* Safari and Chrome */
{
	0%   {background:red; left:0px;color:#fff;}
	25%  {background:yellow; left:300px;color:red;}
	50%  {background:blue; left:300px;color:#fff;}
	75%  {background:green; left:0px;color:#fff;}
	100% {background:red; left:0px;color:#fff;}
}

@keyframes prixPromo{ 
	0%   {right:0px;}
	25%  {right:300px;}
	50%  {right:300px;}
	75%  {right:0px;}
	100% {right:0px;}
}

@-webkit-keyframes prixPromo /* Safari and Chrome */
{
	0%   {right:0px;}
	25%  {right:300px;}
	50%  {right:300px;}
	75%  {right:0px;}
	100% {right:0px;}
}