@media only screen
and (max-width : 1335px) {

* {
	padding: 0px;
	margin: 0px;
}
body {
	background:url(../img/bg-pattern.png) repeat;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

body,html{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

img{
	border:none;
}

#bnp{
	font-family: 'sakkal_majallaregular';
	font-weight: bold;
	padding-left: 70.5%;
}

#bnp p{
	padding-left: 33%;
}

#citation{
	font-family: "euraldbitalic";
	font-size: 77%;
	width: 75%;
	padding-left:10px;
	float: left;
}

#nomCitation{
	font-family: "euraldbbold";
	padding-top: 4px;
}

#citation p{
	padding-right: 25px;
	line-height: 20px;
}


#icons{
	margin-left:0%;
	max-width: 100%;
	position: absolute;
	right: 10%;
}
.right{
	float: right;
	margin-right:10px; 
	margin-top: 40px;
}

.logo {
	padding-top:42px !important;
}

.homepage-intro {
	border-bottom:1px solid #ccc;
	padding: 0% 0% 0% 0%;
}

	#page-table {
		height: 90%;
		width: 100%;
		border-collapse: collapse;
		border: none;
		background: transparent;
	}
	#page-td {
		height: 100%;
		padding: 0;
		vertical-align: middle;
	}
	div#global {
		width: 100%;
		margin: 20px auto;
		text-align: left;
	}


.homepage-intro h1 {
	font-family: 'BebasNeueRegular';
	font-size:2vw;
	line-height:48px;
	text-align:center;
	color:#544c4c;
	margin:0;
	padding:0;
}

.homepage-intro p {
	font-family: 'sakkal_majallaregular';
	font-size:24px;
	line-height:26px;
	text-align:center;
	color:#000000;
	margin:0;
	padding:0;
}

#panier{
	width: 100%;
	min-height: 150px;
	font-size: 16px;
	font-family: "euraldbnormal";
	line-height: 30px;
	*margin-left: 27%;
	margin-top:3%;
}
#qteCell{
	background: white;
	border: solid 1px #f0f0f0;
}

#qteTab{
	width: 30px;
	text-align: center;	
}

.last td{
	font-weight: normal;
}

#notif{
	font-family: "sakkal_majallaregular";
	font-weight: bold;
	color:red;
	position: absolute;
}

a.info {
   position: relative;
   color: black;
   text-decoration: none;
   cursor: default;
}
a.info span {
   display: none;
}
a.info:hover {
   background: none;
   z-index: 500;
}
a.info:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   top: -30px;
   left: 20px;
   background: rgba(20,20,20,0.9);
   color: white;
   padding: 10px;
   border: 2px solid rgb(100,100,100);
   border-radius: 10px;
}
#mention{
	position: absolute;
	bottom: -95%;
	background: rgb(80,80,80);
	width: 100%;
	height: 95%;
	z-index: 99;
	color: #c9c9c9;
	overflow-y:auto; 
	display: none;
}

#mention p,#mention h1,#mention h2,#mention h3{
	width: 80%;
	line-height: 28px;
	font-family: "Arial";
	padding-left: 10%;
}

#mention p{
	font-size: 12px;
}

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

#condition{
	position: absolute;
	bottom: -95%;
	background: rgb(80,80,80);
	width: 100%;
	height: 95%;
	z-index: 99;
	color: #c9c9c9;
	overflow-y:auto; 
	display: none;
}

#condition p,#condition h1,#condition h2,#condition h3{
	width: 80%;
	line-height: 28px;
	font-family: "Arial";
	padding-left: 10%;
}

#condition p{
	font-size: 12px;
}

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

