body{
margin:0;
padding:0;
font-family:Rockwell;
font-size:12px;
/*background:url("../images/bg_body.jpg") top left repeat-x;*/

  background: url("../images/bg_body.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  
}


@font-face {
    font-family: 'SeatMetaMediumRomanRegular';
    src: url('../fonts/seat.eot');
    src: url('../fonts/seat.eot') format('embedded-opentype'),
         url('../fonts/seat.woff') format('woff'),
         url('../fonts/seat.ttf') format('truetype'),
         url('../fonts/seat.svg#SeatMetaMediumRomanRegular') format('svg');
}



#top{
height:auto;
width:1012px;
display:block;
margin:0;
padding:0;
margin:0 auto;
text-align:center;
position:relative;
}

#open_door_mcdo{
height:auto;
width:100%;
display:block;
text-align:center;
}

#open_door_mcdo img{
	/*width:100%;*/
	margin:0 auto;
}

#conteneur{
height:800px;
width:1012px;
display:block;
margin:0;
padding:0;
}

#contenu{
height:auto;
width:1012px;
display:block;
margin:0;
margin:0 auto;
padding:0;
overflow:hidden;
position:relative;
}

.img_home{
background:url("../images/bg_home.jpg") top center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.img_reglements{
background:url("../images/bg_reglements.jpg") top center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

.box_in_home{
height:272px;
width:360px;
display:inline-block;
margin:0;
padding:0;
background:#fff;
padding:0 0 10px 0;
position:relative;
vertical-align: top;
margin:50px 50px 0 55px;
}



.img_in_box_home{
height:auto;
width:100%;
display:block;
margin:0;
padding:0;
border-bottom:2px solid #e80b0b;
}

.img_in_box_home img{
 width: 100%;
}

.box_in_home p{
margin:0;
color:#000;
font-size:16px;
padding:0;
padding:10px;
text-align:center;
}

.nytsee_raduis{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.nytsee_shadow{
-moz-box-shadow: 1px 1px 35px #2b2b2b;
-webkit-box-shadow: 1px 1px 35px #2b2b2b;
box-shadow: 1px 1px 35px #2b2b2b;
}


.btn_home_right a{
height:27px;
width:330px;
display:block;
margin:0;
padding:0;
margin:0 auto;
font-size:16px;
color:#fff;
text-decoration:none;
line-height:27px;
text-align:center;
-webkit-transition:all 250ms ease-out;
-moz-transition:all 250ms ease-out;
-ms-transition:all 250ms ease-out;
-o-transition:all 250ms ease-out;
transition:all 250ms ease-out;
background:#ed0101 url("../images/bg_btn_left.jpg") 5px center no-repeat;
position:absolute;
bottom:4px;
left:50%;
border:2px solid transparent;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn_home_right a:hover{
border:2px solid #fff;
}


.btn_home_left a{
height:27px;
width:330px;
display:block;
margin:0;
padding:0;
margin:0 auto;
font-size:16px;
color:#fff;
text-decoration:none;
line-height:27px;
text-align:center;
-webkit-transition:all 250ms ease-out;
-moz-transition:all 250ms ease-out;
-ms-transition:all 250ms ease-out;
-o-transition:all 250ms ease-out;
transition:all 250ms ease-out;
background:#ed0101 url("../images/bg_btn_right.jpg") 320px center no-repeat;
position:absolute;
bottom:4px;
left:50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
border:2px solid transparent;
}

.btn_home_left a:hover{
color:#000;
}

#cont_boxs_home{
text-align:center;
overflow:hidden;
height:auto;
padding:0 0 50px 0;
}



#cont_formulaire{
height:auto;
width:778px;
display:block;
margin:0;
padding:0;
margin:0 auto;
background:#fff;
direction:rtl;
font-family:Tahoma;
background-color: rgba(255, 255, 255, 0.6);
overflow:hidden;
background: rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
padding-bottom:50px;
}

.top_formulaire{
text-align:center;
font-size:14px;
color:#000;
direction:rtl;
font-family:Tahoma;
}

span.red_title{
font-size:27px;
color:#d60000;
display:block;
}


#left_form{
height:300px;
width:328px;
display:block;
margin:0;
padding:0;
float:right;
direction:rtl;
font-family:Tahoma;
margin:15px 0 15px 0;
padding:15px 0 0 0 ;
}

#right_form{
height:300px;
width:423px;
display:block;
margin:0;
padding:0;
float:right;
direction:rtl;
font-family:Tahoma;
margin:15px 0 15px 10px;
}

