/*=================================================================*/
/* CCS2 webacous.css - site web http://acoustique.ec-lyon.fr       */
/* kristof - august 2008 - feb. 2009 - june 2010 - july 2011       */
/*           jan. 2012                                             */
/*=================================================================*/



/*=================================================================*/
/* valeurs par defaut & initialisation                             */
/*=================================================================*/

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* Verdana, Tahoma, Verdana, "Trebuchet MS", Georgia, Arial, trebuchet, tahoma, Verdana, Helvetica, sans-serif; */
	font-size: 13px; 
	color: #191919; /*#3F3F3F; /* #2F4F4F; */
}


* {margin: 0px; padding: 0px;}
* img {border: 0px;}
* br  {clear: left;}


/*=================================================================*/
/* corps du document                                               */
/*=================================================================*/

body.acoustique {
	background: url(images/fond_sandsea.jpg); /*#c0c0c0; /*#d8d3c0; /* rgb(225,225,225);  /*white; /*#0175BE; /* #56B5E5; /* #7babc9;  */
	background-repeat: repeat-x;
	color: black;
}

body.caa {
	background: url(images/fond_sandsea.jpg); /* #c0c0c0; /*rgb(225,225,225);   /*#0175BE; url(images/fond_hachures.gif) */
	background-repeat: repeat-x;
	color: black;
}

body.optionac {
	background: #c0c0c0; /*rgb(225,225,225);  */ 
	color: black;
}



/*=================================================================*/
/* mise en page générale                                           */
/*=================================================================*/


div.containerbis {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	top: 10px;
        min-width: 988px;
	max-width: 988px;
	background-color: white;
  	height: 678px; 
	border: 1px solid #C0C0C0; 
	border-bottom: 1px solid #0072ff; 
}


div.menuleft {
	position: absolute;
	width: 180px;
	height: 576px;
	top: 72px;
	padding-top: 30px;	
	/* right: auto; */
	/* background: #eee; /*url(images/fond_marbre.gif); */
	background-color: white;
	color: white;  /*black; /* white; */
	z-index: 2;
        border-right: 1px solid #C0C0C0;
}

div.flags {
	position: absolute;
	width: 180px;
	top: 560px;
	/* background: #eee; /*url(images/fond_marbre.gif); */
	background-color: white;
	color: black; 
	z-index: 3;	
}


div.note {
	white-space: normal;	
	display: block;
	font-size: 9px; /* smaller; */
	font-style: italic;
	/* color: #2F4F4F; /* navy; */
	margin-left: 6px;
}


div.page { 
	position: absolute;
	width: 778px; /* 788px; */
	left: 180px;
	top: 72px;
	bottom: 0px;  
	background: white; 
	color: black;
	text-align: left;
	z-index: 1;
	padding-left: 15px; /* 10px; */
	padding-right: 15px; /* 10px; */ 
	padding-top: 10px;
        overflow: auto;
}


div.page_garde { 
	position: absolute;
	width: 808px;
	left: 180px;
	top: 72px;
	bottom: 0px;  
	background: white; /*#FFFACD; */ 
	color: black;
	text-align: left;
	z-index: 1;
	padding-left: 0px;
	padding-right: 0px; 
	padding-top: 0px;
        overflow: auto;
}


div.bandeau {
	position: absolute; 
	width: 988px; 
	height: 57px;
	top: 0px;
	left: 0px;
	/* background-image: url(images/bandeau_acoustique.jpg); */  
	color: white;
	z-index: 3;
	border-right: 1px solid #C0C0C0;
        /* border-bottom-width: 2px;
        border-bottom-color: navy;
	border-bottom-style: ridge;	 */
}

div.bandeau_CA {
	position: absolute; 
	width: 988px; 
	height: 54px;
	top: 0px;
	left: 0px;
	color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;
	z-index: 3;
}

div.bandeau_lmfa {
	position: absolute;	
	width: 988px;
	height: 15px;
	top: 57px;
	left: 0px;
	background-image: url(images/fond_menus2.jpg); 
        z-index: 4;
}

