/* www.mailclub.fr */

/*Boucle spip definition de variable

*/


/* CSS Général */

/* @group Général */
html, body {
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	background-color: #c9cdce;
	text-align: center;
	font: 10px Verdana, Geneva, Helvetica, Arial, sans-serif;
}

/*#entete, #menu, #contenu, #pre-pied, #pied {*/
#page {
	position:  relative;
	margin: 0 auto;
	padding: 0;
	text-align: center; /* Hack Bug de centrage IE */
	width: 973px;
	background: #fff url(/squelettes/css/body_fond.png) repeat-y center;
}

#entete ul, #pre-pied ul, #pied ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
} 


/* @group Redéfinitions */
.cacher, .pas_visuel {
	display: none;
}

.centrer {
	text-align: center;
}

a {
	text-decoration: none;
	color: #595b5c;
}

img {
	border: 0;
}

.spip_documents { margin: 10px; }
.spip_documents_left { margin-left: 0; }
.spip_documents_right { margin-right: 0; }

label:hover {
	cursor: pointer;
}

hr.dernier {
	display: none;
}
/* @end */
/* @end */

/* @group Entete */
#entete {
	height: 246px;
	text-align: right;
	position: relative;
}


#entete #logo_mailclub {
	position: absolute;
	top: 10px;
	left: 27px;
	margin: 0;
}

#entete #logo_mailclub_accueil img {
	display: block;
}

#entete #numero_bleu {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 25px;
	top: 65px;
}

/* @group Menu Corporate */
#entete #menu_corporate {
	padding-right: 10px;
	padding-top: 5px;
	margin-bottom: 69px;
}

#menu_corporate li {
	display: inline;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0 2px 20px;
	vertical-align: center;
	line-height: 25px;
}

#menu_corporate li a {
	color: #545454;
	padding-right: 15px;
}

#menu_corporate li#tel { background-image: url(/squelettes/css/puce_tel.png); }
#menu_corporate li#acces_client { background-image: url(/squelettes/css/puce_acces_client.png); }
#menu_corporate li#support { background-image: url(/squelettes/css/puce_support.png); }
#menu_corporate li#accueil { background-image: url(/squelettes/css/puce_accueil.png); }
#menu_corporate li#mailclub { background-image: url(/squelettes/css/puce_mailclub.png); }
#menu_corporate li#contact { background-image: url(/squelettes/css/puce_contact.png); }
#menu_corporate li#langues_en { padding:0; }
#menu_corporate li#langues_en img { vertical-align: middle; }
/* @end */

/* @group Menu Univers */
#entete #menu_univers {
	/*Div entete prend la main pour positionner les onglets univers*/
	/*position: relative;*/
}

#menu_univers li {
	position: absolute;
	bottom: 148px;
	height: 23px;
	width: 148px;
	text-align: center;
	background: #cacdce url(/squelettes/css/menu_univers_fond.png) no-repeat center top;
}

#menu_univers li a {
	color: #fff;
	font-size: 12px;
	display: block;
	line-height: 23px;
}



#menu_univers #univers_2 { left: 252px; }
#menu_univers #univers_1 { left: 411px; }
#menu_univers #univers_2.actif, #menu_univers #univers_1.actif {
	height: 27px;
	background-color: #;
}
#menu_univers #univers_2.actif a, #menu_univers #univers_1.actif a { line-height: 27px; }

/* @end */

/* @group Bandeau déroulant */
p#pas_de_slide {
	margin: 0;
	text-align: center;
}

#bandeau {
	width: 953px;
	height: 147px;
	position: relative;
	margin: 0 auto;
}

#bandeau .wrapper {
	width: 953px;
	overflow: auto;
	height: 147px;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
}

#bandeau .wrapper ul {
	width: 99999px;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
}

#bandeau ul li {
	display: block;
	float: left;
	padding: 0;
	height: 147px;
	width: 953px;
	margin: 0;
}

#bandeau .arrow {
	display: none;
	height: 200px;
	width: 67px;
	background: url(../images/arrows.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 65px;
	cursor: pointer;
}

#bandeau .forward {
	background-position: 0 0;
	right: -20px;
}

