/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 03
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */

/* --- COULEURS --- */

/* Général */
a {
	color: #49a2ca;
	font-weight: bold;
	text-decoration: none;
}
a:hover, a:focus {
	text-decoration: underline;
}
/*strong {
	color: #A1B55D;
}*/

/* Navigation */
#navigation {
	background: #181A12;
}
#navigation a {
	color: #FF6533;
}
#navigation a:hover, #navigation a:focus {
	background: #000000;
}

/* Contenu principal */
#navmenu {
	background: #fff;
	color: #363B29;
        border: 0;
        padding: 0;
}
#navmenu a {
	color: #49a2ca;
}
#navmenu a:hover, #navmenu a:focus {
	color: #49a2ca;
}

#navmenu strong {
	color: #181A12;
}

/* Contenu principal */
#contenu {
	background: #fff;
	color: #363B29;
    border: 0;
    padding: 0;
}
#contenu a {
	color: #49a2ca;
}
#contenu a:hover, #contenu a:focus {
	color: #49a2ca;
}
#barres_lettres a {
	color: #000;
}
#contenu strong {
	color: #181A12;
}

/* Pré-footer */
#pre-footer {
	width: 925px;
	color: #000;
	margin: 0 0 10px 20px;
	border: 0px solid red;
	height: 328px;
}
hr.separe {
	background: transparent url(../images/trait-separation.png) left top no-repeat;
	width: 254px;
	height: 2px;
	border: none;
	margin: 10px 0 -10px 0;
	padding: 0;
}
#col1 {
	float: left;
	width: 270px;
	margin: 0;
	padding: 0;
}
.safari #col1 {
	float: left;
	width: 270px;
	padding: 0;
}
#hautcol1 {
	background: url(../images/haut-col1.png) left top no-repeat;
	height: 11px;
}
#centrecol1 {
	background: url(../images/fond-col1.png) left bottom repeat-x;
	width: 258px;
	height: 300px;
	border-top: 0px solid red;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: -19px 0 0 0;
	padding: 0 5px;
}
#centrecol1 img.nl, img.parlez, img.temoin {
	float: left;
	border: 0;
	margin-right: 5px;
	padding: 0;
}
.opera img.temoin {
	float: left;
	margin: 0 5px 0 -40px;
	padding: 0;
}
#bascol1 {
	background: url(../images/bas-col1.png) left top no-repeat;
	height: 11px;
}
#newsletter form {
	margin: 0;
	padding: 0;
}
#newsletter form input {
	width: 200px;
}
#OK-NL {
	width: 50px;
}	

#parlez-en p {
	width: 75px;
	margin: -10px 0 0 180px;
}
#commentaires {
	margin: 0;
	padding: 0;
}
#commentaires_conteneur {
	background-color: #ffffff;
	width: 250px;
	height: 60px;
	border: 1px solid #cccccc;
	margin: 20px 0 0 0;
	padding: 0;
}

marquee#commentsBox {
	width: 240px;
	height: 50px;
	font-size: 12px;
	text-align: left;
	padding: 0 0 0 10px;
	white-space: normal;
	overflow: hidden;
}
.text_bleu_petit {
	color: #49a2ca;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#col2 {
	float: right;
	width: 315px;
	margin: 0;
	padding: 0;
}
.safari #col2 {
	float: right;
	width: 315px;
	margin: -10px 0 0 0;
	padding: 0;
}
table.pays {
	margin: 0;
	padding: 0;
}
.nom_pays {
	margin: 0;
	padding: 0 0 3px 0;
}
#liste-pays {
	width: 100%;
	height: 290px;
	overflow: auto;
}
#liste-pays img {
	margin: 0;
	padding: 0;
}
#liste-pays table {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
hr.destin {
	width: 95%;
	border-top: 1px dashed #000;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
#col3 {
	float: right;
	width: 295px;
	border-left: 1px solid #49a2ca;
	margin: 0 0 10px 10px;
	padding: 0 0 0 15px;
}
.safari #col3 {
	float: right;
	width: 295px;
	border-left: 1px solid #49a2ca;
	padding: 0 0 0 15px;
}
#col3 div {
	border-bottom: 1px dashed #000;
	margin: 0;
	padding: 5px 0;
}
#col3 p {
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}
#col3 img {
	float: left;
	margin: 3px;
	padding: 0;
}

#col3 a {
	font-size:0.85em;
}	

/* Footer */

#footer {
	background: #2c91c5;
	border-top: 5px solid #d8e5eb;
	color: #FFF;
	clear: both;
}

/* Pied de page */

#piedpage {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #000;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 0.8em;
	line-height: 1.1em;
	margin: 10px 10px 0 10px;
	padding: 10px;
	z-index: 0;
}
#piedpageG {
	float: left;
	background: url(../images/piedpage-left.png) left top no-repeat;
	width: 5px;
	height: 84px;
	margin: 10px 0 10px 10px;
	z-index: 1;
}
#piedpageD {
	float: right;
	background: url(../images/piedpage-right.png) left top no-repeat;
	width: 5px;
	height: 84px;
	margin: 10px 10px 10px 0;
	z-index: 1;
}

/* --- POSITIONNEMENT --- */

/* Page */
html, body {
	background-color: #d8e5eb;
	background-image: url(../images/fond.gif);
	background-position: center top;
	background-repeat: repeat-y;
	height: 100%; /* Voir -> Note 1 ci-dessous */
	color: #fff;
	margin: 0;
	padding: 0;
}
#global {
	background: #fff;
	width: 966px;
	min-height: 100%; /* -> 1 */
	margin-left: auto;
	margin-right: auto; /* -> 3 */
	overflow: hidden; /* -> 2 */
}

/* En-tête */
#entete {
	background: url(../images/head.jpg) 0 0 no-repeat;
	height: 117px;
	margin: 0;
	padding: 0;
}
#entete2 {
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
	margin: -35px 0 0 170px;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