#boite{
	position:absolute;
	
	transform: scale(.55) rotate(-10deg);
	-webkit-transform: scale(.55) rotate(-10deg);
	-moz-transform: scale(.55) rotate(-10deg);
	top:0;
	left:0;
	background: red;
}
.closePop{
	margin: 0;
	padding: 0;
	border: solid 2px white;
	background: rgb(60,60,60);
	border-radius:30px;
	width: 30px;
	height: 30px;
	font-weight: bold;
	position: absolute;
	right: 15px;
	top:15px;
	font-size: 24px;
	color:white;
	transition: background 0.2s;
	-moz-transition: background 0.2s;
	-webkit-transition: background 0.2s; 
	-o-transition: background 0.2st; 
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.closePop:hover{
	border: solid 2px white;
	background: rgb(255,90,90);
	transition: background 0.2s;
	-moz-transition: background 0.2s;
	-webkit-transition: background 0.2s; 
	-o-transition: background 0.2st; 
}
#close{
	padding: 0;
	margin: 0;
	border: solid 1px rgb(120,120,120);
	background: rgb(90,90,90);
	border-radius:25px;
	width:25px;
	height: 25px;
	font-weight: normal;
	position: absolute;
	right: 20px;
	bottom: 20%;
	font-size: 24px;
	overflow: hidden;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s; 
	-o-transition: color 0.5st; 
	transition: border 0.5s;
	-moz-transition: border 0.5s;
	-webkit-transition: border 0.5s; 
	-o-transition: border 0.5st; 
	cursor: pointer;
	display: none;
}
footer #close span{
	vertical-align: top;
	padding: 0;
	margin: 0;
}

#close:hover{
	color: white;
	border: solid 1px white;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s; 
	-o-transition: color 0.5st; 
	transition: border 0.5s;
	-moz-transition: border 0.5s;
	-webkit-transition: border 0.5s; 
	-o-transition: border 0.5st; 
}

#condition{
	position: absolute;
	bottom: -95%;
	background: rgb(80,80,80);
	width: 100%;
	height: 95%;
	z-index: 99;
	color: #c9c9c9;
	display: none;
}

footer{
	background:rgb(50,50,50);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	*height:30px;
	height:3.6%;
	color:#c9c9c9;
	text-align: center;
	font-family: "Arial";
	padding-top:1%;
	border-top: 3px solid rgb(100,100,100);
	-webkit-box-shadow: 10px 0px 80px 2px rgba(20, 20, 20, 1);
	box-shadow: 10px 0px 80px 2px rgba(20, 20, 20, 1);
	color:rgb(150,150,150);
	font-size: 80%;
	overflow: hidden;
}

footer a{
	color: rgb(200,200,200);
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s; 
	-o-transition: color 0.5st; 
	cursor: pointer;
	text-decoration: none;
}

footer a:hover{
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s; 
	-o-transition: color 0.5st; 
	color:white;
}

footer p{
	text-align: center;
}


.padding-left-right {
	padding-left:30px;
	padding-right:30px;
	color:#949393;
}

#cp{
	position: absolute;
	top: 30%;
	left: 20px;
	vertical-align: middle;
	float:left;
	padding: 0;
	margin: 0;
}
#cp img{
	width: 9em;
	margin: 0;
	padding: 0;
}

/* -----------------------------------------
   Formulaire Paypal
----------------------------------------- */

#shop input[type="image"]{
	margin-left: 18%;
}

#shop input[type="text"]{
	width: 30px;
	height: 25px;
	margin: auto;
	border: none;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
}
#bnp input[type=button]{
	background: rgb(255,100,100);
	border:none;
	width:160px;
	display: block;
	height:45px;
	line-height: 200%;
	font-size: 24px;
	font-family: 'sakkal_majallaregular';
	color:white;
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	border-style: none;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	border-bottom: 3.5px solid rgba(0,0,0,0.2);
	text-shadow: 0px 0px 1px #111;
	}

#bnp input[type=button]:hover{	
	border-bottom: 1px solid rgba(0,0,0,0.2);
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5st; /* Opera */
	}

br.clearfloat {
     clear: both;
     height: 0;
     font-size: 1px;
     line-height: 0px;
 }

/* -----------------------------------------
   Contact
----------------------------------------- */

.fullwidth-border-top h2 {
	width:100%;
	float:left;
}

.fullwidth-border-top p {
	width:100%;
	float:left;
}

.google-maps {
	margin-bottom:20px !important;
}