.label{
height:24px;
width:130px;
text-align:right;
float:right;
font-family:Tahoma;
color:#000;
font-size:13px;
margin-right:20px;
font-weight:bold;
line-height:24px;
direction:rtl;
font-family:Tahoma;
}

.label_sec{
height:24px;
width:140px;
text-align:right;
float:right;
font-family:Tahoma;
color:#000;
font-size:13px;
font-weight:bold;
line-height:24px;
padding:0 15px 0 0;
margin-right:30px;
background:url("../images/puce_ul.png")  145px 9px no-repeat;
}

form,img{
margin:0;
padding:0;
}

.champs{
height:22px;
width:151px;
float:left;
font-family:Tahoma;
color:#000;
font-size:13px;
line-height:21px;
background:#e5e5e5;
margin:0 0 0 10px;
padding:0 5px 0 5px;
direction:rtl;
font-family:Tahoma;
border:1px solid #bababa;
}

.champs_select{
height:25px;
width:162px;
float:left;
font-family:Tahoma;
color:#000;
font-size:13px;
line-height:21px;
background:#e5e5e5;
margin:0 0 0 10px;
direction:rtl;
padding:0 5px 0 5px;
border:1px solid #bababa;
}


.clear{
clear:both;
height:5px;
display:block;
}

.mini_red{
font-size:11px;
text-align:right;
color:#d60000;
display:block;
width:180px;
font-family:Tahoma;
float:right;
margin:5px 26px 0 0;
}


.black_titre{
font-family:Tahoma;
color:#000;
font-weight:bold;
font-size:15px;
margin:15px 40px 15px 0;
}

.cont_calendrier{
height:129px;
width:325px;
display:block;
margin :0;
padding:0;
direction:rtl;
font-family:Tahoma;
}


.heure{
height:24px;
width:40px;
display:block;
margin:0;
padding:0;
float:right;
font-size:12px;
font-weight:bold;
text-align:center;
line-height:24px;
color:#000;
margin:0 0 0 2px;
background:#e5e5e5;
}

.blank_box{
height:24px;
width:67px;
display:block;
margin:0;
padding:0;
float:right;
margin:0 0 0 2px;
}

.day_red{
height:24px;
width:62px;
display:block;
margin:0;
padding:0;
float:right;
font-weight:bold;
font-size:13px;
text-align:right;
padding:0 5px 0 0;
background:#d60000;
color:#fff;
line-height:24px;
margin:2px 0 0 2px;
}

.box_mcdo a{
height:24px;
width:40px;
display:block;
margin:0;
padding:0;
float:right;
margin: 2px 0 0 2px;
cursor:pointer;
background:url("../images/mcdo_jaune.jpg") top left no-repeat;
}

.box_mcdo a:hover{
background:url("../images/mcdo_jaune.jpg") bottom left no-repeat;
}

.box_mcdo a.sellected{
background:url("../images/mcdo_reserved.jpg") top left no-repeat;
}


#subForm{
height:25px;
width:108px;
display:block;
margin:0;
padding:0;
line-height:25px;
float:left;
text-align:center;
color:#fff;
font-size:16px;
margin:30px 0 0 216px;
border:none;
font-family:Tahoma;
cursor:pointer;
border-right:5px solid #ed0101;
border-left:5px solid #ed0101;
background:#ed0101 url("../images/bg_btn_right.jpg") right center no-repeat;
}


.revenir a{
color:#000;
display:block;
text-decoration:none;
font-family:Arial;
clear:both;
-webkit-transition:all 250ms ease-out;
-moz-transition:all 250ms ease-out;
-ms-transition:all 250ms ease-out;
-o-transition:all 250ms ease-out;
transition:all 250ms ease-out;
margin:15px 0 0 0;
}

.revenir a:hover{
color:#d60000;
}

ul.semains {
margin:0;
padding:0;
padding:0 0 20px 0;
list-style:none;
}


ul.semains li a{
margin:0;
padding:0;
list-style:none;
padding:0 0 0 15px;
color:#000;
height:20px;
line-height:20px;
text-decoration:none;
font-size:12px;
font-weight:bold;
font-family:Arial;
-webkit-transition:all 250ms ease-out;
-moz-transition:all 250ms ease-out;
-ms-transition:all 250ms ease-out;
-o-transition:all 250ms ease-out;
transition:all 250ms ease-out;
background:url("../images/puce_ul.png") center left no-repeat;
}