/* Logo */
#logo {
	margin: 0 0 0 10px;
}

/* Menu de navigation */
#barre_nav {
	margin: 5px 0 0 0;
}
#barre_nav ul {
	margin: 0;
	text-align: center;
	list-style: none;
}
#barre_nav li {
	display: inline;
}

#barre_nav li.empty {
	height: 29px;
	border-bottom: 1px solid #000;
        display: block;
        margin: 0;
        padding: 0;
}

#barre_nav li.variable {
	float: right;
	background: url(../images/boutons/fond-btn-nav-gris.png) left top repeat-x;
	width: 163px;
	height: 29px;
	border-bottom: 1px solid #000;
	display: block;
}
#barre_nav li.invariable {
	float: right;
	display: block;
	background: url(../images/boutons/fond-btn-nav-coul.png) left top repeat-x;
	width: 163px;
	height: 29px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0 -1px 0 0;
}
#barre_nav a.inactive {
	float: left;
	background: url(../images/boutons/fond-btn-nav-gris.png) left top repeat-x;
	height: 29px;
	border-right: 1px solid #bebdbd;
	border-bottom: 1px solid #000;
	color: #49a2ca;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding: 0 15px;
	line-height: 2em;
}

.inactive .titreparrain  {
color:#CC0000;
}

#title {
	height: 29px;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: 0;
	line-height: 2.2em;
}
#barre_nav a.inactive:hover {
	text-decoration: underline;
}
#barre_nav a.active {
	float: left;
	background: url(../images/boutons/fond-btn-nav-coul.png) left top repeat-x;
	height: 29px;
	border-right: 1px solid #bebdbd;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
	color: #000;
	line-height: 2em;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	padding: 0 15px;
}

#navmenu {
	padding: 10px 20px 0 20px;
	clear: both;
}

#navmenu p, #navmenu li {
	line-height: 1.5;
}

#navmenu > :first-child {
	margin-top: 10px;
}

/* Contenu */
#contenu {
	padding: 0 20px 10px  20px;
        margin: 0;
	clear: both;
}

#contenu p, #contenu li {
	line-height: 1.5;
}

#contenu_barrenav {
	background: url(../images/fond-barrenav-test.jpg) left top no-repeat;
	width: 925px;
	min-height: 200px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 0 0 0;
	clear: both;
}


#titre_home {
	text-align:center;
	font-family:Arial;
	font-weight:900;
	font-size:32px;
	color:#538f07;
	margin-left:190px;
	margin-bottom:20px;
	padding-top:15px;
	width:550px;
}	

.opera #titre_home {
	text-align:center;
	font-family:Arial;
	font-weight:900;
	font-size:32px;
	color:#538f07;
	margin-left:220px;
	margin-top:1px;
	width:550px;
}	

#ss_titre_home{
	font-family:Arial;
	font-size:19px;
	color:#000000;
	margin-left:320px;
	margin-top:2px;
}		
	
#contenu_barrenav {
	height: 242px;
}
#contenu_barrenav_blank {
	height: 302px;
}
#contenu_barrenav_blank_promo {
	height: 342px;
}

#contenu_barrenav_account {
	background: url(../images/fond-barrenav.jpg) left top repeat-x;
	background-color: #f9dec3;
	width: 905px;
    min-height: 290px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 0 0 0;
	padding: 5px 10px 5px 10px;
	clear: both;
}

#contenu_barrenav_blank {
	background: url(../images/fond-barrenav.jpg) left top repeat-x;
	background-color: #f9dec3;
	width: 905px;
	min-height: 300px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 0 0 0;
	padding: 5px 10px 5px 10px;
	clear: both;
}
#contenu_barrenav_tarifs {
	width: 905px;
	height: 1150px;
	padding: 5px 10px 5px 10px;
}
#contenu_barrenav_tarifs_promo {
	width: 905px;
	height: 340px;
	padding: 5px 10px;
}

#contenu_barrenav_inscription {
	background: url(../images/fond-barrenav.jpg) left top repeat-x;
	background-color: #f9dec3;
	width: 905px;
	overflow:auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 0 0 0;
	padding: 5px 10px 15px 10px;
	clear: both;
}

#contenu_barrenav_ins {
	width: 905px;
	height: 450px;
	padding: 5px 10px;
}

#contenu_barrenav_ins2 {
	width: 905px;
	height: 452px;
	padding: 5px 10px;
}
#contenu_barrenav_ins3 {
	width: 905px;
	height: 432px;
	padding: 5px 10px;
}

#pays {
	width: 905px;
	height: 1500px;
	padding: 5px 10px;
}

#contenu_barrenav_tarifs, #contenu_barrenav_tarifs_promo, #contenu_barrenav_ins, #contenu_barrenav_ins2, #contenu_barrenav_ins3, #pays  {
	background: url(../images/fond-barrenav.jpg) left top repeat-x;
	background-color: #f9dec3;
	min-height: 200px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 0 0 0;
	clear: both;
}

#contenu_principal {
	min-height: 75%;
}
#contenu_principal_tarifs {
	min-height: 90%;
}
#contenu_principal_ins {
	min-height: 100%;
}
#contenu_principal {
	color: #000;
	margin: 0;
	padding: 0;
}
#contenu_principal_tarifs {
	color: #000;
	margin: 0;
	padding: 0 0 20px 0;
}
.opera #contenu_principal_tarifs {
	color: #000;
	margin: 0;
	padding: 0;
}
#contenu_principal p {
	font-size: 0.9em;
}
#contenu_principal h2 em {
	color: black;
	font-style: normal;
}
#contenu_principal p.ss-titre {
	font-size: 0.9em;
	margin-bottom: -8px;
	padding: 0;
}
#contenu_principal_tarifsbig-pack-01 p.ss-titre {
	font-size: 0.9em;
	margin-bottom: -8px;
	padding: 0;
}