#under{
max-width: 700px;
min-width: 700px;
display: block;
}

/* Tables ---------------------- */
table { background: #fff; font-family: "euraldbnormal"; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 0px; border: 1px solid #ddd; }

table tbody tr:nth-child(even) { background: #f0f0f0;}

table tbody tr td { color: #333; vertical-align: middle; border: none;text-align:center;cursor:default;padding:2px ; }

td{ 
	font-weight: bold;
}

.title{
	padding:3px 20px;
}

.bouton{ 
	width:30px;
	text-align: center; cursor: pointer;  user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    height: 10px;
    margin:0;
    transition: background 0.1s;
	-moz-transition: background 0.1s; /* Firefox 4 */
	-webkit-transition: background 0.1s; /* Safari and Chrome */
	-o-transition: background 0.1st; /* Opera */
}

.bouton:hover{ 
	transition: background 0.1s;
	-moz-transition: background 0.1s; /* Firefox 4 */
	-webkit-transition: background 0.1s; /* Safari and Chrome */
	-o-transition: background 0.1st; /* Opera */
	background: rgb(255,120,120); 
}
/* The Grid ---------------------- */
.row { width: 80%; max-width: 100%; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }


img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
}

.redMessage{
	background-image: linear-gradient(bottom, rgb(173,173,173) 0%, rgb(247,247,247) 50%, rgb(138,135,138) 100%);
background-image: -o-linear-gradient(bottom, rgb(173,173,173) 0%, rgb(247,247,247) 50%, rgb(138,135,138) 100%);
background-image: -moz-linear-gradient(bottom, rgb(173,173,173) 0%, rgb(247,247,247) 50%, rgb(138,135,138) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(173,173,173) 0%, rgb(247,247,247) 50%, rgb(138,135,138) 100%);
background-image: -ms-linear-gradient(bottom, rgb(173,173,173) 0%, rgb(247,247,247) 50%, rgb(138,135,138) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(173,173,173)),
	color-stop(0.5, rgb(247,247,247)),
	color-stop(1, rgb(138,135,138))
);
	color:rgb(255,100,100);
	font-family: "euraldbbold";
	width: 100%;
 	height:350px;
 	line-height:350px;
 	text-align:center; /* centrage horizontal */
 	font-size: 300%;
}
.redMessage span{
  vertical-align:middle;
  width: 100%;
  display:inline-block;

  line-height:1.2; /* on rétablit le line-height */

  text-align:center; /* ... et l'alignement du texte */
}

.whiteMessage{
	background: transparent;
	color:black;
	font-family: "euraldbbold";
	width: 100%;
  height:350px;
  line-height:350px;

  text-align:center; /* centrage horizontal */
  font-size: 300%;
}
.whiteMessage img{
  vertical-align:middle;
	height: 350px;
  display:inline-block;

  line-height:1.2; /* on rétablit le line-height */

  text-align:center; /* ... et l'alignement du texte */
}

#pop{
	display: none;
	border: 3px rgb(120,120,120) solid;
	background: rgb(230,230,230);
	border-radius:10px;
	position: relative;
	top:15%;
	z-index: 9999;
	overflow: hidden;
  	width:550px;
	height:480px;
	margin: 0 auto;
}

#pop h3{
	position: absolute;
	left : 160px;
	top:25px;
}

#pop form{
	width: 75%;
	height: 75%;
	margin-left: 12.5%;
	margin-top: 10%;
}

.formu{
	height: 25px;
	text-indent: 15px;
	border-radius: 3px;
	box-shadow: 2px 2px 15px black;
	width: 80%;
	margin-top:30px;
	margin-left: 10%;

}
fieldset.inl{
	margin-left: 6%;
	border: none;
	display: inline;
	width: 40%;
}

#pop form input[type="submit"]{
	margin-top: 25px;
	margin-left: 20%;
}

