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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
   overflow-y: scroll !important;
}
body,html {
   margin:0;
   padding:0;
   height:100%;
}

/**** main ****/

h1
{
	font-size:130%; 
	font-weight:bold;
	margin:20px 0px;
}

.pspace p {
	margin-bottom:10px;
}

div#conteneur
{
	width: 911px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
a#logo
{
	z-index: 1;
	margin-left: 15px;
	width:300px;
	height:100px;
	position:absolute;
}

/***************************************** menu *****************************************/
div#menu
{
	width:100%;
	display:block;
	background:url(../img/layout_2011/menu_bg.png) no-repeat;
	height:120px;
}

div#menu ul
{
	margin-top:71px;
	float: left;
	margin-left:350px;
}

div#menu ul li
{
	float: left;
	list-style-type:none;
	font-size: 1.4em;
	font-weight:bold;
	color: #FFFFFF;
	margin-right:40px;
}

div#menu ul li a
{
	color:#FFFFFF;
	text-decoration: none;
	display:block;
}

div#menu .selected
{
	border-bottom:2px solid #FFF;
}

div#menu ul li a:hover
{
	color: #b6daf3;
}

/***************************************** Presentation *****************************************/

#Pmanuscrite
{
	margin-top: 30px;
	font-size: 2.1em;
	color:#00aff0;
}

div#Presentation
{
	font-size: 1.4em;
	color: #333;
	line-height:18px;
	margin-top: 25px;
	width: 390px;
}

div#Presentation span, div#Presentation a
{
	color: #333;
}

div#Presentation span {
	font-size: 1.45em;
	font-weight:bold;
}

div#Presentation a {
	text-decoration:none;
	border-bottom:1px dotted #333;
}

a#login
{
	position: absolute;
	margin-top: 43px;
	margin-left: -190px;
	color: #FFFFFF;
	text-decoration:none;
}

a#join
{
	position: absolute;
	margin-top: 43px;
	margin-left: -75px;
	color: #FFFFFF;
	text-decoration:none;
}

a.btnPink
{
	height:27px;
	width:124px;
	display:inline-block;
	line-height:24px;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	background:url(../img/layout_2011/green_bouton_bg.png) no-repeat;
	color:#FFF;
	text-decoration:none;
	margin-bottom:5px;
}

a.btnPink:hover, a.btnGrey:hover
{
	color:#333;
}

a.btnGrey
{
	height:27px;
	width:160px;
	display:inline-block;
	padding-top:1px;
	line-height:24px;
	font-size:12px;
	padding-left:30px;
	font-weight:bold;
	background:url(../img/layout_2011/grey_bouton_bg.png) no-repeat;
	color:#FFF;
	text-decoration:none;
	margin-bottom:5px;
}

span
{
	font-weight: bold;
}

img#phones
{
	position: absolute;
	right:0px;
	top:138px;
	right:10px;
	z-index:-20;
}

img#btnLogin
{
	border: none;
}

img#btnEnregistrer
{
	border: none;
}

/***************************************** Contenu *****************************************/

div#contenu
{
	margin-top: 80px;
	z-index:20;
}

div#contenu h2
{
	color: #FFF;
	font-size: 1.9em;
	letter-spacing:-0.05em;
	font-weight: bold;
	margin-bottom: 15px;
}

div#contenu p, div#contenu .bloc
{
	color: #FFFFFF;
	font-size: 1.3em;
}

img#btnEnvoyer
{
	margin-top: 50px;
	border: none;
}

div#col1
{
	float:left;
	display:inline-block;
	width:44%;
	position:relative;
}

div#col2
{
	float:right;
	display:inline-block;
	width:55%;
}

div.bloc
{
	clear:both;
	width:100%;
	padding-top:20px;
	line-height:18px;
	display:block;
}

div.bloc a
{
	font-size:1.2em;
	color:#FFF;
	font-weight:700;
}

ul#avantages
{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size: 1.3em;
}

ul#avantages li
{
	color: #FFFFFF;
	background:url(../img/puce.png) no-repeat;
	background-position:left;
	line-height:19px;
	padding-left:25px;
}

