/* Elements principaux de la page */

#titre-principal{
	font-size: large;
	text-align:center;
	font-weight: bold;
	display:inline-block;
	margin-top:10px;
	}	
	
header{
	/*display:inline-block;*/
	font-size:large;
	font-weight: bold;
	/*text-align: center;*/
	}
header h1 {
	display:inline-block;
	width:250px;
	font-weight:bold;
	background-color:#d0a1fd;
	border-radius:30px 30px 30px 30px;
	border:2px #d0a1fd solid  ;
	font-size:xx-large;
	padding:4px;
	}

header h2 {
	background-color:#C4D7ED;
	color:#ff55f9;
	width:750px;
	border-radius:20px 30px 30px 30px;
	border-bottom: 3px solid purple;
	}
header img{
	display: inline-block;
	border-radius:150px 150px 150px 150px;
	border:2px #d0a1fd solid  ;
	}	
body{
	padding:0px; 
	margin-top:10px;
	background-image:url(test2.jpg);
	background-repeat:repeat;
	background-attachment: fixed;
	text-decoration:none;
	}	

	
nav{ font-size:small;
	background-color: #c8ebfe;
	padding:5px 5px 2px 2px;
	font-weight:bold;
	text-align:center;
	border-radius:5px 5px 5px 5px;
	}
nav a{
	text-decoration:none;
	}
#navlist li
	{
	display: inline;
	text-decoration:none;
	}
#menu-principal ul{
	display: inline;
	text-align:center;
	}

.sNiveau {
	display: none;
	background-color: #c8ebfe;
	position: absolute; 
	left: 0px; 
	width: 150px; 
	padding: 2px;
	margin:2px; 
	border: 1px solid grey;
}

.sNiveau:hover {
	display: block;
}

.niveau {
	position: relative;
	margin:0px; 
}

.niveau a:hover {
	color: yellow;
}

#conseils a:hover + #conseilsSN{
	display: block;
}

#suiviGrossesse a:hover + #suiviGrossesseSN{
	display: block;
}
#bien-manger a:hover + #bien-mangerSN{
	display: block;
}
#suivi-diet a:hover + #suivi-dietSN{
	display: block;
}
	
section{
	font-size:normal;
	}
 .titre{  
	color: #495CFF;
	font-size:medium;
	font-weight:bold;
	}
.soustitre{ 
	color:  #8FCF3C;
	font-size:normal;
	font-weight:bold;
	}

#bloc_page{
	vertical-align:top;
	width: 780px;
	height:auto;
    margin-left: auto;
	margin-right: auto;
	border: 1px solid purple;
	border-radius:20px 20px 20px 20px;
	background-color:#FCF0F6;
	background-attachment: fixed;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
	margin-top:5px;
	text-align:center;
	}

article h1{
	background-color:white;
	text-align:center;
	}
article img{
	margin-top:5px;
	border-radius:10px 10px 10px 10px;
}
#blocGeneral{
	top:100px;
	color:#495CFF;
	background-color:#fdfdc8;
	text-align:left;
	font-size: 12px;
	width:auto;
	height:auto;
	max-height:6000px;
	padding-bottom:5px;
	padding-right:5px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	overflow:auto;
	border: 1px solid purple;
	}
h1				
	{
    font-family: Verdana, serif;
    font-weight: bold;
	font-size: large;
	}
h2 {
    font-family: Verdana, serif;
    font-weight: bold;
	font-size: medium;
	}
h3{
	font-family: Verdana, serif;
	font-size:normal;
	font-weight: bold;
	}		
/*section a{
	padding-left:20px;
	}*/

#navcontainer2{
	font-size: small; 
	color: #495CFF;
	text-align:center;
	margin-right:4 px;
	font-weight:bold;
	text-decoration:none;
	}
