@CHARSET "UTF-8";  

/* POLICES */
.font2 {
font-family:inherit;
font-size:10px;
color:#666666;
}
.font3 {
font-family:inherit;
font-size:18px;
font-weight:bold;
color:#5f95ef;
padding:10px 0px;
}
.font4 {
font-family:inherit;
font-size:14px;
font-weight:bold;
color:#5f95ef;
padding:10px 0px;
}
.font5 {
font-family:inherit;
font-size:13px;
font-weight:100;
color:#666;
}
.font6 {
font-family:inherit;
font-size:16px;
font-weight:700;
color:#666;
}

.font8 {
font-family:inherit;
font-size:12px;
font-weight:bold;
color:#5f95ef;
}

.pourcent {
font-family:inherit;
font-size:18px;
font-weight:bold;
color:#5f95ef;
padding:10px 0px;
text-align:center;
line-height:40px;  
}

.fontPornoxtrem {
font-family:inherit;
font-size:16px;
font-weight:bold;
color:#b10303;
padding:10px;
}

.erreur {
font-family:inherit;
font-size:12px;
font-weight:bold;
color:#b80707;
padding:5px;
}


/* POLICES */

/* CELULES */
.tableGris {
width:auto;
margin: 0 auto;
	border: 0px;
	cellspacing: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.tableCenter {
margin: 0 auto;
}

.celluleRight {
text-align:right;
}

.celluleTop {
vertical-align:top;
}

.celluleMiddle {
vertical-align:middle;
}
.celluleVert {
background-color:#cbe7d9;
}
.celluleBeige {
background-color:#f0ebda;
}

/* CELULES */

/* BLOC */
.htaccess {
border:dashed 2px #5f95ef;
background:#ccc;
}

/* BLOC */

/******* GENERAL RESET *******/  
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,  
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,  
tfoot, thead, tr, th, td {  
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}

body {
background: #f6f6f6;
line-height:14px;
font-size: 12px;
font-family: Arial,  Verdana, Helvetica, sans-serif;
margin:0pt;
cursor:default;
}

html,body{  
height:100%;  

}  

.clear{  
clear: both;  
height: 0;  
visibility: hidden;  
display: block;  
}

a:link {
text-decoration: none;
color:5f95ef; 
}

a:hover {
text-decoration: underline;
color:5f95ef;
}

a:visited {
text-decoration: none;
color:5f95ef; 
}

p {
font-family:inherit;
font-size:14px;
color:#666666;
padding:5px 25px;
line-height:20px;  
}

h3 {
	font-size: 18px;
	color:#5f95ef;
	text-indent:30px;
}

.blanc {
background-color:#FFFFFF;
padding:10px;
width:96%;
}

.codeInput {
	background: #ddd;
	font-family:inherit;
	font-size: 14px;
	color: #5f95ef;
	font-weight: normal;
	border-width:0;
	border-color:#ffffff;
}

.codeInputInscription {
	background: #fff;
	font-family:inherit;
	font-size: 14px;
	color: #5f95ef;
	font-weight:300;
	border-width:1px;
	border-color:#666;
	padding: 3px;
}

select {
	background: #efefef;
	font-family:inherit;
	font-size: 14px;
	color: #333;
	font-weight: normal;
	border-width:0;
	border-color:#ffffff;
	padding: 3px;
}

textarea  {
	background: #ddd;
	font-family:inherit;
	font-size: 14px;
	color: #333;
	border-width:0;
	border-color:#ffffff;
	padding:10px;
}

/******* GENERAL RESET *******/  

/******************************************************************** TOP ********************************************************************/
.top {
background:url(images/fond_top.png);
position:absolute;
top:0px;
z-index:202;
height:30px;
margin-left:0px;
margin-right:0px;
width:100%;
}

/********************************************************************* TOP *********************************************************************/


/******************************************************************** MIDDLE ********************************************************************/
.middle {
position:absolute;
background-image:url(images/fond.png);
width:100%;
top:26px;
}

.conteneurMiddle {
margin:auto;
width:90%;
height:100%;
}

.sousConteneurMiddle {
position:absolute;
/*width:90%;*/
height:100%;
}

.etat {
position:absolute;
left:800px;
top:-20px;
z-index: 201;
}

.logo {
position:absolute;
text-align:left;
top:-25px;
left:-5px;
width:300px;
height:150px;
z-index: 14;
}

.logo div {
padding-left:10px;
}


/************** MENU JQUERY **************/

.menuPrincipal {
position:absolute;
z-index:10;
top:135px;
left:0px;
}

/******* MENU *******/  
#container{  
margin: 0em auto;  
width: 1400px;
color:#666666;
}  
#container ul{  
list-style: none;  
list-style-position: outside;  
}  
#container ul.menu li{  
float: left;  
margin-right: 3px;  
margin-bottom: -1px;
font-size:16px;
}  
#container ul.menu li{  
font-weight:700; 
display: block;  
padding: 10px;  
background: #efefef;  
margin-top: -1px;  
border: 1px solid #d0ccc9;  
border-width: 1px 1px 1px 1px;  
position: relative;  
color: #666666;  
cursor: pointer;  
}  
#container ul.menu li.active{  
background: #fff;  
bottom: 2px;  
border-top: 0;  
color: #5f95ef; 
}

