/* STYLES ASSOCIES AUX ELEMENTS HTML */
*,html,body{margin:0;padding:0} 
body{
	font:12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:#000000;
	margin:0;
}
input,select,td{
	font:12px Arial, Helvetica, sans-serif;
}

a{
	color:#da222a;
	font-weight:bold;
}
a.connexion{
position:absolute;
right:0;
padding:5px 0 0;
}

a:hover{
	color:#da222a;
	text-decoration:none;
}
p{
	text-align:justify;
	margin:0;
	padding:0;
}
#colonne p{
	text-align:left;
}
/* STYLES ASSOCIES AUX BLOCS PRINCIPAUX */
#template{
	padding:0;
	margin:0;
	width:100%;
	position:relative;
}

.wrapper{
	width:968px;
	margin:0 auto;
	padding:0;
	position:relative;
}
.paveOffre{
	font-size:12px;
}
.paveOffre span{
	font-size:18px;
	font-weight:bold;
}
.paveOffre span.cinq{
	font-size:18px;
}

/* STYLES DES BLOCS CONTENUS DANS LE HEADER */
#header{
	height:122px;
	margin:0 auto;
	position:relative;
}

#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;
}

/* STYLES DES BLOCS CONTENUS DANS LE CORPS DE LA PAGE */
#corps{
	margin:0 auto;
	padding:10px 0;
	background:#ffffff;
	color:#000000;
}
/* STYLES DES BLOCS CONTENUS DANS LE PIED DE PAGE AVANT LE FOOTER*/
#pied{
	height:253px;
	width:100%;
	background:url(../img/template/bg-pied.jpg) repeat-x;
}
#pied p{
	text-align:left;
}
.box{
	width:329px;
	margin:15px 20px 0 0;
	float:left;
}
.bfm{
	width:260px;
	float:right;
	margin:15px 0 0;	
}
#pied .imgLeft{
	float:left;
	padding:2px 10px 20px;
}

#pied h3{
	font-size:17px;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #fff;
}

/* STYLES DES BLOCS CONTENUS DANS LE 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;
	
}
.clear {
    clear: both;
    line-height: 1px;
    font-size: 1px;
    height: 1px;
    margin-top: -1px;
    visibility: hidden;
}

select{
	border:1px solid #000000;
}
input{
	border:1px solid #000000;
	margin:3px 0;
}
input[type=checkbox],.borderNone { 
	border: none; 
}

.cellInError{
	color:#ffffff;
	background:#da222a;

}
textarea{
	width:553px;
	border:1px solid #000000;	
}
.formulaireErreurs{
	color:#da222a;
	font-weight:bold;

}

#form .bouton{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/envoyez.gif) no-repeat;
	width:100px;
	height:18px;
}
#form{
	margin:0 0 30px 0;
}
.imgLeft{
	float:left;
	padding:2px 10px 0;
}
.bouton_reabo{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/reabonnement.gif) no-repeat;
	width:200px;
	height:18px;	
	padding:0;
	margin:0;
}
.bouton_reabonner{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/reabonner.gif) no-repeat;
	width:130px;
	height:18px;	
	padding:0;
	margin:0;
}
.formulaire .valider{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/valider.gif) no-repeat;
	width:84px;
	height:18px;	
	padding:0;
	margin:0;
}
.formulaire .imprimer{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/imprimer.gif) no-repeat;
	width:94px;
	height:18px;	
}
.formulaire .modifier{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/modifier.gif) no-repeat;
	width:92px;
	height:18px;	
	margin:0;
}
.formulaire .annuler{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/annuler.gif) no-repeat;
	width:92px;
	height:18px;	
	padding:0 ;
	margin:0 10px 0 0;
}
.formulaire .reabonner{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/reabonner.gif) no-repeat;
	width:130px;
	height:18px;	
	padding:0 ;
	margin:0 10px 0 0;
}
/* STYLES ASSOCIES AUX BLOCS PRINCIPAUX */
#page {
	float:left;
	width:968px;
}
#pageColonne , #pageContact{
	float:left;
	width:675px;
}
#colonne{
	width:260px;
	float:right;
	margin:10px 0 20px 0;
	padding:0;
	line-height:1.1em;
}
#colonne .bouton{
	cursor:pointer;
	float:left;
}
.bouton{
	margin: 10px 0 0 0;
}