#wrap{
	overflow: hidden;
	z-index: 9990;
	display: none;
	background: rgba(40,40,40,0.9);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#pop form input[type=submit]#buyButton{
	background: rgb(95,225,90);
	border:none;
	height:45px;
	line-height: 105%;
	padding: 10px;
	padding-left:50px;
	padding-right:50px;
	font-size: 24px;
	font-family: 'sakkal_majallaregular';
	color:white;
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	border-style: none;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	text-shadow: 0px 0px 1px #111;
	}
#pop form input[type=submit]#buyButton:hover{
	background: rgb(10,225,150);
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5st; /* Opera */
	border-bottom: 1px solid rgba(0,0,0,0.2);
	}

#cb{
	background: rgb(20,125,225);
	border:none;
	height:45px;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	font-size: 24px;
	font-family: 'sakkal_majallaregular';
	color:white;
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	border-style: none;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	text-shadow: 0px 0px 1px #111;
	}
#cb:hover{
	background: rgb(20,185,225);
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5st; /* Opera */
	border-bottom: 1px solid rgba(0,0,0,0.2);
	}
#imgPrix{
	position: absolute;
	left: 270px;
	top:5px;
}
#imgDvd{
	left: 90px;
	position: absolute;
}
#imgPlus{
	left: 250px;
	position: absolute;
}
#imgGimmicks{
	left: 405px;	
	position: absolute;
}
#imgBg{
	position: absolute;
	left: 0;
	width:700px;
	height: 350px;
}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1336px) {
/* Styles */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

* {
	padding: 0px;
	margin: 0px;
}
body {
	background:url(../img/bg-pattern.png) repeat;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

body,html{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
}

img{
	border:none;
}

#imgPrix{
	position: absolute;
	left: 375px;
	top:5px;
}
#imgDvd{
	left: 170px;
	position: absolute;
}
#imgPlus{
	left: 350px;
	position: absolute;
}
#imgGimmicks{
	left: 525px;
	position: absolute;
}
#imgBg{
	position: absolute;
	left: 0;
	width:900px;
	height: 350px;
}
#bnp{
	font-family: 'sakkal_majallaregular';
	font-size:16px;
	font-weight: bold;
	padding-left: 70%;
}

#bnp p{
	padding-left: 33%;
}

#citation{
	font-family: "euraldbitalic";
	font-size: 90%;
	width: 70%;
	padding-left:30px;
	float: left;
}

#nomCitation{
	font-family: "euraldbbold";
	padding-top: 4px;
}

#citation p{
	padding-right: 25px;
	line-height: 20px;
}


#icons{
	margin-left:0%;
	max-width: 100%;
	position: absolute;
	right: 10%;
}
.right{
	float: right;
	margin-right:10px; 
	margin-top: 40px;
}

.logo {
	padding-top:42px !important;
}

.homepage-intro {
	border-bottom:1px solid #ccc;
	padding: 0% 0% 0% 0%;
}

#centre{
	background:blue;
	margin-top:1%;
	padding-bottom: 4%;
}

	#page-table {

		height: 90%;
		width: 100%;
		border-collapse: collapse;
		border: none;
		background: transparent;
	}
	#page-td {
		height: 100%;
		padding: 0;
		vertical-align: middle;
	}
	div#global {
		width: 100%;
		margin: 20px auto;
		text-align: left;
	}

.homepage-intro{
	padding-top:0%;
}
.homepage-intro h1 {
	font-family: 'BebasNeueRegular';
	font-size:2vw;
	line-height:48px;
	text-align:center;
	color:#544c4c;
	margin:0;
	padding:0;
}

.homepage-intro p {
	font-family: 'sakkal_majallaregular';
	font-size:24px;
	line-height:26px;
	text-align:center;
	color:#000000;
	margin:0;
	padding:0;
}
#container{
	margin-top: 5%;
}
#panier{
	width: 100%;
	min-height: 150px;
	font-size: 16px;
	font-family: "euraldbnormal";
	line-height: 30px;
	*margin-left: 27%;
	margin-top:6%;
}
#qteCell{
	background: white;
	border: solid 1px #f0f0f0;
}

#qteTab{
	width: 30px;
	text-align: center;	
}

