/*=================================================================*/
/* CCS2 webacous.css - site web http://acoustique.ec-lyon.fr       */
/* kristof - May 2009                                              */
/*=================================================================*/



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

* {
	font-family: verdana, Helvetica, Arial, "Trebuchet MS", trebuchet, tahoma, georgia, sans-serif;
	font-size: 11px; 
}

div.menuleft {display: none;}
div.menuleftuk {display: none;}
div.pied {display: none;}
div.flags {display: none;}
div.bandeau {display: none;}
div.bandeau_CA {display: none;}
div.bandeau_lmfa {display: none;}
div.bandeau_lmfa_menu {display: none;}

div.menutop {display: none;}
div.menutopuk {display: none;}

div.space {display: none;}



* {margin: 0px; padding: 0px;}
* img {border: 0px;}


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

* body {
	background: white; 
	color: black;
	width: 100%;
}



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


div.containerbis {
	background: white; 
	color: black;
	width: 100%;
}


div.note {
	background: white; 
	color: black;
	width: 100%;
}


div.page { 
	background: white; 
	color: black;
	width: 100%;
}

div.pagemag { 
	background: white; 
	color: black;
	width: 100%;
}


div.pagebis { 
	background: white; 
	color: black;
	width: 100%;
}





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


.rouge      {color: red;}
.navy       {color: navy;}
.bleulight  {color: #0072ff;}
.bleu       {color: #0072ff;}
/* .bleu       {color: blue;} */
.orange     {color: #FF8C00;}

.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: 12px; padding: 2px 0px 2px 0px;}
* h2  {font-size: 11px; padding: 2px 0px 2px 0px;}
* h3  {font-size: 10px; padding: 2px 0px 2px 0px;}
* h4  {font-size: 9px; padding: 2px 0px 2px 0px;}
* h5  {font-size: 8px; padding: 2px 0px 2px 0px;}
* h6  {font-size: 7px; padding: 2px 0px 2px 0px;}

.fs1  {font-size: 12px;}
.fs2  {font-size: 11px;}
.fs3  {font-size: 10px;}
.fs4  {font-size: 9px;}
.fs5  {font-size: 8px;}
.fs6  {font-size: 7px;}


div.news {
	width: 90%;
	/* height: 310px; */
	padding-top: 60px;
	padding-bottom: 60px;
}

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;}

.logo {display: none;}

img.puce  {float: left; margin: 3px 3px 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.7em;}
li.type3  {padding-top: 7px; padding-bottom: 7px; 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;}

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: 655px; 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 15px 5px 15px; 
        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;
}



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;
}


.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;
}

.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: #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;
}




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: 26px; font-weight: bold; color: navy;}
h2.opt  {font-size: 18px; font-weight: bold; color: navy;}
h3.opt  {font-size: 14px; 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: 26px; font-style: italic; color: black;}
h2.it  {font-size: 18px; font-style: italic; color: black;}
h3.it  {font-size: 14px; 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: 26px; font-weight: bold; font-style: italic;}
span.ith2  {font-size: 18px; font-weight: bold; font-style: italic;}
span.ith3  {font-size: 14px; 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: 26px; font-weight: bold;}
span.nh2  {font-size: 18px; font-weight: bold;}
span.nh3  {font-size: 14px; 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: 26px; font-weight: bold; color: blue;}
span.th2  {font-size: 18px; font-weight: bold; color: blue;}
span.th3  {font-size: 14px; 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 {color: black; text-decoration: underline; font-weight: bold;}
a.acous:visited {color: black; text-decoration: underline; font-weight: bold;}
a.acous:active {color: black; text-decoration: underline; font-weight: bold;}
a.acous:hover {color: blue; text-decoration: underline; font-weight: bold;}

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

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

a.light:link {color: black; text-decoration: underline;}
a.light:visited {color: black; text-decoration: underline;}
a.light:active {color: black; text-decoration: underline;}
a.light:hover {color: blue; text-decoration: underline;}

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;}

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