/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
table td {padding:0 0 10px 0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body{font-family: Arial, Verdana, Helvetica; font-size: 12px; color:#313131; line-height: 150%; text-align: left; background:#212121;}
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#149fd9; text-decoration:none;}
a:visited{color:#666;}
a:hover, a:focus{color:#0083ba;}
a:active{color:#0e8bbf; text-decoration:none;}

h1{font-size:18px; color:#313131; font-weight:bold; line-height:18px; margin-bottom:1em; padding-bottom:10px; background:url(gx/M/h1-sep.gif) left bottom repeat-x}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{font-size:14px; color:#313131; margin-bottom:22px; line-height:100%;}
h2 a, h2 a:link, h2 a:visited{color:#313131; text-decoration:none;}

h2.lineSep{font-size:18px; color:#313131; font-weight:bold; line-height:150%; margin-bottom:1em; padding-bottom:10px; background:url(gx/M/h1-sep.gif) left bottom repeat-x}
h2.lineSep a, h2.lineSep a:link, h2.lineSep a:visited{text-decoration:none;}

p{}
.incTinyMce{margin-bottom:1em;line-height:170%;}

blockquote, q{quotes:none; margin:1em 0;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
blockquote, q, cite{font-style:italic;}
blockquote{padding-left: 1.625em; border-left:3px solid #ccc;}
blockquote > p {padding: 0;}

sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

#contenu ul li, #contenu ol ul li{list-style:none; padding-left:12px; background:url(gx/M/ic-list.png) left 6px no-repeat;}
#contenu ul li a {color:#313131;}
#contenu ul li a.actif {color:#d91531;}
#contenu ul li a:hover {color:#000;}
#contenu ul ul {margin-bottom:10px;}
#contenu ul ul li{list-style:circle; margin-left:13px; padding:0; background:none;}
#contenu ol {float:left; width:400px;}
#contenu ol li, #contenu ul ol li{list-style:decimal; margin:0 0 10px 23px;}
#contenu ol ol li{list-style:lower-alpha;}

.textePetit{font-size:11px;}
.txtNote {color:#D91531;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
/* entete - logo / reseaux sociaux */
#conteneurHaut {border:1px solid #000; background:#313131;}
	#haut {position:relative; width:967px; height:98px; margin:0 auto; z-index:100;}
		#logoMincavi {position:absolute; left:0; top:30px; width:244px; height:90px;}
		.btnBlanc {float:right; width:96px; height:30px; margin-left:10px; padding-left:12px; background:url(gx/M/btn-blanc.png) left top no-repeat;}
			a.btnBlanc {width:95px; height:23px; color:#313131; font-weight:bold; padding:7px 0 0 10px;}
			a.btnBlanc:hover {color:#d91531;}
			/*div.btnBlanc {width:98px; padding-left:10px;}*/

		/* haut - boutons reseaux sociaux */
		.btnResSoc {display:block; float:left; height:18px; margin:5px 0 0 5px;}
		#btnMsg {width:27px; background:url(gx/M/btn-resSoc.png) 0 0 no-repeat}
		#btnMsg:hover {background-position:left bottom;}
		#btnTW {width:26px; background:url(gx/M/btn-resSoc.png) -27px 0 no-repeat}
		#btnTW:hover {background-position:-27px bottom;}
		#btnFB {width:18px; background:url(gx/M/btn-resSoc.png) -53px 0 no-repeat}
		#btnFB:hover {background-position:-53px bottom;}
		#btnYT {width:13px; background:url(gx/M/btn-resSoc.png) -71px 0 no-repeat}
		#btnYT:hover {background-position:-71px bottom;}
			
/* centre - colonne gauche / colonne droite / contenu / sous-menu gauche */
#conteneurCentre {width:100%; padding:38px 0 40px 0; background:#f6f3ee; z-index:10;}
	#conteneur {position:relative; width:960px; margin:0 auto; padding-left:7px;}
		.colGGen {float:left; width:250px;}
			.colGGen .smG {position:relative; float:left; width:230px; margin-bottom:3px; border-top:1px solid #daceb9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#e6ded0;}
				.colGGen .smGTitre {padding:10px 10px 12px 10px; background:none; zoom:1;}
				.colGGen .smGTitre a, .colGGen .smGTitre a:visited {display:block; font-size:15px; color:#313131; font-weight:bold; border:0; background:none; /*background:url(gx/M/ic-smGOff.png) right 5px no-repeat;*/}
				.colGGen .smG:hover {background:#cbba9d;}
				#conteneur .colGGen .smG.actif {
					border:1px solid #a41026;
					background: #D81631;
					background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D81631), to(#a31026));
					background: -webkit-linear-gradient(#D81631, #a31026);
					background: -moz-linear-gradient(#D81631, #a31026);
					background: -ms-linear-gradient(#D81631, #a31026);
					background: -o-linear-gradient(#D81631, #a31026);
					background: linear-gradient(#D81631, #a31026);
					-pie-background: linear-gradient(#D81631, #a31026);
				}
				.colGGen .smG.actif a, .colGGen .smG.actif a:visited {color:#fff; border:0; background:none;}
				.colGGen .smG.actif .smGTitre {padding-bottom:0;}
				.colGGen .smG.actif ul li a {background:none;}
				.colGGen .smG ul {font-size:13px; padding:10px 10px 0 10px;}
				.colGGen .smG li {display:block; line-height:10px; margin:0 0 7px 0px; padding-left:12px; background:none;}
				.colGGen .smG li a span {float:left; margin:-1px 5px 0 0;}
				.colGGen .smG li a, .colGGen .smG li a:visited {color:#fff; padding-left:0px; border:0; background:none;}
				#conteneur .colGGen .smG li a:hover, #conteneur .colGGen .smG li a.actif {border:0; margin-left:-12px; padding-left:12px; background:url(gx/M/ic-list2.png) 0 3px no-repeat;}
				.colGGen .smG .listeSM {display:none; padding-bottom:10px;}  
		.colDGen {float:left; width:680px; padding-left:30px; background:url(gx/M/bg-colDGenOmbre.png) left top no-repeat;}
		.colDGen.noOmbre {width:960px; padding-left:0; background:none; }
			#contenu{min-height:500px; height:auto !important; height:500px;}
			#contenu p {font-size:13px;}
			#contenu p a, #contenu span a {color:#a41026;}
			#contenu p a:hover {color:#a41026;}
			#contenu p a.btnRouge {color:#fff;}
		
/* pied de page */
#conteneurBas {width:100%; background:#313131 url(gx/M/bg-piedP.gif) left bottom repeat-x;}

.both, .clearBoth{clear:both;}
.floatL {float:left;}
.floatR {float:right;}
a.btnRetour {color:#313131; margin-right:40px;}
a.btnRetour:hover {color:#313131;}

input.btnRouge, a.btnRouge, a.btnRouge:visited, #btnHistoire {
	position:relative; /*float:left;*/ display:block; height:30px; font-family:Arial; font-size:12px; color:#fff; font-weight:bold; line-height:32px; 
	text-align:center; text-transform:uppercase; margin-left:16px; padding:0px 21px; 
	-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #a31026; 
	-webkit-box-shadow: #b8b8b8 1px 1px 2px; -moz-box-shadow: #b8b8b8 1px 1px 2px; box-shadow: #b8b8b8 1px 1px 2px;
	background: #D81631;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D81631), to(#a31026));
	background: -webkit-linear-gradient(#D81631, #a31026);
	background: -moz-linear-gradient(#D81631, #a31026);
	background: -ms-linear-gradient(#D81631, #a31026);
	background: -o-linear-gradient(#D81631, #a31026);
	background: linear-gradient(#D81631, #a31026);
	-pie-background: linear-gradient(#D81631, #a31026);
}

.btnRouge:hover, #btnHistoire:hover {
	cursor:pointer; color:#fff; 
	background: #EC4C64;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EC4C64), to(#d31734));
	background: -webkit-linear-gradient(#EC4C64, #d31734);
	background: -moz-linear-gradient(#EC4C64, #d31734);
	background: -ms-linear-gradient(#EC4C64, #d31734);
	background: -o-linear-gradient(#EC4C64, #d31734);
	background: linear-gradient(#EC4C64, #d31734);
	-pie-background: linear-gradient(#EC4C64, #d31734);
}

.tableau{margin-bottom:10px;width:100%;}
.tableau tbody{width:100%;}
.tableau td img {position:relative; with:100px; margin-right:22px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:5px solid #e6ded0;}
.tableau td{padding:2px 4px 22px 4px; vertical-align:top;}
.tableau td.centrer{text-align:center;}
.tableau a, .tableau a:link{color:#2f414d;}
.tableau a:hover, .tableau a:visited:hover{color:#000;}

.styleBoite {position:relative; border-top:1px solid #daceb9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#e6ded0;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{position:relative; float:right; margin-top:39px;}
#menu li{position:relative; display:inline; float:left; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited{
	position:relative; display:block; float:left; height:10px; font-size: 12px; color:#f6f2ed; font-weight:bold; line-height: 12px; text-decoration: none; 
	margin-left:7px; padding:10px; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; background:#3e3e3e;}
#menu li a:hover, #menu li a:focus, #menu li a:visited:hover{color:#f6f2ed; background:#5e5d5d;}
#menu li a.actif, #menu li a.actif:visited, #menu li a:active, #menu li a:visited:active{color:#313131; background:#f6f3ee;}
#menu li a.btnBoutique {border-left:1px solid #b8122e; border-right:1px solid #b8122e; background:url(gx/M/bg-btnBoutique.gif) left top repeat-x;}
#menu li a.btnBoutique:hover {border-left:1px solid #a41127; border-right:1px solid #a41127; background:url(gx/M/bg-btnBoutique.gif) left bottom repeat-x;}
	/* drop down */
	#haut #menu ul{
		display:none; position:absolute; top:30px; left:8px; width:214px; padding:5px 0; 
		-webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; 
		-webkit-box-shadow: #d7d7d7 0px 2px 5px; -moz-box-shadow: #d7d7d7 0px 2px 5px; box-shadow: #d7d7d7 0px 2px 5px; 
		background:#F6F3EE; z-index:100;
	}
	#haut #menu ul li{display:block; float:left; width:190px; border:0; padding:2px 12px;}
	#haut #menu li ul li a, #haut #menu li ul li a:visited{
		display:block; float:none; font-size:12px; color:#333; font-weight:normal; line-height:12px; border:0; margin:0; padding:10px 10px; background:none;
		}
	#haut #menu li ul li a:hover, #haut #menu li ul li a:visited:hover { 
		-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#E6DED0;
		}
	#haut #menu li ul li a.actif, #haut #menu li ul li a.actif:visited {color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#aa1127;}
	#menu ul.dernier{left:auto;right:0;}

/* Navigation secondaire */
#menuSec{float:right; font-size:11px; margin-top:5px;}
#menuSec li{display:inline; float:left;}
#menuSec a, #menuSec a:link, #menuSec a:visited{color:#f6f2ec; text-decoration:none; padding:0 8px;}
#menuSec a:hover, #menuSec li a:focus, #menuSec li a:visited:hover {color:#d91531;}
#menuSec li a.actif, #menuSec li a.actif:visited, #menuSec li a:active, #menuSec li a:visited:active{color:#d91531;}
#menuSec li.dernier a{padding-right:0;}

/* FIL D'ARIANE
--------------------------------------------------------------------------------------- */
#contenu ul.filA {float:left; font-size:11px; color:#313131;}
#contenu ul.filA li {display:inline; float:left; line-height:11px; list-style:none; margin:0 0 0 3px; padding:0; background:none;}
#contenu ul.filA li.premier {margin:0;}
#contenu ul.filA li a {color:#313131; text-transform:lowercase;}
#contenu ul.filA li a:hover {color:#d91531;}

/* BLOC CALCUL IMC
--------------------------------------------------------------------------------------- */
#calculIMC {float:left; width:210px; padding:10px 10px 12px 10px;}
	#calculerIMCForm {float:left; width:210px;}
	#calculerIMCForm label {float:left; width:45px; margin:0px 10px 4px 0;}
	#calculerIMCForm .champTexte {position:relative; width:24px; height:21px; color:#616161; margin:0 10px 5px 0; padding:0 3px; border:1px solid #daceb9; background:#cbba9d;}
	#calculerIMCForm .champTexte.champPoids {width:50px;}
	#calculerIMCForm .listeDeroulante {position:relative; width:110px; height:25px; margin:0 10px 5px 0; padding:2px 3px; border:1px solid #daceb9;}
	#calculerIMCForm .infoInputText {float:left; margin:0px 10px 4px 0;}
	#calculerIMCForm .radio {float:left; margin:1px 8px 0px 3px;}
	#calculerIMCForm .btnRouge {float:none; width:120px; margin:0 auto; padding:0;}
	
#ResultatIMC {float:left; width:650px;}

/* 00_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
/* alerte */
.erreur.alerte {position:relative; float:left; width:927px; font-size:14px; color:#313131; background-color:#FFDDDD; border:1px #CC0000 solid; margin-bottom:5px; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; z-index:50;}
	.erreur.alerte img {position:absolute; right:10px; bottom:10px;}

/* colonne gauche - banniere */
.colGAcc {float:left; width:730px;}
	.blocBanniere {height:480px;}
		.banniere {position:relative; width:708px; height:448px; border:1px solid #daceb9;}
		.ombre {width:710px; height:9px; background:url(gx/00/bg-banniereOmbre.png) left top no-repeat;}
		
		/*Slideshow*/
		#container {position:relative; width:708px; margin:0 auto; z-index:0;}
		#example {position:relative; width:708px; height:448px;}
		#ribbon {position:absolute; left:-15px; top:-3px; z-index:500;}
		#slides {position:absolute; left:0; top:0; z-index:100;}
	
		/*Slides container - Important:	Set the width of your slides container - Set to display none, prevents content flash*/
		.slides_container {display:none; position:relative; width:708px; overflow:hidden;}
		
		/*Each slide - Important: Set the width of your slides - If height not specified height will be set by the slide content - Set to display block*/
		.slides_container a, .slides_container {display:block; width:708px; height:448px;}		
		.slides_container a img, .slides_container img {display:block;}

		#container2 {position:relative; float:left; width:244px; height:210px; margin-right:20px; z-index:0;}
		#example2 {position:relative; width:244px; height:210px;}
		#slides2 {position:absolute; left:0; top:0; z-index:100;}
		#slides2 .slides_container {display:none; position:relative; width:244px; height:210px; overflow:hidden;}
		#slides2 .slides_container {display:block; width:244px; height:210px;}
		#slides2 .slides_container img {padding:4px 5px 5px 5px;}
		#slides2 .pagination {position:absolute; right:5px; bottom:5px;}
		
		/*Pagination*/
		.pagination {position:absolute; right:10px; bottom:10px; margin:0 auto; padding:7px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#f6f3ee; z-index:10;}
			#contenu .pagination li {float:left; font-size:11px; font-weight:bold; margin:0 1px; padding:0; list-style:none; background:none;}
			#contenu .pagination li a {float:left; display:block; width:17px; height:16px; color:#313131; text-align:center; background:url(gx/00/btn-bannierePage.gif) 0 0 no-repeat; overflow:hidden;}
			#contenu .pagination li.current a {color:#fff; background-position:-17px 0;}

/* colonne droite - boutons */
.colDAcc {position:relative; float:left; width:230px;}
	.btnColDAcc a {
		position:relative; display:block; width:230px; height:70px; font-size:12px; color:#313131; margin-bottom:5px; 
		border-top:1px solid #daceb9; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#e6ded0; cursor:pointer; overflow:hidden;}
	.btnColDAcc a:hover {
		border-top:1px solid #a41026; background:#d81631; background: #D81631;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D81631), to(#a31026));
		background: -webkit-linear-gradient(#D81631, #a31026);
		background: -moz-linear-gradient(#D81631, #a31026);
		background: -ms-linear-gradient(#D81631, #a31026);
		background: -o-linear-gradient(#D81631, #a31026);
		background: linear-gradient(#D81631, #a31026);
		-pie-background: linear-gradient(#D81631, #a31026);
		cursor:pointer;
	}
	#contenu .btnColDAcc a p {float:left; font-size:15px; color:#313131; font-weight:bold; margin:20px 28px 0px 20px;}
	#contenu .btnColDAcc a p span {font-size:16px;}/* fleche */
	#contenu .btnColDAcc a:hover p, #contenu .btnColDAcc a:hover p span, #contenu .btnColDAcc a:hover p {color:#fff; cursor:pointer;}
	/* icones boutons */
	span.btnColD1 {float:left; margin:18px 0 0 18px; width:36px; height:36px; background:url(gx/00/ic-btnColDAcc.png) 0 0 no-repeat;}
	.btnColDAcc a:hover span.btnColD1 {background-position:left bottom;}
	span.btnColD2 {float:left; margin:18px 0 0 18px; width:40px; height:35px; background:url(gx/00/ic-btnColDAcc.png) -190px 0 no-repeat;}
	.btnColDAcc a:hover span.btnColD2 {background-position:-190px bottom;}
	span.btnColD3 {float:left; margin:18px 0 0 18px; width:35px; height:36px; background:url(gx/00/ic-btnColDAcc.png) -38px 0 no-repeat;}
	.btnColDAcc a:hover span.btnColD3 {background-position:-38px bottom;}
	span.btnColD4 {float:left; margin:18px 0 0 22px; width:31px; height:36px; background:url(gx/00/ic-btnColDAcc.png) -79px 0 no-repeat;}
	.btnColDAcc a:hover span.btnColD4 {background-position:-79px bottom;}
	span.btnColD5 {float:left; margin:18px 0 0 18px; width:36px; height:35px; background:url(gx/00/ic-btnColDAcc.png) -114px 0 no-repeat;}
	.btnColDAcc a:hover span.btnColD5 {background-position:-114px bottom;}
	span.btnColD6 {float:left; margin:18px 0 0 18px; width:35px; height:35px; background:url(gx/00/ic-btnColDAcc.png) -153px 0 no-repeat;}
	.btnColDAcc a:hover span.btnColD6 {background-position:-153px bottom;}
	

/* bloc call to action */
.blocCtaAcc {position:relative; float:left;}
	.ctaAcc {position:relative; float:left; width:305px; height:260px; margin-right:15px; padding:4px 0 0 5px;  border-top:1px solid #daceb9; border-bottom:1px solid #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#e6ded0;}
	.ctaAcc.dernier {margin-right:0;}
		.ctaAcc .inner {position:relative; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff;}
		.ctaAcc .inner.bgInner1 {background:#fff url(gx/00/bg-ctaSondage.gif) 150px 130px no-repeat;}
		.ctaAcc .ombreCta {position:absolute; float:left; width:305px; height:10px; margin-top:7px; background:url(gx/00/bg-ctaOmbre.png) left top no-repeat;}
		
		/* sondage */
		#inner1 {width:267px; height:223px; padding:17px 17px 14px 16px;}
		#inner1 #questionSemaineDroite {position:relative; float:left; height:223px;}
		#inner1 #questionSemaineDroite p {float:left; width:267px; font-size:14px; color:#313131; font-weight:bold; margin-bottom:18px;}
		#inner1 #questionSemaineDroite label {float:left; width:235px; font-size:12px; color:#313131; margin:0 0 5px 0;}
		html* #inner1 #questionSemaineDroite label {margin:2px 0 2px 0;}
		#inner1 #questionSemaineDroite .radio {float:left; margin:1px 8px 0px 3px;}
		html* #inner1 #questionSemaineDroite .radio {margin:0px 8px 0px 0px;}
		#inner1 #questionSemaineDroite .btnRouge {position:absolute; left:-12px; bottom:0;}
		#inner1 #questionSemaineDroite .bande { overflow:hidden; height:6px; margin-bottom:5px;}
		#inner1 #questionSemaineDroite .bande .resultat {height:6px; background:#b5b008;}
		
		/* reussite mincavi */
		#inner2 {width:255px; height:224px; text-align:center; padding:16px 22px 14px 22px;}
		#inner2 div {display:none; float:left; height:224px;}
		#inner2 div.histoireActif {display:block;}
		#inner2 .titre a {display:block ;font-size:14px; color:#313131; margin-bottom:10px;}
		#inner2 img {margin:0 5px; border:3px solid #fff; background-color:#fff; -webkit-box-shadow: #d1d1d1 0 0 5px; -moz-box-shadow: #d1d1d1 0 0 5px; box-shadow: #d1d1d1 0 0 5px;}
		#inner2 blockquote {font-size:12px; color:#313131; margin:0; padding:6px 0; border:0;}
		/*#inner2 a.btnRouge {position:absolute; left:22px; bottom:0; width:180px;}*/
		
		/* facebook like box */
		#inner3 {width:300px; height:251px; padding-top:3px;}

		
/* 00_700 : PAGE CONTACT (dans inc/Texte/Afficher.cfm)
--------------------------------------------------------------------------------------- */		
#carteContact{float:right; width:350px; height:300px; margin-left:20px; border:1px solid #999;}
#boiteFormContact{float:right; width:370px;}
		
		
/* 00_800 : PAGE REUSSITE MINCAVI LISTE
--------------------------------------------------------------------------------------- */
.listeReussite {float:left; width:680px; margin-bottom:20px;}
	.listeReussite .photoReussite {float:left; width:190px}
		.listeReussite .photoReussite img {float:left; margin:0 2px; border:3px solid #fff; background-color:#fff; -webkit-box-shadow: #d1d1d1 0 0 5px; -moz-box-shadow: #d1d1d1 0 0 5px; box-shadow: #d1d1d1 0 0 5px;}
	.listeReussite .descr {float:left; width:490px;}
		.listeReussite h2 {margin:0;}

.wrapPage {float:left; width:680px; text-align:right;}
#contenu ul.pageListe {float:right;}
#contenu ul.pageListe li {display:inline; float:left; background:none; margin:0; padding:0;}
#contenu ul.pageListe li a span, #contenu ul.pageListe li span {display:inline; float:left; font-size:14px; line-height:14px; margin-left:4px;}
#contenu ul.pageListe li a {display:block; width:17px; height:16px; color:#313131; text-align:center; margin:0 2px; background:url(gx/00/btn-bannierePage.gif) 0 0 no-repeat;}
#contenu ul.pageListe li a:hover {color:#d91531;}
#contenu ul.pageListe li a.actif {color:#fff; background:url(gx/00/btn-bannierePage.gif) top right no-repeat;}

/* 00_810 : PAGE REUSSITE MINCAVI DETAIL
--------------------------------------------------------------------------------------- */
.detailReussite .wrapImg {float:left; margin:0 20px 20px 0;}
	.detailReussite .wrapImg img {float:left; margin:0 2px; border:3px solid #fff; background-color:#fff; -webkit-box-shadow: #d1d1d1 0 0 5px; -moz-box-shadow: #d1d1d1 0 0 5px; box-shadow: #d1d1d1 0 0 5px;}

/* 01_200,03_200 : PAGE ALIMENTS MINCAVI / RECETTES SANTE
--------------------------------------------------------------------------------------- */	
.produit, .categorie{padding:0; margin-top:45px;}
	.produit h2, .categorie h2 {margin-bottom:12px;}
	.col {float:left; width:190px; font-size:13px; margin-left:55px;}
	.col.premier{margin:0;}
	.col a, .col a:link, .col a:visited {display:block; color:#313131; padding:3px 0 3px 5px;}
	.col a:hover{color:#000;}
	#contenu .col ul li {line-height:16px; list-style:none; margin:0; padding:0 0 0 6px; background:url(gx/M/ic-list.png) 0 10px no-repeat;}
	#blocPhotoTxt .photo {height:auto;}

/* 01_210 : PAGE ALIMENTS MINCAVI DETAIL
--------------------------------------------------------------------------------------- */	
div.groupe{float:left; width:100px; margin:0 10px 0 0;}
div.groupe img {vertical-align:middle;}
div.valeurnutritive{float:right; text-align:center; width:171px; margin:10px 0 0 10px;}
div.valeurnutritive h2 {float:left;}
div.valeurnutritive a, div#aliment div.valeurnutritive a:link, div#aliment div.valeurnutritive a:visited{color:#d91531; font-size:11px; text-decoration:none; } 
div.valeurnutritive a:hover{color:#000; }
div.allegations{width:390px; margin:15px 10px 0 0; float:left; }
#contenu .allegations ul li {list-style:none; margin:0 0 20px 0; padding-left:12px; background:url(gx/M/ic-list.png) 0 6px no-repeat;}
div.publications{font-weight:bold; }

.blocDispo {width:680px; height:52px; border-top:1px solid #daceb9; border-bottom:1px solid #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#e6ded0;}
	.dispo1 {float:left; width:312px; height:26px; font-size:12px; color:#333; line-height:28px; padding:13px; border-right:1px solid #daceb9;}
	.dispo2 {float:left; width:312px; height:26px; font-size:12px; color:#333; line-height:28px; padding:13px;}
	.dispo1 img, .dispo2 img {float:right;}

/* 01_300 : PAGE ALIMENTS MINCAVI / OÙ NOUS TROUVER
--------------------------------------------------------------------------------------- */	
div.magasin{float:left; text-align:center; width:200px; height:175px; margin:15px 15px 0 0;}
div.magasin a, div.magasin a:link, div.magasin a:visited{color:#313131; text-decoration:none; } 
div.magasin a:hover{color:#000;}
		
/* 02_300 : PAGE CALENDRIER
--------------------------------------------------------------------------------------- */	
#boiteCalendrier{position: relative; width:680px; min-height:700px; height:auto !important; height:700px;; overflow: hidden; z-index:10;}
#boiteCalendrier #moisPrecedent{position: absolute; top:-3px; left:0px; font-size:20px; cursor: pointer; }
#boiteCalendrier #moisPrecedent.hover{ background-position: left bottom; }

#boiteCalendrier #moisSuivant{position: absolute; top:-3px; left:150px; font-size:20px; cursor: pointer;}
#boiteCalendrier #moisSuivant.hover{ background-position: right bottom; }

#boiteCalendrier #mois{width:150px; text-align:center; text-transform:uppercase; margin-left:5px;}

#boiteCalendrier div#boiteJour{width:680px; /*height: 175px;*/}
#boiteCalendrier div#calendrier div.rowCalendar{width:680px; background:#fff; }
#boiteCalendrier div#calendrier div.rowCalendar div.jour{
	width: 94px;
	padding: 1px;
	font-size: 24px;
	line-height: 26px;
	color: #313131;
	float: left;
	text-align: right;
	vertical-align: top;
	overflow: hidden;
	border-right:1px solid #313131;
	border-bottom:1px solid #313131;
}
.jourEvent {height:120px;}
.jEventActif{background:#d91531;}
#boiteCalendrier div#calendrier div.rowCalendar div.jour.empty {border-right:1px solid #F6F3EE;	border-bottom:1px solid #F6F3EE;}
#boiteCalendrier div#calendrier div.rowCalendar div.jour .lienJour, #boiteCalendrier div#calendrier div.rowCalendar div.jour .aucunLienJour{
	display: block;
	position: relative;
	top: 6px;
	right:6px;
	width:95px;
	height:25px;
}
#boiteCalendrier div#calendrier div.rowCalendar div.jour .lienJour{ color: #e0e0e0; }

.aujourdhui, .aujourdhui span{color:#fff; background:#d91531;}
#boiteCalendrier #boiteJour #calendrier .rowCalendar.titreJour {width:100%; height:31px; background:#313131;}
#boiteCalendrier #boiteJour #calendrier .rowCalendar.titreJour .jour{width:95px; height:30px; font-size:12px; color: #fff; font-weight:bold; text-align: center; text-transform:uppercase; padding-top:0px; border:0;} 

#boiteCalendrier #texte{ width: 231px; text-align: center; position: absolute; top: 220px;}
#boiteCalendrier #texte a{color: #6e6e6e; font-size: 10px; }
#boiteCalendrier #texte a:hover{ color: black; }

div.listeLien{font-size:11px; font-weight: normal; line-height: 14px; text-align:left; list-style: none; margin:10px 5px; padding: 0;}
div.listeLienLigne{border-bottom: 1px solid #dfdfdf;padding: 0 0 10px 0;}
div.listeLienLigneDernier{border: none;margin: 0;padding:  5px 0 0 0;}
#contenu div.listeLien li a{color:#fff; font-weight:bold; text-decoration: none; }
#contenu div.listeLien li a:hover{ text-decoration: none; color: #313131; }

/* 02_330 : PAGE PROPOSER UN EVENEMENT
--------------------------------------------------------------------------------------- */		
#frmEvenement {float:left;}
#frmEvenement label {width:120px;}
#frmEvenement .champTexte {margin:0 5px 5px 0;}
#frmEvenement .champTexte.petit {width:50px;}
#frmEvenement .listeDeroulante {background:#E6DED0; -pie-background:#E6DED0;}


/* 02_600 : PAGE GALERIE PHOTOS
--------------------------------------------------------------------------------------- */	
.blocGalerie {float:left;}
	/*#contenu .blocGalerie ul li {display:inline; float:left; margin:0 15px 5px 0; padding:0; background:none;}
	#contenu .blocGalerie ul li.dernier {margin-right:0;}
	#contenu .blocGalerie ul li img {padding:5px;}*/
	.blocGalerie div {float:left; width:100px; margin:0 15px 5px 0; padding:5px; overflow:hidden;}
	.blocGalerie .wrapImg {width:100px; height:80px; margin:0 auto; padding:0; overflow:hidden; background:#fff;}
		
/* 03_200 : PAGE RECETTES SANTE
--------------------------------------------------------------------------------------- */	
#contenu ul li a.membre, #contenu ul li a.membre:link, #contenu ul li a.membre:visited{display:block; color:#999;}
#contenu ul li a.membre:hover{color:#000;}
		
/* 04_100 : PAGE RENCONTRE DE MOTIVATION
--------------------------------------------------------------------------------------- */
.blocTypeRenc {position:relative; float:left; width:430px; min-height:250px; height:auto !important; height:250px; margin-right:20px; padding:20px;}
.blocTypeRenc.dernier {margin-right:0;}
	#formRegionRenc {position:relative;}
	#formRegionRenc label {width:156px; font-size:14px; font-weight:bold; margin-top:8px;}
	#formRegionRenc .listeDeroulante {position:relative; width:224px; margin-left:28px; background:#cbba9d;}
.blocRencEntr {float:left; margin-top:30px; padding:20px;}
	.blocRencEntr .img {float:left; width:230px; margin-right:20px; border-top:1px solid #bfac88; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#cbba9d;}
		.blocRencEntr .img img {margin:4px 0 0 4px;}

/* 04_110 : PAGE RENCONTRE DE MOTIVATION / DETAIL
--------------------------------------------------------------------------------------- */	
.blocRegion {float:left; width:205px; margin-top:5px; padding:10px 10px 12px 10px;}
.blocRegion ul li {/*padding-left:12px; background:url(gx/M/ic-list.png) left 6px no-repeat;*/}
.blocRegion ul li a {color:#313131; padding-left:12px;}
.blocRegion ul li a:hover {background:url(gx/M/ic-list.png) left 4px no-repeat;}
.blocRegion ul li a.actif {font-weight:bold; background:url(gx/M/ic-list.png) left 4px no-repeat;}

#carteRenc {float:right; margin:0 0 10px 10px; padding:5px;}
	#carteRenc img {display:block;}
	
/* 05_101 : PAGE CHRONIQUES
--------------------------------------------------------------------------------------- */
.itemCat {float:left; width:155px; height:155px; margin-right:20px;}
.itemCat.dernier {margin-right:0;}
	.itemCat img {margin:4px 0 0 5px;}
	#contenu .itemCat p.tiCat a {display:block; font-size:14px; color:#313131; font-weight:bold; margin-top:9px;}
	
.itemListe {float:left; width:100%; margin-bottom:30px;}
	.itemListe .itemListeImg {float:left; width:120px; margin-right:23px;}
	.itemListe .itemListeImg img {display:block; margin:0 auto; padding:4px 5px 5px 5px;}
	.itemListe p a {color:#313131;}
	
.blocRecherche {position:relative; margin-bottom:40px; padding:20px; border-top:1px solid #daceb9; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#e6ded0; z-index:50;}
	.blocRecherche .listeDeroulante, .blocRecherche .champTexte {position:relative; width:224px; margin-right:25px; background:#cbba9d;}
	.blocRecherche .btnRouge {margin-left:0;}
	
.photo{position:relative; float:left; width:260px; height:auto; margin:0 10px 0 0;}
.photo div.boitevedette{position:relative; text-align:center; padding:10px 14px 50px 35px; }
.photo img {padding:4px 5px 5px 5px;}
.photo div.fleche{position:relative; left:0; bottom:0px; color:#313131; width:244px; font-size:11px; font-weight:bold; text-align:center;}
.photo div.fleche a {color:#313131;}
.photo div.fleche div.precedent{ float:left; margin-left:10px; } 
.photo div.fleche div.suivant{ float:right; margin-right:10px; }

/* 06_100 : PAGE ACCES MEMBRE
--------------------------------------------------------------------------------------- */
#frmConnexion1 .champTexte, #frmConnexion2 .champTexte, #subcrInfolettre .champTexte {margin-bottom:10px; background:#cbba9d;}
#frmConnexion1 .champTexte.dernier, #frmConnexion2 .champTexte.dernier {margin-right:0;}

#sectionMLog div {float:left; margin-right:22px;}
	#sectionMLog img {display:block; margin:4px 5px 5px 5px;}

.txtIntroMembre {float:right; width:415px;}

/* 06_210 : PAGE PROFIL
--------------------------------------------------------------------------------------- */
#frmProfil, #frmMotPasse {float:left;}
#frmProfil .champTexte, #frmMotPasse .champTexte {margin-bottom:5px;}
#frmProfil .champTexte.petit {width:50px; margin-right:5px;}
#frmProfil .listeDeroulante {width:240px; margin-bottom:5px;}

/* 06_400 : PAGE COURBE DE POIDS
--------------------------------------------------------------------------------------- */
#frmCourbePoids label {width:auto; line-height:12px; margin:5px 5px 0 15px;}
#frmCourbePoids label.premier {margin-left:0;}
#frmCourbePoids .champTexte {margin-right:5px;}
#frmCourbePoids .champTexte.petit {width:50px; margin-right:5px;}
#frmCourbePoids .listeDeroulante {width:75px;}

div.poids table{ width:680px; } 
div.poids table td{ padding:3px; }
div.poids table th{ color:#313131; font-size:13px; border-bottom:#999 1px solid; padding:0 0 2px 0; } 
div.poids table tr.gris{ background:#EFEFEF; }
div.poids table td.semaine{ width:120px; } 
div.poids table td.poids{ width:240px; } 
div.poids table td.date{ width:440px; } 
div.poids table td.delete{ text-align:right; width:80px; }

/* 07_100 : PAGE FORUM
--------------------------------------------------------------------------------------- */
div#forum div.menu{ margin:0 0 10px 0; }
div#forum div.menu div.bouton{ float:right; margin:0 0 0 10px; }
div#forum div.menu div.page{ color:#666; padding:2px 0 0 0; } 
div#forum div.menu div.page strong{ color:#BE172A; margin:0 0 0 5px; }
div#forum div.menu div.page a, div#forum div.menu div.page a:link, div#forum div.menu div.page a:visited{ color:#666; font-weight:bold; text-decoration:none; margin:0 0 0 5px; } 
div#forum div.menu div.page a:hover{ color:#999; }

div#forum div.path{ color:#666; margin:0 0 10px 0; } 
div#forum div.path b{ color:#333; font-weight:normal; }
div#forum div.path a, div#forum div.path a:link, div#forum div.path a:visited{ color:#E48201; font-weight:bold; text-decoration:none; } 
div#forum div.path a:hover{ color:#999; }

div#forum div.legende{ color:#666; font-size:10px; margin:10px 20px 0 0; float:left; }

div#forum table th{ color:#FFF; font-size:13px; font-weight:bold; background:#CCC; padding:4px 5px 4px 5px; } 
div#forum table th.gauche{ background:#CCC url(Gx/07/bande_g.gif) no-repeat top left; } 
div#forum table th.droite{ background:#CCC url(Gx/07/bande_d.gif) no-repeat top right; }
div#forum table td.categorie{ color:#E48201; font-weight:bold; background:#FFF; padding:5px} 
div#forum table td.categorie div.erreur{ font-size:11px; font-weight:normal; }
div#forum table td{ background:#EFEFEF; border-right:#FFF 2px solid; border-bottom:#FFF 2px solid; padding:5px; }

div#forum #Message_parent table td { padding:0; }

div#forum table a, div#forum table a:link, div#forum table a:visited{ color:#666; } 
div#forum table a:hover{ color:#999; }
div#forum table a.titre, div#forum table a.titre:link, div#forum table a.titre:visited{ color:#BE172A; font-weight:bold; text-decoration:none; } 
div#forum table a.titre:hover{ color:#999; }

div#forum table div.membre{ color:#666; margin:5px 0 0 0; }
div#forum table div.info{ color:#666; background:url(Gx/07/message.gif) no-repeat top left; padding:1px 0 1px 17px; margin:0 0 10px 0; float:left; } 
div#forum table div.new{ background:url(Gx/07/message_n.gif) no-repeat top left; } div#forum table div.info b{ color:#E48201; }
div#forum table div.bouton{ margin:0 0 10px 10px; float:right; }
div#forum table div.signature{ color:#666; border-top:#999 1px solid; padding:5px 0 0 0; margin:10px 0 0 0; }

div#forum table.form td{ vertical-align:top; background:#FFF; border:0px; padding:10px 20px;} 
div#forum table.form td.input{ width:300px; margin-bottom:5px; } 
div#forum table.form td.input b{ color:#313131; }
div#forum table.form td.label{ color:#313131; font-weight:bold; width:150px; } 
div#forum table.form td.label b{ color:#313131; font-size:16px; font-weight:bold; }
div#forum table.form input.Input{ color:#313131; font-size:12px; border:#CCC 1px solid; width:612px; }
div#forum table.form textarea{ color:#313131; font-size:12px; width:470px; }
div#forum table.form .checkbox {float:left; margin:5px 0 0 -15px;}
div#forum table.form .checkbox2 {float:left; margin:5px 15px 0 150px;}

#Signature_parent table#Signature_tbl td {padding:0;}
#Signature_parent table#Signature_tbl {border:1px solid #cbba9d; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

/*===============RECHERCHE FORUM===============*/
#BlocFormRecherche{}
#BlocFormRecherche #LienFormRecherche{ color:#666; text-decoration:none; font-size:12px; font-weight:bold; }
#FormRecherche{display:none;}
div#forum #FormRecherche table #trRecherche td{background:#fff;padding:0px; }
div#forum #FormRecherche table tr{color:#666; }

.actifpage{font-size:15px;text-decoration:none; }
#FormRecherche .blocRecherche .champTexte, #FormRecherche .blocRecherche .listeDeroulante {margin-right:5px;}

#frmPage p {float:left; margin-top:5px;}
#frmPage .listeDeroulante {width:75px; margin-left:5px; padding:7px;}

#frmMessage label {float:left; width:150px;}
#frmMessage .champTexte {margin-bottom:5px;}
#frmMessage .listeDeroulante {width:240px; margin:5px 5px 5px 0;}
#frmMessage .photoProfil {float:left; margin-left:20px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{position:relative; width:967px; margin:0 auto;}
#piedPage a:hover, #piedPage a.actif{color:#d91531;}
#piedPage #copyrights{position:absolute; width:100%; bottom:0; height:28px; padding-top:14px;}
#piedPage #copyrights a {font-size:11px; color:#cccccc;}

/* colonnes menus pied de page */
.piedPCol {float:left; min-height:250px; height:auto !important; height:250px; margin-bottom:30px; padding-left:27px; background:url(gx/M/bg-piedPCol.gif) right top no-repeat;}
#piedPCol1 {width:130px; padding-left:7px;}
#piedPCol2 {width:189px;}
#piedPCol3 {width:169px;}
#piedPCol4 {width:145px;}
#piedPCol5 {width:218px; background:none;}
	.logoPiedP {float:left; padding:20px 0 0 34px;}
	
	/* boutons reseaux sociaux */
	.piedPBlocResSoc {position:relative; float:left; margin-top:28px;}
		.piedPBtnResSoc {float:left; width:20px; height:20px; margin-right:9px;}
		#piedPBtnMsg {background:url(gx/M/btn-piedPResSoc.png) -59px 0 no-repeat;}
		#piedPBtnMsg:hover {background-position:-59px bottom;}
		#piedPBtnTW {background:url(gx/M/btn-piedPResSoc.png) -80px 0 no-repeat;}
		#piedPBtnTW:hover {background-position:-80px bottom;}
		#piedPBtnFB {background:url(gx/M/btn-piedPResSoc.png) -101px 0 no-repeat;}
		#piedPBtnFB:hover {background-position:-101px bottom;}
		#piedPBtnYT {background:url(gx/M/btn-piedPResSoc.png) -122px 0 no-repeat;}
		#piedPBtnYT:hover {background-position:-122px bottom;}
		#piedPBtnAcces {float:left; width:100px; height:19px; font-size:11px; color:#313131; font-weight:bold; text-align:center; padding-top:1px; background:url(gx/M/btn-piedPAcces.png) left top no-repeat;}
		#piedPBtnAcces:hover {color:#d91531;}
		
		/* infolettre */
		.blocInfolettre {
			position:relative; float:left; width:219px; height:92px; margin-top:19px; border-top:1px solid #1f1f1f; border-bottom:1px solid #3d3d3d;
			-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#292929;}

/* Navigation en bas-de-page */
#piedPage .menuBas.premier {margin-top:28px;}
#piedPage .menuBas a, #piedPage .menuBas a:visited  {color:#f6f2eb; line-height:20px;}
#piedPage .menuBas a:hover, #piedPage .menuBas a.actif{color:#d91531;}
#piedPage .menuBas li.titre, #piedPage .menuBas a.titre {color:#fff; font-weight:bold; text-transform:uppercase;}

/* Partager cette page (AddToAny) */
a#lienPartager{float:right; text-align:center; width:85px; height:13px; background:url(gx/btn_partager.png) no-repeat; font-size:12px; color:#FFF; font-weight:bold; line-height:14px; text-decoration:none; padding-top:0px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{font-size: 12px;}
fieldset legend{font-size:14px; font-weight:bold;}
fieldset label{float:left; width:150px; font-size:12px; color:#000; margin:2px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte{position:relative; float:left; width:224px; font-size:14px; color:#333; margin-bottom:5px; padding:8px; border:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#E6DED0;}
.listeDeroulante{position:relative; float:left; width:239px; font-size:14px; color:#333; margin-bottom:5px; padding:7px; border:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#E6DED0; -pie-background:#cbba9d; z-index:10000;}
.boiteTexte{position:relative; width:300px; font-family:Arial; font-size:13px; color:#333; margin-bottom:5px; padding:8px; border:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#E6DED0;}
.checkbox {float:left; margin:5px;}

.bouton:hover{cursor:pointer;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

#conteneur .champTexte:focus, #conteneur .listeDeroulante:focus, #conteneur .boiteTexte:focus{background:#fff;}

/* formulaire infolettre */
#inscription {margin:18px 0 0 22px;}
	#inscription .bgChamp {position:relative; float:left; width:176px; height:23px; margin-top:14px; border-bottom:1px solid #3b3b3b; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#111;}
	#inscription .champTexte {float:left; width:115px; height:21px; color:#616161; margin-left:7px; padding:2px 0 0 0; background:none;}
	#inscription .bouton {position:relative; float:right; width:37px; height:21px; font-size:10px; color:#fff; font-weight:bold; margin:1px 1px 0 0; border:1px solid #8c1224; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#cb142e;}
	#inscription .bouton:hover {background:#E9405A;}
	#inscription p {color:#f6f2eb;}
	input:invalid, input:-moz-ui-invalid {border:0; outline:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
	input[type="email"] {border:0; outline:none; box-shadow:none;}
	input.champTexte {border:0 !important; outline:none !important; box-shadow:none;}
	
p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:11px;display:none;}
div.erreur{color:#cc0000}