/* GENERAUX */
body,h1,h2,h3,h4,p,ul,li,form,fieldset,input,legend{
	padding:0;
	margin:0;
}
body{
	background-color:#fbfbf6;
	font-family:Arial, Helvetica, sans-serif;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
fieldset{
	border:none;
}
form label{
	color:#4c4831;
	font-weight:bold;
	font-size:0.7em;
}
form input, form select, form textarea{
	color:#4c4831;
	font-size:0.7em;
}
img{
	border:none;
}
p{
	font-size:0.7em;
	line-height:1.3em;
	padding-bottom:10px;
}



.cache{
	display:none;
}
.cleaner{
	font-size:1px;
	height:0;
	clear:both;
}
.puce{
	font-weight:bold;
	color:#165a76;
	font-size:0.75em;
}
.puce a{
	color:#165a76;
	display:block;
	padding-bottom:5px;
	padding-top:1px;
	text-decoration:none;
	padding-left:20px;
	background:url(../images/template/puce.gif) left top no-repeat;
}



/* NIVEAU 1 */
#page{
	margin:auto;
	width:989px;
	background:url('../images/template/fond-page.jpg') #fff left top repeat-y;
	border-bottom:4px solid #eeece8;
}



/* NIVEAU 2 */
#corps{
	width:980px;
	float:left;
	background:url('../images/template/fond-corps.jpg') left top repeat-x;
}
#ombre-droite{
	width:5px;
	float:left;
}
#ombre-gauche{
	width:4px;
	float:left;
}



/* NIVEAU 3 */
.contenu{
	float:left;
	width:710px;
	padding-bottom:50px;
	min-height:800px;
}
/* contenu spécifiques */
#accueil-non-identifie{
	padding-top:10px;
}

#grise{
	position:absolute;
	z-index:2;
	height:2000px;
	width:100%;
	left:0;
	top:0;
	background-color:#999;
	opacity: .8;
	filter: alpha(opacity=80);
}

#header{
	padding-left:11px;

}
/* header.jsp */
#logo-espace{
	float:left;
	padding:27px 0 0 0;
}
#logo-titre{
	float:left;
	height:64px;
	width:254px;	
	padding:22px 0 2px;
}

#footer{
	clear:both;
	border-top:1px solid #c3c3c2;
	text-align:center;
	color:#797977;
	font-size:0.7em;
	padding:7px 0;
	margin:0 6px 0 10px;
}

#menu{
	clear:both;
	float:left;
	width:252px;
	margin-right:10px;
}
/* menu.jsp */
#menu ul{
	float:left;
	width:238px;
}
#menu ul li{
	list-style-type:none;
	border:1px solid #c3c3c2;
	border-top:none;
	font-size:0.85em;
}
#menu ul li a{
	display:block;
	text-decoration:none;
	color:#165a76;
	padding:7px 8px 5px 8px;
	background:url(../images/template/fond-menu-off.jpg) #fff left top repeat-x;
}
#menu ul li a:hover,#menu ul li.actif a{
	color:#fff;
	background:url(../images/template/fond-menu-on.jpg) #972a4d left top repeat-x;
}
#bas-ombre-menu{
	clear:both;
}
#ombre-droite-menu{
	float:left;
	width:4px;
}
#ombre-gauche-menu{
	float:left;
	width:3px;
}
#ombre-menu{
	padding-left:7px;
	margin-bottom:16px;
}
#onglet-autres-titres{
	border:1px solid #c3c3c2;
	font-size:0.85em;
	margin:0 4px 20px 10px;
}
#menu ul li#onglet-accueil{
	border:none;
	border-bottom:1px solid #c3c3c2;
}
#menu ul li#onglet-accueil a{
	background:url(../images/template/onglet-accueil-off.gif) left top no-repeat;
}
#menu ul li#onglet-accueil a:hover, #menu ul li#onglet-accueil.actif a{
	background:url(../images/template/onglet-accueil-on.gif) #972a4d left top no-repeat;
}
#onglet-autres-titres a{
	display:block;
	text-decoration:none;
	color:#165a76;
	padding:8px 8px 5px 8px;
	background:url(../images/template/fond-onglet-autres-titres.jpg) left top repeat-x;
}
#onglet-boutique{
	font-size:0.85em;
	margin:0 4px 20px 10px;
}
#onglet-boutique a{
	display:block;
	text-decoration:none;
	color:#fff;
	padding:7px 8px 5px 8px;
	background:url(../images/template/fond-onglet-boutique.gif) #165a76 left top no-repeat;
}