#bandeau .back {
	background-position: -67px 0;
	left: -20px;
}

#bandeau .forward:hover {
	background-position: 0 -200px;
}

#bandeau .back:hover {
	background-position: -67px -200px;
}

#thumbNav {
	position: absolute;
	bottom: 5px;
	right: 100px;
	text-align: center;
}

#thumbNav a {
	color: #fff;
	display: inline-block;
	padding: 2px 10px;
	line-height: 25px;
	margin: 0 5px 0 0;
	background: #042163 url(/squelettes/css/menu_fond.png) repeat-x 0 top;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: .5;
}

#thumbNav a:hover, #thumbNav a.cur, #start-stop.playing {
	opacity: 1;
}

#start-stop {
	background: #042163 url(/squelettes/css/menu_fond.png) repeat-x 0 top;
	color: #fff;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	position: absolute;
	right: 45px;
	bottom: 5px;
	line-height: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	opacity: .5;
}

/* Prevents */
#bandeau .wrapper ul ul {
	position: static;
	margin: 0;
	background: none;
	overflow: visible;
	width: auto;
	border: 0;
}

#bandeau .wrapper ul ul li {
	float: none;
	height: auto;
	width: auto;
	background: none;
}
/* @end */
/* @end */

/* @group Menu */
#nav, #nav ul {
	float: left;
	list-style: none;
	background: white;
	padding: 0;
	margin: 0 10px;
	text-align: left;
	z-index: 10;
	background: #042163 url(/squelettes/css/menu_fond.png) repeat-x 0 top;
}

#nav { width: 953px; }

#nav ul {
	margin: 0;
	margin-left: 2px;
}

#nav a {
	color: inherit;
	line-height: 29px;
	display: table-cell;
	text-decoration: none;
}

#nav a.intitule {
	font-size: 12px;
	color: #fff;
}

#nav a.intitule span { padding: 0 1em; }

#nav a.intitule:hover, #nav li.intitule:hover a.intitule {
	background: #f4f4f4 url(/squelettes/css/menu_fond_gauche.png) no-repeat top left;
	color: #;
}

#nav a.intitule:hover span, #nav li.intitule:hover a.intitule span {
	display: block;
	margin: 0;
	background: url(/squelettes/css/menu_fond_droit.png) no-repeat top right;
}

#nav li {
	float: left;
	margin-left: -1px;
	padding: 0;
	border-right: #b0b0b0 1px solid;
}

#nav li.intitule:hover {
	background: #f4f4f4 url(/squelettes/css/menu_angle_droit.png) no-repeat top right;
	border-right: none;
	margin-right: 1px;
}

#nav li.dernier { border: none; }

#nav li ul.ssmenu_deroulant {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	border-width: 1px;
	margin: 0;
	border-bottom: #b0b0b0 1px solid;
	width: .2em;
}

#nav ul.ssmenu_deroulant li {
	margin: 0;
	padding: 0;
	width: em;
}

#nav li li {
	padding-right: 1em;
	width: 13em;
	background-color: #f4f4f4;
}

#nav li ul a { /*Lien dans le sous-menu déroulant*/
	padding-left: 1em;
	width: em;
}

#nav li ul a:hover { background-color: #cacdce; }

#nav li ul li { border-left: #b0b0b0 1px solid; }

#nav li ul ul { margin: -1.75em 0 0 14em; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul { left: -999em; }


#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul,
#nav li li li li:hover ul {
	left: auto;
	margin-left: -1px;
}

#nav li.sfhover ul {
	left: auto;
	clear: both;
}

#nav li.sfhover ul li a {
	z-index: 150;
}
/* @end */

/* @group Contenu */
#contenu {
	position: relative;
	font-size: 12px;
	clear: both;
	z-index: 1;
}

#contenu .spip_documents_center {
	display: block;
	margin: 0 auto;
	width: 100%;
	text-align: center;
}


/* @group Colonne gauche */
#colonne_gauche {
	margin: 20px 0 20px 30px;
	float: left;
	position: relative;
	/*position: absolute;
	top: 20px;
	left: 30px;*/
	width: 186px;
}

/* @group Menu de rubrique */
.menu_contenu {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
}

