@charset "utf-8";
/* general */
body, div, p, form, img{margin:0px;padding:0px}
body{background-image:url(../images/bkg_carbon_fonce.jpg);background-repeat:repeat; font-size:12px; color:#c6c6c6;font-family:arial}
.conteneur{width:1024px;margin:auto;position:relative}
.br{clear:both;}
.logo{background-image:url(../images/design/logo.png);width:279px;height:75px;position:absolute;top:283px;left:10px}
a{text-decoration:none;color:#4aacdd;font-weight:bold}
/* login */
.login{height:195px;width:240px;padding:0px;background:url(../images/design/login/login.png) no-repeat -5px center;float:left;position:relative}
.login form, .login .infoclub{width:160px;margin:auto;position:absolute;top:45px;left:40px}
.login .infoclub{width:90px;background:url(../images/design/login/picto.png) no-repeat;padding:10px 0px 0px 70px;height:79px}
.login input[type=text], .login input[type=password]{background-image:url(../images/design/login/bg.gif);width:158px;height:20px;font-size:11px;padding:2px 0px 0px 2px;margin:0px 0px 5px 0px;border:none;color:#ffffff}
.login input[type=submit] {background-image:url(../images/design/login/bt.gif);width:47px;height:21px;border:none;padding:0px;float:right}
.login a{font-size:9px;color:#969299;text-decoration:none; line-height:9px}
/* menu */
.bkg_menu{height:100%;width:240px;padding:0px;float:left;}
.bg_menu{background-image:url(../images/bkg_menu.png); background-position:center 0px;background-repeat:no-repeat;height:269px;padding:21px 0px 0px 0px}
.menu{display:block;margin:auto;width:200px;list-style:none;padding:0px}
.menu li{padding:0px;margin:0px 0px 1px 0px;height:30px;display:block;}
.menu li a{text-align:left;height:30px;padding:0px 0px 0px 25px;font:12px Verdana, Arial, Helvetica, sans-serif;color:rgb(255,255,255);display:block;background:url(../images/verMenuImages.png) 0px 0px no-repeat;text-decoration:none;}
.menu li a:hover{background:url(../images/verMenuImages.png) 0px -30px no-repeat;color:rgb(255,255,255);}
.menu li a.active, .menu li a.active:hover{background:url(../images/verMenuImages.png) 0px -60px no-repeat;color:rgb(255,255,255);}
.menu li a span{line-height:30px;}
.banner{height:300px;width:1024px;padding:0px;margin:0px;}
.Title1{height:60px;width:1024px; background-image:url(../images/design/accueil.jpg);background-repeat:no-repeat;padding:0px;margin:0px;}
.Title2{height:60px;width:1024px; background-image:url(../images/design/stages.jpg);background-repeat:no-repeat;padding:0px;margin:0px;}
.presentation{height:60px;width:1024px; background-image:url(../images/design/presentation.jpg);background-repeat:no-repeat;padding:0px;margin:0px;}
.contenu{width:1024px;background:url(../images/design/bg1.gif) repeat-x top #525155;padding:5px 0 0 0;}
/* colonne */
.colonne{padding:5px 0px 0px 0px;margin:0px;float:left;width:781px;height:100%}
#f1{height:350px;padding-top:10px}
/*  footer  */
.footer{background:url(../images/design/bg_footer.jpg) no-repeat top;padding:0px 0px 0px 0px;width:100%;height:33px;margin:auto;font-size:10px;position:relative;color:#2e2d30}
.footer .add{display:block;position:absolute;top:9px;left:40px}
.footer .sig{display:block;position:absolute;top:9px;right:22px;font-family:Arial, Helvetica, sans-serif}
.txtBlue{color:#0092d9}
/* titre */
.txtTitle1{font-size:16px;font-weight:bold;color:#00a5ff}
/* accueil */
.info{background:url(../images/infos/bg1.png) no-repeat center top;width:765px;height:291px;margin:auto;position:relative}
.info .vign{width:739px;height:158px; margin:auto; overflow:hidden;position:absolute;top:54px;left:11px;text-align:center}
.info h1{font-size:18px;color:#f5ede0;font-weight:bold;margin:0px;position:absolute;top:15px;left:16px}
.info .desc{width:719px;position:absolute;top:220px;left:11px;padding:0px 10px 0px 10px;color:#929292}
.info .moins{background:url(../images/infos/bt1.gif) no-repeat -21px;width:19px;height:20px;top:15px;right:33px;position:absolute;display:block;cursor:pointer}
.info .plus{background:url(../images/infos/bt1.gif) no-repeat -41px;width:19px;height:20px;top:15px;right:14px;position:absolute;display:block;cursor:pointer}
.info .list{height:20px;top:15px;right:60px;position:absolute;}
.info .list a{display:block;background:url(../images/infos/bt1.gif) no-repeat 0px 0px;width:20px;height:20px; float:left; text-align:center;color:#999999; text-decoration:none;font-size:9px; font-weight:bold;padding-top:3px;cursor:pointer}
.info .list ._S{display:block;background:url(../images/infos/bt1.gif) no-repeat -61px 0px;color:#ffffff;width:20px;height:20px; float:left; text-align:center;text-decoration:none;font-size:9px; font-weight:bold;padding-top:3px;cursor:pointer}
.info .lien{background:url(../images/infos/bt1.gif) no-repeat;position:absolute;bottom:25px;right:20px}
/* news */
.news{width:765px;height:159px;padding:0px;background-image:url(../images/news/bg1.jpg);background-repeat:no-repeat;margin:auto;position:relative}
.news h1{font-size:16px;color:#f5ede0;font-weight:bold;margin:0px;position:absolute;top:13px;left:16px}
.news .para{position:absolute;top:50px;left:20px;width:725px;height:80px;overflow:hidden;color:#929292}
.news .txtBlue{color:#00a5ff}
.news img{float:left;margin-right:10px}
.news .btplus{background:url(../images/news/bt1.gif) no-repeat;position:absolute;top:115px;right:20px; line-height:19px;padding:0px 18px 0px 10px;color:#a3a3a3;text-decoration:none}
.news .moins{background:url(../images/infos/bt1.gif) no-repeat -21px;width:19px;height:20px;top:15px;right:85px;position:absolute;display:block;cursor:pointer}
.news .plus{background:url(../images/infos/bt1.gif) no-repeat -41px;width:19px;height:20px;top:15px;right:14px;position:absolute;display:block;cursor:pointer}
.news .list{top:16px;right:35px;position:absolute;width:48px;text-align:center}
/* */
#pack{width:750px;height:250px;text-align:center;position:relative}
.stages{padding:30px;height:100%}
.stages h1{color:#0292ce;font-size:18px;font-style:italic;margin:0px 0px 10px 0px;}
.stages h2{color:#ffffff;font-size:18px;margin:30px 0px 10px 0px;list-style-image:url(../images/design/stages/puce1.gif); list-style-position:outside;display:list-item;}
.stages .cont{
	width:566px;
	height:167px;
	position:absolute;
	top:14px;
	left:20px
}
.stages #price{font-size:15px}
.lespack{background:url(../images/design/stages/fond1.jpg) no-repeat;width:766px;height:205px;position:relative;}
#apdf{display: block;background:url(../images/design/stages/pdf.png) no-repeat;position:absolute;width:84px;height:65px;top:-12px;left:460px;z-index: 99;}
#acde  {display: block;background:url(../images/design/stages/cde.png) no-repeat;position:absolute;width:58px;height:65px;top:-12px;left:540px;z-index: 99;}
#stages {z-index: 10;}
.lespack .opcde{
	width:143px;
	height:168px;
	position:absolute;
	top:14px;
	right:17px;
}
.lespack .circuit{width:143px;overflow:hidden;text-align:center;height:105px;}
.lespack .btins{background:transparent url(../images/design/stages/btins.gif);width:128px;height:21px;border:none;margin-top:5px}
/* .lespack .bt{position:absolute;bottom:0px;} */
.produit{background:#696969;width:770px}
.produit .titre{background:url(../images/design/stages/drapeau.gif) no-repeat top left #000000;font-size:14px;color:#ffffff;font-weight:bold;padding:12px 5px 12px 60px;position:relative;left:0px;top:0px}
.produit .uo{position:absolute;right:12px;top:35%;font-size:12px; font-weight:normal}
.produit ul{margin:0px;padding:0px;display:block;}
.produit li {display:block;list-style:none;margin:0px;padding:0px}
.produit li a{display:block;padding:8px 15px 8px 15px;color:#000000;font-weight:bold;border-bottom:2px solid #535256;list-style:none;margin:0px;position:relative;}
.produit img{margin-right:10px}
.produit li:hover, .produit li a:hover{color:#ffffff;background:#333333}
.produit li a .nbd {position:absolute;right:15px;top:35%;color:#27ceee}

.msginfo{padding:20px;background:#566b74;color:#63c2f1}
/* */
.club{width:600px;margin:auto;padding-top:10px;}
.club ul{margin:0px;padding:0px 30px 0px 30px}
.club li{font-size:12px;margin:10px 0px 10px 0px;list-style-image:url(../images/design/stages/puce1.gif); list-style-position:outside;}
.text{padding:20px;position:relative}
.text h1{color:#0292ce;font-size:22px;font-style:italic;margin:0px 0px 10px 0px;}
#volet{width:100%;height:100%;background-color:#525155;position:absolute;bottom:0px;right:0px}
/* */
#idpanier{position:absolute;top:200px;left:-20px;width:96px;height:62px; background:url(../images/design/panier/bg1.png);display:block;}
#idpanier span{position:absolute;bottom:3px;right:10px;font-size:12px;color:#2784bd}
/* */
.clubEuro{background:url(../images/design/club/bg1.png) no-repeat center center;position:relative;height:450px}
.clubEuro h1{
	font-size:27px;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
	position:absolute;
	top:21px;
	left:32px
}
.clubEuro .tab{
	position:absolute;
	width:714px;
	height:330px;
	left: 32px;
	top: 72px;
}
.clubEuro h1 .img{background:url(../images/design/club/drapeau.gif) no-repeat;width:42px;height:41px;position:absolute;left:105%;top:-10px;display:block}
/* */
.clubEuro .list{height:20px;top:25px;right:80px;position:absolute;}
.clubEuro .list a{display:block;background:url(../images/infos/bt1.gif) no-repeat 0px 0px;width:20px;height:20px; float:left; text-align:center;color:#999999; text-decoration:none;font-size:9px; font-weight:bold;padding-top:3px;cursor:pointer}
.clubEuro .list ._S{display:block;background:url(../images/infos/bt1.gif) no-repeat -61px 0px;color:#ffffff;width:20px;height:20px; float:left; text-align:center;text-decoration:none;font-size:9px; font-weight:bold;padding-top:3px;cursor:pointer}
.clubEuro .moins{background:url(../images/infos/bt1.gif) no-repeat -21px;width:19px;height:20px;top:25px;right:53px;position:absolute;display:block;cursor:pointer}
.clubEuro .plus{background:url(../images/infos/bt1.gif) no-repeat -41px;width:19px;height:20px;top:25px;right:34px;position:absolute;display:block;cursor:pointer}
.clubEuro .carbone{background:url(../images/design/club/fond1.gif);padding:5px;position:relative;display:block;color:#c6c6c6;font-weight:normal;cursor:pointer}
.clubEuro .carbone span{background:url(../images/design/club/fond1.gif);}
.clubEuro .c1{padding:5px;position:relative;display:block;color:#c6c6c6;font-weight:normal;cursor:pointer}
.clubEuro .c1 span{background:#5f5f5f;}
.clubEuro .carbone .txtBlue, .clubEuro .c1 .txtBlue{font-weight:bold;position:absolute;right:5px}
.clubEuro .pt{background:url(../images/design/club/points.gif) repeat-x center 10px;height:12px;}
.clubEuro .carbone:hover{color:#FFFFFF}
.clubEuro .carbone:hover .txtBlue{color:#FFFFFF}
.clubEuro .carbone:hover .pt{background:url(../images/design/club/points_select.gif) repeat-x center 10px;}
.clubEuro .c1:hover{color:#FFFFFF}
.clubEuro .c1	:hover .txtBlue{color:#FFFFFF}
.clubEuro .c1:hover .pt{background:url(../images/design/club/points_select.gif) repeat-x center 10px;}
.clubEuro .cl{display:block;position:absolute;right:40%;bottom:10px;text-decoration:underline;font-size:14px}