/*
	Theme Name: Compactor
*/

@charset "utf-8";
html, body{height:100%; margin:0px; font-family: 'Chivo', sans-serif; font-weight:400; font-size:12px; color:#FFFFFF; background-color:#000000;}
form{margin:0px; padding:0px;}
a{color:#0079be; text-decoration:none;/* Fonctionne déjà sur webkit */
		    -webkit-transition-property: color;
				-webkit-transition-duration: 2s;
				
				/* Bientôt supporté par Firefox */
        -moz-transition-property: color;
				-moz-transition-duration: 2s;
				
				/* … et lorsque ce sera standardisé */
				transition-property: color;
				transition-duration: 1s;}
a:hover{color:#E20043;}
.lien_bandeau_haut{color:#3c5f73;}
.lien_bottom{color:#FFFFFF;}

#wrapper{position:relative; width:100%; min-height:100%; text-align:center;}
#header{position:relative; width:930px; margin:auto; text-align:center;}
#content{position:relative; width:100%; margin:auto; padding-bottom:200px; text-align:left;}
#footer{position:absolute; width:100%; height:200px; left:0px; bottom:0px; text-align:center;}

#menu1{float:left; width:930px; margin:0px; padding:0px; margin-top:25px; list-style:none;}
#menu1 li{float:left; position:relative; text-align:left;}
#menu1 li a{color:#808080; font-size:22px;}
#menu1 li a:hover{color:#ffffff;}

#menu2{float:left; width:930px; margin:0px; padding:0px; margin-top:20px; margin-bottom:16px; list-style:none;}
#menu2 li{float:left; position:relative; text-align:left;}
#menu2 li .bloc{height:25px; margin:0px; padding-bottom:0px; padding-top:8px; padding-left:8px; padding-right:8px; border:1px solid #808080; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center;}
#menu2 li .bloc:hover{border:1px solid #ffffff;}
#menu2 li .bloc:hover a{color:#ffffff;}
#menu2 li .fleche{display:none; position:absolute; left:0px; top:34px; width:100%; height:7px; text-align:center;}
#menu2 li .fleche img{vertical-align:100%;}
#menu2 li .fleche2{position:absolute; left:0px; top:34px; width:100%; height:7px; text-align:center;}
#menu2 li .fleche2 img{vertical-align:100%;}
#menu2 li a{color:#808080; font-size:14px; text-transform:uppercase;}
#menu2 li a:hover{color:#ffffff;}

#menu3{float:left; margin:0px; padding:0px; margin-left:65px; list-style:none;}
#menu3 li{float:left; position:relative; text-align:left; margin-right:30px;}
#menu3 li .bloc{height:22px; margin:0px; padding-bottom:1px; padding-top:1px; border:1px solid #015e87; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center;}
#menu3 li .fleche{display:none; position:absolute; left:0px; top:25px; width:100%; height:9px; text-align:center;}
#menu3 li .fleche img{vertical-align:100%;}
#menu3 li .fleche2{display:none; position:absolute; left:0px; top:25px; width:100%; height:9px; text-align:center;}
#menu3 li .fleche2 img{vertical-align:100%;}
#menu3 li a{color:#015e87; font-size:16px;}

#menu4{float:left; margin:0px; padding:0px; margin-top:20px; margin-left:200px; list-style:none;}
#menu4 li{float:left; position:relative; text-align:left; margin-right:30px;}

#menu5{float:left; margin:0px; padding:0px; margin-top:190px; margin-left:500px; list-style:none;}
#menu5 li{float:left; position:relative; text-align:left; margin-right:15px;}

#club{width:100%; min-height:824px; font-family: 'Roboto Condensed', sans-serif; color:#3B5F75; font-size:14px; background-color:#e5eaee; background-image:url('images/club-fond.jpg'); background-position:top center; background-repeat:repeat-y;}
#club .contenu{position:relative; width:930px; padding-top:35px; margin:auto; background-image:url('images/home-ombre-bandeau.png'); background-repeat:no-repeat; background-position:center top;}
#club h1{font-size:40px; font-weight:normal; color:#005f85; margin:0px; padding:0px;}
#club .club_avantages h1{padding-top:25px;}
#club .intro{font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#a31d5a;}
/*font-family: 'Amatic SC', cursive;
font-family: 'Roboto', sans-serif; font-weight:700;
font-family: 'Roboto Condensed', sans-serif;*/
.btclub{display:inline-block; height:22px; margin:0px; padding:5px; border:1px solid #015e87; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; color:#015e87; font-size:16px;}


/* Avantages Club */
.club_avantages{width:930px; margin:auto; font-weight:300; font-size:20px;}
.club_avantages strong{font-weight:600;}
.club_avantages a{text-decoration:underline; color:#ec008c;}
.club_avantages h1{padding-top:25px;}
.club_avantages h2{font-size:30px; font-weight:400; color:#ec008c;}
.club_avantages ul{list-style:none;}
.club_avantages ul li{margin-top:20px;}
.club_avantages .avtge1{padding-bottom:50px; background:url('images/club_avtge1.png') no-repeat center top;}
.club_avantages .cumul li span{color:#ec008c;}
.club_avantages .avtges li{width:400px;}
.club_avantages .avtges .birthday{width:auto; padding-left:70px; background:url('images/club_gateau.png') no-repeat left top;}
.club_avantages .avtges .birthday span{font-size:14px; font-style:italic;}
.club_avantages .avtges .pts{width:auto; padding-left:70px; background:url('images/club_dollar.png') no-repeat left top;}
.club_avantages .avtges .news{height:60px; padding-left:70px; background:url('images/club_mail.png') no-repeat left top;}
.club_avantages .avtges .vp{height:60px; padding-left:70px; background:url('images/club_king.png') no-repeat left top;}


.cr_phone{display:none; margin-top:30px; text-align:left;}
.cr_bloc .cr_horaires{display:none; margin-left:10px; margin-top:5px; margin-bottom:5px;}
.cr_bloc .cr_adr{padding:10px; margin-top:5px; background-color:#f8f9fb; border-left:1px solid #91a4b2; border-bottom:1px solid #91a4b2;}