.menu_contenu dt {
	position: relative;
	padding: 0 0 0 9px;
	line-height: 21px;
	border-bottom: #cacdce 1px solid;
	color: #fff;
	font-size: 12px;
	background: # url(/squelettes/css/menu_contenu_titre_fond.png) no-repeat left top;
}

.menu_contenu dt a {
	color: #fff;
} 

.menu_contenu dt img {
	position: absolute;
	top: 0;
	right: 0;
	background: #5a5a5a url(/squelettes/css/menu_contenu_logo_fond.png) no-repeat scroll right top;
}

.menu_contenu dd {
	margin: 0;
	border-top: #fff 1px solid;
	border-bottom: #cacdce 1px solid;
	background: url(/squelettes/css/menu_contenu_fond.png) repeat-y center;
}

.menu_contenu dd:hover,
.menu_contenu dd a:hover,
.menu_contenu dd.on,
.menu_contenu dd.on a {
	background-image: none;
	background-color: #cacdce;
}

.menu_contenu dd a {
	display: block;
	padding: 0 9px;
	font-size: 9px;
	color: #595b5c;
	line-height: 21px;
}
/* @end */

#inscription_newsletter dl {
	margin: 0;
	padding: 16px;
	background: #fff url(/squelettes/css/newsletter_fond_wide.png) no-repeat center top;
}

#inscription_newsletter dt {
	margin: 0 9px;
	padding: 0;
	text-transform: uppercase;
	color: #00326c;
	font: bold 16px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#inscription_newsletter dd {
	margin: 10px 0 4px 9px;
	color: #595b5c;
	font: bold 10px/14px Arial, Helvetica, sans-serif;
}

#inscription_newsletter dd input[type="text"] {
	margin-bottom: 7px;
}

#inscription_newsletter dd select {
	font-size: 9px;
}
/* @end */

/* @group Colone droite */
#colonne_droite {
	float: right;
	margin: 20px 14px 20px 0;
	width: 210px;
	text-align: left;
}

#recherche_rapide_domaine {
	padding: 9px;
}

#recherche_rapide_domaine label {
	padding-left: 20px;
	color: #042163;
	font-size: 12px;
	font-weight: bold;
	background: #fff url(/squelettes/css/puce_en_carre.png) no-repeat left top;
}

#recherche_rapide_domaine label span {
	display: block;
	margin-left: 20px;
	font-weight: normal;
}

#recherche_rapide_domaine input, #recherche_rapide_domaine select, #inscription_newsletter input { vertical-align: top; }
#recherche_rapide_domaine input[type="text"], #inscription_newsletter input[type="text"],#recherche_rapide_domaine select {
	width: 120px;
	border: #595b5c 1px solid;
	font-size: 10px;
	background: #fff url(/squelettes/css/input_fond.png) repeat-x top;
	z-index: 10;
}
#recherche_rapide_domaine input[type="text"] {
	width: 164px;
	margin-right: 2px;
}

#recherche_rapide_domaine select {
	width: 190px;
	margin-top: 4px;
	display: block;
}

#contact_commercial {
	margin: 10px 0;
	color: #042163;
}

#contact_commercial h4 {
	margin: 0;
	padding: 18px;
	font-size: 14px;
	background: #fff url(/squelettes/css/contact_com_fond_titre_.png) no-repeat top center;
}

#contact_commercial p {
	margin: 0;
	padding: 0 18px 10px 18px;
	font-size: 10px;
	background: #fff url(/squelettes/css/contact_com_fond_.png) repeat-y top center;
}

/*#contact_commercial p img {
	margin-bottom: 5px;
}*/

#contact_commercial p.lien {
	padding: 0 18px 20px 18px;
	font-weight: bold;
	text-align: justify;
	background: #fff url(/squelettes/css/contact_com_fond_lien_.png) no-repeat center bottom;
}

#contact_commercial p.lien a {
	color: #fff;
	text-decoration: underline;
}
/* @end */


/* @group Texte */
#texte, #texte_sans_colonne_droite {
	padding: 20px 224px 20px 228px;
	margin: 0 10px;
	text-align: justify;
	background: #fff url(/squelettes/css/contenu_fond.png) repeat-x center top;
	color: #595b5c;
}