/* DIV DE NIVEAU 4 */
#intro{
	margin-left:20px;
	font-weight:bold;
	position:relative;
	top:-8px;
	color:#4c4831;
}
#intro h1{
	font-size:1.15em;
	border-left:2px solid #4c4831;
	width:500px;
	padding-left:7px;
	margin-top:7px;
	float:left;
}
#intro h2{
	font-size:0.9em;
	width:500px;
	padding-left:7px;
	margin-top:7px;
	float:left;
}
#intro .picto{
	float:left;
}
#raisons{
	padding:15px 20px;
}
#raisons ul li{
	font-size:0.75em;
	list-style-type:none;
	background:url(../images/template/puce-raisons.gif) left top no-repeat;
	padding-left:18px;
	padding-bottom:18px;
	font-weight:bold;
	color:#97284c;
	
}
#raisonsIllustration{
	width:110px;
	float:left;
}
#raisonsTexte{
	width:500px;
	float:left;
}
.bouton_bg{
	background:url(../images/template/bouton_bg.gif) 9px 15px no-repeat;
	color:#FFFFFF;
	font-size:0.75em;
	font-weight:bold;
	padding:15px;
	height:25px;
	width:65px;
}
#bouton-valider{
	width:auto;
}
.offreLigne1{
	color:#97284C;
	font-size:0.85em;
	font-weight:bold;
	padding:0px;
}
.offreLigne2{
	font-weight:bold;
	padding:0px;
}
.offreLigne3{
	padding:0px;
}
.offreLigne4{
	padding:0px;
}
.offreLigne5{
	padding:0px;
}
.pop-up{
	background-color:#FFFFFF;
	left:400px;
	position:absolute;
	top:150px;
	width:342px;
	z-index:3;
}
.pop-up .annule{
	float:right;
	font-size:0.7em;
	width:50px;
}
.pop-up .blocTitre h2{
	width:235px;
}
.error{
	background:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
}



/* BLOC */
.bloc{
	background:url(../images/template/accueil-fond-bloc.gif) left top repeat-y;
	width:340px;
	float:left;
	padding:0;
}
.blocBas{
	background:url(../images/template/accueil-bas-bloc.jpg) left top no-repeat;
	height:5px;
	font-size:1px;
}
.blocTexte{
	clear:both;
	padding:0 4px 0 0;
	margin:0 4px 0 17px;
	border-top:1px solid #c7c7c7;
}
.blocTexte p{
	font-size:0.7em;
	color:#4c4831;
	line-height:1.1em;
}
.blocTexte p.plus a{
	text-decoration:none;
	color:#4c4831;
}
.blocTexte p.plus a:hover{
	text-decoration:underline;
}
.blocTexte .cote-hauteur{
	width:200px;
	float:left;
	padding-top:10px;
}
.blocTexte .hauteur-minimum{
	width:1px;
	height:101px;
	float:left;
}
.blocTitre{
	background:url(../images/template/accueil-fond-titre-bloc.gif) left top no-repeat;
	padding:15px 0 5px 15px;
	height:100%;
}
.blocTitre h2{
	width:280px;
	float:left;
	font-size:0.9em;
	padding-top:2px;
	color:#97284c;
	text-transform:uppercase;
}
.blocTitre h2 a{
	color:#97284c;
	text-decoration:none;
	display:block;
}
.blocTitre h2.simple{
	padding-top:10px;
}
.blocTitre .picto{
	width:35px;
	float:left;
}
.blocTitre.premier{
	background:url(../images/template/accueil-fond-titre-bloc-haut.gif) no-repeat scroll left top;
}


/* BOITES */
.boite{
	background:url(../images/template/compte-fond-bloc.gif) left top repeat-y;
	width:690px;
	margin-left:15px;
	padding:0;
	clear:both;
}
.boiteDemie{
	background:url(../images/template/compte-fond-bloc-demi.gif) left top repeat-y;
	float:left;
	margin-left:15px;
	width:330px;
}
/* boite spécifique */
#premiere .boiteTitre{
	background:url(../images/template/compte-fond-titre-haut.gif) left top no-repeat;
}