img.fille2 {
	float: left;
}
img.cadenas {
	float: left;
	margin: 0 30px 0 30px;
}

img.demo{
	float: right;
	margin: 0 17px 0 30px;
}


#contenu_principal_tarifs hr {
	border-top: 1px solid #9ece0a;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 20px 0 0 0;
	padding: 0;
}
#contenu_principal hr {
	border-top: 1px solid #9ece0a;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 20px 0 0 0;
	padding: 0;
}
.opera #contenu_principal hr, .opera #contenu_principal_tarifs hr {
	border-top: 1px solid #9ece0a;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	clear: both;
}
#cp_inscrire1a {
	float: right;
	margin: -50px 0 0 0;
}
#cp_inscrire1 {
	float: right;
	margin: -50px 0 0 0;
}
.opera #cp_inscrire1a {
	float: right;
	margin: -60px 0 0 0;
}
.opera #cp_inscrire1 {
	float: right;
	margin: -60px 0 0 0;
}
#cp_inscrire1a span, #cp_inscrire1 span, #cp_inscrire2a span, #cp_inscrire2 span, #cp_inscrire2b span {
	float: left;
	border: 0px solid red;
	display: block;
	height: 30px;
	line-height: 15px;
	margin: 0;
	padding: 15px 17px 0 540px;
}
.gecko #cp_inscrire2a, .ie #cp_inscrire2a {
	float: right;
	width: 100%;
	text-align: right;
	border-top: 1px solid #9ece0a;
	margin: 27px 0 0 0;
	padding: 5px 0 0 0;
	clear: both;
}
#cp_inscrire2a {
	float: right;
	border-top: 1px solid #9ece0a;
	margin: 23px 0 0 0;
	padding: 5px 0 0 0;
	clear: both;
}
#cp_inscrire2b {
	width: 100%;
	border-top: 1px solid #9ece0a;
	float: right;
	text-align: right;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
}
#cp_inscrire2 {
	float: right;
	margin: 25px 0 0 0;
	clear: both;
}
.opera #cp_inscrire2 {
	float: right;
	margin: 17px 0 0 0;
}
.gecko #cp_inscrire2, .ie #cp_inscrire2 {
	float: right;
	margin: 30px 0 0 0;
}
#services {
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}
#colG_serv {
	float: left;
	width: 280px;
	margin: 0;
	padding: 0;
	border: 0px solid red;
}
#colG_comments {
	float: left;
	width: 260px;
	margin: 0 0 0 10px;
	background-color: #f6f6f6;
	padding: 0 5px;
}

/*Pages pays*/

#colD_serv, #colD_comments {
	float: right;
	width: 616px;
	margin: 0;
	padding: 0;
	border: 0px solid yellow;
}

#colD_serv h2 {
	font-weight:bold;
	font-size:1.2em;
	width:450px;
}

.tableau_pays {
	border:1px solid #9ece0a;
	border:collapse;
	margin-top:5px;
}

.tableau_pays th {
	font-weight:bold;
	font-size:1.1em;
	background-color:#ffffc0;
}


.tableau_pays td {
	min-width:200px;
	border-bottom:1px solid #9ece0a;
}


/*post-it*/
#pagePays-01 {
	background: url(../images/pays/pagePays-01.png) top left no-repeat;
	width: 250px;
	height: 220px;
	padding-top :35px; 
	padding-left:30px;
}

#pagePays-01bis {
	width: 228px;
	height: 175px;
	overflow:auto;
}

#pagePays-01 p{
	font-weight:bold;
	font-size:1.1em;
	margin-right:35px;	
}
	
#PagePays-01-prix {
	color:#FF0000;
}	

/*Météo*/

#pagePays-02 {
	background: url(../images/pays/pagePays-02.png) top left no-repeat;
	width: 278px;
	height: 200px;
	padding-top:3px;
	text-align:center;
	font-weight:bold;
}

#jour {
	font-size:1.8em;
}

#reste-date {
	font-size:1.6em;
}

#temp-du-jour {
	font-size:1.4em;
}

#heure {
	font-size:2em;
}	

#pagePays-02 table {
	font-size: .85em;
	width:240px;
	padding-left:20px;
}	

/* Agenda */

#pagePays-03 {
	background: url(../images/pays/pagePays-03.png) top left no-repeat;
	width: 278px;
	height: 352px;
	padding-top :50px; 
	padding-left:35px;
	font-weight:bold;

}

.pagePays-03bis {
	width: 225px;
	height: 285px;
	overflow:auto;
}

.pagePays-03bis p {	
	text-align:center;
}

.pagePays-03bis td {	
	font-size: .85em;
	border-bottom: 1px solid #9ece0a;
}
	

/* News */
#pagePays-04 {
	float: right;
	background: url(../images/pays/pagePays-04.png) top left no-repeat;
	width: 374px;
	height: 200px;
	padding-top:20px;
	padding-right:15px;
	text-align:center;
}

#pagePays-04 a {
	font-size:1.2em;
	color:#9ece0a;
	padding-left:15px;
}

#pagePays-04_titre {
	text-align:center;
	font-family:"Times New Roman";
	font-size:24px;
	font-weight:bold;
	margin-bottom:20px;
}
	
#promo img {
	margin: 0;
	padding: 0;
}

#cp_tarifs_colG {
	float: left;
	width: 45%;
}

#cp_tarifs_colG p {
	margin-left: 8px;
	text-align: justify;
}

.opera #cp_tarifs_colD {
	float: right;
	margin-top :28px;
	padding: 15px 0 0 0;
}


#cp_tarifs_colD {
	float: right;
	margin-top :28px;
}

#drapeau_pages_pays {
	vertical-align:middle;
}	