div.bandeau_lmfa_menu {
	position: absolute;	
	width: 988px;
	height: 15px;
	top: 55px;
	left: 0px;
	background: transparent; 
        z-index: 5;
	color: #FFFFFF;	
}

div.pied {
	display: block;
	position: absolute; 
	width: 808px; 
	height: 1.6em;
	top: 679px; 
	left: -1px;  
	background: rgb(225,225,225); /*#eee;  /* url(images/fond_marbre.gif);  */
	color: navy;
	z-index: 3;
	text-align: center;
	padding-top: 0.3em;
	padding-left: 180px; 
        border-right: 1px solid #C0C0C0;
        border-left: 1px solid #C0C0C0; 
        border-bottom: 1px solid #C0C0C0;
	/* border-top: 1px solid black; */
}

div.pagebis { 
	position: absolute;
	width: 720px;   
	left: 170px;
	top: 4em;
	bottom: 0px;  
	background: transparent; 
	color: black;
	text-align: left;
	z-index: 1;
	padding-left: 10px;
	padding-right: 10px; 
	padding-top: 10px;
        overflow: auto;
}

div.menutop {
	position: absolute; 
	width: 740px;	
	height: 4em;
	top: 0px;
	left: 170px;
	background: #eee; /*#663333; /*#570916; /*#2F281E; /*url(images/fond_marbre.gif); /* background: navy; */
	color: white;
	z-index: 3;
        border-bottom: 2px solid #C0C0C0;
}




/*=================================================================*/
/* Elements particuliers                                           */
/*=================================================================*/