ul#fonctionnalites
{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size: 12px;
}

ul#fonctionnalites li
{
	background:url(../img/puce.png) no-repeat;
	background-position:left top;
	line-height:19px;
	padding-left:25px;
	color: #666;
}

ul#fonctionnalites a
{
	color: #00aff0;
	text-decoration:none;
	border-bottom:1px dotted #00aff0;
}

img#btnInscription
{
	margin-top: 20px;
	border: none;
}

img#plane
{
	position: absolute;
	left: 265px;
	top:75px;
}

.clearer
{
	clear: both;
	width: 100%;
	height:1px;
}

/***************************************** Pages  *****************************************/

div#Pages
{
	font-size: 1.4em;
	color: #333;
	margin-top: 35px;
	margin-left: 5px;
	width: 97%;
}

.link {
	color: #00aff0;
}
.faq a {
	color: #02709b;
}
.faq p {
	margin-bottom:20px;
}
.faq ul {
	list-style-image:url(../img/puce.png);
	margin-left: 15px;
	padding-left:10px;
	margin-bottom:20px;
}
.faq li {
	list-style-image:url(../img/puce.png);
	margin-left: 15px;
	padding-left:10px;
}

div.PagesTitle
{
	font-size: 2.0em;
	font-weight: bold;
	letter-spacing: -0.05em;
	margin-bottom:30px;
	display:block;
	clear:both;
	color:#00aff0;
}

div.PagesTitle a
{
	color:#00aff0;
	text-decoration:none;
}

div.PagesTitle a:hover
{
	text-decoration:underline;
}

div#PagesColumn1
{
	display:inline-block;
	width:208px;
	float:left;
	padding-bottom:12px;
	position:relative;
}

div#PagesColumn1 #livesupport {
	position:absolute;
	bottom:-80px;
	left:0px;
}

div#PagesColumn2
{
	display:inline-block;
	width:73%;
	float:left;
	margin-left:15px;
	margin-top:0px;
	color:#666;
	line-height:18px;
}

.lastblock
{
	border-top:1px dotted #00aff0;
	margin-top:15px;
	padding-top:10px;
	display:block;
	position:relative;
	clear:both;
	line-height:18px;
}

div#PagesColumn1Phones
{
	/*background:url(../img/phones_small.png) no-repeat;
	display:block;
	width:208px;
	height:32px;*/
}

ul#PagesMenu
{
	list-style: none;
	color: #FFFFFF;
	font-size: 1em;
	font-weight:bold;
	list-style-type:none;
}

ul#PagesMenu li
{
	list-style-type:none;
	line-height:29px;
	padding-left:20px;
	padding-bottom:10px;
	background:url(../img/layout_2011/ccm_list.png) no-repeat;
	width:183px;
	background-position:0px 0px;
}

ul#PagesMenu li.on
{
	background:url(../img/layout_2011/ccm_list_on.png) no-repeat;
}

ul#PagesMenu li.go
{
	background:url(../img/layout_2011/ccm_list_go_off.png) no-repeat;
}

ul#PagesMenu li.go:hover
{
	background:url(../img/layout_2011/ccm_list_go.png) no-repeat;
}

ul#PagesMenu li a
{
	color:#00aff0;
	text-decoration:none;
}

ul#PagesMenu li a:hover
{
	color:#666;
}

ul#PagesMenu li.on a
{
	color:#FFF;
}

ul#PagesMenu li.go:hover a
{
	color:#FFF;
}

ul#PagesMenu li.go a
{
	color:#97bf0d;
}

ul#PagesMenu li ul li
{
	color:#97bf0d;
	height:16px;
	background:none;
	font-size:11px;
	line-height:14px;
	margin-top:6px;
	padding:0;
	padding-left:5px;
	border-left:1px dotted #666;
	font-weight:normal;
}

ul#PagesMenu li ul li a, ul#PagesMenu li.on ul li a
{
	color: #666;
}
ul#PagesMenu li ul li a:hover, ul#PagesMenu li.on ul li a:hover
{
	text-decoration:underline;
}

