/* ELEMENTS HTML */
body{
	font:12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:#000000;
	margin:0;
}
a{
	color:#da222a;
	font-weight:bold;
}
a:hover{
	color:#da222a;
	text-decoration:none;
}
input,select,td{
	font:12px Arial, Helvetica, sans-serif;
}
input{
	border:1px solid #000000;
	margin:3px 0;
}
input[type=checkbox],.borderNone{ 
	border:none; 
}
input[type=radio],.borderNone{ 
	border:none; 
}
p{
	text-align:justify;
}
select{
	border:1px solid #000000;
}
checkbox{
	border:0px solid #000000;
}
textarea{
	width:553px;
	border:1px solid #000000;	
}
/* BLOCS PRINCIPAUX */
.wrapper{
	width:968px;
	margin:0 auto;
	padding:0;
	position:relative;
}
/* HEADER */
#header{
	height:122px;
	margin:0 auto;
}
#logo{
	padding:30px 0 0 30px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	float:left;	
}
#menuHaut{
	height:122px;
	width:687px;
	background:url(../img/template/bg-header.jpg) no-repeat top left;
	float:left;
	font-size:13px;
}
#menuHaut ul{
	list-style-type:none;
	margin:0;
	padding:55px 20px 0 0;
	text-align:right;
}
#menuHaut li{
	display:inline;
	margin:0;
	padding:0 10px;
	text-align:left;
}
#menuHaut li a{
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
}
#menuHaut .actif a, #menuHaut li a:hover,#footer a:hover{
	color:#adadad;
}
#menuHaut .inactif a{
	color:#ffffff;
}
/* CORPS */
#corps{
	margin:0 auto;
	padding:10px 0;
	background:#ffffff;
	color:#000000;
}
#colonne{
	width:260px;
	float:right;
}
#colonne p{
	text-align:left;
}
#colonne .abonne{
	background:url(../img/colonne/bg-abonne.gif) no-repeat top left;
	height:88px;
	margin:0 0 10px 0;
	padding:10px 20px;
	font-size:13px;
	color:#ffffff;
}
#colonne .abonne h2{
	margin:0 0 5px 0;
	padding:0;
	color:#ffffff;
	font-size:16px;
	text-decoration:underline;	
}
#colonne .bouton{
	cursor:pointer;
	float:right;
	margin:20px 0 0 0 ;
}
#colonne .securise{
	color:#5a5a5a;
	font-size:13px;
	height:17px;
	padding:4px 0 0 0;
	margin:0 0 10px 0;
	background:url(../img/colonne/paiment.gif) no-repeat right top;
}
#colonne .enLigne{
	padding:0;
	margin:0 0 10px 0;
}
#colonne .enLigne h2{
	width:260px;
	border-bottom:1px solid #000000;
	margin:0 0 10px 0;
	padding:0;
	font-size:17px;
}
#colonne .enLigne ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#colonne .enLigne ul li{
	margin:0;
	padding:0;
	font-size:11px;
}
#colonne .etranger{
	height:140px;
	background:url(../img/colonne/bg-etranger.jpg) no-repeat top left;
	padding:10px 20px;
	margin:10px 0 0 0;
	font-size:12px;
	color:#ffffff;	
}
#colonne .etranger h2{
	margin:0 0 5px 0;
	padding:0;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;	
}
#colonne .etranger .bouton{
	float:left;
	margin:30px 0 0 0;
}
#colonne .feuilleter{
	height:160px;
	background:url(../img/colonne/bg-feuilleter.jpg) no-repeat top left;
	padding:15px 20px 10px 115px;
	margin:10px 0 0 0;
	font-size:12px;
	color:#000000;	
}
#colonne .feuilleter h2{
	margin:0 0 5px 0;
	padding:0;
	color:#da222a;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;		
}
#colonne .newsletter{
	height:100px;
	background:url(../img/colonne/bg-newsletter.jpg) no-repeat top left;
	padding:10px 20px 10px ;
	margin:10px 0;
	font-size:12px;
	color:#000000;	
}
#colonne .newsletter h2{
	margin:0 0 5px 0;
	padding:0;
	color:#da222a;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;		
}
#colonne .newsletter .bouton{
	margin:10px 0 0 0;
}
#form{
	margin:0 0 30px 0;
}
#form .bouton{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/envoyez.gif) no-repeat;
	width:100px;
	height:18px;
}
#form .erreur{
	color:#DA222A;
}	
#page,#pageColonne{
	margin:0;
	padding:0;
}
#page h1,#pageColonne h1{
	color:#000000;
	font-size:36px;
	font-weight:bold;
	width:328px;
	float:left;
	margin:30px 0;
	line-height:1em;
}
#page span,#pageColonne span{
	color:#da222a;
}
#page ul,#pageColonne ul{
	list-style-image:url(../img/template/puce.gif);
	margin:0;
	margin:10px 0 5px 25px;
}
#page ul li,#pageColonne ul li{
	padding:0 0 5px 5px;
}
#page{
	float:left;
	width:968px;
}
#page .titre{
	margin:10px 0 10px 0;
	padding:0;
	color:#da222a;
	border-bottom:1px solid #da222a;
}
#pageColonne{
	float:left;
	width:675px;
}
#pageColonne ol{
	margin:10px 0 0 0;
	padding:0;
}
#pageColonne ol li{
	padding:0 0 5px 0;
	margin:0;
}
#pageColonne #email{
	background:url(../img/template/email.jpg) no-repeat top left;
}
#pageColonne #telephone{
	background:url(../img/template/telephone.jpg) no-repeat top left;
}
#pageColonne #courrier{
	background:url(../img/template/courrier.jpg) no-repeat top left;
}
#pageColonne .contact{
	margin:10px 0;
	padding:0 0 0 110px;
	height:100px;
}
#pageColonne .contact h3{
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
}
#pageColonne .couvertures{
	text-align:center;
	float:left;
	width:338px;
	font-size:14px;
}
#pageColonne .titre{
	margin:10px 0 10px 0;
	padding:0;
	color:#da222a;
	width:675px;
	border-bottom:1px solid #da222a;
}
#zone_messages{
}	
#zone_messages .A{
	color:#CC0000;
	font-weight:bold;
}
#zone_messages .E{
	color:#FF0000;
	font-weight:bold;
}
#zone_messages .C{
	color:#FF9900;
	font-weight:bold;
}
#zone_messages .I{
	color:#005758;
	font-weight:bold;
}
#zone_messages .W{
	color:#DA222A;
	font-weight:bold;
}
.asterisque{
	font-size:14px;
	text-align:justify;
	margin:20px 0 40px 110px;
}
.cellInError{
	color:#ffffff;
	background:#da222a;
}
.clear{
    clear:both;
    line-height:1px;
    font-size:1px;
    height:1px;
    margin-top:-1px;
    visibility:hidden;
}
a.connexion{
	position:absolute;
	right:0;
	padding:5px 0 0;
}
.formulaire .valider{
	float:right;
	border:none;
	cursor:pointer;
	display:block;
	background:url(../img/boutons/valider.gif) no-repeat;
	width:84px;
	height:18px;	
	margin:0 0 50px 0;
}
.formulaire .imprimer{
	float:right;
	border:none;
	cursor:pointer;
	display:block;
	background:url(../img/boutons/imprimer.gif) no-repeat;
	width:94px;
	height:18px;	
	margin:0 0 50px 0;
}
.imgLeft{
	float:left;
	padding:2px 10px 0;
}
.soulignerEnRouge{
	color:#da222a;
	font-weight:bold;
	text-decoration:underline;
}
/* FOOTER */
#footer{
	color:#ffffff;
	width:968px;
	margin:50px auto 0;
	position:relative;
}
#footer a{
	color:#ffffff;
	text-decoration:none;
}
#footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
	
}
#footer ul li{
	padding:0 5px 0 0;
	display:inline;
	text-decoration:none;
}
.contactUs a{
	background:url(../img/template/contact.png) no-repeat;
	display:block;
	width:401px;
	height:180px;
	position:absolute;
	top:-100px;
	right:0;
	padding:0;
	margin:0;
}
/* OFFRES */
#descriptifs{
	float:left;
	width:725px;
}
#descriptifs h3{
	padding:0;
	margin:0 0 5px 0;
	font-size:15px;
}
#descriptifs p{
	margin:0;
	padding:0;
}
#descriptifs .offre{
	margin:10px 0;
}
#descriptifs .separateur{
	clear:both;
	margin:10px 0 0 130px ;
	text-align:center;	
}
#etranger{
	margin:20px 0 50px 0;
}
#listeOffres .titre{
	margin:30px 0 10px 0;
	padding:0;
	font-size:20px;
	color:#333333;
	width:200px;
}
#listeOffres{
	width:200px;
	float:right;
}
#listeOffres .offreLiens ul, .offreLiens ul{
	width:200px;
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	
}
#listeOffres .offreLiens ul li,.offreLiens ul li{
	list-style:none;
	padding:5px 0;
}
#listeOffres .offreLiens ul li a{
	color:#333333;	
}
#listeOffres .offreLiens ul li.prelevement{
	list-style-image:url(../img/template/puce.gif);
}
#listeOffres .offreLiens ul li.prelevement a{
	color:#da222a;
}
#listeOffres .ou{
	text-align:center;
	color:#da222a;
	font-weight:bold;
	width:200px;
	margin:10px 0;
	font-size:20px;
}
.rouge{
	text-align:center;
	color:#da222a;
	font-weight:bold;
	width:200px;
	margin:10px 0;
	font-size:20px;
}
#offre-1{
	background:url(../img/offres/offre-1an.jpg) no-repeat top left;
}
#offre-2{
	background:url(../img/offres/offre-2ans.jpg) no-repeat top left;
}
#offre-3mois{
	background:url(../img/offres/offre-3mois.jpg) no-repeat;
	float:right;	
}
#offre-6mois{
	background:url(../img/offres/offre-6mois.jpg) no-repeat;
	float:left;	
}
#offres-decouverte h2{
	text-align:center;
	color:#000000;	
	margin:10px auto;
	font-size:30px;
	padding:0;
	width:340px;
	border-bottom:1px solid #da222a;	
}
#paysListe{
	padding:15px 0 0;
	margin:0;
	position:relative;
}
#paysListe select{
	width:130px;
	border:1px solid #ffffff;
	font-size:11px;
}