.blanc      {color: white;}
.rouge      {color: red;}
.navy       {color: navy;}
.bleulight  {color: #0072ff;} 
.bleu       {color: blue;} 
.orange     {color: #FF8C00;}
.ctag       {color: #369;}
.brun       {color: #990000;} /* #A52A2A;} */

.bgkca1old      {background-color: #dbe0ec;}
.bgkca2old      {background-color: #dbe0ec;}

.bgkca1     {background-color: #EDEDED;} /*#E6EBF5;} /* #DAE6F0;}   /* #E7EDF5;} */
.bgkca2     {background-color: #dbe0ec;}



.petit  {font-size: smaller;}
.gros   {font-size: larger;}
.gras   {font-weight: bold;}
.italic {font-style: italic;}
.ctr    {text-align: center;}
.math   {font-family: symbol;}


* h1  {font-size: 22px; padding: 2px 0px 2px 0px;}
* h2  {font-size: 15px; padding: 2px 0px 2px 0px;}
* h3  {font-size: 13px; padding: 2px 0px 2px 0px;}
* h4  {font-size: 12px; padding: 2px 0px 2px 0px;}
* h5  {font-size: 11px; padding: 2px 0px 2px 0px;}
* h6  {font-size: 10px; padding: 2px 0px 2px 0px;}

.fs0  {font-size: 24px;}
.fs1  {font-size: 22px;}
.fs2  {font-size: 15px;}
.fs3  {font-size: 13px;}
.fs4  {font-size: 12px;}
.fs5  {font-size: 11px;}
.fs6  {font-size: 10px;}


div.news {
	width: 600px;
	/* height: 310px; */
	padding-top: 35px;
	padding-bottom: 30px;
	padding-left: 10px;
	float: left;
}

div.newstag1 {
	width: 150px;
	/* height: 310px; */
	margin-top: 30px;
	margin-left: 20px;
	float: left;
}

div.newstag2 {
	margin-top: -2px;
	margin-bottom: -7px;
	margin-left: 1px;
	width: 138px; /* 148px; -5px -5px; */
	padding-top: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
        padding-right: 5px;
	border-left: 0px solid #C0C0C0;	
	border-right: 0px solid #C0C0C0;
	/* text-align: justify; */
}


div.cadre {
	width: 730px;  
	background-color: transparent; 
	margin-top: 10px;
}


div.encart {
	width: 730px;  
	margin-left: auto;
	margin-right: auto;
	background-color: #dbe0ec;
	margin-top: 10px;
}

div.trait {
        width: 152px; 
	height: 0px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 10px;  
	margin-bottom: 10px; 
	border-top: 2px ridge navy;
}

div.trait1 {
        width: 100px; 
	height: 0px;
	margin-top: 10px; 
	margin-bottom: 10px; 
	margin-left: 100px; 
	border-top: 2px ridge navy;
}

div.ligne {
        width: 680px;  
	height: 0px;
	margin-top: 5px; 
	margin-bottom: 5px;  
	border-top: 1px solid navy;
}

div.space {
	height: 60px;
}

div.center {
	text-align: center;
}



img.photo {margin: 0px 5px 0px 5px;}
img.logo  {float: left; margin: 0px 5px 0px 0px;}
img.puce  {float: left; margin: 3px 7px 3px 0px;}



* ul {margin-left: 1.25em;}
* li {margin-left: 1.25em;}

ul        {list-style-type: square;}
ul.disc   {list-style-type: disc; padding: 10px 15px 10px 20px; line-height: 1.6em;}
ul.none   {list-style-type: none; padding: 10px 15px 10px 20px; line-height: 1.6em;}


ul.type1  {list-style-type: disc; line-height: 1.7; margin-top: 0px; padding-top: 0px;}
li.type1  {padding: 0px 0px 10px 5px;}

ul.type2  {list-style-type: square; line-height: 1.7; padding-top: 7px; padding-bottom: 10px;}
li.type2  {margin-top: 10px; padding-top: 0px; padding-bottom: 25px;}

ul.type3  {list-style-type: disc; list-style-position: outside; line-height: 1.6em;}
li.type3  {padding-top: 6px; padding-bottom: 6px; text-align: justify;}

ul.type4a  {list-style-type: disc; line-height: 1.6em; padding-top: 5px; padding-bottom: 5px;}
ul.type4b  {list-style-type: none; line-height: 1.6em; padding-top: 5px; padding-bottom: 5px; margin: 0px;}

ul.type5  {list-style-type: disc; list-style-position: outside; line-height: 1.3;}
li.type5  {padding-top: 5px; padding-bottom: 5px;}

div#type6 ul {list-style-type: disc; line-height: 1.2; margin-top: 0px; padding-top: 0px;}
div#type6 li {padding-top: 5px; padding-bottom: 5px;}

div#type7 ul {list-style-type: disc; line-height: 1.7; margin-top: 50px; padding-top: 0px; color: gray;}
div#type7 li {padding: 0px 0px 10px 5px; color: gray;}

dl.publi  {line-height: 1.4; margin-top: 5px; margin-bottom: 10px; margin-left: 25px;}
dd.publi  {margin: 5px 0px 5px 0px; width: 645px; text-align: justify;}
dd.publia {margin: 5px 0px 5px 0px; width: 620px; text-align: justify;}


div#publi dl {line-height: 1.4; margin-top: 5px; margin-bottom: 10px; margin-left: 25px;}
div#publi dd {margin: 8px 0px 8px 0px; width: 710px; text-align: justify;}



table.staff {
	margin-left: 20px;
	border-spacing: 5px;
	width: 660px;	
	border: 0px;
}

table.staff td {vertical-align: top; }




span.top {
	font-size: smaller;
	font-style: italic;
	padding-left: 5px;
	color: black;
}

p.texte {
	text-align: justify;
	text-indent: 20px;
	padding: 5px 0px 5px 0px; 
        line-height: 1.5;
}


p.caption  {
	text-align: justify; 
	line-height: 1.5; 
	margin: 10px 0px 10px 0px;}

p.mail {
	text-align: justify;
	padding: 10px 0px 15px 0px;
	clear: left;
}



h3.entete {
       	color: blue;
	width: 98%; 
	background-color: rgb(237,237,237); 
	/* border-right: solid blue 3px; */
	border-left: 7px solid rgb(237,237,237);
	margin-top: 0px;
	margin-bottom: 15px;
}

div.retour {
	width: 100%; 
	height: 10px; 
	background-color: rgb(237,237,237); 
	border-bottom: solid 1px #0072ff; 
	margin-bottom: 0px;
}



h3.titre {
       	color: blue;
	width: 98%; 
	background-color: rgb(237,237,237); 
	/* border-right: solid blue 3px; */
	border-left: 7px solid rgb(237,237,237);
	margin-top: 35px;
	margin-bottom: 15px;
}

div.fin {
	width: 98%; 
	height: 10px; 
	background-color: rgb(237,237,237); 
	border-bottom: solid 1px #0072ff; 
	margin-bottom: 30px;
}

div#conf {
	text-align: center;} 

div#conf table {
	border-collapse: collapse;	
	border: 2px groove blue;
	text-align: center;
        margin: auto;
	margin-bottom: 20px;
	width: 95%;
}

div#conf td {
	vertical-align: top;
}

div#conf th {
	border-bottom: 3px solid #0072ff; 
	background-color: #eee;	
	text-align: left;
	padding: 2px 0px 2px 5px;
}

div#conf tr.sep {
	border: 0px;
	border-bottom: 1px solid #0072ff;
}

div#conf tr.brk {
	background-color: #eee;		
	border: 0px;
	border-bottom: 1px solid #0072ff;
	border-top: 1px solid #0072ff;	
}

/*=================================================================*/
/*=================================================================*/


#center {
	float: left;
	padding-left: 20px;
	padding-top: 0px;
	text-align: center;
	width: 760px;
}


#ligne{
	height: 0px;
	width: 100px;
	margin-left: 5px;
	border-bottom: 1px solid black;
}