.last td{
	font-weight: normal;
}

#notif{
	font-family: "sakkal_majallaregular";
	font-weight: bold;
	color:red;
	position: absolute;
}

a.info {
   position: relative;
   color: black;
   text-decoration: none;
   cursor: default;
}
a.info span {
   display: none;
}
a.info:hover {
   background: none;
   z-index: 500;
}
a.info:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   top: -30px;
   left: 20px;
   background: rgba(20,20,20,0.9);
   color: white;
   padding: 10px;
   border: 2px solid rgb(100,100,100);
   border-radius: 10px;
}
#mention{
	position: absolute;
	bottom: -95%;
	background: rgb(80,80,80);
	width: 100%;
	height: 95%;
	z-index: 99;
	color: #c9c9c9;
	overflow-y:auto; 
	display: none;
}

#mention p,#mention h1,#mention h2,#mention h3{
	width: 80%;
	line-height: 28px;
	font-family: "Arial";
	padding-left: 10%;
}

#mention p{
	font-size: 12px;
}

#mention a{
	text-decoration: none;
	color: white;
}
#condition{
	position: absolute;
	bottom: -95%;
	background: rgb(80,80,80);
	width: 100%;
	height: 95%;
	z-index: 99;
	color: #c9c9c9;
	overflow-y:auto; 
	display: none;
}

#condition p,#condition h1,#condition h2,#condition h3{
	width: 80%;
	line-height: 28px;
	font-family: "Arial";
	padding-left: 10%;
}

#condition p{
	font-size: 12px;
}

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

#boite{
	position:absolute;
	
	transform: scale(.55) rotate(-10deg);
	-webkit-transform: scale(.55) rotate(-10deg);
	-moz-transform: scale(.55) rotate(-10deg);
	top:0;
	left:0;
	background: red;
}
.closePop{
	margin: 0;
	padding: 0;
	border: solid 2px white;
	background: rgb(60,60,60);
	border-radius:30px;
	width: 30px;
	height: 30px;
	font-weight: bold;
	position: absolute;
	right: 15px;
	top:15px;
	font-size: 24px;
	color:white;
	transition: background 0.2s;
	-moz-transition: background 0.2s;
	-webkit-transition: background 0.2s; 
	-o-transition: background 0.2st; 
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
}

.closePop:hover{
	border: solid 2px white;
	background: rgb(255,90,90);
	transition: background 0.2s;
	-moz-transition: background 0.2s;
	-webkit-transition: background 0.2s; 
	-o-transition: background 0.2st; 
}
#close{
	padding: 0;
	margin: 0;
	border: solid 1px rgb(120,120,120);
	background: rgb(90,90,90);
	border-radius:25px;
	width:25px;
	height: 25px;
	font-weight: normal;
	position: absolute;
	right: 20px;
	bottom: 20%;
	font-size: 24px;
	overflow: hidden;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s; 
	-o-transition: color 0.5st; 
	transition: border 0.5s;
	-moz-transition: border 0.5s;
	-webkit-transition: border 0.5s; 
	-o-transition: border 0.5st; 
	cursor: pointer;
	display: none;
}
footer #close span{
	vertical-align: top;
	padding: 0;
	margin: 0;
}

#close:hover{
	color: white;
	border: solid 1px white;
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s; 
	-o-transition: color 0.5st; 
	transition: border 0.5s;
	-moz-transition: border 0.5s;
	-webkit-transition: border 0.5s; 
	-o-transition: border 0.5st; 
}

#condition{
	position: absolute;
	bottom: -95%;
	background: rgb(80,80,80);
	width: 100%;
	height: 95%;
	z-index: 99;
	color: #c9c9c9;
	display: none;
}

footer{
	background:rgb(50,50,50);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	*height:30px;
	height:3.6%;
	color:#c9c9c9;
	text-align: center;
	font-family: "Arial";
	padding-top:1%;
	border-top: 3px solid rgb(100,100,100);
	-webkit-box-shadow: 10px 0px 80px 2px rgba(20, 20, 20, 1);
	box-shadow: 10px 0px 80px 2px rgba(20, 20, 20, 1);
	color:rgb(150,150,150);
	font-size: 80%;
	overflow: hidden;
}

