/* Modèle v1.26 18/08/2011 */


/********** A GARDER EN L'ETAT ************/
*{margin:0; padding:0;}
table{border-spacing:0;}
ul,ol {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 5px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 5px;}
.ui-helper-hidden-accessible {top:0; /*Bug datepicker en pied de page*/}
section,nav,article,aside,hgroup,header,footer{display:block;}


/*********** A PERSONNALISER **************/
body {font: normal 16px 'Pt Sans Narrow'; color:#181818; background-color:#fff;}
#body{background:url(../images/fond.jpg) 0 0 repeat;}
table{font-size: 16px;}
/*a{color: #181818; text-decoration:none;}
a:hover {text-decoration:underline;}*/

h1{font: bold 20px 'Pt Sans Narrow'; color:#191717; text-transform:uppercase; line-height:28px; padding-left:5px; text-align:left; border:0;}
h1:before{border:0;}
h1:after{border:0;}
h2{font: bold 20px 'Pt Sans Narrow'; text-transform:uppercase; width:455px; padding-left:5px; line-height:28px; background:#ebebeb; margin-bottom:5px; text-align:left;}
h3{font: bold 18px 'Pt Sans Narrow'; color:#ee3124; text-transform:uppercase;}
p {margin:0;margin-bottom:10px;}
strong{font-weight: bold;}
em{font-style: italic;}

.petit {font-size:60%;}
.color {color:#ee3124;}
.bold {font-weight:bold;}
.hr{font-size:1px; height:10px; border-bottom:1px solid #f10000; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:9px;}

#retour {width:100px; text-align:right; float:right; font: bold 20px 'Pt Sans Narrow'; color:#191717; text-transform:uppercase; line-height:28px; padding-right:20px; background:url(../images/fleche-double.png) right 8px no-repeat; margin-right:5px;}

/* Formulaires */
.bouton {
    display:inline-block;
    background:#c0c0c0; 
    color:#EE3124; 
    font:bold 15px 'Pt Sans Narrow'; 
    text-transform:uppercase; 
    padding:2px 5px; 
    margin-top:20px;
}
.bouton:hover {background:#000; text-decoration:none;}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 12px 'Trebuchet MS'; color:#666; border:1px solid #c0c0c0;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
label span{color:#f00;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;}
.row textarea, .row input {width: 150px;}
.row select {width: 152px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{display:block;}
.row_are textarea{width:300px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {text-align:center; clear:both;height:auto;margin:0px; margin-bottom:5px;background:none;}
.row_bt input{border: 1px solid #c0c0c0;position:static;top:auto;height:auto;background:#c0c0c0; color:#EE3124; font:bold 15px 'Pt Sans Narrow'; text-transform:uppercase; padding:2px 5px; margin-top:20px;}
.row_bt input:hover{background:#000;text-decoration:none;}

.row_captcha input{margin-left:150px;}

.errors li{color:#ff0000}



/**********************************************/
/******************  CONTENEURS  **************/
/**********************************************/
#conteneur {width:990px; margin:0 auto 10px; background:#fff;}
#header .wrapper{height:86px; }
#header #logo {margin-left:10px; }
#header #menu {margin-right:10px; }
#header #nbStep {margin-right:10px; }
#contenu {width:970px; padding:0 10px 20px;}
#footer {background-color:transparent;}


/******************************************/
/******************  ENTETE  **************/
/******************************************/
#logo{float:left; margin:0px;}
#menu{width:635px; float:right;}
#menu ul{list-style-type:none; height:20px; margin-bottom:38px;}
#menu ul li{margin:0; font-size:18px; float:right;}
#menu ul li a{font-size:16px; padding:0 10px;}
#menu ul li a.active{text-decoration:none;}
#menu ul li:first-child a {padding-right:0;}
#nbStep {float:right; text-align:right; font-size:15px; color:#000;}

#rubriques {clear:both; background:#020202; height:38px; margin-bottom:35px;}
#rubriques ul{list-style-type:none; height:38px; margin:0;}
#rubriques ul li{float:left; margin:0;}
#rubriques ul li a{display:inline-block; font-size:14px; color:#fff; text-transform:uppercase; padding:0 5px; line-height:38px;}
#rubriques ul li a:hover, #rubriques ul li a.active{color:#020202; background:#fff; line-height:34px; margin-top:2px;}


/******************************************/
/**************  LISTE DES STEPS  ****************/
/******************************************/
#listeAccueil {width:460px; float:left;}
#visuel {width:440px; float:right; margin-right:20px;}
#visuel img {border:1px #EE3124 solid;}
#lastStep {margin-bottom:30px;}

.minifiche {width:450px; padding:20px 5px; border-bottom:1px solid #181818;}
.minifiche .vignette{float:left; width:100px; height:100px; background:#424242; padding:4px; margin-right:15px;}
.minifiche .info{float:left; width:325px;}
.minifiche h3 a, h1.libelle a{ color:#ee3124;}
.minifiche .coiffeur{text-transform:uppercase; margin-bottom:0;}
.minifiche .lien {text-align:right;}
.minifiche .lien a{font-size:18px; line-height:22px; padding-right:30px; background:url(../images/fleche-ronde.png) right top no-repeat;}

#lienTTe {width:455px; margin-top:30px; text-align:right; padding-right:5px; background:#ebebeb;}
#lienTTe a{font: bold 20px 'Pt Sans Narrow'; text-transform:uppercase;  line-height:28px; background:url(../images/fleche-triple.png) right 7px no-repeat; padding-right:30px;}


#liste .pair {float:left; clear:both;}
#liste .impair {float:right;}

#titre {background:#ebebeb; height:28px;}
#filAriane {float:left; display:inline-block;}
#filAriane a,
#filAriane span {display:inline-block; background:url(../images/fleche-page.png) right top no-repeat; padding:0 20px 0 10px; font:bold 18px 'Pt Sans Narrow'; line-height:28px; text-transform:uppercase;}
#filAriane span {background:none;}
#filAriane .a1 {color:#c3c3c3;}
#filAriane .a2 {color:#999;}
#filAriane .a3 {color:#717171;}
#filAriane .auteur {font-size:14px;}
#titre .row {float:right; margin:1px 5px 0 5px; clear:none;}
#titre .row label{display:none;}
#titre select{border:0; height:22px; width:auto;}

.MoteurNavigation{text-align:center; margin-top:15px;}
.MoteurNavigation a {display:inline-block; font:bold 20px 'Pt Sans Narrow'; padding:0 4px;}
.MoteurNavigation a:hover,
.MoteurNavigation .MoteurNavigationPageActuelle {display:inline-block;font:bold 20px 'Pt Sans Narrow'; padding:0 4px; color:#fff; background:#020202; border-radius:2px; behavior:url(../../PIE.htc);}

#moteur-stepByStep .row_bt{display:none;}

/******************************************/
/**************  FICHE DES STEPS  ****************/
/******************************************/
#fiche {width:475px; float:left; margin-top:30px;}
.etape:first-child {border-top:1px solid #ee3124;}
.etape {padding:15px 0; border-bottom:1px solid #ee3124;}
.etape .nb{width:38px; font-size:18px; line-height:38px; text-align:center;background:#ebebeb; float:left; margin-right:15px}
.etape .desc{float:left; width:422px;font-size:16px; line-height:18px; margin:0;}
.visuel {width:470px; float:right; overflow:hidden; margin-top:30px;}
.visuel img {border:1px #EE3124 solid;}
.description {margin-bottom:20px;}
#videoplayer, .videoplayer {width:462px; height:415px; margin-bottom:10px; line-height:415px; background:#000; display:inline-block; text-align:center;}
.prev {float:left;}
.next {float:right;}


/******************************************/
/****************  LOGIN  *****************/
/******************************************/
#login #titre h1{float:left; width:400px;}
#login form{width:320px; padding:20px; margin:30px auto; background:#ebebeb;}

#login form#inscription {width:640px;}
#inscription .partie1 {float:left; width:320px;}
#inscription .partie2 {float:right; width:320px;}
#login .erreur {color:#EE3124;}

/******************************************/
/**************  ABONNEMENTS  *****************/
/******************************************/
#abonnement #titre {margin-bottom:15px;}
#abonnement #titre h1{float:left; width:300px;}
#abonnement #intro * { font-size:18px; text-align:center;}

#selection {float:left; width:380px;}
#selection #select-title {font-size:18px;}
#selection .minifiche{width:370px; background:#ebebeb; padding:5px; border:0;}
#selection .minifiche .info{width:247px;}

#shema {width:460px; float:right; margin-right:34px; position:relative;}
#shema  img{width:460px;}
#shema .bulle{width:115px;  position:absolute; font:bold 24px 'Pt sans Narrow'; color:#fff; text-align:center; text-transform:uppercase; line-height:25px;}
#shema #bulle-txt{height:101px; padding-top:20px; top:130px; left:-34px; background:url(../images/bulle-noir.png) 0 0 no-repeat;}
#shema #bulle-visu{height:91px; padding-top:30px; top:40px; right:-20px; background:url(../images/bulle-rouge.png) 0 0 no-repeat;}

#shema #bulle-visu.video.bulle{width:auto;height:auto;background-position:bottom;}
#shema #bulle-visu.video span{width:150px;height:110px;background:#ee3124;margin-bottom:10px;display:block;border-radius:150px;padding:5px;padding-top:40px;}

.offres {display:inline-block; width:auto; text-align:left;}
.offres h2{width:100%; text-align:center;}
.offres .offre {background:url(../images/offres.gif) 0 0 no-repeat; filter : alpha(opacity=50); opacity : 0.5; width:139px; float:left; margin:30px; height:209px; padding:20px 18px 16px; cursor:pointer; position:relative;}
.offres .offre .libelle{font:normal 22px 'Shadows into Light'; line-height:25px;}
.offres .offre .prix{font:normal 30px 'Shadows into Light'; color:#ee3124; position:absolute; bottom:0; right:18px;}
.offres .active {background: url(../images/offres-active.gif) 0 0 no-repeat; filter : alpha(opacity=100); opacity : 1; color:#ee3124;}
.mens{font-size:18px;}
#reglement {display:none; width:400px; margin:0px auto;}


/******************************************/
/**************  COMPTE  *****************/
/******************************************/
#compte #titre {margin-bottom:30px;}
#compte #titre h1{float:left; width:300px;}
#compte #table {width:740px; margin:0 auto; border:0; padding:0;}
#compte #table th{font:bold 20px 'Pt sans Narrow'; color:#171717; line-height:28px; background:#ebebeb; padding-left:10px; text-align:left; text-transform:uppercase;}
#compte #table #th01{width:85px;}
#compte #table #th02{width:490px;}
#compte #table #th03{width:60px; text-align:right;}
#compte #table td{border-bottom:5px solid #ebebeb; padding:10px 0 10px 10px; font-size:18px; color:#171717;}
#compte #table td p{margin-bottom:3px;}
#compte #table .libelle{font-size:20px;}
#compte #table .nb-media{color:#9e9e9e;}
#compte #table .lib-media{font-weight:bold; color:#ee3124; text-transform:uppercase;}
#compte #table .lib-media a{font-weight:bold; color:#ee3124; text-transform:uppercase; text-decoration:underline;}
#compte #table .auteur{font-size:16px; text-transform:uppercase;}
#compte #table .prix{text-align:right; white-space:nowrap; font-size:20px;color:#ee3124;}
#compte #table .pdf{text-align:center;}
#compte #table .reference{font-size:14px;}
#compte #table .supprimer{color:#EE3124;}



/******************************************/
/****************  PIEDPAGE  **************/
/******************************************/
#footer {width:980px; padding:0 5px 1px;}
#footer #awc{font-size:16px; text-align:right; margin-bottom:5px;}