/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend  {
	margin: 0;
	padding: 0;
	border: 0px;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font:normal 62.5% Arial,Helvetica,sans-serif;
	background-color: #44617E;
	background-image: url("img/bodytop_bg.jpg");
	background-repeat: repeat-x;
	line-height: 1.2; 
	text-align:center;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {outline:none; text-decoration:none}
a:hover {text-decoration:underline}

.home
{
	margin-left:auto;
	width:960px;
	text-align:left;
}

.box
{
	text-align:left;
	color: #303030;	
	background-color:#ffffff;
	font-size:1.2em;  
}
.boxin
{
	text-align:left;
	padding:20px;
}
.boxin h3 {color:#15b8e0; font-size:2.2em; font-weight:normal;}
.boxin h4 {font-size:1.6em; font-weight:normal; color:#15b8e0;}
.boxin p.intro {color:#666; padding:14px 0; font-size:1.4em}

.boxpop
{
  color: #303030;
  border: 1px solid #303030;	
  background-color:#ffffff;
  font-size:1.2em; 
  padding: 5px;
}


.boxt1
{
width:12px;height:60px;background-image: url('img/mod_t1.png');	
}
.boxt2
{
height:60px;background-image: url('img/mod_t2.png');	
background-repeat: repeat-x;
 font-size:1.4em; color:#333;
  font-weight: bold;
  vertical-align: middle;
}
.boxt2logo
{
height:60px;background-image: url('img/mod_t2.png');	
background-repeat: repeat-x;
width:50px;
}
.boxt2sec
{
height:60px;background-image: url('img/mod_t2.png');	
background-repeat: repeat-x;
color: #333;
font: 1.2em Arial,Helvetica,sans-serif;
  font-weight: normal;
  vertical-align: middle;
  text-align: right;
}
.boxt3
{
width:12px;height:60px;background-image: url('img/mod_t3.png');	
}

.mainbox
{
	margin-left:auto;width:960px;
	text-align:left;
}

.maintitle
{
  font: normal 62.5% Arial,Helvetica,sans-serif;
  font-weight: bold;
  color: #0000E0;
}

.blnk
{
  color: #303030;
  text-decoration: none;
}
.blnk:hover
{
  text-decoration: underline;
}

.glnk
{
  color: #606060;
  text-decoration: none;
}
.glnk:hover
{
  text-decoration: underline;
}

.nlnk
{
  color: #303030;
  text-decoration: none;
}
.nlnk:hover
{
  text-decoration: none;
}


.tablelog
{
  margin: 5px;
  padding: 1px;
}
.inplog
{
  margin:2px;
}

.boxuser
{
  padding: 4px; border:solid 1px #606060; background-color:#ffffff;
  overflow: hidden;
}

.inputn, .inputn:hover
{
  background-color:#f6f9fe;
  color: #000000;
  border: 1px; border:solid 1px #d8d8d8;
}
.inputn:disabled
{
  background-color:#d8d8d8;
  color: #404040;
  border: 1px; border:solid 1px #404040;
}

.inputro, .inputro:hover
{
  background-color:#e2e9f9;
  color: #000000;
  border: 0px;
}

.mvbx
{
  border: 1px solid #000000;
  background-color:#f0f0f0;
  padding: 2px;
  height: 20px;
  width: 250px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
.destbx
{
  border: 1px dotted #FF0000;
  padding: 2px;
  height: 60px;
  width: 294px;
  overflow: hidden;
}
.scrbx
{
  position: absolute;
  border: 1px solid #606060;
  background-color:#808080;
  width: 0px;
  overflow: hidden;
}

.caltd
{
  padding: 2px;
  margin: 2px;		
  border: 1px solid #606060;
  background-color:#f0f0f0;
  cursor: pointer;
  text-align: center;
}
.caltd:hover
{
  background-color:#d0d0ff;
}

.tableg
{
  border: 1px solid #909090;
}
.thg
{
  padding: 2px;
  margin: 2px;		
  background-color:#e2e9f9;
  font-weight: bold;
  border-bottom: 1px solid #909090;
  text-align: center;
}
.tdg
{
  padding: 2px;
  margin: 2px;		
  background-color:#f6f9fe;
  overflow: hidden;
  border-bottom: 1px solid #909090;
 text-align: center;
}

textarea
{
	font:normal 14px Arial,Helvetica,sans-serif;
}

input, submit
{
  border: 1px solid #606060;
  background-color:#e2e9f9;
}
input:hover, submit:hover
{
  border: 1px solid #303030;
  background-color:#f9e9e2;
}

.status0
{
  font: 10px Arial, Lucida, Verdana, sans-serif;
  color: #00A000;
  height: 12px; overflow:hidden;
}
.status1
{
  white-space: nowrap;
  font: 9px Arial, Lucida, Verdana, sans-serif;
  color: #FF8000;
  height: 12px; overflow:hidden;
}
.status2
{
  white-space: nowrap;
  font: 9px Arial, Lucida, Verdana, sans-serif;
  color: #FF8000;
  height: 12px; overflow:hidden;
}
.status3
{
  font: 10px Arial, Lucida, Verdana, sans-serif;
  color: #FF0000;
  height: 12px; overflow:hidden;
}
.status4
{
  font: 10px Arial, Lucida, Verdana, sans-serif;
  color: #FF0000;
  height: 12px; overflow:hidden;
}
.status5
{
  font: 10px Arial, Lucida, Verdana, sans-serif;
  color: #FF0000;
  height: 12px; overflow:hidden;
}
.status6
{
  font: 10px Arial, Lucida, Verdana, sans-serif;
  color: #FF0000;
  height: 12px; overflow:hidden;
}

.brv
{
	width: 1px;
	background-color: #606060;
}

.oblig
{
  font: 18px Arial, Lucida, Verdana, sans-serif;
  padding:2px;
  color: #FF0000;
  font-weight: bold;
}

.blocmod {background:url(img/pointilles-sombres.png) left top repeat-x; margin-top:15px; padding-top:15px; font-size:1.0em;}

.lstuserimg {
      width: 42px;
      vertical-align: top;
      padding-top: 6px;
}

.lstusertxt {
      max-width: 120px;
      max-height: 48px;
      vertical-align: top;
      padding: 0px;
}
.lstpoitxt {
      max-width: 140px;
      max-height: 48px;
      vertical-align: middle;
	  font-size:1.2em; color:#333;
}

.lut_n {
	white-space: nowrap;
	padding-top:3px;
	padding-bottom:3px;
	font-weight: bold;
	font-size:1.2em; color:#333;
}
.lut_f {
	padding-top:2px;
	padding-bottom:2px;
	font-weight: normal;
	font-size:1.2em; color:#333;
}

.imgbtn {border:0px; cursor: pointer; }
.imgbtn:hover {border:0px; }

.erreur {color:#ff0000; font-size:12px; font-style:italic;}

fieldset {position:relative}

.bloc-credit-unite {width:142px; text-align:center; vertical-align:bottom; }
.bloc-credit-pack {width:142px; text-align:center; vertical-align:bottom; }
.bloc-credit-abonnement { margin-left:5px;text-align:center; vertical-align:bottom; }

.blocpuce ul li {font-size:14px; background:url(img/puce-fleche-bleue.png) left 5px no-repeat; color:#666; padding:0 0 15px 15px}
.listcoche ul li { font-size:14px; font-weight:normal; color:#666; padding:5px 0 8px 20px; margin-left:20px; background:url(img/picto-encoche.png) left 5px no-repeat;}
.slistcoche ul li { padding:5px 0 8px 20px; margin-left:20px; background:url(img/picto-encoche.png) left 5px no-repeat;}
.bloccoche {font-size:14px; color:#666; padding:10px 10px 5px 20px; background:#fdfdfd; border:1px solid #eaeced; margin:20px 0}
.bloccoche p {font-size:14px; color:#666}
.bloccoche ul li { font-size:14px; font-weight:bold; color:#666; padding:5px 0 8px 20px; margin-left:20px; background:url(img/picto-encoche.png) left 5px no-repeat;}

.zbloccoche { font-size:14px; font-weight:normal; color:#666; padding:5px 0px 8px 20px; margin-left:20px; background:url(img/picto-encoche.png) left 5px no-repeat;}
.zblocpuce {font-size:14px; background:url(img/puce-fleche-bleue.png) left 5px no-repeat; color:#666; padding:0px 5px 5px 15px; margin-left:20px;}

.zbloccocheg { font-weight: bold;  font-size:14px; color:#666; padding:5px 0px 8px 20px; margin-left:20px; background:url(img/picto-encoche.png) left 5px no-repeat;}


.completer { background:#ffff00; font-style:italic; }

.sous-menu {position:absolute;left:0px;top:105px;width:930px;height:15px;text-align:right;}
.sous-menu table {position: absolute;right:0px; }
.sous-menu td {font:normal 1.2em Arial, Helvetica, sans-serif; color:#333;}
.sous-menu a {color:#333;}

.bloc-cgv { margin-bottom:5px; width:550px; height:80px; overflow:auto; padding:2px; background:#f6f9fd;}

.pesp { margin-bottom:5px; }
.infosu 
{
	font-size:1.0em;
	margin: 0px; padding: 0px;
	text-align:right; font-style:italic;
}

/*************** STRUCTURE ***************/
#conteneur-principal {width:960px;}

.contenu { padding-bottom:20px; }

/* MENU */
#menu {position:absolute;left:10px;top:21px; width:871px; height:85px; margin:0 auto; padding:0 20px 0 50px; background:url(img/header-fond.jpg) no-repeat}
#menu h1 {float:left; width:202px; height:47px; margin-top:10px;}
#menu h1 span {display:none}
#menu p {float:left; width:202px; height:47px; margin-top:10px;}
#menu p span {display:none}
#menu ul {float:right}
#menu ul li {display:inline}
#menu ul li a {text-decoration:none;font:bold 1.4em Arial, Helvetica, sans-serif; color:#15b8e0; margin-right:-1px; display:block; float:left; padding:26px 20px; height:16px; background:url(../images/menu-lien-bordure.gif) right center no-repeat;}
#menu ul li a:hover,
#menu ul li a.selected {background:#15b8e0; color:#FFF; margin-left:-1px; margin-right:0; text-decoration:none;}
#menu ul li a.dernier {background-image:none;text-decoration:none;}

/* SOUS MENU */
#sous-menu { position:absolute;left:0px;top:105px;width:930px;height:15px;text-align:right;}
#sous-menu ul li {font:normal 1.2em Arial, Helvetica, sans-serif; display:inline; color:#333;}
#sous-menu a {color:#333;}

/* CADRE PRINCIPAL */
.cadre-haut {background:url(img/cadre-principal-haut.png) no-repeat; width:960px; height:10px; overflow:hidden; margin-top:5px;}
.cadre-milieu {background:#FFF; padding:0 10px; width:940px;}
.cadre-bas {background:url(img/cadre-principal-bas.gif?v=2) no-repeat; width:960px; height:12px; overflow:hidden;}

/* CADRE MISE EN AVANT */
.cadre-en-avant {position:relative; background:url(img/cadre-principal-visuel.jpg) no-repeat; padding:40px 30px; height:312px; width:880px; margin-bottom:10px}
.coin-hg {background:url(img/cadre-secondaire-coin-hg.png) no-repeat; left:0; top:0; width:10px; height:10px; position:absolute; z-index:10; overflow:hidden;}
.coin-hd {background:url(img/cadre-secondaire-coin-hd.png) no-repeat; right:0; top:0; width:10px; height:10px; position:absolute; z-index:10; overflow:hidden;}
.coin-bg {background:url(img/cadre-secondaire-coin-bg.png) no-repeat; left:0; bottom:0; width:10px; height:10px; position:absolute; z-index:10; overflow:hidden;}
.coin-bd {background:url(img/cadre-secondaire-coin-bd.png) no-repeat; right:0; bottom:0; width:10px; height:10px; position:absolute; z-index:10; overflow:hidden;}

.cadre-en-avant h2 {font:bold 2em Arial, Helvetica, sans-serif; color:#333}
.cadre-en-avant h3 {font:normal 1.8em Arial, Helvetica, sans-serif; color:#333; padding-top:10px;}

/* CADRE DU PRINCIPE - HOME */
.cadre-principe {background:url(img/cadre-gris-haut.png) no-repeat; padding:10px 15px 20px 15px; color:#333;}
.cadre-principe .bloc {float:left; width:268px; padding-right:52px}
.cadre-principe .bloc .titre-comment {background:url(img/picto-comment.jpg) left 10px no-repeat; padding-left:80px; padding-top:20px; font-size:1.6em; height:60px}
.cadre-principe .bloc .titre-qui {background:url(img/picto-qui.jpg) left 3px no-repeat; padding-left:60px; padding-top:20px; font-size:1.6em; height:60px}
.cadre-principe .bloc .titre-simple {background:url(img/picto-simple.jpg) no-repeat; padding-left:70px; padding-top:20px; font-size:1.6em; height:60px}
.cadre-principe .bloc p {font-size:1.3em}
.cadre-principe .dernier {padding-right:0}

/* CADRE DES INFOS - HOME */
.cadre-information {clear:both; margin-top:0; border-top:1px solid #d8d8d8; padding:25px 0;  color:#555;}
.cadre-information .bloc {float:left; width:212px; padding:0 10px 30px 14px; border-right:1px solid #d8d8d8}
.cadre-information .bloc h4 {font-size:1.4em; font-weight:bold; padding:5px 0 15px 0;}
.cadre-information .bloc p {font-size:1.2em; padding-bottom:20px; min-height:60px;}
.cadre-information .bloc a {font-weight:bold; font-size:1.2em; color:#999}
.cadre-information .dernier {border:none; padding-right:0}
.cadre-information .apropos {background:url(img/picto-apropos.jpg) 150px bottom no-repeat}
.cadre-information .vie-privee {background:url(img/picto-vie-privee.jpg) 150px bottom no-repeat}
.cadre-information .faq {background:url(img/picto-faq.jpg) 150px bottom no-repeat}
.cadre-information .contact {background:url(img/picto-contact.jpg) 150px bottom no-repeat}


/* LOCALISATION */
.localisation .contenu .cadre .cadre-milieu .cadre-en-avant {position:relative; background:#92aeca; padding:5px; height:495px;}
.bloc-localisation {padding-bottom:1px; margin-bottom:-2px}
.bloc-localisation .carte {width:612px; float:left;}
.bloc-localisation .bloc-listes {width:314px; float:right;}
.bloc-localisation .bloc-listes .onglet li {float:left; margin-right:5px; width:140px; position:relative; cursor:pointer}
.bloc-localisation .bloc-listes .onglet li.mes-lieux {width:120px}
.bloc-localisation .bloc-listes .onglet li.mes-lieux img {top:8px; left:8px}
.bloc-localisation .bloc-listes .onglet li img {position:absolute; top:6px; left:5px; cursor:pointer}
.bloc-localisation .bloc-listes .onglet li a {display:block; background:url(img/onglet-droite.jpg) right top no-repeat; height:38px; font-size:1.4em; cursor:pointer}
.bloc-localisation .bloc-listes .onglet li a.selected,
.bloc-localisation .bloc-listes .onglet li a:hover {background:url(img/onglet-droite.jpg) right -39px no-repeat;}
.bloc-localisation .bloc-listes .onglet li a strong {display:block; padding:10px 5px 0 40px; float:left; height:23px; background:url(img/onglet-gauche.jpg) left top no-repeat; color:#333; cursor:pointer}
.bloc-localisation .bloc-listes .onglet li a.selected strong,
.bloc-localisation .bloc-listes .onglet li a:hover strong {background:url(img/onglet-gauche.jpg) left -39px no-repeat;}

.bloc-listes .bloc-contenu-liste {clear:both; background:#e0e8f8; position:relative; margin-bottom:5px; padding-top:5px}

.bloc-listes .bloc-contenu-liste .coin-hd {background:url(img/coin-bleu-clair-fond-bleu-hd.png) no-repeat; right:0; top:0; width:4px; height:4px; position:absolute; z-index:90; overflow:hidden;}
.bloc-listes .bloc-contenu-liste .coin-bg {background:url(img/coin-bleu-clair-fond-bleu-bg.png) no-repeat; left:0; bottom:0; width:4px; height:4px; position:absolute; z-index:90; overflow:hidden;}
.bloc-listes .bloc-contenu-liste .coin-bd {background:url(img/coin-bleu-clair-fond-bleu-bd.png) no-repeat; right:0; bottom:0; width:4px; height:4px; position:absolute; z-index:90; overflow:hidden;}


/* PRESENTATION */
.presentation .contenu .cadre .cadre-milieu {background:#FFF url(img/fond-contenu-inside.png) 10px top repeat-y}
.presentation .contenu .cadre .cadre-milieu .cadre-principe {background:url(img/cadre-gris-haut-02.jpg) no-repeat;}
.contenu .cadre .cadre-milieu .cadre-principe .bloc-menu-inside {width:180px; float:left; position:relative}
.contenu .cadre .cadre-milieu .cadre-principe .bloc-menu-inside h2 {font-size:2.2em; font-weight:normal; color:#15b8e0; padding:10px 5px}
.contenu .cadre .cadre-milieu .cadre-principe .bloc-menu-inside .menu-inside {position:absolute; top:100px; left:-15px;}
.contenu .cadre .cadre-milieu .cadre-principe .bloc-menu-inside .menu-inside ul li a {display:block; padding:15px 5px 15px 22px; width:154px; color:#15b8e0; font-size:1.3em; border-top:1px solid #fbfcfb; border-bottom:1px solid #fbfcfb;}
.contenu .cadre .cadre-milieu .cadre-principe .bloc-menu-inside .menu-inside ul li a:hover {text-decoration:none;color:#333;}
.contenu .cadre .cadre-milieu .cadre-principe .bloc-menu-inside .menu-inside ul li a.selected {color:#333; background:#FFF; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }

.contenu-inside {width:670px; float:left; padding:30px; min-height:740px;}
.contenu-inside h1 {color:#15b8e0; font-size:3.3em; font-weight:normal;}
.contenu-inside h1 span {display:block; font-size:.65em; margin-top:-3px;}
.contenu-inside h3 {color:#15b8e0; font-size:3.3em; font-weight:normal;}
.contenu-inside h3 span {display:block; font-size:.65em; margin-top:-3px;}
.contenu-inside p.intro {color:#666; padding:15px 0; font-size:1.4em}
.contenu-inside .encart {padding:10px 10px 5px 20px; background:#fdfdfd; border:1px solid #eaeced; margin:20px 0}
.contenu-inside .encart p {font-size:1.4em; color:#666}
.contenu-inside .encart ul {padding-left:70px; padding-top:8px}
.contenu-inside .encart ul li {float:left; font-size:1.4em; font-weight:bold; color:#666; padding:5px 0 8px 20px; margin-left:20px; width:210px; background:url(img/picto-encoche.png) left 5px no-repeat;}
.contenu-inside .encart ul li.txt-important {color:#6bb213; font-size:1.6em; background-position:left 7px;}
.contenu-inside p {font-size:1.3em; color:#666}
.contenu-inside .bloc-titre-paragraphe {background:url(img/pointilles.png) left top repeat-x; padding:16px 0 0 0; margin-top:20px;}
.contenu-inside .bloc-titre-paragraphe h4 {font-size:1.6em; font-weight:normal; color:#15b8e0;}


/* FOOTER */
#footer {clear:both; margin-top:0; border-top:1px solid #d8d8d8;}
#footer div {float:left}
#footer .valid {float:right}

#footer-inside {text-align:center; padding:15px 0 0 0; font-size:1.2em; color:#999;}
#footer-inside a {border-right:1px solid #999; padding:0 8px; color:#999}
#footer-inside a.dernier {border:none}


.promo {background:#ade170; height:22px; padding-top:4px; color:#333; margin-bottom:2px;}
.promo span {display:block; background:#6dca00; float:left; height:22px; padding-top: 4px; padding-left: 18px; padding-right: 10px; margin-right:10px; margin-top:-4px; text-transform:uppercase; color:#FFF}
.etape {background:#e3ebfc; height:20px; padding-top:5px; font-size:14px; color:#333; font-weight:bold; }
.etapenum { background:#b9cff8 url(img/fleche-bleu-fonce-fond-bleu.png) right top no-repeat; float:left; height:20px; padding-top: 4px; padding-left:16px; padding-right:16px; margin-right:10px; margin-top:-5px; text-transform:uppercase; color:#FFF}

.promo_lg { margin:0px 0px 6px 0px;}
.promo_l {font-size:14px; background:#ade170; padding:4px 10px 4px 10px; color:#444;}
.promo_t { font-weight:bold; width:50px; font-size:14px; background:#6dca00; padding-top: 4px; padding-left: 18px; padding-right: 10px; margin-right:10px; margin-top:-4px; text-transform:uppercase; color:#FFF}


.encart-bleu {padding:0px 10px 5px 20px; background:#f4f7fd; margin:10px 0;}
.bloc-conditions { margin-bottom:5px; height:76px; overflow:auto; padding:5px 15px 8px 5px; background:#f6f9fd;}

/*************** DIVERS ***************/
.cache {display:none}
.no-margin {margin:0 !important}
.aligner-droite {float:right;}
.btn {border:none; line-height:30px; display:block; text-indent:-9999px; cursor:pointer; width:157px; height:29px;}
.btn-bold {font-weight:bold}
.btn-sinscrire {background:url(img/btn-sinscrire.png) no-repeat; width:213px; height:47px; margin:40px 0 0 10px;}
.btn-sinscrire-small {background:url(img/btn-sinscrire-small.png) no-repeat; margin:40px 0 0 12px;}
.btn-creer-compte {background:url(img/btn-creer-compte.png) no-repeat; margin:25px auto 0 auto;}
.btn-decouvrir {background:url(img/btn-decouvrir.png) no-repeat; width:238px; margin:25px 0 0 0;}
.btn-utiliser {background:url(img/btn-utiliser.png) no-repeat; width:238px; margin:25px 0 0 0;}
.btn-acceder {background:url(img/btn-acceder.png) no-repeat; width:238px; margin:25px 0 0 0;}


/*************** CLEAR FIX ***************/
.clear-fix {display:inline-block;}