.divMenu {
position:absolute;
top: 460px;
z-index:400;}

/******* /MENU *******/  

/******* CONTENT *******/  
.content{  
margin: 0pt auto;
background: #fff;  
border: 1px solid #d0ccc9; 
text-align: left;  
padding: 10px;
line-height:20px;
padding-bottom: 20px;  
font-size: 15px;
/*height:800px;*/
position:absolute;
z-index:401;
width:879px;
}

.contentInscription {
margin: 0pt auto;
background: #fff;  
border: 1px solid #d0ccc9;  
text-align: left;  
padding: 10px;
line-height:20px;
padding-bottom: 20px;  
font-size: 15px;
position:absolute;
z-index:401;
width:879px;
}  

.content h1{  
line-height: 1em;  
vertical-align: middle;  
height: 48px;  
padding: 10px 10px 10px 66px;  
font-size: 18px;  
}

.content a{
color: #5f95ef;  
}
/******* /CONTENT *******/ 

/******* CONTENT MEMBRES *******/  
.contentMembres{  
margin: 0pt auto;
background: #fff;  
border: 1px solid #d0ccc9;  
text-align: left;  
padding: 10px;
line-height:20px;
padding-bottom: 20px;  
font-size: 15px;
position:absolute;
z-index:401;
width:87%;
}  
.contentMembres h1{  
line-height: 1em;  
vertical-align: middle;  
height: 48px;  
padding: 10px 10px 10px 66px;  
font-size: 18px;  
}

.contentMembres a{
color: #5f95ef;  
}
/******* /CONTENT MEMBRES *******/  


/******* ACCUEIL *******/  
.content.accueil h1{  
background: transparent url(images/bouton_menu_accueil.png) no-repeat scroll left top;
}
.content.accueil{  
display: block;  
}

/******* /ACCUEIL *******/  

/******* vod *******/  
.content.vod h1{  
background: transparent url(images/bouton_menu_vod.png) no-repeat scroll left top;  
}  
.content.vod{  
display: none;  
}  
/******* /vod *******/  

/******* telrose *******/ 
.content.telrose h1{  
background: transparent url(images/bouton_menu_hotesse.png) no-repeat scroll left top;  
}  
.content.telrose{  
display: none;  
}
/******* /telrose *******/  

/******* lesplus *******/  
.content.lesplus h1{  
background: transparent url(images/bouton_menu_lesplus.png) no-repeat scroll left top;  
}  
.content.lesplus{  
display: none;  
}  
/******* /lesplus *******/

/******* faq *******/  
.content.faq h1{  
background: transparent url(images/bouton_menu_faq.png) no-repeat scroll left top;  
}  
.content.faq{  
display: none;  
}  
/******* /faq *******/

/******* contact *******/  
.content.contact h1{  
background: transparent url(images/bouton_menu_contact.png) no-repeat scroll left top;  
}  
.content.contact{
display: none;  
}  
/******* /contact *******/

/******* hotesse *******/  
.content.hotesse h1{  
background: transparent url(images/bouton_menu_hotesse.png) no-repeat scroll left top;  
}  
.content.hotesse{
display: none;  
}  
/******* /contact *******/



/************** FIN MENU JQUERY **************/


/******************************************************************** FIN MIDDLE ********************************************************************/

/******************************************************************** BOTTOM ********************************************************************/

/******* DEBUT MENU DEROULANT CODE*******/  

/** DEBUT SOUS MENU DEROULANT GRAND**/

.navigation {
      margin: 10px 0px; 
      padding: 0px; 
      list-style: none; 
      background: #fff; 
      width: 100%; 
      font: "Trebuchet MS", sans-serif;
      }
	  
   .navigation a, .navigation span {
      display: block; 
      padding: 0px 10px;
	  line-height:50px;
	  text-indent:15px;
      color: #5f95ef;
	  font-size:16px;
	  font-weight:bold;
	  font-style:oblique;
      background: #fff;
      }

   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(images/menu_item_deroule.png);
	  height:50px; 
      }

   .navigation .open a, .navigation .open span {
      background-image: url(images/menu_item_enroule.png); 
	  height:50px; 
      } 
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline; 
      } 
   .navigation .subMenu {
      background: #f7f7f7; 
      border-bottom: 1px solid #ccc;
	  padding:10px;
	} 
   .navigation ul.subMenu a {
      background: none;
	  display:inline;
      padding: 3px;
      }



