/* default */
img {border:0; display:block;}
a {outline: none; color:#42474E;}
fieldset {border:0; margin:0; padding:0;}
form {margin:0; padding:0;}
option {background:white;}
h2 {margin:0; padding:0; font-size:12px; text-transform:uppercase;}
h3 {margin:0; padding:0; font-size:12px; line-height:14px; text-transform:uppercase;}
h4 {margin:0; padding:0; font-size:10px; line-height:14px;}

h2 span {display:block; float:right; }
h2 span a {color:white; text-transform:none; margin-left:15px;}

/* layout */
#doc {width:1000px;margin:0 auto;}
#hd {padding-top:15px; background:url(doc-hd.png) top no-repeat;}
#bd {background:white; background:url(doc-bd.png) top repeat-y; padding:10px 5px 1px 5px;}
#ft {padding-top:30px; background:url(doc-ft.png) top no-repeat;}

div.input-left {background:url(input-left.png) top left no-repeat; float:left; padding-left:5px; height:20px;}
input.input-center {background:url(input-center.png) top right repeat-x; display:block; float:left; border:0; padding:2px 0;}
div.input-right {background:url(input-right.png) top right no-repeat; float:left; padding-right:5px; height:20px;}


.rounded-corners {position:relative; overflow:hidden;}
.rounded-corners .content {padding:0;}
.rounded-corners .content p {margin:0; padding:10px 20px;}
.rounded-corners .content h2 {padding:8px 20px 8px 10px; font-size:12px; line-height:14px; text-transform:uppercase;}
.rounded-corners .content h2.opened {padding-left:30px; background:url(puce-opened.gif) 10px 12px no-repeat;}
.rounded-corners .content h2.closed {padding-left:30px; background:url(puce-closed.gif) 10px 10px no-repeat;}

.rounded-corners .tl {position:absolute; display:block; top:0; left:0; width:5px; height:5px; background:url(corner-tl.png) left top no-repeat;}
.rounded-corners .tr {position:absolute; display:block; top:0; right:0; width:5px; height:5px; background:url(corner-tr.png) right top no-repeat;}
.rounded-corners .bl {position:absolute; display:block; bottom:0; left:0; width:5px; height:5px; background:url(corner-bl.png) left bottom no-repeat;}
.rounded-corners .br {position:absolute; display:block; bottom:0; right:0; width:5px; height:5px; background:url(corner-br.png) left bottom no-repeat;}

.lightgrey {background-color:#E0E3E3; color:#42474E;}
.lightgrey a, .lightgrey h2, .lightgrey h3 {color:#42474E;}
.red {background-color:#CE0206; color:white;}
.green {background-color:#97BD00; color:white;}


.pointer {}
.pointer .content {margin:0; padding-bottom:20px;}
.pointer .bl {position:absolute; bottom:0; left:0; width:5px; height:25px; background:url(pointer-bl.png) left bottom no-repeat;}
.pointer .br {position:absolute; bottom:0; right:0; width:50px; height:25px; background:url(pointer-br.png) right bottom no-repeat;}
.pointer .b {position:absolute; bottom:0; left:0; width:100%; height:25px; background:url(pointer-b.png) center bottom no-repeat;}
.pointer .content h2 {padding-bottom:8px;}
.pointer .content p {padding-bottom:8px;}

.checkField {display: inline-block; margin-top: 3px; margin-left: 3px; width: 12px; height: 14px; background-repeat: no-repeat; background-position: top right;}
.mandatory {width:15px; line-height:15px; background:url(star.png) no-repeat 0 0;}

#parcours {margin:20px}
#parcours .rounded-corners {width:310px; margin-right:10px; float:left;}

#parcours .last {margin-right:0;}
#parcours .inner {clear:left; padding:5px 10px 0 10px;}
#parcours .abonnement {float:left; padding-left:250px;height:400px;}
#parcours .abonnement img{padding-left:70px;}
#parcours #form_location {float:left; width:470px; margin-right:10px;}

#parcours form .rounded-corners {padding:10px; height:720px; width:400px; margin:0;}
#parcours form .rounded-corners-court {padding:10px; height:100px; width:400px; margin:0;}
#parcours form .rounded-corners#register {width:400px;}
#parcours form .button {margin:10px 0 20px 0; height:20px; text-align:center; width:930px;}
#parcours form .button2 {margin:10px 0 20px 0px; height:20px;}
#parcours form .click {cursor:pointer;}
#parcours form .last {margin-right:0;}
#parcours form .first {margin-right:10px;}

#parcours form div.fieldset {text-align:right;}
#parcours form h3 {text-transform:uppercase; margin-bottom:15px; text-align:left;}
#parcours form .field {padding-bottom:10px; clear:left;}
#parcours form label {display:block; float:left; width:150px; margin-right:10px; padding:0; text-align:left; line-height:20px; padding-bottom:10px;}
#parcours form #fieldset-cgv label {display:inline;float:none;width:350px;}
#parcours form input.text {width:200px;}
#parcours .comment {font-size:10px; text-decoration:underline;}

#parcours form .radios {text-align:left; float:left;width:600px;margin-bottom:10px}
#parcours form .radios label {display:inline; width:auto; float:none;}
#parcours form .radios input {display:inline; width:auto;}

#parcours form .checkbox {text-align:left;}
#parcours form .check label {display:inline; float:none; width:auto;}
#parcours form .checkbox input {display:inline; float:none; width:auto;}

#parcours form img {display:inline;}
#parcours form .explication {float:left; text-align:left; font-style:italic;}
#parcours form .submit {border:0; background:none; color:white; font-weight:bold; font-size:14px; text-transform:uppercase;}

#parcours #form_inscription .content .checkField {display: inline-block; margin-top: 3px; width: 12px; height: 14px; background-image: url('red_cross.png'); background-repeat: no-repeat; background-position: top right;}


#parcours.etape2 #location {float:left; width:310px; padding:0px; margin:0 10px 10px 0;}
#parcours.etape2 #location h2 {padding-left:0;}
#parcours.etape2 #location .col {float:left; position:relative; width:150px; margin-right:10px;}
#parcours.etape2 #location .last {width:112px; padding:0; margin-right:0; font-size:11px;}
#parcours.etape2 #location p {padding:0; margin-bottom:10px;}
#parcours.etape2 #location .roundshaded {position:relative;}
#parcours.etape2 #location .bubble {clear:left; width:150px;}
#parcours.etape2 #location .bubble .hd {background:url(bubble-hd.png) bottom no-repeat; padding-top:21px;}
#parcours.etape2 #location .bubble .bd {background:#E0E3E3; padding:1px 10px;}
#parcours.etape2 #location .bubble .ft {background:url(bubble-ft.png) top no-repeat; padding-top:4px;}

#parcours.etape2 #location .achat {font-size:35px; padding:0; margin:60px 0 0 0;}
#parcours.etape2 #location .duree {font-size:100px; padding:0; margin:0; line-height:80px;}
#parcours.etape2 #location .jours {font-size:44px; padding:0; margin:0; line-height:44px;}
#parcours.etape2 #location .barre {width:120px; height:2px; padding:0; margin-top:10px; line-height:44px; background-color:black;}
#parcours.etape2 #location .prix {font-size:40px; padding:0; margin-top:20px; line-height:44px;}

#parcours.etape2 #location .credit {font-size:14px; padding:20px; margin-top:20px; }
#parcours.etape2 #location .montant {float:left; position:relative; width:150px; padding-left:40px;}
#parcours.etape2 #location .montant .txt{float:left; font-size:15px;padding:10px 0px;}
#parcours.etape2 #location .montant input{width:35px;}
#parcours.etape2 #location .bonus{padding:10px 0px;font-size:15px;float:right;}
#parcours.etape2 #location .total{padding:10px 0px;font-size:20px;float:right;}


#parcours.etape2 .mes-lectures {float:left;width:310px; padding:0px; margin:0 10px 10px 0;}
#parcours.etape2 .mes-lectures .inner{padding:0px;}
#parcours.etape2 .mes-lectures .inner table {margin:0px;}
.mes-lectures .inner .total {font-size:20px; line-height:44px;}
.mes-lectures .inner .prix {font-size:20px; line-height:44px;}

#parcours.etape2 form {width:470px; margin-right:0;}
#parcours.etape2 form h1 {margin:0;}
#parcours.etape2 form .rounded-corners {padding:10px; width:610px;}
#parcours.etape2 form #fieldset-moyens {height:170px; margin-bottom:10px;}
#parcours.etape2 form #fieldset-moyens .field label {text-transform:uppercase; text-align:left;font-weight:bold;}
#parcours.etape2 form #fieldset-moyens .field p {text-transform:uppercase; text-align:left;font-weight:bold;}
#parcours.etape2 form #fieldset-moyens .field a {text-decoration:underline;}
#parcours.etape2 form #fieldset-bravo {height:190px; margin-bottom:10px;text-align:center;}
#parcours.etape2 form #fieldset-cgv {height:88px;}
#parcours.etape2 form #fieldset-abo {height:150px;}
#parcours.etape2 form #fieldset-play {height:80px; text-align:center;}
#parcours.etape2 form .radios .group {float:left; width:140px; margin-right:10px; text-align:center;}
#parcours.etape2 form .radios .name {padding-top:5px; text-transform:uppercase; font-weight:bold;}
#parcours.etape2 form .radios .name a{text-decoration:underline;}
#parcours.etape2 form .button {margin:10px 0 20px 0; height:20px; text-align:center;}




.product-view .product-tabs{float:left;height:30px;margin-left:1px;position:relative;z-index:3}.product-view .product-tabs .product-tab{float:left;width:162px;height:30px;border:none;text-align:center;cursor:pointer;background:transparent url(onglets_produit.gif) repeat scroll 0px 30px}.product-view .product-tabs .product-tab h3,.product-view .product-tabs .product-tab
.onglet{line-height:29px;font-size:13px;font-weight:bold}.product-view .product-tabs
.current{float:left;width:162px;height:30px;border:none;text-align:center;cursor:pointer;background:transparent url(onglets_produit.gif) repeat scroll 0px 0px}.product-view .product-tabs div.product-tab{margin-right:5px}.product-view .product-tabs h3,.product-view .product-tabs
.onglet{color:#FFF}.product-view .product-tabs .current h3, .product-view .product-tabs .current
.onglet{color:#404040}.product-view .product-tabs-content{min-height:150px;position:relative;border:#ccc 1px solid;background:#FFF;margin:0
0 0 1px;padding:15px
15px 15px 15px}.product-view .product-tabs-content
.contener{position:relative;border:#ccc 1px solid;background:#FFF;margin:0
0 0 1px;padding:15px
15px 15px 15px}.product-view .product-tabs-content
.nocurrent{display:none}.product-view
.clearer:after{display:block;content:".";clear:both;font-size:0;line-height:0;height:0;overflow:hidden}


.annonce_prevnext{padding:4px;margin-right: 0px;margin-left: 10px; margin-bottom: 10px; float: left; border: 1px solid #CCC; position:relative; display: inline}
.annonce_prevnext:hover{ cursor: pointer; background: #fef0ff;border: 1px solid #CE0206}

.bloc_vid{ width:95%; height:96px; padding:4px;margin-right: 10px;margin-left: 10px; margin-bottom: 10px; float: left; border: 1px solid #CCC; position:relative; display: inline}
.bloc_vid:hover{ cursor: pointer; background: #fef0ff;border: 1px solid #CE0206}
.bloc_vid_img{ float: left; width: 90px; padding-top: 3px; margin-left: 3px; display: inline}
.bloc_vid_text{ float: right; font-size: 13px; width: 630px; height:93px;  font-weight: bold;color: #CE0206}
.jaime{ font-size: 10px; color:#666; position:absolute; bottom: 6px;color: #CCC}
.desc_vid{ font-weight:normal; color:#333; font-size: 11px; height: 40px; width: 85%}

.pagination{ background:#fff;  border: 1px #CE0206 solid; color:#CE0206; display:inline; cursor: pointer}
.pagination:hover{background:#CE0206; border: 1px #CE0206 solid; color:#fff; }
.current_page{background:#CE0206; border: 1px #CE0206 solid; color:#fff; }

.fantasme{ width:90%; height:100%; padding:20px;margin-right: 10px;margin-left: 10px; margin-bottom: 10px; float: left; position:relative; display: inline; background: #fef0ff;border: 1px solid #CE0206}
.fantasme_contact{ width:90%; height:100%; padding:20px;margin-right: 10px;margin-left: 10px; margin-bottom: 10px; float: left; border: 1px solid #CCC; position:relative; display: inline; }

.erreur { font-size:20px; color:red; background:rose; border: 1px #CE0206 solid; ;margin-right: 10px;margin-left: 10px; padding:20px; height:60px;}

.dashed-border-bottom {
padding:10px 10px 10px 10px;
	background:#f2f2f2 url(dotted-bottom-line.png) repeat-x center bottom;
}

.dashed-border-top {
	background:#f2f2f2 url(dotted-bottom-line.png) repeat-x center top;
}

.album-lire {width:260px; margin-bottom:10px; color:white;}
.album-lire a.size2 {color:white; font-size:13px; padding-left:0px;}
.album-lire a.size3 {color:white; font-size:18px; padding-left:30px;}
.album-lire .hd
{
	padding-top: 5px;
	background-color: transparent;
	background-image: url("bulle_bleu_hd.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}
.album-lire .bd
{
	background-color: #01b6e3;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.album-lire .ft
{
	padding-top: 5px;
	background-color: transparent;
	background-image: url("bulle_bleu_ft.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
}