/*Contacts (modif LG du 11.03.2010)*/

.haut_contact {
	background: url(../images/haut_contact.png) left top no-repeat;
	width: 905px;
	height: 30px;
}
.contact {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #ebebeb;
	padding-left: 10px;
	font-size:0.85em;
}
#contact form {
	background-color: #eee;
	color: #000;
	margin: 0;
	padding: 10px;
}
#contact form label{
	float: left;
	display: block;
	width: 120px;
}
#contact form select{
	width: 205px;
}
#contact form textarea {
	width: 200px;
	height: 100px;
}
#contact form input.champ {
	width: 200px;
}
#contact form input.chk {
	float: left;
	display: block;
	margin: 10px 0 10px -40px;
	padding: 0;
}
.ie #contact form input.chk {
	float: left;
	display: block;
	margin: 20px 0 10px -40px;
	padding: 0;
}
#contact form span {
	float: right;
	font-size: 0.8em;
	margin: -30px 0 10px 20px;
	padding: 0;
}

.nomcontact {
	font-size: 1.4em;
	font-weight: bold;
	color:#000000;
}

.numerocontact {
	font-weight: bold;	
	font-size: 1.2em;

}

#pictocontact {
	margin-top:5px;
}

.menucontact {
	text-align:center;
	}

.menucontact ul {	
	list-style:none;	
}	

.menucontact li {		
	display:inline;	
}	

.btn_aj_cont {
	display: block;
	float: right;
	background: url(../images/boutons/btn_aj_contact.png) left top no-repeat;
	width: 184px;
	height: 37px;
	margin: 10px 0 0 0;
}
#country {
	list-style-type: none;
}
.pictos-modif {
	width: 122px;
	height: 25px;
	float: right;
	text-align: center;
	padding-top: 5px;
}

.suppr-contact a {
	color: red !important;
}

#contactfilter {
	text-align:center;
}


#mentions, #amis {
	color: #000;
}
form#amis {
	margin: 10px 0 0 0;
	padding: 10px;
}
#amis form textarea{
	width: 350px; 
}
#amis em {
	color: red;
}

/* Inscription */

#inscription {
	margin: 5px 0 0 0;
	padding: 0;
	line-height:20px;
	}

.fille2 {
	margin: 80px 0 0 0;
}
/*-----------------------------Modif footeux------------*/
.inscription_CdMJIBFRFR {
float:left;
margin: -59px 0 0 0;
}
/*-------------------------------------------------------*/
img.insc1-3 {
	margin: 0 0 0 360px;
}

img.insc2-3 {
	margin: 0 0 0 260px;
}

.logos_secure {
	float: left;
	margin: 170px 0 0 -120px;
}
#inscription label {
	margin: 0;
	padding: 0;
	font-weight:normal;
	font-size:0.8em;
	color:#000;
}
#inscription select {
	width: 220px;
}
#inscription span {
	color: red;
}
#inscription em {
margin-left:10px;
	font-size: 0.8em;
}

#inscription3 {
float:right;
border-left:1px solid #9ece0a;
}

.fond_tableau_ins {
	background: url(../images/fond-barrenav.jpg) left top repeat-x;
	width: 599px;
	padding-left:10px;
}

#insc_pav1 {
	float: left;
	font-size:1.2em;
	margin-left:20px;
	margin-bottom:10px;
}
#top_pav3 {
	background: url(../images/contenu/top-formulaire.png) left bottom no-repeat;
}

#insc_pav3 {
	border-left:1px solid #9ece0a;
	border-right:1px solid #9ece0a;	
}

#bottom_pav3 {
	background: url(../images/contenu/bottom-formulaire.png) left top no-repeat;
		width: 601px;
}

.chrome #insc_pav1 {
	float: left;
	font-size:1.2em;
	margin-left:20px;
	margin-bottom:10px;
}

.chp_standard {
	width: 200px;
	margin: 1px 0;
}

.spe2 {
	width: 30px;
	margin: 1px 1px 10px 1px;
}

.spe3 {
	width: 30px;
	margin: 1px 1px 30px 1px;
}


#insc_pav2 {
	float: right;
	margin: 0 200px 0 0;
}


.opera #insc_pav2 {
	float: right;
	margin: 0 140px 0 0;
}

/* Ajout crédits*/

#inscription2 {
	margin: 10px 0 0 0;
	padding: 0;
	display:block;
}


#inscription2b {
float:left;
display:inline;
font-size:13px;
height:267px;
width:453px;
border-right:1px solid #9ece0a;
}
#inscription2b p {
	margin: 10px 0 0 10px;
}

#inscription4{
float:right;
display:inline;
margin-right:20px;
padding-left:10px;
width:258px;
text-align:center;
}



#page_prec {
	float: left;
	margin-top: -50px;
}

.top-mini-pack {
float:left;
display:inline;	
	background: url(../images/fond-barrenav-haut.png) left top no-repeat;
	width:200px;
	height:329px;
	margin:0 3px 10px 20px;
}

.top-mini-pack2 {
float:left;
display:inline;	
	background: url(../images/fond-barrenav-haut.png) left top no-repeat;
	width:200px;
	height:328px;
	margin:0 3px 3px 20px;
}

.top-mini-pack-svi {
float:left;
display:inline;	
	background: url(../images/fond-barrenav-svi-haut.png) left top no-repeat;
	width:210px;
	height:280px;
	margin:0 3px 3px 20px;
}

.top-mini-pack-promo {
	float:left;
	display:inline;	
	background: url(../images/fond-barrenav-svi-haut.png) left top no-repeat;
	width:210px;
	height:80px;
	margin:0 3px 3px 20px;
}

.bas-mini-pack-svi{
	float:left;
	display:inline;	
	background: url(../images/fond-barrenav-svi-bas.png) left bottom no-repeat;
	width:210px;
	height:285px;
}