/** FIN MENU DEROULANT GRAND**/


/** DEBUT SOUS MENU DEROULANT Sousmenu**/

.navigationSousmenu {
      margin: 0 auto; 
      padding: 0px; 
      list-style: none; 
      background: #e8e9eb; 
      width: 800px; 
      font: "Trebuchet MS", sans-serif;
	  text-align:center;
      }
	  
   .navigationSousmenu a, .navigationSousmenu span {
      display: block; 
      padding: 0px 10px;
	  text-indent:15px;
      color: #5f95ef;
	  font-size:14px;
	  font-weight:bold;
	  font-style:oblique;
      background: #fff;
      }

   .navigationSousmenu .toggleSubMenuSousmenu a, .navigationSousmenu .toggleSubMenuSousmenu span {
      background-image: url(images/menu_item_deroule.png);
	  height:10px; 
      }
	
   .navigationSousmenu .open a, .navigationSousmenu .open span {
      background-image: url(images/menu_item_enroule.png); 
	  height:10px; 
      }
   .navigationSousmenu a:hover, .navigationSousmenu a:focus, .navigationSousmenu a:active {
      text-decoration: underline; 
      }
   .navigationSousmenu .subMenuSousmenu {
      background: #fff;
      border-bottom: 1px solid #ccc;
	  padding:10px;
      }
   .navigationSousmenu ul.subMenuSousmenu a {
      background: none;
	  display:inline;
      padding: 3px;
      }
	.subMenuSousmenu {
	text-align:left;
	}

   .subMenuSousmenu a {
	  line-height:10px;
      }

  .imgSubmenu {
	float:right;
	width:200px;
	height:149px;
	}
	
/** FIN MENU DEROULANT Sousmenu**/


/** DEBUT SOUS MENU DEROULANT CONTENU**/

.navigationContenu { 
      margin: 0; 
      padding: 4px 0px; 
      list-style: none; 
      background: #fff; 
      color: #fff; 
      width: 640px; 
      font: 1em "Trebuchet MS", sans-serif; 
      } 
   .navigationContenu a, .navigationContenu span{
      display: block; 
      padding: 4px 10px; 
      color: #5f95ef; 
      text-decoration: none;
	  font-weight:bold;
	  font-style:italic;
	  text-align:left;
      background: #fff;
	  font-size:14px;
      }

   .navigationContenu .toggleSubMenuContenu a, .navigationContenu .toggleSubMenuContenu span { 
      background-image: url(images/menu_item_deroule_contenu.png); 
      }

	 .style1Contenu {
		padding:5px 20px;
	  font-size:16px;
      color: #666666;
	}  
	.style1Contenu a, style2Contenu a{
		display:inline;
		color:#5f95ef;
	}
	
	.style1Contenu a:hover, style2Contenu a:hover{
		display:inline;
		color:#666;
	}
	
	.style2Contenu {
	padding:5px 20px;
	  font-size:12px;
	color:#999999;
	}
   .navigationContenu .open a, .navigationContenu .open span { 
      background-image: url(images/menu_item_enroule_contenu.png); 
      } 
   .navigationContenu a:hover, .navigationContenu a:focus, .navigationContenu a:active { 
      text-decoration: underline; 
      } 
   .navigationContenu .subMenuContenu { 
      font-size: .6em; 
      background: #f7f7f7; 
      font-size: .7em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
      } 
   .navigationContenu ul.subMenuContenu a { 
      background: none;
	  display:inline;
      padding: 3px; 
      }

/** FIN MENU DEROULANT CONTENU**/


/** DEBUT SOUS MENU DEROULANT PETIT**/

.navigationPetit {
      margin: 0; 
      padding: 4px 0px; 
      list-style: none; 
      background: #fff; 
      color: #fff; 
      width: 640px; 
      font: 1em "Trebuchet MS", sans-serif; 
      } 
   .navigationPetit a, .navigationPetit span {
      display: block; 
      padding: 4px 10px; 
      color: #5f95ef; 
      text-decoration: none;
	  font-weight:bold;
	  font-style:italic;
	  text-align:left;
      background: #fff;
	  font-size:14px;
      }

   .navigationPetit .toggleSubMenuPetit a, .navigationPetit .toggleSubMenuPetit span {
      background-image: url(images/menu_item_deroule_contenu.png);
      }

   .navigationPetit .open a, .navigationPetit .open span {
      background-image: url(images/menu_item_enroule_contenu.png); 
      } 

   .navigationPetit a:hover, .navigationPetit a:focus, .navigationPetit a:active { 
      text-decoration: underline; 
      } 
   .navigationPetit .subMenuPetit { 
      font-size: .6em; 
      background: #f7f7f7; 
      font-size: .7em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
      } 
   .navigationPetit ul.subMenuPetit a { 
      background: none; 
	  display:inline;
      padding: 3px; 
      }