footer a{
	color: rgb(200,200,200);
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s; 
	-o-transition: color 0.5st; 
	cursor: pointer;
	text-decoration: none;
}

footer a:hover{
	transition: color 0.5s;
	-moz-transition: color 0.5s;
	-webkit-transition: color 0.5s; 
	-o-transition: color 0.5st; 
	color:white;
}

footer p{
	text-align: center;
}


.padding-left-right {
	padding-left:30px;
	padding-right:30px;
	color:#949393;
}

#cp{
	position: absolute;
	top: 30%;
	left: 20px;
	vertical-align: middle;
	float:left;
	padding: 0;
	margin: 0;
}
#cp img{
	width: 9em;
	margin: 0;
	padding: 0;
}

/* -----------------------------------------
   Formulaire Paypal
----------------------------------------- */

#shop input[type="image"]{
	margin-left: 18%;
}

#shop input[type="text"]{
	width: 30px;
	height: 25px;
	margin: auto;
	border: none;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
}
#bnp input[type=button]{
	background: rgb(255,100,100);
	border:none;
	width: 220px;
	display: block;
	height:45px;
	line-height: 200%;
	font-size: 24px;
	font-family: 'sakkal_majallaregular';
	color:white;
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	border-style: none;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	border-bottom: 3.5px solid rgba(0,0,0,0.2);
	text-shadow: 0px 0px 1px #111;
	}

#bnp input[type=button]:hover{	border-bottom: 1px solid rgba(0,0,0,0.2);
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5st; /* Opera */
	}

br.clearfloat {
     clear: both;
     height: 0;
     font-size: 1px;
     line-height: 0px;
 }

/* -----------------------------------------
   Contact
----------------------------------------- */

.fullwidth-border-top h2 {
	width:100%;
	float:left;
}

.fullwidth-border-top p {
	width:100%;
	float:left;
}

.google-maps {
	margin-bottom:20px !important;
}

#under{
max-width: 900px;
min-width: 900px;
display: block;
}