#texte a, #texte_sans_colonne_droite a {
	text-decoration: underline;
	cursor: pointer;
	/*color: #;*/
}



#texte_sans_colonne_droite {
	padding-right: 20px;
}

/*#texte_sans_colonne_droite #panier {
	padding-right: 20px;
	overflow: hidden;

}*/

#texte h2, #texte_sans_colonne_droite h2 {
	padding-left: 20px;
	font-size: 18px;
	border-bottom: #cacdce 1px dotted;
	background: #fff url(/squelettes/css/puce_en_carre.png) no-repeat left center;
	color: #;
}

#texte h1, #texte_sans_colonne_droite h1 {
	padding-left: 20px;
	font-size: 18px;
	border-bottom: #cacdce 1px dotted;
	background: #fff url(/squelettes/css/puce_en_carre.png) no-repeat left center;
	color: #;
}


.spip_doc_descriptif {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	text-align: center;
	margin: 3px;
	border: thin dotted #666666;
}


div#chapo {
	color: #042163;
	font-size: 12px;
	font-weight: bold;
}

#texte h3.spip, #texte_sans_colonne_droite h3.spip {
	color: #042061;
	border-top: #c9cdcc 1px solid;
	border-bottom: #c9cdcc 1px solid;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 30px;
	font-size: 13px;
	font-weight: normal;
	background: transparent url(/squelettes/css/onglets_contenu_puce.png) no-repeat 18px center;
}

#texte h3.spip a {
	text-decoration:underline;
	cursor: pointer;
	color: #042061;
}

#texte ul.plan_site a {
	color: #595b5c;
}

/* @group Tableaux Spip */
table.spip { max-width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background:  #;  }
table.spip tr.row_first th {text-align: center;}
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #DDD; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: 1px solid; }
table.spip th { vertical-align: bottom; font-weight: bold; background:  #; }
table.spip td { vertical-align: top; }
/* @end */
/* @end */

/* @group 4 packs */
#par_4, #par_3, #par_2 {
	position: relative;
	padding: 8px;
	text-align: left;
	background-color: #f0f0f0;
	font-family: Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 11px;
}

.liste_par_4, .liste_par_3, .liste_par_2 {
	width: 160px;
	float: left;
	margin: 0 6px;
}

.liste_par_4 h3, .liste_par_3 h3, .liste_par_2 h3, #actualites h3 {
	margin: 0;
	padding-top: 11px;
	color: #fff;
	height: 22px;
	text-align: center;
	background: url(squelettes/css/4packs_titre.png) no-repeat center top;
}

#par_4 h3 a, #par_3 h3 a, #par_2 h3 a {
	color: #fff;
	text-decoration: none;
}

.liste_par_4 div, .liste_par_3 div, .liste_par_2 div {
	background: url(squelettes/css/4packs_fond.png) repeat-y center;
	padding: 0 8px;
}

.liste_par_4 strong, .liste_par_3 strong, .liste_par_2 strong {
	color: #042163;
}

.liste_par_4 div a, .liste_par_3 div a, .liste_par_2 div a {
	display: block;
	width: 115px;
	margin: 0 auto;
	padding: 5px 0 5px 20px;
	color: #042163;
	border-top: #c3c3c3 1px solid;
	background: #fff url(/squelettes/css/puce_en_carre.png) no-repeat left center;
}

.liste_par_4 div .spip_documents a, .liste_par_3 div .spip_documents a, .liste_par_2 div .spip_documents a {
	border-top: none;
	padding-left: 0;
	background-image: none;
}

#par_4 a.bouton, #par_3 a.bouton, #par_2 a.bouton {
	background: url(squelettes/css/4packs_bouton.png) no-repeat center center;
	padding: 5px;
	width: 127px;
	text-align: center;
	border-top: none;
	color: #fff;
	text-decoration: none;
}

.liste_par_4 div img, .liste_par_3 div img, .liste_par_2 div img {
	display: block;
	margin: 0 auto;
	padding: 3px 0;
}