/** FIN MENU DEROULANT PETIT**/

/** DEBUT SOUS MENU DEROULANT MINCE**/

.navigationMince { 
      margin: 0; 
      padding: 4px 0px; 
      list-style: none; 
      background: #fff; 
      color: #fff; 
      width: 100%; 
      font: 1em "Trebuchet MS", sans-serif; 
      } 
   .navigationMince a, .navigationMince span{
      display: block; 
      padding: 4px 10px; 
      color: #5f95ef; 
      text-decoration: none;
	  text-indent:15px;
	  font-style:italic;
	  text-align:left;
      background: #fff;
	  font-size:14px;
      }

   .navigationMince .toggleSubMenuMince a, .navigationMince .toggleSubMenuMince span { 
      background: url(images/menu_item_deroule_mince.png) no-repeat; 
      } 
	.style1Mince {
		padding:5px 20px;
	  font-size:16px;
      color: #666666;
	}  
	.style1Mince a, style2Mince a{
		display:inline;
		color:#5f95ef;
	}
	
	.style1Mince a:hover, style2Mince a:hover{
		display:inline;
		color:#666;
	}
	
	.style2Mince {
	padding:5px 20px;
	  font-size:12px;
	color:#999999;
	}
   .navigationMince .open a, .navigationMince .open span { 
      background: url(images/menu_item_enroule_mince.png) no-repeat; 
      } 
   .navigationMince a:hover, .navigationMince a:focus, .navigationMince a:active { 
      text-decoration: underline; 
      } 
   .navigationMince .subMenuMince { 
      font-size: .6em; 
      background: #f7f7f7; 
      font-size: .7em; 
      margin: 0; 
      padding: 0; 
      border-bottom: 1px solid #666; 
      } 
   .navigationMince ul.subMenuMince a { 
      background: none; 
      padding: 3px; 
	  line-height:10px;
	  display:inline;
      }

/** FIN MENU DEROULANT MINCE**/

.floatright {
float:right;
}


/******* FIN MENU DEROULANT CODE *******/  

.conteneurBottom {
height:auto;
width:100%;
}

.tdConteneurBottom {
height:auto;
}

.conteneurBottomMembres {
position:absolute;
height:auto;
left:0px;
right:0px;
top:350px;
}

.tdConteneurBottomMembres {
height:auto;
}

.tdMenuLogin {
height:auto;
}

.connecte {
vertical-align:top;
}

.divConnexion {
background:#eef1f6;
border:#CCC solid 1px;
padding:10px;

}

.imageRight {
float:right;
}

.imgOutils img{
padding:15px 3px 0px 3px;
}

.tableRounded {
margin:0 auto;
border-collapse:collapse;
}

.tableCodeWap {

margin:15px;
}

.tableCodeWap td {
padding:5px;
}

.menuCodeWap {
background:#fff;
border:solid #999 1px;
width:250px;
}

.formulaireCodeWap {
border:solid #999 1px;
background:#eee;
}

.tableStats {
border:solid #999 1px;
background:#eee;
width:400px;
margin:0 auto;
padding:0px 10px;
}

.tableStatsPaiements {
border:solid #999 1px;
background:#eee;
width:600px;
margin:0 auto;
padding:10px;
}

.contrat {
text-align:left;
}

.numeroStats {
font-size:13px;
font-weight:bold;
color:#5f95ef;
padding:3px 0px;
background:url(images/bullet.gif) no-repeat;
text-indent:20px;
}

/** DEBUT BANNIERES SITE**/
.banniereSite {
position:relative; width:270px; height:120px; padding-left:200px; text-align:left;
}
 
.imageSite {
position:absolute; left:0; padding-left:25px;
}

.vignetteSite {
position:absolute; right:0;
}

/** FIN BANNIERES SITE**/


/************************************************************ BOTTOM **********************************************************/

/************************************************* DEBUT ZONE MEMBRES *********************************************/

/************* DEBUT MENU MEMBRES ******************/
.tableMenuMembres {
margin: 0 auto;
text-align:center;
}

.tdMenuMembres {
padding:10px;
}

/************* FIN MENU MEMBRES ******************/

/************************************************* FIN ZONE MEMBRES *********************************************/