.offres-bg a{
	margin:20px 0;
	width:676px;
	height:173px;
	padding:15px;	
	display:block;
}
.offres-sm a{
	width:299px;
	height:164px;
	margin:0 0 50px 0;
	padding:15px;		
	display:block;
}
.paveOffre{
	font-size:14px;
	font-weight:bold;
}
.paveOffre b{
	color:#DA222A;
}
.paveOffre span{
	font-size:18px;
	font-weight:bold;
}
.paveOffre span.cinq{
	font-size:25px;
}
.paveOffre span.vingt{
	font-size:20px;
}
.bouton_abonner{
	background:url(../img/boutons/abonner.jpg) no-repeat top left;
	height:68px;
	width:200px;
	cursor:hand;
	border:0px;
}
.bouton_offrir{
	background:url(../img/boutons/offrir.jpg) no-repeat top left;
	height:68px;
	width:200px;
	cursor:hand;
	border:0px;
}
.bouton_abonner_sm{
	background:url(../img/boutons/abonner_sm.jpg) no-repeat top left;
	height:51px;
	width:150px;
	cursor:hand;
	border:0px;
}
.bouton_offrir_sm{
	background:url(../img/boutons/offrir_sm.jpg) no-repeat top left;
	height:51px;
	width:150px;
	cursor:hand;
	border:0px;
}
/* FAQ */
#qa img{
	border:none;
	margin:0 5px 0 0;
	padding:0;
}
.expanded{
	cursor:pointer;
	font-size:14px;	
	color:#da222a;
	font-weight:bold;	
}
.expanded:hover{
	color:#000000;
	cursor:pointer;
}
.hide{
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}
.show{
	position:static;
	display:table;
	padding-left:15px;
	padding-top:5px;
	text-align:justify;
	color:#000000;
}
.trigger{
	cursor:pointer;
	padding:0;
	font-size:14px;	
	color:#000000;
	font-weight:bold;
}		
.trigger:hover{
	cursor:pointer;
	color:#da222a;
}		
.radio , .oradio , .Oradio { border : 0px}

.paveprix{
	font-size:16px;
	font-weight:bold;
}
.paveprixrouge b{
	color:#DA222A;
	font-size:20px;
	font-weight:bold;
}