/* Tables ---------------------- */
table { background: #fff; font-family: "euraldbnormal"; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: 0 0 0px; border: 1px solid #ddd; }

table tbody tr:nth-child(even) { background: #f0f0f0;}

table tbody tr td { color: #333; vertical-align: middle; border: none;text-align:center;cursor:default;padding:2px ; }

td{ 
	font-weight: bold;
}

.title{
	padding:3px 20px;
}

.bouton{ 
	width:30px;
	text-align: center; cursor: pointer;  user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    height: 10px;
    margin:0;
    transition: background 0.1s;
	-moz-transition: background 0.1s; /* Firefox 4 */
	-webkit-transition: background 0.1s; /* Safari and Chrome */
	-o-transition: background 0.1st; /* Opera */
}

.bouton:hover{ 
	transition: background 0.1s;
	-moz-transition: background 0.1s; /* Firefox 4 */
	-webkit-transition: background 0.1s; /* Safari and Chrome */
	-o-transition: background 0.1st; /* Opera */
	background: rgb(255,120,120); 
}
/* The Grid ---------------------- */
.row { width: 80%; max-width: 100%; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.one, .row .one { width: 8.33333%; }

.two, .row .two { width: 16.66667%; }

.three, .row .three { width: 25%; }

.four, .row .four { width: 33.33333%; }

.five, .row .five { width: 41.66667%; }

.six, .row .six { width: 50%; }

.seven, .row .seven { width: 58.33333%; }

.eight, .row .eight { width: 66.66667%; }

.nine, .row .nine { width: 75%; }

.ten, .row .ten { width: 83.33333%; }

.eleven, .row .eleven { width: 91.66667%; }

.twelve, .row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.33333%; }

.row .offset-by-two { margin-left: 16.66667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.33333%; }

.row .offset-by-five { margin-left: 41.66667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.33333%; }

.row .offset-by-eight { margin-left: 66.66667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.33333%; }


img, object, embed { max-width: 100%; height: auto; }

object, embed { height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }
}

.redMessage{
	background-image: linear-gradient(bottom, rgb(173,173,173) 0%, rgb(247,247,247) 50%, rgb(138,135,138) 100%);
background-image: -o-linear-gradient(bottom, rgb(173,173,173) 0%, rgb(247,247,247) 50%, rgb(138,135,138) 100%);
background-image: -moz-linear-gradient(bottom, rgb(173,173,173) 0%, rgb(247,247,247) 50%, rgb(138,135,138) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(173,173,173) 0%, rgb(247,247,247) 50%, rgb(138,135,138) 100%);
background-image: -ms-linear-gradient(bottom, rgb(173,173,173) 0%, rgb(247,247,247) 50%, rgb(138,135,138) 100%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(173,173,173)),
	color-stop(0.5, rgb(247,247,247)),
	color-stop(1, rgb(138,135,138))
);
	color:rgb(255,100,100);
	font-family: "euraldbbold";
	width: 100%;
 	height:350px;
 	line-height:350px;
 	text-align:center; /* centrage horizontal */
 	font-size: 300%;
}
.redMessage span{
  vertical-align:middle;
  width: 100%;
  display:inline-block;

  line-height:1.2; /* on rétablit le line-height */

  text-align:center; /* ... et l'alignement du texte */
}

.whiteMessage{
	background: transparent;
	color:black;
	font-family: "euraldbbold";
	width: 100%;
  height:350px;
  line-height:350px;

  text-align:center; /* centrage horizontal */
  font-size: 300%;
}
.whiteMessage img{
  vertical-align:middle;
	height: 350px;
  display:inline-block;

  line-height:1.2; /* on rétablit le line-height */

  text-align:center; /* ... et l'alignement du texte */
}

#pop{
	display: none;
	border: 3px rgb(120,120,120) solid;
	background: rgb(230,230,230);
	border-radius:10px;
	position: relative;
	top:15%;
	z-index: 9999;
	overflow: hidden;
  	width:550px;
	height:480px;
	margin: 0 auto;
}

#pop h3{
	position: absolute;
	left : 160px;
	top:25px;
}

#pop form{
	width: 75%;
	height: 75%;
	margin-left: 12.5%;
	margin-top: 10%;
}

.formu{
	height: 25px;
	text-indent: 15px;
	border-radius: 3px;
	box-shadow: 2px 2px 15px black;
	width: 80%;
	margin-top:30px;
	margin-left: 10%;

}

fieldset.inl{
	margin-left: 6%;
	border: none;
	display: inline;
	width: 40%;
}

#pop form input[type="submit"]{
	margin-top: 25px;
	margin-left: 20%;
}

#wrap{
	overflow: hidden;
	z-index: 9990;
	display: none;
	background: rgba(40,40,40,0.9);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 
}
#pop form input[type=submit]#buyButton{
	background: rgb(20,125,225);
	border:none;
	height:45px;
	line-height: 105%;
	padding:10px;
	padding-left:75px;
	padding-right:75px;
	font-size: 24px;
	font-family: 'sakkal_majallaregular';
	color:white;
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	border-style: none;  
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	text-shadow: 0px 0px 1px #111;
	position: absolute;
	left:10%;
	}
#pop form input[type=submit]#buyButton:hover{
	background: rgb(20,185,225);
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5st; /* Opera */
	border-bottom: 1px solid rgba(0,0,0,0.2);
	}

#cb{
	background: rgb(20,125,225);
	border:none;
	height:45px;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	font-size: 24px;
	font-family: 'sakkal_majallaregular';
	color:white;
	cursor:pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	border-style: none;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 5px;
	border-bottom: 3px solid rgba(0,0,0,0.2);
	text-shadow: 0px 0px 1px #111;
	}
#cb:hover{
	background: rgb(20,185,225);
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5st; /* Opera */
	border-bottom: 1px solid rgba(0,0,0,0.2);
	}
}

}