.bas-mini-pack-promo{
	float:left;
	display:inline;	
	background: url(../images/fond-barrenav-svi-bas.png) left bottom no-repeat;
	width:210px;
	height:65px;
	vertical-align:middle;
}

.bas-mini-pack {
	float:left;
	display:inline;	
	background: url(../images/fond-barrenav-bas.png) left bottom no-repeat;
	width:210px;
	height:331px;
}

.mini-pack-01 {
	background: url(../images/fond-barrenav.jpg) left bottom repeat-x;
	background-color:#FFF;
	float: left;
	margin:38px 2px 38px 0;
	width: 198px;
	height:280px;
	text-align:justify;
	border-left:1px solid #9ece0a;
	border-right:1px solid #9ece0a;
}

.mini-pack-svi {
	background-color:#f9dec3;
	float: left;
	margin:38px 2px 20px 0;
	width: 208px;
	height:230px;
	text-align:justify;
	border-left:1px solid #9ece0a;
	border-right:1px solid #9ece0a;
}

.mini-pack-promo {
	background-color:#f9dec3;
	float: left;
	margin:10px 2px 38px 0;
	width: 208px;
	height:40px;
	text-align:justify;
	border-left:1px solid #9ece0a;
	border-right:1px solid #9ece0a;
	vertical-align:bottom;
}


.mini-pack-01 p {
	clear: both;
	font-size: 0.9em;
	padding:5px;

}
.mini-pack-svi p {
margin-top:-15px;
padding:5px;
}

.mini-pack-01 img {
	vertical-align:middle;
}

/*-------------Simulateur------------*/
#top-simulateur {
background: url(../images/fond-simul-top.png) left top no-repeat;
width:202px;
float:right;
display:inline;
margin-top:120px;
}

#bas-simulateur {
background: url(../images/fond-simul-bas.png) center bottom no-repeat;
width:202px;
height:165px;
float:right;
display:inline;
}


#simulateur {
border-left:1px solid #9ece0a;
border-right:1px solid #9ece0a;
width:200px;
background: url(../images/fond-barrenav-simul.jpg) left bottom repeat-x;
background-color:#fff;
text-align:center;
padding-bottom: 10px;

}

 #duree_appel {
 font-size:1.2em;
 font-weight:bold;
 margin-top:5px;
 }

 #infos_price {
 width : 150px;
 }
 
 #essayer {
 font-size : 1.2em;
 }
 
/*----------------------------*/

.radio_mp {
	float: left;
	margin-top: 30px;
	margin-left:20px;
	width:30px;
}

#recharge {
	float:right;
	margin-top:40px;
	margin-right:30px;
	margin-bottom:5px;
	border-top:1px solid #9ece0a;
	padding:3px;
}	

.spe {
	margin-top: -50px;
	padding: 0;
}
.titul {
	padding: 0;
	width: 250px;
}
.num_carte {
	margin: 15px 0 5px 165px;
}
.num_carte em {
	font-style: normal;
	margin: 0 0 0 100px;
}
.crypto {
	margin: 0 0 0 110px;
	width:40px;
}


.cmp_oblig {
	color: red;
	font-style: normal;
	margin: 0 0 0 130px;
}
.mois {
	width: 35px;
	margin: 0 0 5px 165px;
}
.annee {
	width: 75px;
	margin: 0 0 5px 0;
}
#mini-pack-01 img {
	float: right;
	margin-top: -50px;
}
p.em_red {
	float: left;
	color: red;
}
.btnenvoi {
	background: url(../images/boutons/btn_envoi.png) left top no-repeat;
	width: 94px;
	height: 23px;
	border: none;
	margin: 40px 0 0 80px;
}
.ie .btnenvoi {
	background: url(../images/boutons/btn_envoi.png) left top no-repeat;
	width: 94px;
	height: 23px;
	border: none;
	margin: 18px 0 0 120px;
}
.btnenvoi1 {
	background: url(../images/boutons/btn_envoi.png) left top no-repeat;
	width: 94px;
	height: 23px;
	border: none;
	margin: 10px 0 0 120px;
}
#rciv {
	border: 1px solid red;
	float: left;
	width: 20%;
}

/* Boutons */

#boutons {
	width: 636px;
	margin: 5px 0 0 225px;
	position: absolute;
	top: 360px;
}

#btn_demo, #btn_tester, #btn_inscrire {
	border: 0;
}
#btn_demo{
	float: left;
}
#btn_tester {
	margin: 0 0 0 50px;
}
#btn_inscrire {
	float: right;
	margin: -5px 0 0 50px;
}

#btn_inscrire2 {
	float: right;
	margin-top:10px;
	margin-right:10px;
}

/* Connexion */

#connexion {
	background: url(../images/fond_connexion.png) left top no-repeat;
	width: 295px;
	height: 83px;
	margin-left: 665px;
	position: absolute;
	top: 44px;
}

form.niceform {
	margin: 25px 0 0 16px;
	padding: 0 auto;
}

#connexion a {
	color: #49a2ca;
	font-weight: bold;
	font-size: 0.8em;
	text-decoration: none;
}

#connexion a:hover {
	text-decoration: underline;
}

#title_connex {
	color: #49a2ca;
	font-size: 0.9em;
	font-weight: bold;
	display: block;
	text-align:center;
	margin-top:-10px;	
	margin-right:30px;
}

span.oublipass {
	margin: -5px 0 0 40px;
	display: block;
}

#connex {
	color: #000;
	float: left;
	font-size: 0.8em;
	border: 0px solid red;
	width: 290px;
	padding: 10px 0;

}

#connexG {
	width: 130px;
	height: 50px;
	float: left;
	background: url(../images/pictos/picto-profil.png) left center no-repeat;
	padding-top: 10px;
	padding-left: 24px;
	margin-left: 20px;
	border: 0px solid orange;
}