.bidule2 {
	/*position: relative;*/
	float:left;
	margin-top:0px;
	margin-left:5px;
	margin-top: 5px;
	/*border: 1px solid purple;*/
	padding-left:10px;
	padding-top:0px;
	height:auto;
	width: 160px;
	/*background-color:#FCF0F6;
	border-radius:10px 10px 10px 10px;*/
	text-align:left;
	font-size:meduim;
	}		
	
.promo {
	position: absolute;
	float:left;
	margin-top:5px;
	margin-left:15px;
	margin-top: 480px;
	padding-left:10px;
	padding-top:0px;
	height:auto;
	width: 60px;
	}	
.banniere{
	background-color:#fb8afc;
	height:60px;
	}
#banniere img{
	height: 60px;
    vertical-align:top;
    margin-bottom: 5px;
	padding-left:2px;
	padding-right:2px;
	/*border-bottom: 2px solid purple;
	border-top: 3px solid purple;*/
	}
.bouton{
	background-color:#d906e8;
	border-radius:20px 20px 20px 20px;
	text-decoration:none;
	color:white;
	}
.tab{
	margin-left:15px;
	}
#consult-originale img{
	display: block;
	text-align:left;
	margin-left: auto; 
	margin-right:5px;"
	}
#consult-identique img {
	display: block;
	text-align:left;
	margin-left: auto; 
	margin-right:5px;"
	}
#charte-qualite{
	font-size:medium;
	margin-top:10px;
	background-color:pink;
	margin-left:10px;
	}
#charte-qualite img{
	border:1px solid pink;
	
	}
#conditiongalvente{
	text-align:center;
	}
.menu {
	margin-top:2px;
	border: 1px solid purple;
	padding-left:2px;
	margin-bottom:10px;
	margin-right:5px;
	margin-left:5px;
	padding-top:5px;
	background-color:#d6fff5;
	border-radius:10px 10px 10px 10px;
	text-align:left;
	font-size:small;
	}	
#bordure{
	margin-left:10px;
	}
.object  {
	display:inline-block;
	position: absolute;
	left:460px;
	top:720px;
	font-size:large;
	font-weight:bold;
	color:#fb79d5;
	border:none;
	}	
.titre{  
	font-size : 14 pt;
	font-weight: bold; 
	
	}
			
.titre2{  
	font-size : 12 pt; 
	font-weight: bold; 
	}
#secondtitre{
	position:center;
	text-align:center;
	top:40px;
	padding:0px 10px 0px 10px;
	text-align: center; 
	font-size: 28px; 
	color:  #495CFF;
	font: caflisch script web;
	}		
td.find.color3{
	background-color: #ffe6c9;
	border-color: #84f30b;
	}
			
td.find.color4 {
	background-color: #D9EFF5;
	border-color: #ffcc00;
	}
#regime{
	margin-top:10px;
	}	
td.find.color3 a{
	color: purple;
	}	
td.find.color4 a {
	color:#495CFF
	}

.rouge{
	color: red;
	}
.jaune{
	color:#ffb50e;
	}
.bleu{
	color: blue;
	}
.marron{
	color: #A67E2E;
	}
.vert{
	color: green;
	}
.rose{
	color:#FF73BF;
	}
.bleuclair{
	color: #84CECC;
	}	
.violet	{
	color:purple;
	}
.gris{
	color:#A2B5BF;
	}
mark{
	background-color:#EFA0FF;
	}
.gauche{
	text-align:left;
	}
.centre{
	text-align:center;
	}
.gras{
	font-weight:bold;
	}
.souligne{
	text-decoration:underline;
	}
.droite{
	text-align:right;
		}		
.imageflottante	{
	float:left;
	margin-right:5px;
	}	
.dessous{
	clear:both;
	}	
#avantage ul{
    list-style-image: url('pomme.jpg');
    padding-left: 2px;
}	
table.find {
	text-align:center;
	border: none;
	border-collapse: collapse;
	}