ul#PagesCcmStep li
{
	font-size: 1.2em;
	font-weight:bold;
	list-style:none;
	margin-bottom:5px;
}

ul#PagesCcmStep li strong
{
	margin-right: 13px;
	font-size:1.5em;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background-color:#00aff0;
	color:#FFF;
	display:inline-block;
}

ul#PagesCcmStep li a
{
	color:#00aff0;
	text-decoration:none;
	border-bottom:1px dotted;
}

ul#PagesCcmStep li span
{
	font-size:11px;
	color:#666;
	font-weight:normal;
}

ul#PagesCcmStep li span a
{
	color:#666;
	text-decoration:none;
	border-bottom:1px dotted;
}

.PagesColumnTitle {
	background-color:#e5f7fd;
	padding:3px;
	font-weight:bold;
	color:#00aff0;
	line-height:20px;
}

.PagesColumnTitle_Yellow {
	background-color:#9dc21b;
	border-left:2px solid #9dc21b;
	padding:3px;
	font-weight:bold;
	color:#FFF;
}

.PagesTable {
	position:relative;
	width:100%;
	display:block;
}

.PagesTable .Yellow {
	border-left:2px solid #9dc21b;
	background-color:#f8f8f8;
	color:#9dc21b;
	width:180px;
}

.PagesTable a {
	text-decoration:none;
}

.PagesTable a:hover {
	text-decoration:underline;
}

.PagesTable .Yellow span {
	font-weight:normal;
	color:#f6a453;
}

.PagesTable tr {
	position:relative;
}

.PagesTable tr td {
	border-bottom:1px solid #e2e2e2;
	padding:3px;
	font-size:12px;
	position:relative;
}

.PagesTable .sepa {
	background-color:#00aff0;
	padding:4px;
	font-weight:700;
}
.PagesTable .letter {
	display:inline-block;
	float:left;
	color:#FFF;
	font-size:1.8em;
	width:20%;
}
.PagesTable .alphabet {
	display:inline-block;
	float:right;
	color:#99ccff;
	font-size:1.4em;
	margin-top:3px;
}
.PagesTable .alphabet a {
	color:#99ccff;
	text-decoration:none;
	margin-right:4px;
}

.PagesLogin_1 {
	display:inline-block;
	width:50%;
	float:left;
	border-right:2px solid #0099ff;
}

.PagesLogin_2 {
	display:inline-block;
	width:48%;
	float:right;
}

.PagesctrlHolder { 
	padding: 4px;
	background-color:#e5f7fd;
	font-weight:bold;
	color:#00a4e1;
	border-bottom: 2px solid #98d5ee;
	margin-bottom:4px;
}

.PagesctrlHolder a {
	color:#00a4e1;
	text-decoration:none;
}

.PagesctrlResult, .PagesTableResult tr td { 
	padding: 4px;
	font-size:11px;
	border-bottom: 1px solid #e2e2e2;
}

.PagesTableResult a { 
	color:#00a4e1;
}

.PagesTableResult .MainRow {
	font-weight:bold;
}

.delete {
	cursor:pointer;
}

.terms_title {
	margin-bottom:10px;
	font-weight:bold;
}

.terms_rub {
	margin-top:10px;
	font-weight:bold;
	text-decoration:underline;
}

hr {
	margin:5px 0px;
	padding:0;
	height:1px;
	clear:both;
	color:#CCC;
}

/***************************************** Footer *****************************************/


a.btn
{
	height:32px;
	width:185px;
	display:block;
	line-height:32px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background:url(../img/btnBg.png);
	color:#FFF;
	text-decoration:none;
}

a.btn:hover
{
	color:#333;
}

div#promo {
	display:block;
	font-size:1.2em;
	font-weight:bold;
	color:#515b62;
	line-height:32px;
	margin-bottom:20px;
}
div#promo_1
{
	background:url(../img/promo_left.gif) no-repeat;
	display:inline-block;
	width:8px;
	float:left;
	height:32px;
}
div#promo_2
{
	background:url(../img/promo_bg.gif) repeat-x;
	display:inline-block;
	float:left;
	height:32px;
}
div#promo_3
{
	background:url(../img/promo_right.gif) no-repeat;
	display:inline-block;
	width:8px;
	float:left;
	height:32px;
}

