@charset "utf-8";
/* CSS Document */
::-moz-selection { /* Pour firefox */
	background:#33f4d4;
	color:white;
	}
	::selection { /* Pour les autres */
	background: #33f4d4;
	color:white;
	}
body, html
	{
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		background:url(img/bg.jpg) repeat #f3f7f7;
		font-family: 'Muli', sans-serif;
		font-size:16px;
		color:#6f7777;
	}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a
	{
	margin:0; 
	padding:0;
	}
	a { text-decoration:none;}
img
	{
		border:none;
	}
h1
	{
		font-size:xx-large;
		color:#33f4d4;
		font-family: 'Bree Serif', serif;
	}
h2
	{
		font-size:x-large;
		color:#2f2933;
		font-family: 'Bree Serif', serif;
	}
h3
	{
		font-size:larger;
		color:#6d696f;
		font-family: 'Bree Serif', serif;
	}
h4
	{
		font-size: large;
		color:#6d696f;
		font-family: 'Bree Serif', serif;
	}
	

	
/*--------------header------------------*/

#header
	{
		width:100%;
		height:60px;
		margin:0 0 5px 0;
		background:url(img/header-bg.png) repeat-x center bottom;
		padding:0;
		display:block;
		float:left;
		position:absolute;
		z-index:900;
	}

#header-content
	{
		width:960px;
		margin:0 auto;
		display:block;
	}

a#logo
	{
		margin:0 10px 0 0;
		display:block;
		width:180px;
		height:100px;
		background:url(img/logo-body-coach-minceur.png) no-repeat center top;
		text-decoration:none;
		float:left;
	}
	#logo h1
		{
			display:none;
			font-size:50px;
			color:#FFF;
		}
	#logo h2
		{
			font-size:2.5em;
			font-style:italic;
			margin:100px 10px 0 0;
			float:right;
			color:#fff;
		}
		#logo h2:hover
		{
			color:#fff;
		}


/*------------ menu-top ----------------------------------------------------------------*/
#menu-top
	{
		width:auto;
		height:60px;
		margin:0;
		padding:0;
		/*font-family: Verdana, Geneva, sans-serif;*/
		float:left;
		display:block;
	}

/*-- code spéciale du menutop --------------------------------------*/

#menu-top > ul { margin: 0 auto; list-style: none;  width: auto; }
#menu-top > ul li { display: inline-block; margin:0 -1px; }
#menu-top > ul li a 
	{ 
		color: #fff;
		font-size:0.9em;
		display: block;
		font-weight:500;
		float: left;
		height:20px;
		padding:20px 7px;
		margin:0;
		text-transform: capitalize;
		font-weight:bold;
		text-shadow: 2px 2px 0px #2f2933;
	}
#menu-top > ul li a:hover { color:#33f4d4; background:rgb(135, 172, 200); background:rgba(255, 255, 255, 0.2); text-shadow: 2px 2px 0px #2f2933; }
#menu-top > ul .current_page a { color: #33f4d4; background:rgb(135, 172, 200); background:rgba(255, 255, 255, 0.2); text-shadow: 2px 2px 0px #2f2933; }


/*--------- end menu top-----------*/

/*--------- end header ---- start article vedette élément particulier entre header et content------------------------*/

#galerie
	{
		width:100%;
		height:440px;
		margin:0;
		padding:0;
		overflow:hidden;
		display:block;
		float:left;
	}
	#galerie > div { width:100%; height:440px; display:block; margin:0;	padding:0; float:left;}
	#galerie > div > div > div { 
	width:450px; 
	height:300px; 
	display:block; 
	margin: 100px 0 0 0; 
	padding:0; 
	float:right;
	font-size:2em;
	text-align:center;
	color:#e4e7e1;
	font-weight:bold;
	text-shadow: -1px -1px 1px #b3b5b0;
	}
	#galerie h1 { color:#33f4d4; font-size:1.8em; }
	#galerie h2 {font-size:1.2em; }
	#galerie h1, #galerie h2 { text-transform:uppercase; text-shadow:none;}
	#galerie hr.line {
		display: block;
		position: relative;
		padding: 0;
		margin: 8px auto;
		width: 100%;
		border: none;
		border-top: 1px dashed #000;
		border-bottom: 1px dashed #fff;
		opacity:0.2;
	}

	
/*--------- code galerie ---------------------------------------*/	