.tabcenter{
	margin-left:auto;
	margin-right:auto;
	}
	tr.find {
	height: 50px;
	}
	td.find {
	width: 50%;
	text-align: center; 
	border-width: 1px;
	border-style: solid;
	border-radius:10px 10px 10px 10px;
	}
	td.find.color1 {
	background-color: #EFA0FF;
	border-color: #84f30b;
	}
	td.find.color2 {
	background-color: #98DB9C;
	border-color: #ffcc00;
	}
	td.find a {
	font-weight: bold;
	}
			
	td.find.color1 a {
	color: purple;
	}
   	
.bidule {
	position: absolute;
	left:0px;
	top: 30px;
	height:115px;
	width: 190px;
	padding:10px;
	border-radius:60px 60px 60px 60px;
	border:none;
	}	
.avantage_consult img{
	border-radius:60px 60px 60px 60px;
	}
.avantage_consult{
	margin-left:20px;
	color : black;
	}	
footer{
	text-align:center;
	border-radius:5px 5px 5px 5px;
	padding:10px;
	padding-top:5px;
	margin-top:10px;
	margin-bottom:5px;
	}		
#fitreClient{
	padding-top:20px;
	text-align:left; 
	width:700px;
	}
#detail{
	margin-left:30px;
	float:left;
	display:none;
	}
#forfait1{
	text-align:left;
	float:left;
	width:200x; 
	padding:20px;
	}
#pseance{
	text-align:left;
	/*float:left;
	width:220x;*/
	padding:15px;
	}
#dseance{		
	text-align:left;
	float:left;
	width:185px;
	padding:10px;
	}
.checkbox{
	text-align:left;
	width:600px;
	clear:both;
	}
#detaila{
	margin-left:30px;
	margin-right:50px;
	float:left;
	display:none;
	}
.hide {
	display: none;
	}
.gros {
	font-weight: bold;
	}

	
	
	# MOD_DEFLATE COMPRESSION
SetOutputFilter DEFLATE
AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml application/x-javascript application/x-httpd-php
#Pour les navigateurs incompatibles
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html
#ne pas mettre en cache si ces fichiers le sont déjà
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip
#les proxies doivent donner le bon contenu
Header append Vary User-Agent env=!dont-vary

# BEGIN Expire headers
<IfModule mod_expires.c>
 ExpiresActive On
 ExpiresDefault "access plus 7200 seconds"
 ExpiresByType image/jpg "access plus 2592000 seconds"
 ExpiresByType image/jpeg "access plus 2592000 seconds"
 ExpiresByType image/png "access plus 2592000 seconds"
 ExpiresByType image/gif "access plus 2592000 seconds"
 AddType image/x-icon .ico
 ExpiresByType image/ico "access plus 2592000 seconds"
 ExpiresByType image/icon "access plus 2592000 seconds"
 ExpiresByType image/x-icon "access plus 2592000 seconds"
 ExpiresByType text/css "access plus 2592000 seconds"
 ExpiresByType text/javascript "access plus 2592000 seconds"
 ExpiresByType text/html "access plus 7200 seconds"
 ExpiresByType application/xhtml+xml "access plus 7200 seconds"
 ExpiresByType application/javascript A259200
 ExpiresByType application/x-javascript "access plus 2592000 seconds"
 ExpiresByType application/x-shockwave-flash "access plus 2592000 seconds"
</IfModule>
# END Expire headers

# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
 <FilesMatch "\\.(ico|jpe?g|png|gif|swf|gz|ttf)$">
 Header set Cache-Control "max-age=2592000, public"
 </FilesMatch>
 <FilesMatch "\\.(css)$">
 Header set Cache-Control "max-age=2592000, public"
 </FilesMatch>
 <FilesMatch "\\.(js)$">
 Header set Cache-Control "max-age=2592000, private"
 </FilesMatch>
<filesMatch "\\.(html|htm)$">
Header set Cache-Control "max-age=7200, public"
</filesMatch>
# Disable caching for scripts and other dynamic files
<FilesMatch "\.(pl|php|cgi|spl|scgi|fcgi)$">
Header unset Cache-Control
</FilesMatch>
</IfModule>
# END Cache-Control Headers