#connexD {
	width: 68px;
	height: 50px;
	font-size: 1.2em;
	float: right;
	line-height: 30px;
	background: url(../images/pictos/picto-deco.png) left center no-repeat;
	padding-top: 15px;
	padding-left: 24px;
	padding-right: 24px;
	border: 0px solid yellow;
}

#connex1 {
	font-weight: bold;
}

/* Aide */
#aide {
	width: 55px;
	height: 15px;
	color: #dae6ec;
	margin-left: 900px;
	position: absolute;
	top: 10px;	
}

#aide a {
	color: #dae6ec;
	text-decoration: none;
}

#aide a:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* Pied de page */
#footer {
	font-size: .85em;
	padding: 15px 20px;
}
#footer p {
	margin: .5em 0;
}
#copyright {
	font-size: 1em;
	text-align: left;
}

#footer ul {
	margin: 0;
	text-align: center;
	list-style: none;
}
#footer li {
	border-right: 1px solid #fff;
	color: #fff;
	padding: 0 5px;
	display: inline;
}

/*Tableaux Espace Perso -- Modif LG 09.03.2010*/
.picto {
	vertical-align:middle;
	margin-right:5px;
}

#alignement {
	display : inline;
}

#calendrier {
	float:right;
	font-size: .85em;
	border-collapse: collapse;
	text-align: center;
	border:1px solid #90c84d;
	margin-right:20px;
	}

#calendrier td {
	background:#FFFFFF;
}
	
#calendrier td a {
	background:#FFFFFF;
	color:#90c84d;
}
		
	
#calendrier th {
	background:#90c84d;
	color:#FFFFFF;
}	

#calendrier th a{
	text-decoration:underline;
	color:#FFFFFF;
}	

#calendrier td.today{
	background-color:#66CCFF;
}

#calendrier td.inactif{
	font-style:italic;
	color:#999999;
}

	
#espacePerso {
	font-size: .85em;
	padding-bottom:20px;
}

#espaceperso-special {
	margin-left:100px;
}
	
#espacePerso table{
	border-collapse: collapse;
	text-align: center;
	border:1px solid #90c84d;
}

#espacePerso th {
	background:#90c84d;
	color:#FFFFFF;
	font-size:1.1em;
	padding:6px;
	border-right: 1px solid #FFFFFF;
}

#espacePerso td {
	padding:5px;
}

.ligne1 {
	background:#FFFFFF;
}


.ligne2 {
	background:#f5f5fe;
}


/*Formulaire Parametres Modif LG 11.03.2010*/

.param  {
	padding-bottom:60px;	
}

.param table {
	border-collapse: collapse;
}

.param label {
	color:#000000;
	font-size:1em;
	display:inline;
}	


.param td#numppal {
border-bottom:1px solid #90c84d;
}

.param tr.numspecial {
border-left:1px solid #90c84d;
border-right:1px solid #90c84d;
}


.param input {
	color:#000000;
}

.param  select {
	color:#000000;	
}

.verybigchamp {
	width:175px;
}

.bigchamp {
	width:150px;
}

.smallchamp {
	width:50px;
}

.middlechamp {
	width:70px;
}

.verysmallchamp {
	width:30px;
	background-color:#fefacd;
	margin-right:5px;
	border:1px solid #000;
}

.validchamp {
	width:150px;
	font-weight:bold;
}


#num-ppal{
	font-weight:bold;
	font-size:0.90em;
}
	
.btn_valider {
	background: url(../images/boutons/btn_valider.png) left top no-repeat;
	float: right;
	width: 171px;
	height: 45px;
	border: none;
	margin: 10px 0 0 0;
}

.btn_valider2 {
	background: url(../images/boutons/btn_valider.png) left top no-repeat;
	float: right;
	width: 171px;
	height: 45px;
	border: none;
	margin: -75px 0 0 0;
}

.btn_valider3 {
	float: right;
	width: 171px;
	height: 45px;
	border: none;
	margin: -165px 0 0 0;
}


/*Page Packs Modif LG 12.03.2010*/

#titre_packs {
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}	


/* Facebox (sauf nouveau contact) Modif LG 17.03.2010 */

.visagebox {
	background-color: #eee;
	color: #000;
	margin: 0;
	padding: 10px;
}

.visagebox table {
	margin-left:50px;

}

.visagebox textarea {
	width:300px;
}
	
.visagebox checkbox {
	vertical-align:middle;
}
	
.colD_box {
	height:30px; 
	width:165px;
	vertical-align:center;
}
.colD_box label {
	font-weight:normal;
	color:#000;
	font-size:1em;
	}
	
.colD_box2 {
	height:30px; 
	width:165px;
	vertical-align:top;
}	

.colD_box2 label {
	font-weight:normal;
	color:#000;
	font-size:1em;
	}


#espacevide {
margin-top:6px;
margin-bottom:9px;
}

.entete  h2{
	background-color:#ffffff;
	color: #9ece0a;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
	font-weight: bold;
	text-align:center;
	font-size:1.1em;
}

.entete  hr {
	border-top: 1px solid #9ece0a;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 5px 0 0 0;
	padding: 0;
}

#errors {
  background-color: #c00;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 2px;
}

.showerrors #errors  {
	margin-left:125px;
	width:500px;
	margin-top:30px;
	background-color: transparent;
	color: #000;
	font-weight:normal
 } 

#oktest {
    font-size: 14px;
    color: #000;
    text-align: center;
}

/*Formulaire connexion Modif LG 23.03.2010 */

.joliform {
	margin: 25px 0 0 16px;
	padding: 0 auto;
	vertical-align:middle;
}	

.joliform input {
	margin:3px 0 0 3px;
}

#login {
	width:90px;
	font-weight:bold;
}	