.galdiv-1 {background:#fcfcfc;
background-image: url(img/gal/galdiv-1-img.jpg);
background-position: center top;
background-repeat:no-repeat;
}
.galdiv-2 { background-image: url(img/gal/galdiv-2-img.jpg), url(img/gal/galdiv-2-bg.jpg);
 background-position: center top, center top;
 background-repeat:no-repeat, repeat-x;
}
.galdiv-3 { background-image: url(img/gal/galdiv-3-img.jpg), url(img/gal/galdiv-3-bg.jpg);
 background-position: center top, center top;
 background-repeat:no-repeat, repeat-x;
}
.galdiv-4 { background:#f9f9f9;
background-image: url(img/gal/galdiv-4-img.jpg);
background-position: center top;
background-repeat:no-repeat;
}
.galdiv-5 { background:#f3f5f4;
background-image: url(img/gal/galdiv-5-img.jpg);
background-position: center top;
background-repeat:no-repeat;
}
.galdiv-6 { background:#fff;
background-image: url(img/gal/galdiv-6-img.jpg);
background-position: center top;
background-repeat:no-repeat;
}

/*---------- élément vedette catégories ------------------------------------*/

.vedette { 
width:100%; 
margin:0 0 -100px 0;
background:url(img/bg-ved.jpg) #e7f0f0 repeat ;
display:block;
border-top:#a8baba 1px solid;
border-bottom:#a8baba 1px solid;
position:relative;
float:left;
	}
	.vedette a { color:#32c6a5;}
	.vedette a:hover { color:#0099a6;}

.cat-vedette
	{
		width:280px;
		min-height:250px;
		display:block;
		float:left;
		margin:0;
		padding:10px 20px;
		color:#6f7777;
		border-left:#babfb3 1px dashed; 
		border-right:#f1f4ed 1px dashed;
	}
	.cat-vedette:first-child { margin:0 0 0 -2px; border-left:none;}
	.cat-vedette:last-child { border-right:none; margin:0 -2px 0 0;}
	.cat-vedette h1, .cat-vedette h2 { text-align:center;}
	.cat-vedette li { list-style:none; padding:5px 0; border-top:dashed 1px #babfb3; }

/*---------content-------------------------------------------------------------*/

#content
	{
		width:100%;
		height:auto;
		margin:100px 0 20px 0;
		display:block;
		float:left;
	}
	#content > article > p > a { color:#32c6a5;}
	#content > article > p > a:hover { color:#0099a6;}

.article-all { width:960px; margin:5px auto; display:block; }

.article-large { width:920px; padding:10px; float:left; margin:5px 10px; }

.article-demi { width:450px; padding:10px; float:left; margin:5px ;  }
		
.sous-article 
	{ 
		width:auto; 
		height:auto;
		padding:10px 20px 20px 20px;
		margin:5px 0;
		float:left;
		color:#FFF;
		background: rgb(163, 245, 231);
		background: rgba(51, 244, 212, 0.3);
		-webkit-border-radius: 0 10px;
		-moz-border-radius: 0 10px;
		border-radius: 0 10px;
	}
	
/*--------- formulaires -------*/
	
	.form-txt { 
		width:440px;
		padding:10px;
		margin:5px;
		border-radius: 20px; 
		box-shadow: 0px 2px 10px #cfd2cc inset; 
		background:#e5e8e2; 
		border:1px solid #c5c8c2;
		color:#6d696f;
	}
	.form-txt:hover { 
		width:440px; 
		padding:10px;
		margin:5px;
		border-radius: 20px; 
		box-shadow: 0px 2px 10px #dbded6 inset; 
		background:#eff1eb; 
		border:1px solid #d3d6ce;
		color:#6d696f;
	}
	
	.valid-btn { display:block; width:80px; color:#fff; margin:5px auto; font-weight:bold; border:none; padding:5px 15px; background:#35d9b4; border-radius: 20px; text-align:center; text-transform:uppercase; border:#30c2a1 1px solid; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }
.valid-btn:hover { color:#fff; background: #0099a6 ; border:#02666e 1px solid; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

/*------footer-------*/

#footer
	{
		width:100%;
		height:auto;
		padding:40px 0;
		margin:0 auto;
		color:#fff;
		background-image: url(img/footer-bg2.png), url(img/bg-footer.jpg);
		background-position: center top, center top;
		background-repeat:repeat-x, repeat;
		float:left;
		display:block;
	}
	#footer a{color:#0099a6; text-decoration:none;}
	#footer a:hover{color:#006871;}
	
.footer-segment
	{
		width:205px;
		min-height:120px;
		display:block;
		float:left;
		margin:0px;
		padding:5px 15px;
		list-style:none;
		text-decoration:none;
		border:none;
		border-left:#4bd1c5 1px dashed;
		border-right:#86fbe5 1px dashed;
	}
	.footer-segment:first-child { border-left:none;}
	.footer-segment:last-child { border-right:none;}
	.footer-segment h1 {color:#2f2933;}
	.footer-segment h3 {color:#0099a6;}
	.footer-segment ul li {list-style:none; line-height:18px;}
	
.footer-segment-newsletter
	{
		width:440px;
		min-height:120px;
		margin:5px;
		padding:5px 10px;
		float:right;
		list-style:none;
		list-style-type:none;
		text-decoration:none;
	}
	.footer-segment-newsletter h1 {color:#fff;}
	.mail { 
	padding:5px;
	margin:10px 5px;
	width:75%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
/*---------------------fin design structure----------------------------------------------------------------*/

/*---------------- bouton et class design-----------*/
.shadow { text-shadow: 2px 2px 0px #98a2a0; }

hr.line {
	display: block;
	position: relative;
	padding: 0;
	margin: 8px auto;
	width: 100%;
	border: none;
	border-top: 1px dashed #c8d5d5;
	border-bottom: 1px dashed #fff;
	font-size: 1px;
	line-height: 0;
}

.line-v
	{
		display:block;
		float:left;
		margin:0;
		padding:5px;
		border-left:#babfb3 1px dashed; 
		border-right:#f1f4ed 1px dashed;
	}
	.line-v:first-child { margin:0 0 0 -2px; border-left:none;}
	.line-v:last-child { border-right:none; margin:0 -2px 0 0;}
	
a.btn
	{ 
		margin:10px auto;
		padding:5px;
		text-align:center; 
		font-size:16px;
		font-weight:bold;
		color:inherit;
		color:#FFF;
		background: #35d9b4;
		border:#30c2a1 1px solid;
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
		
		-webkit-border-radius:20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	a.btn:hover
	{ 
		color:#fff;
		background: #0099a6 ;
		border:#02666e 1px solid;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	}

a.btn-left
	{ 
		margin:10px;
		padding:5px;
		float:left;
		text-align:center; 
		font-size:16px;
		font-weight:bold;
		color:inherit;
		color:#FFF;
		background: #35d9b4;
		border:#30c2a1 1px solid;
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
		-webkit-border-radius:20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	a.btn-left:hover
	{ 
		color:#fff;
		background: #0099a6 ;
		border:#02666e 1px solid;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	}
	a.btn-right 
	{ 
		margin:10px;
		padding:5px;
		float:right;
		text-align:center; 
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
		color:inherit;
		color:#FFF;
		background: #35d9b4;
		border:#30c2a1 1px solid;
		box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
		-webkit-border-radius:20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	}
	a.btn-right:hover
	{ 
		color:#fff;
		background: #0099a6 ;
		border:#02666e 1px solid;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
	}
	
	.fb { width:40px; height:40px; display:block; margin:2px; background:url(img/social-ico.png) no-repeat bottom left; float:left; }
		.fb:hover {  background:url(img/social-ico.png) no-repeat bottom right; }
	.tw { width:40px; height:40px; display:block; margin:2px; background:url(img/social-ico.png) no-repeat top left; float:left; }
		.tw:hover {  background:url(img/social-ico.png) no-repeat top right; }
	.gg { width:40px; height:40px; display:block; margin:2px; background:url(img/social-ico.png) no-repeat center left; float:left; }
		.gg:hover {  background:url(img/social-ico.png) no-repeat center right; }


/*-----------------------------------------------------*/


	
/* EDITOR RELATED STYLES - CUSTOMIZE FOR YOUR NEEDS */
/*
    The classes panel, the visual feedback and the preview
    will be affected by these values.
    
    - Commented styles inside style definitions are used for visual 
      feedback when using the editor.
    - Comments before opening the style are used as caption.
    - Comments after the class name and before the style declaration ({)
      define the jQuery expression that decides whether this 
      style should be applied or not.
      
    Note: the WYMeditor and /WYMeditor comments below are required
    for the CSS parser to work properly.
*/

/* WYMeditor */

/* p:PARA:Date */
p.date {
  color: #ccf;
  /* background-color: #ff9; border: 2px solid #ee9; */
}

/* p:PARA:Hidden note */
p.hidden-note /* p[@class!="important"] */ {
     display: none;
    /* color: #999; border: 2px solid #ccc; */
}

/* h1,h2,h3,h4,h5,p:TEXTE:bleu */
h1.bleu,h2.bleu,h3.bleu,h4.bleu,h5.bleu,p.bleu {
	color:#35d9b4;
	/* color:#35d9b4; border: 1px solid #35d9b4; */
}

/* h1,h2,h3,h4,h5,p:TEXTE:ombré */
h1.shadow,h2.shadow,h3.shadow,h4.shadow,h5.shadow,p.shadow {
	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
	/* text-shadow: 2px 2px 0px #333; border: 1px solid #333; */
}

/* p:PARA:lettrine */
p.lettrine:first-letter { 
	font-size: 350%;
	font-weight:bold;
	float: left;
	padding:0 5px;
	margin:0 5px;
	line-height:100%;
	/*
	background: #eee ;
	*/
}

/* a:Lien:bouton à droite */
a.btn-right {
	margin:10px;
	padding:5px;
	float:right;
	text-align:center; 
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:inherit;
	color:#FFF;
	background: #0099a6;
	border:#02666e 1px solid;
	box-shadow: 1px 1px 3px #c4d1ce;
	-webkit-border-radius:20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/*
	margin:10px;
		padding:5px;
		float:right;
		text-align:center; 
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
		color:inherit;
		color:#FFF;
		background: #0099a6;
		border:#02666e 1px solid;
		box-shadow: 1px 1px 3px #c4d1ce;
		-webkit-border-radius:20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
	*/
}

/* a:Lien:bouton gauche */
a.btn-left
	{ 
		margin:10px 0;
		padding:5px;
		float:left;
		text-align:center; 
		font-size:16px;
		font-weight:bold;
		color:inherit;
		color:#FFF;
		background: #0099a6;
		border:#02666e 1px solid;
		box-shadow: 1px 1px 3px #c4d1ce;
		-webkit-border-radius:20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		/*
		margin:10px 0;
		padding:5px;
		float:left;
		text-align:center; 
		font-size:16px;
		font-weight:bold;
		color:inherit;
		color:#FFF;
		background: #0099a6;
		border:#02666e 1px solid;
		box-shadow: 1px 1px 3px #c4d1ce;
		-webkit-border-radius:20px;
		-moz-border-radius: 20px;
		border-radius: 20px;
		*/
	}

/* h1,h2,h3,h4,h5,p:TEXTE:aligner à gauche */
h1.text-align-left,h2.text-align-left,h3.text-align-left,h4.text-align-left,p.text-align-left /* h1,h2,h3,h4,p[class!="text-align-right"][class!="text-align-center"][class!="text-align-justify"] */ {
       text-align:left;
   /* text-align:left; */
}

/* h1,h2,h3,h4,h5,p:TEXTE:aligner à centre */
h1.text-align-center,h2.text-align-center,h3.text-align-center,h4.text-align-center,p.text-align-center /* h1,h2,h3,h4,p[class!="text-align-right"][class!="text-align-justify"][class!="text-align-left"] */ {
       text-align: center;
   /* text-align:center; */
}

/* h1,h2,h3,h4,h5,p:TEXTE:aligner à droite */
h1.text-align-right,h2.text-align-right,h3.text-align-right,h4.text-align-right,p.text-align-right /* h1,h2,h3,h4,p[class!="text-align-center"][class!="text-align-justify"][class!="text-align-left"] */ {
       text-align: right;
   /* text-align:right; */
}

/* h1,h2,h3,h4,h5,p:TEXTE:justifier */
h1.text-align-justify,h2.text-align-justify,h3.text-align-justify,h4.text-align-justify,p.text-align-justify /* h1,h2,h3,h4,p[class!="text-align-center"][class!="text-align-right"][class!="text-align-left"] */ {
       text-align: justify;
   /* text-align:justify; */
}

/* img:IMAGE:aligner à gauche */
img.align-left /* img[class!="align-right"] */ {
       float:left; margin:5px;
       /* float:left; margin:5px; */
}

/* img:IMAGE:aligner à droite */
img.align-right /* img[class!="align-left"] */ {
       float:right; margin:5px;
       /* float:right; margin:5px; */
}

/* img:IMAGE:bordure */
img.border {
    border: 1px solid #ccc;
    /* border: 4px solid #ccc; */
}

/* img:IMAGE:cadre */
img.img-cadre {
    margin: 5px; padding:5px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    /*margin: 5px; padding:5px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.2); box-shadow: 1px 1px 5px #a97d63; */
}


/* p:PARA:Important */
p.important /* p[@class!="hidden-note"] */ {
    color: red; font-weight: bold;
    /* color: red; font-weight: bold; border: 2px solid red; */
}


/* /WYMeditor */
/* END EDITOR RELATED STYLES */