.boiteFond{
	background:url(../images/template/compte-bas-bloc.gif) left bottom no-repeat;
	padding:0 0 6px 0;
}
.boiteFond.demi{
	background:url(../images/template/compte-bas-bloc-demi.gif) left bottom no-repeat;
}
.boiteTitre{
	background:url(../images/template/compte-fond-titre.gif) left top no-repeat;
	padding:20px 0 10px 17px;
	height:100%;
}
.boiteTitre.demi{
	background:url(../images/template/compte-fond-titre-demi.gif) left top no-repeat;
}
.boiteTitre h2{
	font-size:0.9em;
	color:#97284c;
	text-transform:uppercase;
	float:left;
	width:440px;
}
.boiteTitre h2 a{
	color:#97284c;
	text-decoration:none;
	display:block;
}
.boiteTitre .menu{
	float:left;
	width:220px;
}
.boiteTitre .menu fieldset{
	clear:both;
}
.boiteTitre .menu select{
	width:215px;
}
.boiteTexte{
	clear:both;
	padding:6px 0 0 0;
	margin:0 4px 0 17px;
	border-top:1px solid #c7c7c7;
}
.boite  p.puce a:hover{
	text-decoration:underline;
}
.boite .valide{
	width:355px;
	text-align:right;
}
.boite .legende{
	font-size:0.75em;
	font-weight:bold;
	padding-bottom:15px;
	padding-top:5px;
	color:#97284c;
}
/* Page mon compte, bloc votre abonnement, encadre*/
.boite #encadre-abonnement{
	width:412px;
	float:left;
	background:url(../images/template/compte-fond-encadre.gif) left top repeat-y;
}
.boite #encadre-abonnement .haut-encadre{
	background:url(../images/template/compte-haut-encadre.gif) left top no-repeat;
}
.boite #encadre-abonnement .bas-encadre{
	background:url(../images/template/compte-bas-encadre.gif) left bottom no-repeat;
	padding:10px 15px;
}


/* CHAMP */
.champ{
	clear:both;
}
.champ UL{
	list-style-type:none;
}
.champ LI{
	display:inline;
}
.champ input,select{
	width:200px;
	float:left;
	margin-right:6px;
	margin-bottom:6px;
}
.champ label{
	width:150px;
	display:block;
	float:left;
}



/* COCHE */
.coche{
	clear:both;
}
.coche input{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}



/* SPECIFIQUES */

/* zone-droite.jsp */
.uneEnCours{
	float:right;
}


/* autres_titres.jsp */
#s_abonner{
	margin-top:15px;
	color:#165A76;
	font-weight:bold;
}
#s_abonner a{
	background:transparent url(../images/template/puce.gif) no-repeat scroll left top;
	color:#165A76;
	display:block;
	padding-bottom:5px;
	padding-left:20px;
	padding-top:1px;
	text-decoration:none;
}

/* bonjour.jsp */
#bonjour{
	background:url('../images/template/fond-bandeau-connection.gif') #f1f5f6 left top no-repeat;
}
#bonjour .nom{
	color:#4c4831;
	font-size:0.75em;
	font-weight:bold;
	padding:8px 0 7px 20px;
	width:250px;
	float:left;
}
#se_deconnecter{
	width:auto;
	float:right;
	font-size:0.75em;
	font-weight:bold;
	padding:8px 0 0px 0;
}
#se_deconnecter a{
	color:#97284c;
	display:block;
	text-decoration:none;
}
#se_deconnecter a span{
	display:block;
	float:left;
	padding-right:8px;
}


/* cgv.jsp */
#cgv h1{
	color:#97284C;
	font:12px Arial,Helvetica,sans-serif;
	font-weight:bold;
}
#cgv p{
	font:12px Arial,Helvetica,sans-serif;
}

/* connexion.jsp */
#formulaireLoginInitialisation{
	width:400px;
	float:left;
}
#mode-emploi {
	float:left;
	width:250px;
}
#mode-emploi .numero{
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:5px;
}

/* menu.jsp */
#encadre-boutique{
	width:243px;
	margin:0 8px;
	background:url(../images/template/autrestitres-fond-encadre.gif) left top repeat-y;
}
#encadre-boutique .haut-encadre{
	background:url(../images/template/autrestitres-haut-encadre.gif) left top no-repeat;
}
#encadre-boutique .bas-encadre{
	background:url(../images/template/autrestitres-bas-encadre.gif) left bottom no-repeat;
	padding:10px 15px;
}
#encadre-boutique .boutique{
	text-transform:uppercase;
	font-size:0.75em;
	font-weight:bold;
	padding:5px 0 5px 0;
	margin-bottom:8px;
	color:#666;
	border-bottom:1px solid #666;
}
#encadre-boutique .illus{
	float:left;
	width:110px;
	padding-bottom:10px;
}
#encadre-boutique .illus img{
	width:100px;
}
#encadre-boutique .content{
	float:left;
	width:90px;
}
#encadre-boutique .content h3{
	font-size:0.8em;
	padding-bottom:5px;
	font-weight:bold;
	color:#97284c;
}
#encadre-boutique .content h3 a{
	color:#97284c;
}


/* messages.jsp */
#messages{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:6px;
}
#messages ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#messages li{
	display:inline;
}
#messages .A{
	color:#FF0000;
	display:block;
	font-weight:bold;
}
#messages .C{
	color:#FF9900;
	font-weight:bold;
}
#messages .D{
	color:#FF0000;
}
#messages .E{
	color:#FF0000;
	font-weight:bold;
}
#messages .I{
	color:#008A8A;
	font-weight:bold;
}
#messages .W{
	color:#FF0000;
	font-weight:bold;
}