/* CSS Document */
body {	background-color:#FFFFFF; background-image:url(../images/FondecMauve2px1000px.png); background-repeat:repeat-x;
		font-family:Helvetica,Georgia,"Times New Roman", Times, serif; color:#666666; font-size:15px;
		overflow:auto; width:100%; margin: 0; padding: 0;}

.Rouge {color: red;}

#Barresup {position:absolute; top: 0px;	left: 1px; width: 100%; height:200px;
			background-color:#CC99FF; background-image:url(../images/Scan/banmauve.jpg);}
			
.Barresupg {position: absolute;	top: 0px; left: 0px; z-index: 2; width: 15%; height: 21%;
		font-size:16px;	font-weight:bolder; padding-left: 7%;}
		
a.Logo {position:absolute; top:3.5em; left:2px; margin-left:10px; width: 111px;	height:117px;
		z-index:2; background-image:url(../images/Gifs/caduceerose.gif); background-repeat:no-repeat; display:block; opacity: .60; filter: alpha(opacity=60);}
		
 a.LogoK {position:absolute; top:2.4em; left: 0.2em;
		text-decoration:none; font-size: 1em; color:#9933FF; opacity: .60; filter: alpha(opacity=60);}
		
.Barresupcentre {position: absolute; top: 0px; left: 15%; width: 733px; height: 21%;
		font-weight:bold; font-size: 1em; z-index: 2;}
		
	a.Banniere{position: absolute; top:1%; left: 5%; width: 703px; height: 130px;		
		background-image:url(../images/Bannieres/ban.jpg); background-repeat:no-repeat; border: 5px solid #cccccc;
		-moz-border-radius: 15px; z-index: 4; display:block;}
	a.Banniere:hover{border: 5px solid #CC99FF;}
		
	.Kinesthetik {position: absolute; top: 153px; left: 3px; width: 788px;
		background-image:url(../images/gradientmauve20pxH.png);	background-repeat:repeat-x; border: 1px solid #ccccCC;
		color:#6633CC; z-index: 4; -moz-border-radius: 15px;}				

.Barresupd {position: absolute;	top: 0px; left: 80%; width: 20%; height: 21%;}

a.PhotoMenud {position:absolute; left:85%; top:240px; z-index:1200; width:177px; height:294px;
		border:2px solid #CCC; opacity: .60; filter: alpha(opacity=60); -moz-border-radius:15px;}
a.PhotoMenud:hover {opacity: .99; filter: alpha(opacity=99);}

.titrecadred{position:absolute;	top:298px; left:62%; width: 234px;
	font-size: 13px; color:#96f; font-weight:bold;}
.titrecadred:hover {color:#93f;	font-size:14px;}

#Cadred {position:absolute;	top:550px; left:85%; width:177px; border: 2px solid #CCC; background-color:#CC99FF;
	background-image:url(../images/Scan/mauve2cadred.jpg);	text-align:center;	display:inline;	-moz-border-radius: 15px; font-size:0.9em;}
#Cadred:hover {background-color:#FFCCFF; background-image:url(../images/Scan/mauve1cadred.jpg);}
	
.celcadred {height:64px;}

.listecadred {list-style-type:none;}


/*----------------------------------------------------------------< Menu------------------------------------------------------------------*/
#menu, #menu ul /* Liste */ {padding : 2px 0 0 0; margin : 0% 0% 0% 0%; 
		position: absolute;	top: 180px;	left: 15.2%; width: 797px; height:-113px; z-index: 3;
	    text-align : center; list-style : none; line-height : 1.5em; /* on définit une hauteur pour chaque élément */}
#menu /* Ensemble du menu */ {font-weight:bold; font-family : Arial; font-size : 0.8em; margin : 0% 0% 0% 0%;}
#menu a /* Contenu des listes */ {display : block; padding : 0; width : 110px;
        background-color:#CC99FF; opacity: .80; filter: alpha(opacity=80); border: 1px solid #ccccCC; color:#fff; text-decoration : none;}
#menu li /* Elements des listes */ {float : left; border-right : 1px solid #fff; /* pour IE qui ne reconnaît pas "transparent" on met une bordure blanche à droite de chaque élément */}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li { border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */}
#menu li ul /* Sous-listes */ { position: absolute; margin-top: -163px; width: 100px; /* Largeur des sous-listes */ left: -999em; /* Hop, on envoie loin du champ de vision */}
#menu li ul li /* Éléments de sous-listes */{/* pour IE qui ne reconnaît pas "transparent" */border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li {border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */}
#menu li ul ul {margin : -22px 0 0 0; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */ border-left : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul {border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */}
#menu a:hover {color: #cc99ff; background-color:#FFFFff; opacity: .80; filter: alpha(opacity=80);}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */{left: auto; /* Repositionnement normal */ min-height: 0; /* Corrige un bug sous IE */}
/*---------------------------------------------------------------- Menu >------------------------------------------------------------------*/	
		

.Langues {text-align: center; float: left; position: absolute; top: 1px; left: 87%;	z-index: 4;
	font-family:Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold;}
	
.Francais {list-style-type: none;}

a.FR{display: block; text-decoration:none; padding-top: 3px; width: 89px; height: 30px; z-index: 1;
	background-image:url(../images/Boutons/kit3/kit3/b4.gif); background-repeat:no-repeat; opacity: .70; filter: alpha(opacity=70);}
a.FR:hover {background-image:url(../images/Boutons/kit3/kit3/b10.gif);}
 
.Neerlandais {list-style-type:none;}

a.NL{display: block; text-decoration:none; padding-top: 3px; width: 89px; height: 30px; z-index: 1;
	background-image:url(../images/Boutons/kit3/kit3/b2.gif); background-repeat:no-repeat; opacity: .70; filter: alpha(opacity=70);}
a.NL:hover {background-image:url(../images/Boutons/kit3/kit3/b1.gif);}
	
.Anglais {list-style-type: none;}

a.EN{display: block; text-decoration:none; padding-top: 3px; width: 89px; height: 30px; z-index: 1;
	background-image:url(../images/Boutons/kit3/kit3/b9.gif); background-repeat:no-repeat;}
a.EN:hover {background-image:url(../images/Boutons/kit3/kit3/b3.gif);}

#Contenant {position: absolute; top: 315px;	left: 5%; width: 75%; height:97%; margin-bottom:10px;
	background-color:#FFF; background-image:url(../images/gradmauve100px.jpg); background-repeat:repeat-x;
	border: 2px solid #CCC; display:block;}
	
#Contenu {margin: 1% 1% 1% 1%; padding:1% 1% 1% 1%;	text-align:left;}

h1 {position: absolute; top:220px; left: 5%; width: 73%; height:auto; padding:1% 1% 1% 1%;
	font-size: 2em;	font-weight: bold; color:#6633CC; text-align:center;
	background-color:#FFFFCC; background-image:url(../images/gradmauveinv.png);
	border: 2px solid #CCC; -moz-border-radius: 15px 15px 0 0;}

h2 {font-size: 1.2em; font-weight: bold; color:#6633CC; text-decoration: underline;}

.h3 {font-size: 1em; font-weight: bold; color:#6633CC;}

h4 {font-size:0.8em;}

h5 {font-size: 1.8em; color:#6633CC; text-decoration:underline;}

#FAQ {margin-left:10%; width:80%; color:#6633CC; font-size: 1.1em; text-align:center;
	border:2px solid #Cccccc; -moz-border-radius: 15px;
	background-color:#FFFFFF; background-image:url(../images/FondecMauve2px200px.png); background-repeat:repeat-x;}
	
.FAQit {color:#6633CC; font-style:italic; font-size: 0.8em;}

.FAQ {color:#6633CC; font-size: 0.9em; font-style:italic; font-weight:normal; text-decoration:none;
	width:1%; padding: 0px 5px 5px 0px; display:block; z-index:5;}
.FAQ:hover {color:#663366; text-decoration:underline;}

.TitreFAQ {margin-top: 2%; font-size: 1.5em; font-weight: bold;
	background-color:#CCCCCC; background-image:url(../images/Scan/mauvefaq.jpg);
	border: 2px solid #CC99FF; -moz-border-radius: 0px 0px 15px 15px;}
	
.retourtop {float:right; color:#CC66FF; font-size:0.8em; font-weight:bold;}

.retourtop:hover {color:#CC3366;}

.QFAQ {text-decoration:none; color:#6633CC;}

.QFAQ:hover {text-decoration:underline;	color:#663333;}

#PetitPrix {position:absolute; width:31px; height: 27px; left:94%; padding-top:0.2%; z-index:10;
	text-decoration:none; background-image:url(../images/Gifs/gif_symbole007.gif); background-repeat:no-repeat;}

.cadreFAQ {border: 1px solid #CCC; -moz-border-radius: 15px; padding-left:6px; text-align: center;
	background-color:#CCCCCC; background-image:url(../images/Scan/mauvefaq.jpg);}
	
.cadreFAQI {border: 1px solid #CCC; -moz-border-radius: 15px; padding-left:6px; text-align: center;
	background-color:#CCCCCC; background-image:url(../images/banindex.jpg);}
	
.grassimple {color:#6633CC;}

.gras {font-weight:bold; text-align:center;}

.grasg {font-weight:bold; text-align:left;}

.centrer {text-align:center;}

.italic {font-style:italic;	list-style-type:circle;}

.schemas {width:223px; height:212px; border: 2px solid #CC99FF;}

.poilsblancs {width:222px; height:100px; border: 2px solid #CC99FF;}
.poilsblancs:hover {border: 2px solid #FFCCFF;}

.photostxt:hover {border: 2px solid #6633CC;}

.cadrecontreindic {width:100%; height:auto; border: 2px solid #CC99FF; text-align:center;}

th.contrindic {border: 2px solid #CC99FF; background-color:#CCCCFF;}

.tableau {border: 1px solid #CC99FF;}

.lienssimple {color:#CC66FF; font-weight:bold; text-decoration:none;}
.lienssimple:hover {color:#CC99FF; font-weight:bold; text-decoration:none;}

.liens {color:#CC66FF; font-weight:bold;}
.liens:hover {color:#CC99FF;}

.siinternetexplorer {color:#666666;	font-size: 0.8em; text-align:center;}

.remarque1 {width:100%; text-align:right; font-style:italic; font-size: 0.9em; color:#6633CC;}
.remarque2 {font-style:italic; font-size:0.9em; border: 1px solid #CC99FF; background-color:#999999;}

.communes {width:60%; height:auto; margin: 0% 0 2% 20%;	background-color:#CCCCCC; border-top:1px solid #666; border-bottom:1px solid #666;}
	
.baspge {width:auto; height:auto;color:#666 ;text-align:center; text-decoration:none; font-size:14px;}
.baspge:hover {color:#333; font-weight:300;} 

.section{padding: 1.4em 0 3.2em 0; overflow: auto; width: 100%;}

.ptitephoto {position: relative; padding: 3px 3px 8px 3px; float: left;	margin-right: 10px;	margin-bottom: 10px;
	background-color:#cccccc; border: 2px solid #666;}
	
.titrecarte {color:#333; text-decoration:underline;}

.specialites {color:#666; font-size:12px; }
a.specialites {text-decoration:none;}

#bref {width:14%; height:auto; margin-top:220px; margin-left:0.1%; float:left; padding: 2px 2px 2px 2px;
	  border:2px solid #ccc; -moz-border-radius:15px; background-color:#fFF; font-size:12px; text-align:center; opacity: .70; filter: alpha(opacity=70);}
	  
.titrebref {color:#96f; font-size:16px; font-weight:bold;}

.titresbref { color:#96f; font-size:12px; font-weight:bold; text-decoration:underline;}
.titresbref:hover {color:#9933FF; font-weight:bolder;}

.grassimple2 {font-weight:300; color:#333;}

.evidence {color:#93F; text-decoration:underline;}

.evidence2 {color:#93F; font-style:italic; text-align:center;}

.ect {text-decoration:none;	color:#333;}
.ect:hover {color:#93f}

#presentation {position:relative; width:100%; text-align:center;}

.listecadred {list-style-type:none;}

.orange {text-align:inherit;}
	 
/* Déroulant */
.titrefaq {width:98%; margin-left:1%; margin-bottom:1px; height:20px; border: 1px solid #ccc; color:#96F; 
			text-align:center; text-decoration:none; background-image:url(../smartphone/images/FlecheBas.png); background-repeat:no-repeat; background-position:right;}
.titrefaq:hover {color:#63c; background-image:url(../smartphone/images/grad20px.png); background-repeat:repeat-x;}
.titrefaq:focus {color:#63c; background-image:url(../smartphone/images/grad20px.png); background-repeat:repeat-x;}


#Text1Depliant, #Text2Depliant,#Text3Depliant, #Text4Depliant, #Text5Depliant, #Text6Depliant, #Text7Depliant, #Text8Depliant, #Text9Depliant, #Text10Depliant, 
#Text11Depliant, #Text12Depliant, #Text13Depliant, #Text14Depliant, #Text15Depliant, #Text16Depliant {margin-left:2%; margin-right:2%;}

/* Fin du déroulant */

/*-----------------------------
	Tableaux contre indications
-----------------------------*/

#TableauContreI {width:70%; margin-left:15%; z-index:1000; color:#96C; display:inline-table; border: 2px solid #c9f; padding:1px;}

li {list-style-type:none;}
#CIg {width:50%; float:left;}
#CId {width:50%; float:right;}
.cadreCIg {border:1px solid #c9f; margin:1px 0 0 0; height:auto; text-align:center;}
.cadreCId {border:1px solid #c9f; margin:1px 0 0 0; height:auto; text-align:center;}

.ContreIg {width:99%; height:auto; color:#63C; text-decoration:underline; font-weight:bold; text-align:center; background-color:#ccf;  border: 2px solid #c9f; border-right:1px solid #c9f; display:inline-table;}
.ContreId {width:99%; height:auto; margin:0 0 0 1px; color:#63C; text-decoration:underline; font-weight:bold; text-align:center; background-color:#ccf;  border: 2px solid #c9f; border-left:1px solid #c9f; display:inline-table;}

/*--- Cadre de droite ---*/
.Photod1 {position: absolute; top: 50px; left:23%; z-index:1; border: 2px solid #CC99FF; width: 80px; height: 80px; background-repeat:no-repeat;}
.Photod1:hover {z-index:2;	border: 2px solid #FFCCFF;}
.txtcadred1 {color:#6633CC;	position: absolute;	top:136px; left:23%; width:100%; text-align:left;}

.Photod2 {position: absolute; top: 172px; left:23%; z-index:1; border: 2px solid #CC99FF; background-repeat:no-repeat; width: 80px;	height: 80px;}
.Photod2:hover {z-index:2;	border: 2px solid #FFCCFF;}
.txtcadred2 {color:#6633CC;	position: absolute;	top:257px;	width: 100%; left:23%;	text-align:left;}

.Photod3 {position: absolute; top: 292px; left:23%; z-index:1; border: 2px solid #CC99FF; width: 80px; height: 80px; background-repeat:no-repeat;}
.Photod3:hover {z-index:2; border: 2px solid #FFCCFF;}
.txtcadred3 {color:#6633CC; position: absolute; top:377px; width: 100%; left:23%; text-align:left;}

.Photod4 {position: absolute; top: 412px; left:23%; z-index:1; border: 2px solid #CC99FF; background-repeat:no-repeat; width: 80px; height: 80px;}
.Photod4:hover {z-index:2; border: 2px solid #FFCCFF;}
.txtcadred4 {color:#6633CC;	position: absolute;	top:497px; left:23%; width:100%; text-align:left;}

.Photod5 {position: absolute; top: 532px; left:23%; z-index:1; border: 2px solid #CC99FF; background-repeat:no-repeat; width: 80px; height: 80px;}
.Photod5:hover {z-index:2;	border: 2px solid #FFCCFF;}
.txtcadred5 {color:#6633CC; position: absolute; top:617px; left:23%; width: 100%; text-align:left;}

.Photod6 {position: absolute; top: 652px; left:23%; z-index:1; border: 2px solid #CC99FF; background-repeat:no-repeat; width: 80px; height: 80px;}
.Photod6:hover {z-index:2; border: 2px solid #FFCCFF;}
.txtcadred6 {color:#6633CC; position: absolute; top:737px; left:23%; width: 100%; text-align:left;}

.Photod7 {position: absolute; top: 772px; left:23%; z-index:1; border: 2px solid #CC99FF; background-repeat:no-repeat; width: 80px; height: 80px;}
.Photod7:hover {z-index:2; border: 2px solid #FFCCFF;}
.txtcadred7 {color:#6633CC;	position: absolute;	top:857px; left:23; width: 100%; text-align:left;}

.Prix {background-color:#CC99FF; position: absolute; left: 68px; width:auto; font-size: 0.8em; text-decoration:none; border: 1px solid red; border-bottom:none; color:red;}
.Prix:hover {background-color:#FFCCFF;}