span.barre {
	text-decoration:line-through;
	font-weight:normal;
}

/********************************************************************************************/

.pagination {
	font:12px Arial, Helvetica, sans-serif;
	margin:10px 0px;
}

.pagination a {
	background:#fff;
	border:1px solid #d6e4ed;
	color:#00a4e1;
	margin:2px;
	padding:.2em .4em;
	text-decoration:none
}

.pagination a:hover {
	background:#fff;
	border:1px solid #a5adb3;
	color:#a5adb3;
}

.pagination span.inactive {
	background:#fff;
	border:1px solid #f0f0ff;
	color:#f0f0ff;
	margin:2px;
	padding:.2em .4em
}

.pagination span.active {
	background:#00a4e1;
	border:1px solid #b6d6e2;
	color:#fff;
	font-weight:700;
	margin:2px;
	padding:.2em .4em
}

/**************/

#rates {
  overflow: hidden;
  background-position: bottom;
  background-repeat: repeat-x;
}
#rates ul {
  float: left;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}
#rates ul li {
  float: left;
  margin-left: 8px;
  padding: 5px 10px;
  background-color:#CCC;
  height:15px;
  line-height:15px;
}
#rates ul li a {
  text-decoration: none;
  letter-spacing: 1px;
  font-size:12px;
  color:#666;
  font-weight:700;
}
#rates ul li#actif {
  background-color:#00aff0;
}
#rates ul li#actif a {
  color:#FFF;
}
#rates ul li a:hover {
  background-position: 0% -500px;
  cursor:pointer;
}
#rates ul li a:focus {
  background-position: 0% -500px;
}
#rates ul li a:hover span {
  background-position: 100% -500px;
}
#rates ul li a:focus span {
  background-position: 100% -500px;
}

div#hotline {
	position:absolute;
	color:#78909a;
	right:135px;
	top:20px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
}
div#hotline a {
	color:#78909a;
	text-decoration:none;
}
div#hotline span {
	font-size:18px;
}
table.tour tr td {
	vertical-align:top;
	padding-bottom:30px;
	font-size:11px;
	color:#666;
	width:270px;
}
table.tour tr td span {
	font-weight:normal;
	display:block;
	width:260px;
	background-color:#EBEBEB;
	border-bottom:1px solid #CCC;
	padding:5px;
}
table.tour tr td div.titre {
	font-weight:bold;
	font-size:12px;
	color:#101e28;
	display:block;
	width:254px;
	background-color:#00aff0;
	padding:3px 5px;
	border-left:6px solid #a2cd0e;
	color:#FFF;
}
table.tour tr td div.titre a {
	color:#FFF;
	text-decoration:none;
}
table.tour tr td img {
}
table.tour tr td span img {
	border:none;
}

.phpcode {
	display:block;
	padding:10px;
	border:1px solid #99ccff;
	background-color:#e8f0f5;
	width:100%;
	margin-top:5px;
}

/* General dropdown styles */      
.dropdown { position:absolute; right:13px; top:18px; z-index:1; background:url(../img/layout_2011/light_bouton_bg.png); } 
.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
.dropdown dd { position:relative; }
.dropdown a, .dropdown a:visited { color:#00aff0; text-decoration:none; outline:none;}
.dropdown a:hover { color:#00aff0;}
.dropdown dt a:hover { color:#00aff0; border: 1px solid #73bbe2;}
.dropdown dt a {background: url(arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
				border:1px solid #bde2f1; width:90px;}
.dropdown dt a span {cursor:pointer; display:block; padding:5px;}
.dropdown dd ul { background:#c7efff none repeat scroll 0 0; border:1px solid #bde2f1; border-top:none; color:#C5C0B0; display:none;
				  left:0px; padding:5px 0px; position:absolute; top:-1px; width:auto; min-width:110px; list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:5px; display:block;}
.dropdown dd ul li a:hover { background-color:#00aff0; color:#FFF; }

.dropdown img { border:none; vertical-align:middle; }
.flagvisibility { display:none;}