.pictoflottant {
	float:left;
	display:inline;
	margin-right:5px;
	vertical-align:middle;
}	

.pictoflottant2 {
	float:left;
	display:inline;
	width:150px;
	text-align:center;
}

.pictoflottant4 {
	float:left;
	display:inline;
	margin-left:-6px;
	width:150px;
	text-align:center;
}

.pictoflottant3 {
	float:left;
	display:inline;
	margin-top:-20px;
	width:150px;
	text-align:center;
}		

.big-pack-01 {
	border-right:1px solid #9ece0a;
	float: left;
	width: 475px;
1px solid #9ece0a;
	margin-right:15px;
	margin-left:15px;		
}

.big-pack-02 {
	float: left;
	width: 300px;
	display:inline;
	padding:2px;
	margin-left:15px;
}


#servVocal {
	background: url(../images/pictos/serveurVocal01.png) right bottom no-repeat;
	font-weight:bold;
	padding-left:20px;
	padding-bottom:5px;
}

/* Mode d'emploi */

.modeemploi {
	margin-left:10px;
	width:890px;
}

#paypaypal {
		margin-left:165px;
		margin-top:20px;
		border-top:1px solid #9ece0a;
}		

/*Promotions */

#contenu-promo {
	background: url(../images/fond-barrenav-promo.jpg) top left no-repeat;
	background-color:#f7d6b5;
	width: 925px;
	height:400px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 0 0 0;
	clear: both;
}

.fille3 {
	background: url(../images/femmepromo.png) bottom right no-repeat;
	clear:both;
	height:400px;
}


#titre_promo{
margin-left:60px;
	font-family:Arial;
	font-weight:900;
	font-size:32px;
	color:#538f07;
}	

#ss_titre_promo{
margin-left:80px;
	font-family:Arial;
	font-size:19px;
	color:#000000;
	margin-top:2px;
}

#tablpromo{
	width:780px;
	text-align:center;
	margin-left:10px;
	margin-top:10px;
}	

#tablpromo h3 {
	font-size:1.2em;
}	

#fond_promo {
		float:left;
		width:245px;
		text-align:center;
		vertical-align:middle;
		display:inline;
		color:#OOOOOO;
		margin-top:30px;
		margin-left:10px;
}

#fond_promo_bas {
		float:left;
		width:245px;
		text-align:center;
		vertical-align:middle;
		display:inline;
		color:#OOOOOO;
		margin-top:30px;
		margin-left:75px;
}


#promo_gauche {
		float:left;
		display:inline;
		height:110px;
		width:85px;
}

#promo_droite {
	float:left;
	text-align:center;
	display:inline;
	height:110px;
	width:160px;
	margin-left:-20px;
}	

#prix{
	font-weight:bold;
	text-align:center;
	font-size:1em;
	color:#CC0000;
text-decoration:line-through;
}

.bonprix {
	color:#39bf04;
	margin-top:5px;
	font-size:1.4em;
	font-weight:bold;
	vertical-align:middle;
	}

.servicesglobal {
	margin-left:5px;
	margin-top:5px;
	height:350px;
	width:905px;
	float:left;
	display:block;
}

.services-pack {
	float: left;
	width: 420px;
	height:265px;
	margin: 0 7px;
	text-align:center;
	display:inline;
}

.croixAtouts {
	list-style-image:url(../images/pictos/croix-atouts.png);
	vertical-align:middle;
}

.croixAtouts li{
	height:30px;
	vertical-align:middle;
}
.ouiAtouts {
	list-style-image:url(../images/pictos/oui-atouts.png);
}

.ouiAtouts li{
	height:30px;
	vertical-align:middle;
}

.solution {
display:inline;
position:relative;
}

.chrome .solution {
display:inline;
position:relative;
}

#discret {
	clear:both;
	display:none;
	position:absolute;
	left:-10px;
	top:20px; 
	width:180px;
	z-index:300;
	background-color:#e8efff;
	border:1px solid #9ece0a;
	padding:4px;
	}	

.ie #discret {
	clear:both;
	display:none;
	position:absolute;
	left:600px;
	top:20px; 
	width:180px;
	z-index:30;
	background-color:#e8efff;
	border:1px solid #9ece0a;
	padding:4px;
}
	
#discretparam {
	clear:both;
	display:none;
	position:absolute;
	right:30px;
	top:20px;
	width:180px;
	z-index:30;
	background-color:#e8efff;
	border:1px solid #9ece0a;
	padding:4px;
	}	
	
#discretinscrip {
	clear:both;
	display:none;
	position:absolute;
	left:50px;
	top:-200px;
	width:200px;
	z-index:30;
	background-color:#e8efff;
	border:1px solid #9ece0a;
	padding:4px;
	}	

#discretparrain {
	clear:both;
	display:none;
	position:absolute;
	left:20px;
	top:-10px;
	width:200px;
	z-index:30;
	background-color:#e8efff;
	border:1px solid #9ece0a;
	padding:4px;
	font-size:0.85em;
	}

.chrome 	#discretparrain {
	display:none;
	width:200px;
	z-index:30;
	background-color:#e8efff;
	border:1px solid #9ece0a;
	padding:4px;
	font-size:0.85em;
}
	
#discretparrain2 {
	clear:both;
	display:none;
	position:absolute;
	left:20px;
	top:-10px;
	width:200px;
	z-index:30;
	background-color:#e8efff;
	border:1px solid #9ece0a;
	padding:4px;
	font-size:0.85em;
}		

#discrethome {
	clear:both;
	display:none;
	position:absolute;
	right:30px;
	top:20px;
	width:200px;
	color:#000;
	z-index:30;
	background-color:#e8efff;
	border:1px solid #9ece0a;
	padding:4px;
}

/*Parrainage*/