#colonne .aide{
	background:url(../img/colonne/bg-abonne.gif) no-repeat top left;
	height:88px;
	margin:0 0 10px 0;
	padding:10px 20px;
	font-size:12px;
	color:#ffffff;
}
#colonne .aide h2,#colonne .user h2,#colonne .menu h2{
	margin:0 0 5px 0;
	padding:0;
	color:#ffffff;
	font-size:16px;
	text-decoration:underline;	
}
#colonne .aide ul li{
	font-size:11px;
	font-weight:normal;
}
#colonne .user{
	background:url(../img/template/bg-user.jpg) no-repeat top left;
	width:220px;
	height:76px;
	margin:0;
	padding:10px 20px;
	font-size:12px;
	color:#ffffff;
}
#colonne .menu{
	background:url(../img/template/bg-menu.jpg) no-repeat top left;
	height:172px;
	width:220px;	
	margin:0;
	padding:10px 20px 0;
	font-size:12px;
	color:#ffffff;
}
#colonne .menu ul{
margin:10px 0 0;
}
#colonne .menu ul li {
	font-size:12px;
	padding:4px 0;
}
#colonne .user p{
	padding:0;
	margin:10px 0 0;
}
#colonne ul{
	list-style-type:none;
	margin:7px 0 0;
	padding:0;
}
#colonne ul li{
	color:#fff;
	font-size:10px;
	padding:3px 0;
}
#colonne ul li a{
	color:#fff;
	text-decoration:none;
}
#colonne ul li a:hover{
	color:#fff;
	text-decoration:underline;
}


#colonne .parrainage{
	height:135px;
	background:url(../img/template/bg-parrainage.jpg) no-repeat top left;
	padding:15px 20px 0 115px;
	margin:10px 0 0 0;
	font-size:12px;
	color:#000000;	
}
#colonne .parrainage h2{
	margin:0 0 10px 0;
	padding:0;
	color:#da222a;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;		
}

#colonne .newsletter{
	height:140px;
	background:url(../img/template/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 10px 0;
	padding:0;
	color:#da222a;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;		
}
#page,#pageColonne{
	margin:0;
	padding:0;
}

#pageColonne span,#page span{
	color:#da222a;
}
#page h1,#pageColonne h1{
	color:#000000;
	font-size:36px;
	font-weight:bold;
	width:328px;
	float:left;
	margin:30px 0;
	line-height:1em;
}
#page .titre{
	margin:10px 0 10px 0;
	padding:0;
	color:#da222a;
	border-bottom:1px solid #da222a;
}
#pageColonne .titre{
	margin:10px 0 10px 0;
	padding:0;
	color:#da222a;
	width:675px;
	border-bottom:1px solid #da222a;
}
#listeOffres .titre{
	margin:30px 0 10px 0;
	padding:0;
	font-size:20px;
	color:#333333;
	width:200px;
}


#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;
}
#pageColonne ol{
	margin:10px 0 0 0;
	padding:0;
}
#pageColonne ol li{
	padding:0 0 5px 0;
	margin:0;
}