table.menutop 	{background: transparent; width: 100%; }
td.menutop	{background: transparent; color: white; text-align: center; }
td.top    	{background: transparent; color: navy; text-align: center; font-weight: bold; font-size: 16px;}
td.flag   	{background: transparent; text-align: center; width: 90px; }

td.menuindex    {border-bottom: groove 1pt navy; background: white;}         



hr.menu {
	height: 1px;
	margin: 3px 7px 3px 7px;
	padding: 0px;
}


p.ca {
	color: navy;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 15px 5px 7px 5px;
	line-height: 1.6em;
}


p.thema {
	color: navy;
	/* font-size: 14px; */
	font-weight: bold; 
	font-style: italic;
	text-align: right;
	padding: 40px 5px 10px 5px;
	line-height: 1.6em;
	margin-right: 7px;
}


p.titre1 {
	color: navy;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	padding-left: 5px;
	padding-top: 7px;
	margin: 0px;
	border: 0px;
}

p.titre2 {
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	padding-left: 5px;
	padding-top: 7px;
	margin: 0px;
	border: 0px;
}

p.titre3 {
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 0px;
	padding-left: 5px;
	padding-top: 7px;
	margin: 0px;
	border: 0px;
}



h1.fin {
	padding: 0px;
	border: 0px;
	margin: 0px;
	width: auto;
	border-top-style: groove;
	border-top-color: navy;
	border-top-width: thin;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 3px;
}



h1.opt  {font-size: 22px; font-weight: bold; color: navy;}
h2.opt  {font-size: 15px; font-weight: bold; color: navy;}
h3.opt  {font-size: 13px; font-weight: bold; color: navy;}
h4.opt  {font-size: 12px; font-weight: bold; color: navy;}
h5.opt  {font-size: 11px; font-weight: bold; color: navy;}
h6.opt  {font-size: 10px; font-weight: bold; color: navy;}

h1.it  {font-size: 22px; font-style: italic; color: black;}
h2.it  {font-size: 13px; font-style: italic; color: black;}
h3.it  {font-size: 13px; font-style: italic; color: black;}
h4.it  {font-size: 12px; font-style: italic; color: black;}
h5.it  {font-size: 11px; font-style: italic; color: black;}
h6.it  {font-size: 10px; font-style: italic; color: black;}


