@charset "iso-8859-1";
/* CSS Document */
* {margin:0; padding:0; border: none; text-decoration: none; }    ul li {list-style: none}
body {font-family:  Verdana, Helvetica, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; 
font-size: 12px; text-align: center;  background-color: #f4a203 }


h1#tohome  {  position:absolute;  
background-color: transparent;
zoom: 1;
left: 30px!important ;left: 20px;  top: 1px; z-index: 50 }

h1#slogan{ position:absolute; top:15px; left:374px; text-align:center; width:332px}
 
h2 {margin: 22px 35px 20px 15px; 
padding: 0 0 0 21px; 
background: url(../images/puce/puce-h2.jpg) 0 10px no-repeat; }

h3, caption , legend{font: normal 20px "Trebuchet MS"; color: #8f5515; margin: 15px 0 5px 15px; padding: 0 0 0 0;  }

h4{margin: 10px 0 15px 15px; color: #8f5515}
.h4{margin: 10px 0 15px 15px; color: #8f5515}

h5{margin: 5px 0 10px 25px; color: #8f5515;}
p { font: normal 12px/18px "Trebuchet MS"; margin: 10px 0 10px 15px;  }
a {color: #8c662f; font-weight: normal; text-decoration: underline; }
a:hover {color:#8c662f; font-weight: normal; text-decoration: none }
acronym {border-bottom: 1px dotted #8f5515; }

/* --- Menu horizontal ---  */

div#menu_top ul {height: 30px; width:1000px;  background: url(../images/fond/mo.jpg) top left no-repeat}
div#menu_top ul li{display: block; float: left; color: white ;  }
div#menu_top a { display: block; float: left; background-repeat: no-repeat;}

a.accueil  {background: url(../images/menu/accueil.jpg) top left ;width: 110px; height: 31px ;}
a.accueil:hover {background: url(../images/menu/accueil2.jpg) top left }

a.qui  {background: url(../images/menu/qui.jpg) top left ; width: 118px; height: 31px ;}
a.qui:hover {background: url(../images/menu/qui2.jpg) top left }

a.methode  {background: url(../images/menu/methode.jpg) top left ;width: 101px; height: 31px ;}
a.methode:hover  {background: url(../images/menu/methode2.jpg) top left }

a.comment  {background: url(../images/menu/comment.jpg) top left ;width: 142px; height: 31px ; }
a.comment:hover  {background: url(../images/menu/comment2.jpg) top left  }

a.presse {background: url(../images/menu/presse.jpg) top left ;width: 90px; height: 31px ; }
a.presse:hover {background: url(../images/menu/presse2.jpg) top left }

a.contact {background: url(../images/menu/contact.jpg) ;width: 88px; height: 31px ; }
a.contact:hover {background: url(../images/menu/contact2.jpg)}

a.livre {background: url(../images/menu/livre.jpg) ;width: 97px; height: 31px ; }
a.livre:hover {background: url(../images/menu/livre2.jpg)}


/* ------------------ CONTENEURS DE LA PAGE ----------------*/	
#main {width: 1000px; margin: 0 auto; position: relative; background: url(../images/fond/f-sreap.jpg); background-repeat: repeat-y ;zoom: 1; }
.content {  background: url(../images/fond/f-top.jpg) ;  background-repeat: no-repeat; text-align:left; zoom: 1; background-position:left top }	
.content2 {  background: url(../images/fond/f_content.jpg) ; background-repeat: no-repeat; text-align:left; background-position: left bottom ; }
.content2start {  background: url(../images/fond/f_content_start.jpg) ; background-repeat: no-repeat; text-align:left; background-position: left bottom ; }
.content2zone {  background: url(../images/fond/f_content_zone.jpg) ; background-repeat: no-repeat; text-align:left; background-position: left bottom ; }
.content2mince {  background: url(../images/fond/f_content_mince.jpg) ; background-repeat: no-repeat; text-align:left; background-position: left bottom ; }
.content2zen {  background: url(../images/fond/f_content_zen.jpg) ; background-repeat: no-repeat; text-align:left; background-position: left bottom ; }
.content2boost {  background: url(../images/fond/f_content_boost.jpg) ; background-repeat: no-repeat; text-align:left; background-position: left bottom ; }
.offresaison {  background: url(../images/fond/f_content_saison.jpg) ; background-repeat: no-repeat; text-align:left; background-position: left bottom ; }
.autresoffres {  background: url(../images/fond/f_content_autres.jpg) ; background-repeat: no-repeat; text-align:left; background-position: left bottom ; }

.colgauche{ width: 240px;  text-align: left; float : left;  }
.colright{ width: 750px; min-height: 810px; text-align: left; float : right ;  }



/*-------------------------------------Menu Loggin et logged ----------------*/	
.menu-left{ margin: 15px 0 0 30px;  }

.ssmenu_entete{background:url(../images/menu/ssmenu_entete.png) !important; width:160px; height:100px; background:none; margin-left:10px; margin-top:20px;}
.ssmenu_start{background:url(../images/menu/ssmenu_start.png) !important; width:160px; height:85px; background:none;}
.ssmenu_zone{background:url(../images/menu/ssmenu_zone.png) !important; width:160px; height:85px; background:none;}
.ssmenu_mince{background:url(../images/menu/ssmenu_mince.png) !important; width:160px; height:85px; background:none;}
.ssmenu_zen{background:url(../images/menu/ssmenu_zen.png) !important; width:160px; height:85px; background:none;}
.ssmenu_boost{background:url(../images/menu/ssmenu_boost.png) !important; width:160px; height:85px; background:none;}
.ssmenu_footer{background:url(../images/menu/ssmenu_footer.png) !important; width:160px; height:18px; background:none;}
.ssmenu_header{background:url(../images/menu/ssmenu_header.gif) left top no-repeat ; width:160px; height:18px;}
.ssmenu_fond{background:url(../images/menu/ssmenu_fond.png) !important; width:148px; background:none; background-repeat:repeat-y; text-align:center; padding:0 5px 0 2px;}
.ssmenu_fond p{ line-height:12px; margin:2px auto}
.ssmenu_fond .esp a{ line-height:10px}
.ssmenu_fond .esp li{ margin:5px 0}
.ssmenu_fond a{ font-size:11px; text-decoration:none;}
.ssmenu_fond a:hover{ color:#FF9900;}


.menu-left ul#espace-menu  { margin: 90px 0 0 35px; }

.menu-left ul li  {}
.menu-left ul li a span {display: none}
.menu-left ul li a  {display:block;}
.menu-left ul li a.esp-start {width: 103px; height: 82px;}
.menu-left ul li a.esp-zone  {width: 103px; height: 84px;  }
.menu-left ul li a.esp-mince  {width: 103px; height: 85px; }
.menu-left ul li a.esp-zen  {width: 103px; height: 86px;   }
.menu-left ul li a.esp-boost  {width: 103px; height: 92px;  }

.bonjour {   margin: 16px 0 6px 31px;
 background: url(../images/titre/esp-feeling.jpg) top left no-repeat;
  padding: 42px 0 0 0; }
  
.bonjour span{ font: bold 12px "Trebuchet MS"; color: #f4a203; text-align: left;  }

form.loginact { text-align :right;  height: 150px;  margin: 10px 53px 0 0px; 
  padding: 42px 0 0 0; 
 background: url(../images/titre/esp-feeling.jpg) 23px 5px  no-repeat; }
 
form.loginact img {position:relative; top: 0px; left: 7px;  }

form.loginact label { text-align :right;   width: auto; display: block; float: none;  } 
form.loginact input.champs{ background-color: white; border: 1px solid #acacac; width: 97px;  }

form.loginact fieldset { margin: 0}
.connexp {margin: 0; padding: 0 }
.connex {margin: 0 }

form.loginact a, form.loginact label{color: #8c662f; font: normal 10px arial; }

ul.loggged { 
 margin: 10px 0 0 30px; 
text-align :left; 
width: 161px; 
line-height: 14px;}


ul.loggged li{margin: 0 0 2px 0px; background: url(../images/puce/pucelog.jpg) top left no-repeat;  padding: 0 0 0 14px;  }
ul.loggged li a{text-decoration:none }
ul.loggged li a:hover{text-decoration:underline }


/*Tratement interieur des pages. -  - - -- - -   -  - -*/

p.visuel-cursus {overflow: auto; text-align: center;  }

p.visuel-cursus img{ }


.links {text-align: left; margin: 10px 0 0 15px;  } /*Navigation*/

.englobing {border: outset #F4A203 1px;  margin: 10px 45px 10px 25px; overflow-x: hidden;  }
.dashed {border: 1px dashed #f6cc6b; margin: 10px 45px 15px 25px; padding: 4px 8px;  text-align: center;  }
.dashedparainage {border: 1px dashed #f6cc6b; margin: 10px 45px 15px 25px; padding: 4px 8px;  text-align: left;  }

form {padding: 10px;  }
fieldset { padding: 5px 0;   }
legend {margin: 0px 0 10px 15px; }

hr.sepfield{border-bottom: 1px dashed #FF0000; margin: 20px 30px 15px 30px; }

p.piedForm input, input.button, .button, p.center input {border: none; cursor: pointer}
input, textarea, select { border: 1px solid #f6b944; background-color: #f9eed8;  }
label {float: left; width: 190px; }
textarea {margin: 0 0 0 15px; border: 1px solid #f6b944; height: 212px; background: url(../images/fond/f_textarea.jpg) right  bottom repeat;    }

.piedForm {margin: 7px 0 0 0px; text-align: center; }
p.conformement {margin: 5px 48px 0 25px; border: 1px dashed #f6cc6b; padding: 4px 5px;   }
div.message-confirm {margin: 5px 48px 0 25px; border: 1px dashed #f6cc6b; padding: 4px 5px; }



.contform { }
.contform fieldset{margin: 0 auto ; width: 516px;  }
.contform label{margin: 0 0 0 20px; }
.contform .pieForm{margin: 0 auto;  }

p.para_articles {background: url(../images/puce/paralire.gif) top left no-repeat; padding: 15px 0 0 0; margin: 10px 45px 10px 25px; }
p.lirelasuite {  height: 30px; padding: 8px 0 0 54px; margin: 0 55px 0 25px; text-align:right; }

p.imgarticle {float: right; 	}

p.creer-compte {margin: -10px 0 0 25px; }

p.date{font: italic normal 12px verdana; color; #875e22}


h4.subtitle span img{ padding: 4px 0 0 0;  }

.txt{width: 700px;}

.data{font-weight: bold}
.ssdata{color: #FF6600;}


.bilan td{ border-bottom:1px dotted #ff9900;}
.bilan table{ width:630px;}
.marron{color: #8f5515;}
.txt_intro{margin-left:2800px; width:260px; padding-left:15px; padding-top:10px;}

/*-------TABLES----------*/
div.manager table{margin: 10px 45px 10px 25px; border-collapse: collapse; width: 675px; position:relative; top: 0px; left: -10px;   }
div.manager table tr td{  background-color: #F9EEd8; padding: 5px }
div.manager table tr td select{ border: none; border: 1px solid #F69508; background-color: white }

table.manaordertable{margin: 15px 25px 10px 25px; border-collapse: collapse; width: 95%; }
table.manaordertable th, div.manager table th{text-align: center; padding: 4px; color: #b0650f;}

/*-----------Page contact - - - -  */
#cursus {border: 1px solid gray }

#contactt{margin: 0 auto; width: 540px; }
p.retrait{margin-left: 75px}
label.labnl{width:auto; margin: 0 5px 0 0px; font: normal 12px "Trebuchet MS";  }

p.retrait2 label{margin-left: 160px}

#contactt label.comm{margin-left: 25px}


div.interne{ margin: 0 0 0 30px; }
div.interne1{margin: 10px 35px;border-top: 1px dashed #b0650f;  padding: 3px 0 0 0;  }

p.titre{font: bold 16px "Trebuchet MS"; color: #8f5515; }
p.subtitre{font: bold 13px "Trebuchet MS"; color: #8f5515; }



/*-----------Editevent- - - -  */
.edievent .retr{margin-left: 160px }
.edievent .desclab{margin-left: 88px; padding: 10px 0 0 0;   }
.edievent textarea {margin: 0 auto 15px auto; display: block}

/*-----------------------Commentcamarche--------------------*/

div.format_para p{margin: 10px 45px 10px 25px; }

.format_para ul{font: normal 12px "Trebuchet MS"; margin: 0 0 0 35px;  }
.format_para ul li{font: normal 12px "Trebuchet MS"; margin: 0 25px 0 0px; background: url(../images/puce/pucelog.gif) top left no-repeat; padding: 0 0 0 15px;  }
.commentcamarche_ul span {color: #E4510B; font-weight: bold;}



.message {border: 1px dashed #da5f26; margin: 10px 48px 15px 25px; padding: 10px; font: normal 12px verdana; }
.message li { background: url(../images/puce/pucelog.gif) top left no-repeat; padding: 0 0 0 15px; margin: 0 0 3px 0px; }


/*                                FOOTER                                   --  -   */

.links_img { text-align: center; position:relative; top: -22px; left: 0px; z-index: 10; zoom:1;}

.links_img p img{  margin: 0 10px;  }
.links_img a{ display: block;  float: left;  
              position:relative; top: 70px; left: 10px; z-index: 30; 
              margin: 0 10px;    text-decoration: none   }
.links_img a span { display: none }

a#envoyer     {width: 166px; height: 58px;   }
a#partenaires {width: 168px; height: 67px;   }
a#temoigne    {width: 124px; height: 58px;  }
a#temoigne   * {border: 1px solid blue }
a#parrainage  {width: 162px;  height: 58px;    }
a#recevez     {width: 236px;  height: 67px;   }

.partnerfooter{width:961px; text-align:center; color:#e36f02; font-size:11px; font-weight:bold; margin:0 auto; position:relative; top:-20px}
.partnerfooter a{color:#e36f02; font-size:11px; font-weight:bold; text-decoration:none}
.partnerfooter a:hover{color:#e33202;}

 
	 

/*Nletter - - - -  */
#nletter {position:relative; top: 132px; left: -25px; text-align :right; z-index: 30}
#nletter input.ch{border: 1px solid #acacac; height: 12px; font: normal 10px arial; margin-right: 5px;}
#nletter input.but{position:relative; top: 4px; left: 0px; }


p.outleft a, p.middle a, p.outright a{color: white; font: normal 10px arial; }
p.outleft a:hover, p.outmiddle a:hover, p.outright a:hover{text-decoration: underline;  }


.paradubas {position:relative; top: -32px!important ; left: -15px; top: -41px; width: 1000px; margin: 0 auto ;color: white;  height: 25px }
p.outleft{float: left; position:relative;top: -30px !important ; top: -20px; left: 30px; color: white ;  }
p.outmiddle{ position:relative; top: 10px!important ; top: 18px; left: 15px;   color: white;  }
p.outright{float: right;position:relative; top: -30px!important ; top: -20px; left: -30px ; color: white;  }
p.outright img{position:relative; top: 4px; left: 2px;   }


/*   ---  PAGE MENTIONS  ----   */
.mention{ width:600px; margin-left: 10px; padding: 20px 30px 0px 30px;}
.adresse1 {float: left; padding: 20px 30px 0px 30px; height: 150px; width: 210px;  margin: 20px 0 25px 15px; border: 1px dotted #dddddd}
.adresse2 {float: left; padding: 20px 30px 0px 30px; height: 150px; width: 210px;  margin: 20px 0px  25px 75px ;border: 1px dotted #dddddd}
.mention ul{font: normal 12px "Trebuchet MS"; margin: 0 0 0 35px;  }
.mention ul li{font: normal 12px "Trebuchet MS"; margin: 0 25px 0 0px; background: url(../images/puce/pucelog.gif) top left no-repeat; padding: 0 0 0 15px;  }
.mention h3{ font-size:14px; font-weight: bold;}


/*   ---  PAGE CGV  ----   */
.cgv{ width:600px; margin-left: 10px; padding: 20px 30px 0px 30px;}
.cgv h3{ font-size:14px; font-weight: bold;}
.cgv ul{font: normal 12px "Trebuchet MS"; margin: 0 0 0 35px;  }
.cgv ul li{font: normal 12px "Trebuchet MS"; margin: 0 25px 0 0px; background: url(../images/puce/pucelog.gif) top left no-repeat; padding: 0 0 0 15px;  }


/*   --- PAGE ACTU  --- */

.actu h4{ 
background-image:url(../images/fond/titre_actu.gif); 
font: bold 17px arial; 
background-repeat: no-repeat; height: 30px; color:#FFF; 
padding-top:10px; padding-left: 10px;}


/*Les suivi programme today et normal*/

.suiviprogramtoday {margin: 15px 0 5px 32px;  width: 195px; border-bottom: 1px dashed #875e22;}

.suiviprogramtoday p{margin: 0 0 2px 0; padding: 0 ;  }


/* ---  LES PACKS  ---  */

.titre_fond{width:660px; height:157px; position:relative; top: 10px; left: 0px; z-index: 30; }

.titre_txt{color:#000; font-size:16px; font-weight:bold; position:relative; top: -70px; left: 232px!important ;left: 238px ; z-index: 50   }
 .titre_txt2 {color:#000; font-size:16px; font-weight:bold; position:relative; top: -70px; left: 232px !important ;left: 238px; z-index: 50  }
 
 

#actua-link { float :right; margin: 75px 5px 0 0px; background: url(../images/puce/pucelog.gif) top left no-repeat; padding: 0 0 0 13px;  }
#actua-link a{ font: bold 12px arial; text-decoration: none;  }
#actua-link a:hover { color:#fca001 }


.actua-link { float :right; margin: 75px 5px 0 0px; background: url(../images/puce/pucelog.gif) top left no-repeat; padding: 0 0 0 13px;  }
.actua-link a{ font: bold 12px arial; text-decoration: none;  }
.actua-link a:hover { color:#fca001 }

/* - - - - - - - - - - - - - -  --  - - - - -  - - - -*/
.clear {clear:both; display: none }
.clear2 {clear:both; visibility: hidden; }
.kill {display: none;}
.fleft {float: left}   .flright {float: right}
.padup {margin: 5px 0 0 0}
.bordered { border: 1px solid #f6b944; }
.italicenter {text-align: center;  font-style:italic; margin: 5px 0}
.bitalicenter {text-align: center; font-weight: bold; font-style:italic; margin: 5px 15px 25px 15px}
.marginleft {margin: 0 0 0 20px}
.center {text-align: center}
.boldcenter  {text-align: center; font-weight: bold}
.boldcolor {color: #531d61 ; font-weight: bold}
.centercolor {text-align: center; color: #531d61 ; padding: 6px 0px; }
.noborder {border: none; }
.nobordernobg {border: none; background-color: #915B39 }
.full {width: 100%}
.zoom {position:relative; zoom: 1}
.valid_button {border: none ; float: left; }
.margindown {margin: 0 0 -10px 0px; }



/*   ---  PAGE PLAN DU SITE  ----   */

.plan li{background-image:url(../images/fond/plan01.gif); width:200px;  margin-top:15px; background-repeat:no-repeat }
.ssplan li{background-image:url(../images/fond/plan02.gif); width:200px; margin-top:8px; margin-left:50px;}
.plan li a{ color:#FFFFFF;text-align:center; font-weight:bold; text-decoration:none}
.ssplan li a{ color:#996600; font-weight:normal; font-size:10px;}


/*  ---  PAGES COMMANDES  ---   */
.insertion td{
border-bottom:1px dashed #996600;
}

/*   PAGE VIDEO DEMO GRATUITE   */
.liste_video td{ }
.videoselected img{ border:1px solid #FF9900; padding:3px}