.liste_par_4 ul, .liste_par_3 ul, .liste_par_2 ul {
	margin: 0;
	padding: 0 3px;
	list-style-image: url(squelettes/css/puce_bleue.png);
	list-style-position: inside;
}

.liste_par_4 ul li, .liste_par_3 ul li, .liste_par_2 ul li {
	margin: 5px 0;
}

.liste_par_4 p.tarif, .liste_par_3 p.tarif, .liste_par_2 p.tarif {
	width: 121px;
	height: 61px;
	margin: 0 auto;
	padding: 11px 0 0 11px;
	color: #042163;
	font-size: 12px;
	background: #fff url(/squelettes/css/4packs_tarif.png) no-repeat center center;
}

.liste_par_4 p.tarif strong, .liste_par_3 p.tarif strong, .liste_par_2 p.tarif strong {
	display: block;
	font-size: 30px;
	text-align: center;
}

#par_4 div.liste_par_4 div.hr, #par_3 div.liste_par_3 div.hr, #par_2 div.liste_par_2 div.hr {
	background-image: none;
	padding: 0;
}

#par_4 div.liste_par_4 hr, #par_3 div.liste_par_3 hr, #par_2 div.liste_par_2 hr {
	margin: 0;
	padding: 0;
	border: none;
	height: 16px;
	background: url(squelettes/css/4packs_bas.png) no-repeat center bottom;
	visibility: visible;
}

#par_4 hr, #par_3 hr, #par_2 hr {
	visibility: hidden;
	clear: left;
}
/* @end */

/* @group 3 packs */
#par_3 {
	padding: 8px 4px;
}

.liste_par_3 {
	margin: 0 2px;
}

/* @end */



/* @group 2 packs */

.liste_par_2 {
	width: 230px;
}

.liste_par_2 h3 {
	background-image: url(squelettes/css/2packs_titre.png);
}

.liste_par_2 div, #actualites ul {
	background-image: url(squelettes/css/2packs_fond.png);
}

.liste_par_2 div a {
	width: 185px;
}

.liste_par_2 a.bouton {
	background-image: url(squelettes/css/2packs_bouton.png);
	width: 197px;
}

.liste_par_2 p.tarif {
	width: 191px;
	background-image: url(/squelettes/css/2packs_tarif.png);
}

#par_2 div.liste_par_2 hr {
	background-image: url(squelettes/css/2packs_bas.png);
	visibility: visible;
}
/* @end */

/* @group Actualités */
#actualites h3 {
	background-image: url(squelettes/css/actualites_titre.png);
}

#actualites ul {
	background: url(squelettes/css/actualites_fond.png) repeat-y center bottom;
	margin-top: 0;
	padding: 1px 12px 4px 12px;
	height: 250px;
	list-style-type: none;
}

#actualites ul li {
	font-size: 11px;
	color: #595B5C;
	text-align: center;
	width: 185px;
}

#actualites ul li p {
	text-align: left;
}
/* @end */
/* @end */


/* @group Pre-Pied */
#pre-pied {
	clear: both;
}

#pre-pied, #pre-pied a {
	color: #777;
	font-size: 9px;
}

#pre-pied #menu_pied { /*On défini 2 fois la même chose, c'est une question de poid*/
	margin: 0 20px;
	line-height: 20px;
	border-top: 1px solid #DADADA;
	border-bottom: 1px solid #DADADA;
	position: relative;
}

#menu_pied li {
	display: inline;
}

#menu_pied li.retour_haut {
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 23px;
	background: url(/squelettes/css/puce_retour_haut.png) no-repeat 5px center;
	border-left: #dadada 1px solid;
	border-right: none;
}

#menu_pied li a {
	padding: 0 7px;
	border-right: #dadada 1px solid;
}

#menu_pied li a.fin, #menu_pied li.retour_haut a {
	border: none;
}

#pre-pied p {
	margin: 0;
	line-height: 30px;
}

/* @group Pied */
#pied {
	margin-bottom: 30px;
	padding: 10px 0 20px 0;
	background: #c3c3c3 url(/squelettes/css/pied_fond.png) no-repeat center bottom;
} 

#pied p {
	margin: 3px 0;
}

/* @end */
/* @end */