span.ith1  {font-size: 22px; font-weight: bold; font-style: italic;}
span.ith2  {font-size: 15px; font-weight: bold; font-style: italic;}
span.ith3  {font-size: 13px; font-weight: bold; font-style: italic;}
span.ith4  {font-size: 12px; font-weight: bold; font-style: italic;}
span.ith5  {font-size: 11px; font-weight: bold; font-style: italic;}
span.ith6  {font-size: 10px; font-weight: bold; font-style: italic;}

span.nh1  {font-size: 22px; font-weight: bold;}
span.nh2  {font-size: 15px; font-weight: bold;}
span.nh3  {font-size: 13px; font-weight: bold;}
span.nh4  {font-size: 12px; font-weight: bold;}
span.nh5  {font-size: 11px; font-weight: bold;}
span.nh6  {font-size: 10px; font-weight: bold;}

span.th1  {font-size: 22px; font-weight: bold; color: blue;}
span.th2  {font-size: 15px; font-weight: bold; color: blue;}
span.th3  {font-size: 13px; font-weight: bold; color: blue;}
span.th4  {font-size: 12px; font-weight: bold; color: blue;}
span.th5  {font-size: 11px; font-weight: bold; color: blue;}
span.th6  {font-size: 10px; font-weight: bold; color: blue;}



ul.ptbleu {list-style-image: url(images/blueball.gif); list-style-type: square;}



table.opt  {border: thin solid navy; border-collapse: collapse; margin-left: 15px; width: 730px;}
th.opt     {border: thin solid navy; vertical-align: middle; text-align: center; font-size: 12px;
	    padding: 6px;}
td.opt     {border: thin solid navy; vertical-align: middle; text-align: center; font-weight: bold; 
	    font-size: 12px;}

	    

a.acous:link {text-decoration: underline; font-weight: bold;}
a.acous:visited {text-decoration: underline; font-weight: bold;}
a.acous:active {text-decoration: underline; font-weight: bold;}
a.acous:hover {color: blue; text-decoration: underline; font-weight: bold;}

a.acousplus:link {text-decoration: underline; font-weight: bold;}
a.acousplus:visited {text-decoration: underline; font-weight: bold;}
a.acousplus:active {text-decoration: underline; font-weight: bold;}
a.acousplus:hover {color: blue; text-decoration: underline; font-weight: bold; background-color: rgb(237,237,237);}

a.stand:link {text-decoration: none; font-weight: bold;}
a.stand:visited {text-decoration: none; font-weight: bold;}
a.stand:active {text-decoration: none; font-weight: bold;}
a.stand:hover {text-decoration: underline; font-weight: bold;}

a.caa:link {text-decoration: underline;}
a.caa:visited {text-decoration: underline;}
a.caa:active {text-decoration: underline;}
a.caa:hover {text-decoration: underline;}

a.light:link {text-decoration: underline;}
a.light:visited {text-decoration: underline;}
a.light:active {text-decoration: underline;}
a.light:hover {color: blue; text-decoration: underline; background-color: rgb(237,237,237);}

a.lightplus:link {text-decoration: underline;}
a.lightplus:visited {text-decoration: underline;}
a.lightplus:active {text-decoration: underline;}
a.lightplus:hover {color: blue; text-decoration: underline; background-color: rgb(237,237,237);}

a.type7:link {text-decoration: underline; color: gray;}
a.type7:visited {text-decoration: underline; color: gray;}
a.type7:active {text-decoration: underline; color: gray;}
a.type7:hover {color: blue; text-decoration: underline; background-color: rgb(237,237,237);}

a.bleu:link {color: blue; text-decoration: underline; font-weight: bold;}
a.bleu:visited {color: blue; text-decoration: underline; font-weight: bold;}
a.bleu:active {color: blue; text-decoration: underline; font-weight: bold;}
a.bleu:hover {color: black; text-decoration: underline; font-weight: bold;}