ul.semains li a:hover{
color:#ed0101;
}


#block_reglements{
font-family:Tahoma;
font-size:12px;
line-height:16px;
width:590px;
direction:rtl;
float:right;
}

#block_reglements_right{
font-family:Tahoma;
font-size:12px;
line-height:16px;
width:117px;
float:left;
margin:0 10px 0 0;
}


ul.reglement_ul{
list-style:none;
margin:0;
padding:0;
display:block;
margin:0 0 20px 0;
}

ul.reglement_ul li{
display:block;
margin:0;
padding:0;
height:20px;
line-height:20px;
}
span.puce_red{
color:red;
margin:0 5px 0 0;
}


.cont_rgba{
height:auto;
width:778px;
display:block;
margin:0;
padding:0;
margin:0 auto;
background:#fff;
color:#000;
background-color: rgba(255, 255, 255, 0.6);
overflow:hidden;
background: rgba(255, 255, 255, 0.6);
padding:20px
}

#reglements_form input{
margin:0;
padding:0;
float:right;
margin:2px 0 0 5px;
}

#reglements_form label{
font-weight:bold;
}

.subreglements{
margin:15px 0 0 250px !important;
}

#cont_confirmation{
width:693px;
height:auto;
display:block;
margin:0;
padding:0;
margin:0 auto;
font-family: Tahoma, sans-serif;
}


#cont_confirmation p{
text-align:center;
width:693px;
font-size:18px;
float:left;
line-height:22px;
}

#cont_confirmation p a{
text-decoration:none;
color:#fff;
display:inline-block;
-webkit-transition:all 300ms ease-out;
-moz-transition:all 300ms ease-out;
-ms-transition:all 300ms ease-out;
-o-transition:all 300ms ease-out;
transition:all 300ms ease-out;
background:#dc0000;
padding:3px 6px 3px 6px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top:10px;
}

#cont_confirmation p a:hover{
color:#fdc613;
}

#profil_dir{
height:auto;
width:103px;
display:block;
margin:0;
padding:0;
float:right;
text-align:center;
color:#000;
font-size:14px;
}

#profil_dir img{
margin:0;
width:78px;
height:87px;
display:block;
border:2px solid #e1e1e1; 
padding:0;
margin:0 auto;
}

span.red_red{
color:#dc0000;
display:block;
}

.ok_confirmation{
width:100%;
font-size:21px;
padding:100px 0 200px 0;
text-align:center;
}


/*__________DO YOU KNOW_____________*/

#doyouknow{
height:82px;
display:block;
margin:0;
padding:0;
text-align:center;
width:666px;
float:left;
margin:50px auto 0 auto;
color:#000;
font-size:18px;
padding:0 10px 0 10px;
background:url("../images/doyouknow.png") top left no-repeat;
}

#doyouknow span{
margin:0;
color:#dc0000;
font-size:22px;
padding:0;
display:block;
}

#doyouknow p{
margin:0;
padding:0;
text-align:center;
width:100%;
}


#cont_pop{
height:auto;
width:520px;
display:block;
margin:0;
padding:0;
position:absolute;
top:50%;
left:50%;
background:#fff;
padding:0 0 20px 0;
margin:-100px 0 0 -260px ;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: -1px 0px 21px #424242;
-webkit-box-shadow: -1px 0px 21px #424242;
box-shadow: -1px 0px 21px #424242;
}

#box_message{
height:auto;
width:482px;
display:block;
margin:0;
padding:0;
position:absolute;
top:20px;
left:20px;
background:#fff;
}


#close a{
height:38px;
width:38px;
display:block;
margin:0;
position:absolute;
top:-10px;
right:-10px;
background:url("../images/close.png") top left no-repeat;
}

#message{
height:auto;
width:401px;
display:block;
margin:0;
padding:0;
font-size:20px;
position:relative;
font-family:Rockwell;
color:#110c15;
text-align:center;
margin:30px auto 0 auto;
}


#btn_message_quitter a{
height:36px;
width:160px;
display:block;
margin:0;
padding:0;
background:#e90000;
color:#fff;
text-align:center;
margin:20px auto 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration:none;
z-index:999;
position:relative;
line-height:36px;
font-size:22px;
}



#btn_message_ressayer a{
height:36px;
width:160px;
display:block;
margin:0;
padding:0;
position:absolute;
right:80px;
background:#e4234c;
color:#fff;
text-align:center;
bottom:50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-decoration:none;
line-height:36px;
font-size:22px;
}


