/* CSS Document */



body{

background:#82adb6 url(images/epi.jpg) left top no-repeat;

font-family:"Times New Roman", Times, serif;

color:#FFFFFF;

font-size:13px;

letter-spacing:1px;

margin:0;

padding:0;

}



img{

border:none;

}



#ouvert, #ouvertnl, #ouverten{

position:absolute;

z-index:250;

width:170px;

height:30px;

top:634px;

left:250px;

}



/* -------------- menu */

.menu{

	z-index:200;

    position:absolute;

	left:520px;

    display:block;

    width:490px;

    margin:0;

    padding:5px 0;

	font-size:14px;

	letter-spacing:1px;

	font-weight:bold;

    }



.menu ul{

    position:absolute;

    display:block;

    margin:0;

    padding:0;

	background:url(images/fond_menu.jpg) 50% 0 no-repeat;

	height:200px;

    }	



.menu li ul{

    visibility:hidden;

	background:none;	

    width:250px;

    }



.menu li li ul{

    position:absolute;

    margin-left:150px;

    margin-top:-22px;

    }

    

.menu li{

    list-style:none;

    height:auto;

    display:inline;

    display/**/:block;

    float:none;

    float/**/:left;

    margin:0;

    padding:0 0 0 15px;

	background:url(images/carre.jpg) 5px 50% no-repeat;

    }

	

.menu li.nocarre {

background:none;

}

    

.menu li li{

    display:block;

    float:none;

	background:none;

	margin:0;

	padding:0;

    }

    

/* correct a little IE bug */

* html .menu li li{

    display: inline;

    }





.menu a{

    text-align:left;

    color:#FFFFFF;

    display:block;

    text-decoration:none;

    padding:0;

    margin:0;

    }

    

.menu a:hover{

	color:#993300;

    }



/*----------- contenu */



#sac{

position:absolute;

z-index:110;

top:0;

left:115px;

margin:0;

background:url(images/sac.jpg) 0 0 no-repeat;

width:440px;

height:700px;

}



#sacformulaire{

position:absolute;

z-index:110;

top:0;

left:115px;

margin:0;

background:url(images/sac_formulaire.jpg) 0 0 no-repeat;

width:440px;

height:885px;

}



#txt{

position:absolute;

z-index:130;

top:180px;

left:550px;

width:430px;

text-align:left;

padding-bottom:20px;

}



#cadretablo{

padding:20px;

background:url(images/cadre_tablo.jpg) 50% 18% no-repeat;

}



#bloc{

max-height:450px;

overflow:auto;

}



#txt a{

color:#333333;

text-decoration:none;

}



#txt a:hover{

color:#333333;

text-decoration:underline;

}



#txt p{

margin:0 0 10px 0;

}



#txt ul{

padding:0;

margin:10px 0 10px 0;

list-style:url(images/carre.jpg);

}



#txt ul li{

margin:0 0 0 15px;

}



#image{

position:absolute;

top:235px;

left:50px;

}



ul#flag{

position:absolute;

z-index:200;

top:250px;

left:540px;

margin:0;

padding:0;

list-style-type:none;

}



ul#flagint{

position:absolute;

z-index:102;

left:10px;

top:10px;

margin:0;

padding:0;

list-style-type:none;

}



ul#flag li{

display:inline;

margin:0;

padding:0 5px;

}



h1{

margin:34px 0 0 68px;

}



h2{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-variant:small-caps;

margin:0 5px 20px 0;

padding:0 0 3px 0;

font-size:18px;

text-align:left;

border-bottom:1px dotted #af493a;

}



a.download{

font-size:14px;

font-weight:bold;

display:block;

padding: 0 0 2px 25px;

background:url(images/icone_telechargement.jpg) 0 0 no-repeat;

}



.temp{

border-top:1px dotted #af493a;

padding-top:10px;

}



/*----------- formulaire */



div#formulaire{

position:absolute;

top:240px;

left:50px;

color:#993300;

font-weight:bold;

}



div#formulaire label {

margin:5px 3px 0 0;

display:inline;

float:left;

width:140px;

text-align:right;

}



div#formulaire input{

background-color:#FFFFFF;

margin:1px 0;

}



div#formulaire select{

background-color:#FFFFFF;

margin:1px 0;

}



div#formulaire p{

text-align:right;

margin:5px 0 0 0;

padding:0;

}



#chek{

display:block;

padding:6px 0 0;

}



/*----------- contact */



div#contact{

height:340px;

color:#FFFFFF;

font-weight:bold;

padding:15px 10px;

background:url(images/cadre_contact.jpg) left top no-repeat;

}



div#contact label {

color:#FFFFFF;

margin:5px 3px 0 0;

display:inline;

float:left;

width:90px;

text-align:right;

}



div#contact select, div#contact textarea, div#contact input{

background-color:#FFFFFF;

margin:1px 0;

}



div#contact form{

margin:0;

}



div#contact p{

color:#FFFFFF;

text-align:left;

margin:5px 10px;

padding:0;

}



a.reserver{

background:transparent url(images/icone_reserver.jpg) no-repeat scroll 100% 70%;

display:block;

font-size:14px;

font-weight:bold;

margin:5px 0pt 0pt;

padding:0pt 30px 0px 0pt;

position:absolute;

bottom:0;

}



a.video{

background:transparent url(images/clap.jpg) no-repeat left center;

display:block;

font-size:14px;

font-weight:bold;

margin:5px 0 0 0;

padding:5px 0 5px 35px;

}

/*------------ inscription flipper --------------- */

form#flipperform{
position:relative;
margin:20px 0 0 0;
}

fieldset{
width:200px;
border:1px dotted #ccc;
padding:5px;
margin:0 0 5px 0;
}

fieldset label{
display:block;
width:70px;
float:left;
}
fieldset input{
width:120px;
}

#listequipe{
position:absolute;
right:0;
top:0;
}

p#chech{
width:200px;
}

p#chech input, p#repas input{
margin:3px 5px 10px 0;
float:left;
}

#conteneur_repas{
margin:0 0 20px 0;
}

p#flipper{
background: url("/images/logo-flipper-mini.png") no-repeat scroll left 5px transparent;
    border-top: 1px dotted #AF493A;
    height: 40px;
    padding: 15px 0 0 60px;
}

p#flipper img{
float:left;
margin-right:10px;
}

p#flipper span{
display:block;
padding:13px 0 0 0;
}

#___plusone_0{
position:absolute;
left:10px;
bottom:10px;
}