#contenu-parrain {
	background: url(../images/fond-barrenav-promo.jpg) top left no-repeat;
	background-color:#f7d6b5;
	width: 925px;
	height:280px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 16px 0 0 0;
	clear: both;
}

.safari #contenu-parrain {
	background: url(../images/fond-barrenav-promo.jpg) top left no-repeat;
	background-color:#f7d6b5;
	width: 925px;
	height:280px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 16px 0 0 0;
	clear: both;
}

.fille4 {
	background: url(../images/testfemme-parrainage-droite.png) bottom right no-repeat;
	clear:both;
	height:280px;
	margin-top:-16px;
}
		
#titre_par{
	text-align:center;
	font-family:Arial;
	font-weight:bolder;
	font-size:32px;
	color:#538f07;
	margin:0 240px 0 70px;
}	

#ss_titre_par {
	text-align:center;
	font-family:Arial Black;
	font-weight:bolder;
	font-size:25px;
	color:#000000;
	margin:10px 240px 0 70px;
}

#normal_par {
	text-align:center;
	font-family:Arial;
	color:#000000;
	margin:40px 240px 0 70px;
}	

.mention-cnil {
	font-size:0.70em;
}	

/* LandingPage*/
.fille5 {
	background: url(../images/testfemme-parrainage-gauche.png) bottom left no-repeat;
	clear:both;
	height:260px;
	margin-top:-10px;
	margin-left:-10px;
}

#contenu_barrenav_landing {
	background: url(../images/landing-bgForm.jpg) left top no-repeat;
	width: 925px;
	height: 396px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 0 0 0;
	clear: both;
}

#contenu_barrenav_landing2 {
	background: url(../images/landing-bgNum.jpg) left top no-repeat;
	width: 925px;
	height: 396px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 0 0 0;
	clear: both;
}

#titre_land {
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	font-family:Arial;
	font-size:25px;
	margin:0 5px 0 305px;
	padding-top:20px;
}	

#ss_titre_land {
	font-family:Arial;
	font-size:12px;
	color:#000000;
	margin:20px 20px 5px 320px;
}

#details {
	color:#FFF;
	margin-top:10px;
	font-size:12px;
	margin-top:22px;
	margin-left:320px;
}

.ff3 .formlanding {
margin-top:24px;	
margin-left:444px;
line-height:22px;
}

.chrome .formlanding {
margin-top:33px;	
margin-left:444px;
line-height:15px;
}

.formlanding {
margin-top:35px;	
margin-left:444px;
}

.colD_box3 {
	vertical-align:top;
	height:22px;
}	

.showerrors2 #errors  {
	position:absolute;
	margin-left:380px;
	margin-top:144px;
	width:450px;
	font-weight:normal;
 } 
 
  
 .landing_ins {
 display:inline;
	margin-top:30px;
	margin-left:320px;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	float:left;
	width:400px;
 }

 .landing_ins_img {
float:right;
display:inline;
vertical-align:middle;
	margin-right:30px;
		margin-top:25px;
 }
 
#oktest_landing {
	margin-top:38px;
	margin-left:410px;
	text-align:center;
	font-family:Arial;
	font-size:14px;
	width:400px;
}
 
#numero_landing {
	margin-top:48px;
	margin-left:420px;
	text-align:center;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	margin-bottom:88px;
} 

/* Plan du Site */

.listepages {
	list-style-image: url(../images/pictos/picto_page.png);
	vertical-align:middle;
	line-height:200%;
}

#cp_plan_colG {
	float: left;
	width: 44%;
}

#cp_plan_colG li{
	margin-left: 8px;
	line-height:1.5;
}

.opera #cp_plan_colD {
	float: right;
	padding: 15px 0 0 0;
}

#cp_plan_colD {
	float: right;
}

/* Page Ramadan*/

.tableau_rama td {
border:1px solid #000; 
padding: 5px;
background: url(../images/fond-td-ramadan.png) top left;
vertical-align:top;
}


#contenu-ramadan {
	background: url(../images/fond-barrenav-ramadan.jpg) top left no-repeat;
	width: 925px;
	height:522px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0 0 0 0;
	clear: both;
}

#titre_ramadan{
	margin-top:-10px;
	text-align:center;
}

#pays_rama  strong{
font-size : 15px;
}

#prix_rama {
color : #FF0000;
font-weight:bold;
}

/* --- NOTES ---

1.	Pour pouvoir utiliser une hauteur (height) ou une hauteur minimale
	(min-height) sur un bloc, il faut que sont parent direct ait lui-même une
	hauteur déterminée (donc toute valeur de height sauf "auto": hauteur en
	pixels, em, autres unités...).
	Si la hauteur du parent est en pourcentage, elle se réfère alors à la
	hauteur du «grand-père», et ainsi de suite.
	Ainsi, pour pouvoir utiliser un "min-height: 100%" sur div#contenu, il nous
	faut:
	- un parent (body) en "height: 100%";
	- le parent de body également en "height: 100%".

2.	Il faut éviter que les marges des enfants de div#global ne se transmettent
	à leur parent. Notamment, le margin-top du premier enfant (ici, div#entete),
	et le margin-bottom du dernier enfant (ici, div#footer).
	On évite ce problème grâce à la propriété CSS overflow, qui bloque la
	fusion des marges. En savoir plus sur la fusion des marges:
	http://web.covertprestige.info/test
		04-blocs-imbriques-et-fusion-des-marges.html

3.	Les marges automatiques à gauche et à droite permettent de centrer notre
	bloc div#global, et donc tout le site.
	Pour aligner div#global à gauche, on fera:
		margin-left: 0;
		margin-rigth: auto;
	Pour aligner div#global à droite, on fera:
		margin-left: auto;
		margin-right: 0;
	Pour aligner div#global à droite avec un retrait (à droite) de 100px:
		margin-left: auto;
		margin-right: 100px;

*/