﻿<!--%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%-->
<style type="text/css">
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}
.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}
/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/
	/* QuickMenu 0 */
	/*"""""""" (MAIN) Container""""""""*/	
#qm0 {width:450px;padding:5px;margin:0px;background-color:#FEFDE4;border-width:3px 0px;border-style:solid;border-color:#5050FE;}
	/*"""""""" (MAIN) Items""""""""*/	/* top right bottom left */
#qm0 a {padding: 6px 12px 6px 12px;color:#1F1FA9;font-family:Arial;font-size:12px;text-decoration:none;}
	/*"""""""" (MAIN) Hover State""""""""*/	
#qm0 a:hover {background-color:#EAF18F;}
	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 li:hover>a	{background-color:#EAF18F;}
	/*"""""""" (MAIN) Active State""""""""*/	
body #qm0 .qmactive, body #qm0 .qmactive:hover {background-color:#EAF18F;text-decoration:none;}
	/*"""""""" (SUB) Container""""""""*/	
#qm0 div, #qm0 ul {padding:5px;background-color:#FEFDE4;border-width:3px 1px 1px;border-style:solid;border-color:#7B7E7E;}
	/*"""""""" (SUB) Items""""""""*/	
#qm0 div a, #qm0 ul a {padding:2px 40px 2px 5px;border-width:0px;border-style:none;}
	/*"""""""" (SUB) Hover State""""""""*/	
#qm0 div a:hover {text-decoration:none;}                                                                    /* top right bottom left */
	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 ul li:hover>a {text-decoration:none;}
	/*"""""""" (SUB) Active State""""""""*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {background-color:#EAF18F;text-decoration:none;}
	/*"""""""" Individual Titles""""""""*/	
#qm0 .qmtitle {margin:2px 5px 5px;color:#112747;font-family:Arial;font-size:11px;font-weight:bold;}
	/*"""""""" Individual Horizontal Dividers""""""""*/	
#qm0 .qmdividerx {border-top-width:2px;margin:4px 5px;border-color:#A2A1AD;}
	/*"""""""" Custom Rule""""""""*/	
ul#qm0 ul li:hover > a.qmparent	{background-image:url("qmimages/cssalt1_arrow_right_hover.gif");}
	/*"""""""" Custom Rule""""""""*/	
ul#qm0 ul .qmparent	{background-image:url("qmimages/cssalt1_arrow_right.gif"); }
	/*"""""""" Custom Rule""""""""*/	
ul#qm0 li:hover > a.qmparent {background-image:url("qmimages/cssalt1_arrow_down_hover.gif");text-decoration:underline;}
	/*"""""""" Custom Rule""""""""*/
ul#qm0 .qmparent {background-repeat:no-repeat;background-position:97% center;}
/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
body {
	background:#E1E1E1; 
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	color:black; 
	margin:5px auto;
	text-align:left;
	width:90%;
	font-size:1.0em;}

menu {	/* menu horizontal */	
/*	display:block;*/
	position:absolute;
	top:0px;	
	left:10px;
	float:left;
	color:black;
	text-align:left;
	font-size:1.0em;	
	margin-top:10px;
	margin-left:0px;}

mnbas {	/* Help sous le menu */	
	display:block;
	position:absolute;
	top:50px;	
	width:25%;
	left:10px;
	float:left;
	color:black;
	text-align:left;
	font-size:1.0em;}
mnbas h2 { 		/* titre principal article */
	font-family: Arial;
	color: blue;
	font-size:1.4em;	
	text-align:center;
	padding:0px 10px 0px 30px;  /* top right bottom left */	
	margin-left:-30px;
	text-shadow: 10px 10px 10px dimgrey;}
mnbas li  {	padding:3px 5px 0px 5px;}
mnbas ul  {	padding:0px 5px 0px 15px;}

main, mobil {
	border-radius:10px;
	-moz-border-radius:10em;
	-webkit-border-radius:1em;
	-o-border-radius:10em;
	-ms-border-radius:10em;}
		
main, mobil {
	background:#E1E1E1;		/* Old browsers */  	
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3333FF', endColorstr='#9ACDFF',GradientType=0 );  IE6-9 */	
	background: -ms-linear-gradient(top, #3333FF 0%,#2989d8 50%,#207cca 51%,#9ACDFF 100%); 			/* IE10+ 	color1:#9ACDFF,color2:#3333FF */
	background: linear-gradient(0deg,#9ACDFF,#3333FF)!important;}
/* div.sdmenu div a{background:#9ACDFF;}         /* backgroung du sous menu, à mettre en accord avec le fond général précédent */	
main { 	/* main page */
	position:absolute;
	top  :0px;
	float:left;
	width:65%;	
	left :33.5%;	
	padding:10px;	/* top right bottom left */	
	}
main h1 { 		/* titre principal article */
	color:white;
	text-align:center;
	font-size:1.2em;
	letter-spacing:0.15em; }
main h2 { 		/* titre principal article */
	color:white;
	text-align:center;
	font-size:1.0em;
/*	letter-spacing:0.15em; */
	margin: 0px 2px 2px 2px;
	padding:0px; }	
main h3 { 		/* titre principal article */
	color:blue;
	text-align:left;
	font-size:1.2em;
	letter-spacing:0.15em;
	margin: 0px 2px 7px 2px;
	padding:0px; }	
	
mobil { 	/* main page */
	position:absolute;
	top  :50px;
	width:100%;	
	left :0px;	
	padding:10px;	/* top right bottom left */	
	}
mobil h1 { 		/* titre principal article */
	color:white;
	text-align:center;
	font-size:1.2em;
	letter-spacing:0.15em; }
mobil h2 { 		/* titre principal article */
	color:white;
	text-align:center;
	font-size:1.2em;
/*	letter-spacing:0.15em; */
	margin: 0px 2px 7px 2px;
	padding:0px; }	
mobil h3 { 		/* titre principal article */
	color:blue;
	text-align:left;
	font-size:1.2em;
	letter-spacing:0.15em;
	margin: 0px 2px 7px 2px;
	padding:0px; }	
	
div.plain {
	margin: 2px;
	padding: 25px;
	background-color: white;
	color: black;}	

.b6  {/* bleu + italique + pas de saut de ligne */        font-style:oblique; font-weight:normal; color:blue; display:inline; }
.bg6 {/* bleu + italique + gras + pas de saut de ligne */ font-style:oblique; font-weight:bold;   color:blue; display:inline; }	
.s-blue {font-family: Arial; color: blue;   }
.s-red  {font-family: Arial; color: red;    }
.s-gray {font-family: Arial; color: silver; }  
.s-maro {font-family: Arial; color: maroon; } 
.s-blan {font-family: Arial; color: white;    }
.s-viol {font-family: Arial; color: darkviolet; }  
	
</style>