.asterisque{
	font-size:14px;
	text-align:justify;
	margin:20px 0 40px 110px;
}
.identification{
	width:656px;
	height:327px;
	margin:10px 0 0 0;
	padding:20px;
	background:url(../img/template/bg-identification.jpg) no-repeat top left;
}
.identification p{
	text-align:left;
	margin:0;
}
.identification h3{
font-size:16px;
font-weight:bold;
color:#da222a;
margin:0;
padding:0;
}
.identification .formulaireChamp{
width:320px;
margin:0 0 10px 0;
}
.identification .asterisque{
font-size:11px;
margin:0 0 5px 0;
padding:0;
}
.identification h4,h4{
font-size:14px;
margin:0;
padding:0;
}
.identification .bouton{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/valider.gif) no-repeat;
	width:84px;
	height:18px;	
	margin:0;
	padding:0 ;	
}
.bouton_clic{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/cliquez-noir.gif) no-repeat;
	width:102px;
	height:18px;	
	margin:0;
	padding:0 ;	
}
.bouton_envoyer{
	float:right;
		border:none;
	display:block;
	background:url(../img/boutons/envoyez.gif) no-repeat;
	width:100px;
	height:18px;	
	margin:0;
	padding:0 ;	
}
.bouton_modifier{
	float:right;
		border:none;
	display:block;
	background:url(../img/boutons/modifier.gif) no-repeat;
	width:92px;
	height:18px;	
	margin:0;
	padding:0 ;	
}
.bouton_valider{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/valider.gif) no-repeat;
	width:84px;
	height:18px;	
	margin:0;
	padding:0 ;	
}
.bouton_annuler{
	float:right;
	border:none;
	display:block;
	background:url(../img/boutons/annuler.gif) no-repeat;
	width:92px;
	height:18px;	
	margin:0;
	padding:0 ;	
}
.idLeft{
	padding:0 20px 0 0;
	border-right:1px solid #000;
	width:320px;
	height:287px;
	float:left;
}
.idRight{
float:left;
width:250px;
padding:0 0 0 20px;
}
.boxL{
	width:320px;
	margin:15px 0 0;
	float:left;
}
.boxR{
	width:320px;
	margin:15px 0 0;
	float:right;
}
.boxL h3,.boxR h3{
	width:320px;
	background:url(../img/template/bg-h3.jpg) no-repeat top left;
	height:39px;
	color:#da222a;
	padding:10px 0 0 10px;
	margin:0;
	font-size:16px;
}
#pageColonne .boxL ul,#pageColonne .boxR ul{
	margin:5px 0;
	list-style-type:none;
	padding:0;
}
#pageColonne .boxL ul li,#pageColonne .boxR ul li{
	padding:0 0 4px 10px;
	margin:0;
	list-style-image:none;
}
#pageColonne .boxL ul li a,#pageColonne .boxR ul li a{
	font-size:13px;
	color:#000;
	text-decoration:none;
}
#pageColonne .boxL ul li a:hover,#pageColonne .boxR ul li a:hover{
	text-decoration:underline;
}


#pageContact .boxL ul,#pageContact .boxR ul{
	margin:5px 0;
	list-style-type:none;
	padding:0;
}
#pageContact .boxL ul li,#pageContact .boxR ul li{
	padding:0 0 4px 10px;
	margin:0;
	list-style-image:none;
}
#pageContact .boxL ul li a,#pageContact .boxR ul li a{
	font-size:13px;
	color:#000;
	text-decoration:none;
}
#pageContact .boxL ul li a:hover,#pageContact .boxR ul li a:hover{
	text-decoration:underline;
}
#pageContact .contact{
	margin:10px 0;
	padding:0 0 0 110px;
	height:100px;
}
#pageContact .contact h3{
	font-weight:normal;
	margin:0 0 10px 0;
	padding:0;
}
#pageContact .titre{
	margin:10px 0 10px 0;
	padding:0;
	color:#da222a;
	width:675px;
	border-bottom:1px solid #da222a;
}
#pageContact #email{
	background:url(../img/template/email.jpg) no-repeat top left;
}
#pageContact #telephone{
	background:url(../img/template/telephone.jpg) no-repeat top left;
}
#pageContact #courrier{
	background:url(../img/template/courrier.jpg) no-repeat top left;
}
/*FAQ*/

#qa img{
	border:none;
	margin: 0 5px 0 0;
	padding:0;

}

.trigger{
	cursor:pointer;
	padding:0;
	font-size:14px;	
	color:#000000;
	font-weight:bold;
}		

.trigger:hover{
	cursor:pointer;
	color:#da222a;
}		

.expanded{
	cursor:pointer;
	font-size:14px;	
	color:#da222a;
	font-weight:bold;	
}

.expanded:hover{
	color:#000000;
	cursor:pointer;
}

.show{
	position:static;
	display: table;
	padding-left:15px;
	padding-top:5px;
	text-align:justify;
	color:#000000;
}

.hide{
	position:absolute;
	left:-999em;
	height:1px;
	width:100px;
	overflow:hidden;
}
.radio ,oradio ,Oradio{ border : 0px}
#mess{
font-size:14px;
font-weight:bold;
color:#da222a;
margin:0;
padding:0;
}