a.rouge:link {color: red; text-decoration: underline; font-weight: bold;}
a.rouge:visited {color: red; text-decoration: underline; font-weight: bold;}
a.rouge:active {color: red; text-decoration: underline; font-weight: bold;}
a.rouge:hover {color: black; text-decoration: underline; font-weight: bold;}

a.navy:link {color: navy; text-decoration: underline; font-weight: bold;}
a.navy:visited {color: navy; text-decoration: underline; font-weight: bold;}
a.navy:active {color: navy; text-decoration: underline; font-weight: bold;}
a.navy:hover {color: black; text-decoration: underline; font-weight: bold;}

a.note:link {color: white; text-decoration: none; font-weight: bold;}
a.note:visited {color: white; text-decoration: none; font-weight: bold;}
a.note:active {color: white; text-decoration: none; font-weight: bold;}
a.note:hover {color: white; text-decoration: underline; font-weight: bold;}

a.menu:link {color: black; text-decoration: none; font-weight: bold;}
a.menu:visited {color: black; text-decoration: none; font-weight: bold;}
a.menu:active {color: black; text-decoration: none; font-weight: bold;}
a.menu:hover {color: navy; text-decoration: none; font-weight: bold;}

a.lmfa:link {color: white; text-decoration: none; font-size: 10px;}
a.lmfa:visited {color: white; text-decoration: none; font-size: 10px;}
a.lmfa:active {color: white; text-decoration: none; font-size: 10px;}
a.lmfa:hover {color: #0072ff; text-decoration: none; font-size: 10px;}

a.tag:link {color: #369; text-decoration: none; font-weight: normal;}
a.tag:visited {color: #369; text-decoration: none; font-weight: normal;}
a.tag:active {color: #369; text-decoration: none; font-weight: normal;}
a.tag:hover {color: #A52A2A; text-decoration: none; font-weight: normal;}




/*=================================================================*/
/* Menu déroulant principal                                        */
/*=================================================================*/

div.CAmenu {
	white-space: nowrap; 	/* IE */
	float: left;
	border: none;
	color: #0072ff; 
	padding: 0px; 
	margin: 0px; 	
	margin-top: 20px;
}


.CAmenu ul {
	list-style-type: none; 
	padding: 0px; 
	margin: 0px; 
        width: 170px;
}

.CAmenu ul li {
	float: left;
	z-index: auto;
	background: transparent;
	padding: 0px; 
	margin: 0px;
	width: 100%;
}

.CAmenu ul li a {
	color: #2F4F4F; /*black; /* #0072ff; */
	background: transparent; 
	text-decoration: none;
	/* font-weight: bold; */
	text-align: left;
	padding: 6px 0px 5px 10px;
	display: block; 
	border-bottom: 1px solid navy; 
	margin-left: 15px;
	margin-right: 15px;
}

.CAmenu ul li ul {
	display: none;
	border: none;
	padding: 0px; 
	margin: 0px; 	
        width: 140px;	
}

.CAmenu ul li:hover {
	position: relative; 	
	padding: 0px; 
	margin: 0px;
}

.CAmenu ul li:hover a {
	color: white;
	background: navy; 
	padding: 6px 0px 3px 10px;	
	border-bottom: solid 3px #0072ff;
}

.CAmenu ul li:hover ul {
	display: block;
	position: absolute;
	z-index: 999;
	top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	left: 170px;
}

.CAmenu ul li:hover ul li a {
	float: left;
	z-index: auto;
	/*color: #0072ff; 
	background-color: #eee; */
	background-color: rgb(237,237,237);
	color: rgb(50,50,50);	
	/* font-weight: bold; */
	padding: 6px 0px 5px 10px;
	margin: 0px;
	width: 100%;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid navy; 
}

.CAmenu ul li:hover ul li a:hover {
	background-color: navy; 
	padding: 6px 0px 3px 10px;	
	text-decoration: none;
	/* font-weight: bold; */
	color: white;
	border-bottom: solid 3px #FF8C00; /* #0072ff;	 */
}


/*=================================================================*/
/* Menu déroulant thematiques                                      */
/*=================================================================*/


.menuvertical a {
	/* color: #0072ff; /* white;  */
	background: transparent; 
	text-decoration: none;
        /* font-weight: bold; */
	text-align: left;
	padding: 6px 0px 5px 10px;
	display: block; 
	border-bottom: 1px solid navy; 
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 20px;
}

.menuvertical a:hover {
	color: white;
	background: navy; 
	/* text-decoration: underline; */
	padding: 6px 0px 3px 10px;	
	border-bottom: solid 3px #0072ff;
}


.sousmenuvertical a {
	/* color: #0072ff; /* white;  */
	background-color: #EDEDED; /*#E7EDF5; /* #ddd; */
	text-decoration: none;
	/* font-weight: bold; */
	text-align: left;
	padding: 6px 0px 5px 10px;
	display: block; 
	border-bottom: 1px solid navy; 
	margin-left: 15px;
	margin-right: 15px;
}

.sousmenuvertical a:hover {
	color: white;
	background: navy; 
	/* text-decoration: underline; */
	padding: 6px 0px 3px 10px;	
	border-bottom: solid 3px  #FF8C00; /* #0072ff; */
}


.menuhorizontal a {
	color: #0072ff; /* white; */
	background: transparent; 
	text-decoration: none;
	font-weight: bold;
	padding: 2px 8px 3px 8px;
	border-left: solid 3px transparent;	
}


.menuhorizontal a:hover {
	background: navy; 
	color: white;
	/* text-decoration: underline; */
	border-left: solid 3px #0072ff;
}



/*=================================================================*/
/* Menu déroulant (old version)                                    */
/*=================================================================*/


div.MenuThemes {
	white-space: nowrap; 	/* IE */
	float: left; 
	width: 35em;
	border: none;
	color: black;
	/* background: rgb(225,225,225); */
	position: absolute;
	right: 80px;
	padding: 0px; 
	margin: 0px; 	
}


.MenuThemes ul {
	list-style-type: none; 
	padding: 0px; 
	margin: 0px; 
}


.MenuThemes ul li {
	float: left;
	z-index: auto;
	background: rgb(225,225,225);
	padding: 0px; 
	margin: 0px;
}


.MenuThemes ul li a {
	float: none;
	display: block;
	height: 2.8em; 
	line-height: 2.8em; 
	padding: 0em 0.8em 0em 0.8em; /* 0px 16px 0px 16px;  */
	text-decoration: none;
	font-weight: bold;
	color: rgb(100,100,100);
}


.MenuThemes ul li ul {
	display: none;
	border: none;
	padding: 0px; 
	margin: 0px; 	
}


.MenuThemes ul li:hover {
	position: relative; 	
	padding: 0px; 
	margin: 0px;
}


.MenuThemes ul li:hover a {
	background-color: rgb(210,210,210);
	text-decoration: none;
}


.MenuThemes ul li:hover ul {
	display: block;
	width: 22em;
	position: absolute;
	z-index: 999;
	top: 2.8em;
	margin-top: 0em;
	left: 0px;
}


.MenuThemes ul li:hover ul li a {
	white-space: normal;
	display: block;
	width: 22em; 
	line-height: 1.3em;
	margin-left: 0px;
	padding: 0.5em 1em 0.5em 2em; /* 4px 16px 4px 16px; */
	border-bottom: solid 1px rgb(165,175,175);
	background-color: rgb(237,237,237);
	font-weight: bold;
	color: rgb(50,50,50);
}


.MenuThemes ul li:hover ul li a:hover {
	background-color: navy; /* rgb(210,210,210); */
	text-decoration: none;
	font-weight: bold;
	color: white;
}


/*=================================================================*/
/*=================================================================*/