#alert{
height:100%;
width:100%;
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
display:none;
background:#fff;
background-color: rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
}

#reglements_form a{
display:inline-block;
margin:0;padding:0;
color:#000;
}

#reglements_form a:hover{
text-decoration:none;
}
























@media screen and (max-width:1012px){
	 #conteneur{
        width:100%;
       /* background:green;*/
	 }

	 #contenu{
	 	width:100%;
	 	/*background:pink;*/
	 }

	 #open_door_mcdo{
	 	width:100%;
	 }

	 #top{
	 	width:100%;
	 }


     #cont_boxs_home{
       text-align:center;
     }

	 .box_in_home{
	 	display:inline-block;
	 	margin:0 auto;
	 	float:none;
	 	vertical-align:top;
	 	/*margin:10px auto;*/
	 }


	 .cont_rgba{
		height:auto;
		width:90%;
		display:block;
		margin:0;
		padding:0;
		margin:0 auto;
		background:#fff;
		color:#000;
		background-color: rgba(255, 255, 255, 0.6);
		overflow:hidden;
		background: rgba(255, 255, 255, 0.6);
		padding:20px
    }


    #block_reglements{
		font-family:Arial;
		font-size:12px;
		line-height:16px;
		width:80%;
		float:right;
	}

#block_reglements_right{
	font-family:Arial;
	font-size:12px;
	line-height:16px;
	width:15%;
	float:left;
	margin:0 10px 0 0;
}	

#block_reglements_right img{
	width:100%;
}

#open_door_mcdo img{
	width:100%;
	margin:0 auto;
}

.subreglements{
margin:15px auto !important;
}

#cont_formulaire{
	width:98%;
}




#left_form{
height:auto;
width:45%;
display:block;
margin:0;
padding:0;
float:left;
margin:15px 0 15px 0;
padding:15px 0 0 0 ;
}

#right_form{
height:auto;
width:45%;
display:block;
margin:0;
padding:0;
float:left;
margin:15px auto;
}

#contenu{
	/*background:yellow;*/
	width: 97%;
	margin:0 auto;
}

#cont_confirmation p{
	width:100%;
	margin:0 auto;
	padding:0;
	/*background:pink;*/
}

#cont_confirmation{
	width:98%;
	margin:0 auto;
}

.cont_rgba{
	width: 100%;
	padding:0;
	margin:0;
	padding:20px 3px;
	  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#doyouknow{
	width:100%;
	height:auto;
	padding:0;
	/*background:red*/;
	background-image:none;
}

#doyouknow p{
	width:100%;
}

}





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

#left_form{
height:auto;
width:100%;
display:block;
margin:0;
padding:0;
float:none;
margin:15px 0 15px 0;
padding:15px 0 0 0 ;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#right_form{
height:auto;
width:100%;
display:block;
margin:0;
padding:0;
float:none;
margin:15px auto;
}

#cont_formulaire{
	width:320px;
	padding:20px 20px 50px 20px;
	display:block;
	  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.cont_calendrier{
	height:129px;
	width:325px;
	display:block;
	margin :0;
	padding:0;
	direction:rtl;
	font-family:Tahoma;
}

#calendrier_block{
	margin-right:0 !important;
}


#cont_pop{
height:auto;
width:280px;
display:block;
margin:0;
padding:0;
position:absolute;
top:50%;
left:50%;
background:#fff;
padding:0 0 20px 0;
margin:-100px 0 0 -138px ;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: -1px 0px 21px #424242;
-webkit-box-shadow: -1px 0px 21px #424242;
box-shadow: -1px 0px 21px #424242;
}

#box_message{
height:auto;
width:auto;
display:block;
margin:0;
padding:0;
position:absolute;
top:20px;
left:20px;
background:#fff;
}

#message{
	width:auto;
}

#subForm{
height:25px;
width:108px;
display:block;
margin:0;
padding:0;
line-height:25px;
float:none;
text-align:center;
color:#fff;
font-size:16px;
margin:30px auto;
border:none;
font-family:Tahoma;
cursor:pointer;
border-right:5px solid #ed0101;
border-left:5px solid #ed0101;
background:#ed0101 url("../images/bg_btn_right.jpg") right center no-repeat;
}


.champs_select, .champs{
	width:100%;
	margin:0 auto;
}

#formulaire .label{
	text-align: right;
}

}