/*
fait par: Thierry Vigneau
le: 23/04/2009

modifie par:
le:
*/


/* - - - GLOBAL - - - */

/* style wysiwyg */
p, ol, li, dd, table {
	margin: 9px 0 9px 0;
	font-size: 1em; text-align: left;
  }

a { color: #3E606F; text-decoration: underline; }
a:hover { color: #3E606F; text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
	margin: 11px 0 5px 0; padding: 0;
	color: rgb(78,109,149);	background-color: transparent;
  text-align: left; font-weight: bold;
  }

h1 { 
	font-size: 24px;
	color: #3E606F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	border-bottom:2px solid #D1DBBD;
	/*width:470px;*/
	width:95%; /* largeur variable */
	font-weight: normal;
}
h2 { font-size: 16px; color: #3E606F; font-weight:normal; }
h3 { font-size: 14px; color:#91AA9D; font-weight:bold; }
h4, h5, h6 {font-size: 13px; color:#000000; font-weight:bold; }

small { font-size: 0.9em !important; }
big { font-size: 1.1em !important; }

label { cursor: pointer; }
acronym { cursor: help; }

ul {
	margin: 11px 0 11px 0; padding-left: 18px;
  }
li {
	margin: 3px 0 3px 0;
  }

tr, td {
	vertical-align: top;
  }
td, th {
	text-align: left;
  }

fieldset {
  margin: 13px 0 13px 0; padding: 0 10px 10px 10px;
  }
legend {
  margin-bottom: 10px;
  color: rgb(102,102,102); font-weight: bold;
  }

img {
	border: 0;
  }

hr {
	height: 1px; margin: 0 0 10px 0;
	background: rgb(204,204,204); color: rgb(204,204,204);
	border: 0;
  }

form {
	margin: 0; padding: 0;
  }

.Indentation { text-indent: 15px; }
.TexteEnPetit { font-size: 0.85em; }
.TexteEnGrand { font-size: 1.15em; }
.PremiereLettreMotEnMaj { text-transform: capitalize; }
.TexteEnMajuscules { text-transform: uppercase; }
.TexteEnMinuscules { text-transform: lowercase; }
.TexteEnPetitesCapitales { font-variant: small-caps; }

.TexteDroite { text-align: right; }
.TexteGauche { text-align: left; }
.TexteCentre { text-align: center; }

.ImageDroite { float: right; margin: 5px 0 5px 8px; }
.ImageGauche { float: left; margin: 5px 8px 5px 0; }

.CouleurRouge { color: red; }
.CouleurBleufonce { color: #3E606F; }
.CouleurGris-bleu { color:#91AA9D; }
.CouleurGris { color: #696969; }

/* - - - */


/* autres */
.clear {
  clear: both; height: 0; font-size: 0;
  /* display: block; visibility: hidden; margin: 0; padding: 0; */
  }

.succes { color: rgb(0,102,51); }
.error { color: rgb(204,0,0); }

.listdisc { list-style-type: disc; }
.listcircle { list-style-type: circle; }
.listsquare { list-style-type: square; }
.listdecimal { list-style-type: decimal; }
.listlr { list-style-type: lower-roman; }
.listla { list-style-type: lower-alpha; }
.listua { list-style-type: upper-alpha; }
.listnone { list-style-type: none; }


.btretour {
  margin-top: 25px;
  }
.btretour a, .btretour a:hover {
  font-family: verdana; letter-spacing: -1px; color: rgb(153,0,0); border-bottom: 2px solid rgb(225,225,225); text-decoration: none;
  }
.btretour a:hover {
  border-color: rgb(204,204,204);
  }
/* - - - */

/* - - - - - - */


/* - - - STRUCTURE - - - */
body {
  padding: 0; 
  margin:0;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  background-color:#193441;
  }

  #page {
    /*position: relative; margin: 0 auto; width: 90%;*/ 
    position: absolute; margin: 0 5%; width: 90%; /* largeur variable */
	min-width:980px;
	max-width:1200px; /* largeur variable */
    }

    #imgtop {
    	height: 12px;
    	background: transparent url(../images/bkgTopWhite.gif) 0 0 no-repeat;
      font-size: 0; /* bogue IE6 */
      }

    #entete {
    	height: 161px;
		position: relative;
    	background: transparent url(../images/entete.jpg) 0 0 no-repeat;
		float:left;
		z-index:100;
		width:100%; /* largeur variable */
		min-width:980px;
      }
	  #logo {
		float:left;
      }

      #entete .logo {
      	float:left;
		margin:0;
		padding:0;
        }
   #entete .onglet {
	   margin:25px 0 0 120px;
    	height: 96px;
    	background: transparent url(../images/entete-onglet.gif) 0 0 no-repeat;
		width:310px;
		float:left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#D1DBBD;
      }
    #menunav {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		text-transform:uppercase;
		color:#FCFFF5;
		float:left;
		clear:both;
		height: 36px;
		line-height:36px;
		background:#3E606F;
		border-bottom:2px solid #D1DBBD;
		border-top:2px solid #D1DBBD;
		/*width:980px;*/
		width:100%; /* largeur variable */
		min-width:980px;
		z-index:1000;
      }

      /*#menunav ul {
      	height: 46px; display: block; margin: 0; padding: 0 0 0 20px; 
		list-style: none;
        text-align: center;
      	}
      #menunav ul li {
      	float: left;
		margin: 0;
		padding:0 16px 0 16px;
		list-style: none;
		color:#FCFFF5;
      	}
      #menunav ul a {
        display: block; margin: 0; padding:0;
        text-decoration: none; text-align: center;
		color:#FCFFF5;
      	}
      #menunav ul a:hover{
        display: block; margin: 0; padding: 0;
      	text-decoration: none; text-align: center;
		color:#FCFFF5;
      	}
*/

    #contenu {
      float: left;
	  /*width: 980px;*/
	  width:100%; /* largeur variable */
      min-width:980px;
      background:#FCFFF5 url(../images/contenu-degrade.gif) 0 0 repeat-x;
      }

      #partie-gauche {
        width: 200px;
		float: left;
		margin: 0;
		padding: 0;
		background:#D1DBBD;
        }


          ul#sous-menu-page {
          	margin: 18px 5px 26px 5px;
			padding: 0;
          	text-align: left; list-style: none;
            }
          ul#sous-menu-page li {
          	margin: 0;
			padding: 0; 
          	background: url(../images/ssmenu-off.gif) 4px 3px no-repeat;
			color:#3E606F;
			height:30px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:13px;
            }
          ul#sous-menu-page li.active {
            }
          ul#sous-menu-page li a {
          	margin: 0;
			padding: 8px 0 0 10px;
          	text-decoration: none;
			color:#3E606F;
			float:left;
			width:180px;
			height:22px;
            }
          ul#sous-menu-page li a:hover {
			color:#FCFFF5;
          	background: #91AA9D url(../images/ssmenu-actif.gif) 4px 3px no-repeat;
		  	text-decoration: none; }
          ul#sous-menu-page li.active a {
          	background: #91AA9D url(../images/ssmenu-actif.gif) 4px 3px no-repeat;
			color:#3E606F;
            }
          /*ul#sous-menu-page li ul {
          	margin: 0; padding: 0; list-style: none;
          	background-color: rgb(229,238,244);
            }
          ul#sous-menu-page li ul li {
          	margin: 0; padding: 10px 4px 4px 20px;
          	background: rgb(229,238,244) url(../images/ssnavBkg_off.gif) -8px 0 no-repeat;
            }
          ul#sous-menu-page li ul li a {
          	font-weight: normal;
            }
          ul#sous-menu-page li ul li.active {
          	background: rgb(222,234,242) url(../images/ssnavBkg_hr.gif) -8px 0 no-repeat;
            }
          ul#sous-menu-page li.active ul li a {
          	color: rgb(0,113,174);
          	font-weight: normal;
            }
          ul#sous-menu-page li.active ul li.active a {
          	color: rgb(0,75,116);
          	font-weight: bold;
            }*/

      #centre {
        float: right;
		/*width:720px;*/
		width:95%;  /* largeur variable */
		position: relative;
        margin: 0; padding: 0px;
        }
		#centre p {
			line-height:1.4em;
		}
		#centre ul {
			padding:0 0 0 10px;
		}
		#centre li {
			background:transparent url(../images/puce-ronde.gif) no-repeat 0 3px;
			padding:0 0 0 16px;
			list-style:none;
		}
		#centre li ul li {
			background:transparent url(../images/puce-simple.gif) no-repeat 0 3px;
			padding:0 0 0 16px;
			list-style:none;
		}
		#centre #show li, #centre #show ul {
			background:none;
			padding:0;
			list-style:none;
		}
		#centre .bloc-acc-contenug ul {
			background:none;
			padding:0 0 0 20px;
			list-style:disc;
		}
		#centre .bloc-acc-contenug ul li {
			background:none;
			padding:0;
			list-style:disc;
		}
      #centre-plein {
        margin: 0; padding: 0;
        }
      #centre-plein.padding {
       padding: 10px 10px 0 10px;
        }

    #pied-de-page {
      float: left; width: 100%;
      
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-style:normal;
		color:#3E606F;
		
	background:url(../images/footer-bg.gif) repeat-x;
	height:113px;
      }
	  
	.adress {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-style:normal;
		color:#3E606F;
		width:155px;
		height:70px;
		float:left;
		margin:40px 0 0 24px;
		border-right:1px solid #3E606F;
		text-align:left;
	}
	.footer-menu {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		font-style:normal;
		color:#3E606F;
		float:left;
	}
	.footer-logos {
		float:right;
		margin:5px 0 0 0;
	}
	.footer-logos img {
		margin:0 0 0 15px;
		bottom:0;
	}

    #pied-de-page #siteinfo {
      margin: 40px 0 0 10px; padding: 0 0 10px 0; list-style-type: none;
      }
      #pied-de-page #siteinfo li {
        margin: 0 0 0 8px; padding: 2px 0 0 8px; 
        background: transparent url(../images/ssmenu-off.gif) no-repeat 0 -5px;
        }
    

    #pied-de-page .linksitemap, #pied-de-page .linksitemap:hover {
      margin: 3px 15px 0 0; display: block; float: left;
      color: rgb(210,210,210); text-decoration: none;
      }
    #pied-de-page .linksitemap:hover {
      font-weight: bold;
      }
/* - - - - - - */



/* - - - RECHERCHE - - - */
#bloc-recherche {
  margin: 8px 0 0 10px; padding: 0; float: left;
  text-align: left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#D1DBBD;
  width:300px;
  }
  #bloc-recherche form { /* fix extra spacing in IE PC */
    margin: 0; padding: 0;
    }
  div#bloc-recherche label {
    width: auto; margin: 0; padding: 0 4px 0 12px; display: inline; float: none;
    vertical-align: middle; border: 0;
    }
  div#bloc-recherche form label img {
    vertical-align: middle;
    }
  div#bloc-recherche .selectlang {
    width: 153px; margin: 0 0 5px 0; padding: 0;
    }
  div#bloc-recherche input#txtSearch {
    width: 185px; margin: 0; padding: 0;
    /*	border: 1px solid rgb(0,255,0); */
    }
  div#bloc-recherche .btnGo {
    margin: 0; padding: 0 0 3px 2px;
    border: 0; vertical-align: middle;
    }

/* résultats */
.searchlist {
  margin: 0 0; padding: 20px 10px 20px 10px;
  color: rgb(102,102,102); border-bottom: 1px solid rgb(230,230,230);
  }
.searchlist:hover {
  background-color: rgb(245,245,245);
  }
.searchlist a {
  font-weight: bold; color: rgb(0,102,102);
  }
.searchlist a:hover {
  color: rgb(0,102,153);
  }
/* - - - - - - */


/* - - - IDENTIFICATION - - - */
#bloc-identification {
  margin: 0 0 0 10px; padding: 0; float: left;
  text-align: left;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#D1DBBD;
  width:300px;
  }
  div#bloc-identification input#extra_login {
    width: 85px; margin: 0 0 5px 10px; padding: 0;
    }
  div#bloc-identification input#extra_pass {
    width: 85px; margin: 0 0 0 10px; padding: 0;
    }
  div#bloc-identification form label img {
    vertical-align: middle;
    }
  div#bloc-identification .btnGo {
    margin: 0 0 0 7px; padding: 0;
    border: 0; vertical-align: middle;
    }
  div#bloc-identification .btnEx {
    margin: 5px 0 0 2px; padding: 0 0 0 0;
    border: 0;
    }
  #bloc-identification form { /* fix extra spacing in IE PC */
    margin: 0; padding: 0;
    }
  div#bloc-identification label {
    width: auto; margin: 0; padding: 0 4px 0 12px;
    display: inline; float: none; vertical-align: middle;
    border: 0;
    }
/* - - - - - - */


/* - - - CHEMIN DE NAVIGATION - - - */
#cheminnav {
  margin: 15px 0 10px 25px;
  padding: 0;
  float: left;
  /*width: 955px;*/
  width:95%; /* largeur variable */
  list-style-type: none;
  color:#696969;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  }
  #cheminnav li {
    margin: 0 3px 0 0; padding: 0; float: left;
    }
  #cheminnav li span {
    margin: 0 3px 0 0; padding: 0; float: left;
    }
  #cheminnav li a, #cheminnav li a:hover {
    display: block; padding: 1px 2px; float: left;
  	color:#696969;
    font-size: 11px; text-decoration: none;
    }
  #cheminnav li a:hover {
    text-decoration:underline;
    }
/* - - - - - - */


/* - - - PAGINATION - - - */
#pagenav {
  margin-top: 20px; margin-bottom: 5px;
  color: rgb(204,204,153);
  }
  #pagenav a, #pagenav a:hover {
    padding: 0 5px;
    text-decoration: none; border: 1px solid rgb(204,204,204);
    background-color: rgb(235,235,235); color: rgb(51,51,51);
    }
  #pagenav a:hover {
    background-color: rgb(248,248,248); color: rgb(75,75,75);
    }
  #pagenav .select {
    font-weight: bold; color: rgb(255,0,0);
    }
/* - - - - - - */

/* - - - ACTUALITES - - - */
#actus {
	list-style:none;
	padding:0;
	margin: 0 0 0 10px;
}
#actus .actu-titre {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#193441;

}
.actu-img {
	float:left;
	margin:0 3px 3px 0;
	border:1px solid #9BB1A2;
}
.actu-img-droite {
	float:right;
	margin:0 0 4px 6px;
	border:1px solid #9BB1A2;
}
#actus .actu-contenu {
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
}

.actusrc {
	width:95%;
}
.actusrc h1, .actusrc h2, .actusrc h3, .actusrc h4, .actusrc h5, .actusrc h6 {
	width:100%;
}
.actucontent {
	text-align:justify;
	line-height:1.4em;
	float:left;
}
.sstitre {
	clear:both;
	color:#91AA9D;
	float:right;
	font-size:11px;
	font-weight:bold;
}
/* - - - - - - */


/* - - - FORMULAIRES - - - */
.moduleform label {
  width: 140px; line-height: 1.8em; float: right; text-align: right; cursor: pointer; padding: 0 5px;
  background-color: rgb(250,250,250); color: #000000;
  }
.moduleform .submitform {
  margin-left: 155px; width: 120px; height: 20px; padding: 0 0 4px 0;
  border: none; background: url(../images/fond_bouton.gif) 0 0 no-repeat;
  }
.moduleform .champsobligatoires {
  color: rgb(153,51,51);
  }
/* - - - - - - */


/* - - - GOOGLES MAPS - - - */
#gmaps {
  /* visibility: hidden; position: absolute; top: 3em; left: 5em; */ float: left; padding: 15px; margin: 20px 0;
  background-color: white; border: 1px solid rgb(215,215,215); background-color: rgb(235,235,235);
  text-align: right;
  }
#gmaps .close, #gmaps .close:hover {
  position: absolute; top: 3px; right: 3px; display: block; padding: 0 5px 1px 5px;
  font-size: 1.3em; text-decoration: none; font-weight: bold;
  }
#gmaps a:hover {
  background-color: #eb6d00; color: white;
  }
#gmaps #map {
  width: 500px; height: 350px;
  }
/* - - - - - - */


/* - - - PLAN DU SITE - - - */
#plandusite {
  margin: 0 0 0 30px;
  }
#plandusite li {
  }
#plandusite .plan_niveau_0 {
  margin-top: 15px; list-style-type: square; width: 90%;
  padding: 0 5px; background-image: none; background-color: rgb(245,245,245);
  }
#plandusite .plan_niveau_0 a { color: black; }
#plandusite .plan_niveau_1 {
  margin-top: 15px; margin-left: 15px; list-style-type: circle; width: 80%;
  padding: 0 5px; background-image: none; background-color: rgb(250,250,250);
  }
#plandusite .plan_niveau_2 {
  margin-top: 10px; margin-left: 25px; list-style-type: disc;
  padding: 0; background-image: none;
  }
#plandusite .plan_niveau_2 a { color: rgb(51,102,102); }
#plandusite .plan_niveau_3 {
  margin-top: 5px; margin-left: 35px;
  }
#plandusite .plan_niveau_3 a { color: rgb(153,102,102); }
/* - - - - - - */


/* - - - ACCUEIL - - - */
#visuel_accueil {
  padding: 0;
  margin: 0 0 0 0; 
  height: 317px;
  width:713px;
  float:left;
  background: transparent url(../images/accueil-img.jpg) 0 0 no-repeat;
  }
  #accueil_h1 {
	  float: left; 
	  padding: 0;
	  margin:10px 0 0 80px;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  font-size:30px;
	  color:#FCFFF5;
	  border:0 none;
  }
  #accueil_entete {
	  float: right; 
	  padding: 0;
	  margin:10px 200px 0 0;
	  width:280px;
	  text-align:right;
	  font-family:Verdana, Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  font-size:18px;
	  color:#FCFFF5;
  }
	#accueil_texte {
		  float: right; 
		  padding: 0;
		  margin:30px 195px 0 0;
		  width:200px;
		  text-align:right;
		  font-family:Verdana, Arial, Helvetica, sans-serif;
		  font-weight:bold;
		  font-size:12px;
		  color:#FCFFF5;
		  line-height:1.8em;
	  }
	  .bouton-acc-lettre {
			width:175px;
			height:30px;
			background:transparent url(../images/bouton_lettre.jpg) no-repeat 0 0;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:15px;
			padding:5px 0 0 30px;
			color:#FCFFF5;
		    margin:20px 0 0 0;
		    float: right; 
			font-weight:bold;
			text-align:left;
		}
		.bouton-acc-lettre a {
			color:#FCFFF5;
			text-decoration:none;
		}
		
#accueil_boite {
  float: right; width: 210px; padding: 50px 130px 0 0;
  }

/* blocs bas */
#listblocs {
  margin: 0 0 0 16px; padding: 10px 0 0 0	; clear: both;
  text-align: left;
  }
#listblocs div P {
  margin-left: 11px; margin-right: 11px; padding: 0 0 0 5px;
  }
#listblocs div ul {
  margin-left: 11px; margin-right: 11px; padding: 0 0 0 10px; height: 100%;
  list-style: none;
  }
#listblocs div ul li {
  margin: 0; padding: 0px 0px 3px 14px;
  background: transparent url(../images/iconArrowBlue.gif) 0px 6px no-repeat;
  }
#applications, #industries, #downloads, #latestnews {
  float: left; width: 223px; margin: 0 9px 0 0; padding: 0;
  background: white url(../images/bkgBoxBot.gif) 0 50px repeat-x;
  }
#applications, #industries, #downloads, #latestnews {
  width: 221px;
  }
#latestnews {
  width: 214px; margin: 0; padding: 0;
  }
/* - - - - - - */

.bloc-droite {
	width:225px;
	margin:0 12px 10px 12px;
}
.bloc-droite-titre {
	background:#D1DBBD url(../images/bloc-titre.gif) no-repeat;
	padding:6px 0 0 37px;
	height:23px;
	color:#FCFFF5;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.bloc-droite-contenu {
	background:#D1DBBD url(../images/bloc-bg.gif) repeat-x;
	padding:12px;
	color:#000000;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
input {
	border:1px solid #91AA9D;
}
textarea  {
	border:1px solid #91AA9D;
}

.bloc-acc-titre {
	background:#D1DBBD url(../images/grandbloc-titre.gif) no-repeat 0 0;
	width:647px;
	color:#FCFFF5;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	height:20px;
	padding:6px 0 0 37px;
	float:left;
	margin:15px 0 0 20px;
}
.bloc-acc-contenu {
	width:654px;
	background:#D1DBBD url(../images/bloc-bg.gif) repeat-x scroll 0 0;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding:15px;
	float:left;
	margin:0 0 0 20px;
}
.bloc-acc-contenug {
	width:45%;
	color:#3E606F;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	border-right:#3E606F 1px solid;
	padding:10px;
}
.bloc-acc-contenud {
	width:45%;
	color:#3E606F;
	font-size:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	padding:10px;
}
.clsbold {
  font-weight: bold;
}
.clsitalic {
  font-style: italic;
}
.clstitrenoirbold {
  font-size: large;
}
.clsBlackptMaj {
  font-variant: small-caps;
  font-weight: bold;
  font-size: 18px;
}
.clsblackbold {
  font-weight: bold;
}
.clsmaroonbold {
  color: maroon;
  font-weight: bold;
}
.clsMaroonBlink {
  color: maroon;
  font-size: 16px;
  text-decoration: blink;
  font-weight: inherit;
}
.clsmaroonboldpt {
  color: maroon;
  font-weight: bold;
  font-size: small;
}
.clsmaroonboldtm {
  color: maroon;
  font-weight: bold;
}
.clsnavy {
  color: navy;
  font-weight: bold;
}
.clsnavyboldtm {
  color: navy;
  font-weight: bold;
}
.clsteal {
  color: teal;
  font-weight: bold;
}
.clsTealBold {
  color: #3E606F;
  font-weight: bold;
}
.clsyellowbold {
  font-variant: small-caps;
  font-weight: bold;
}
.blocdroite {
  border-left: 1px solid black;
  width: 40%;
  padding-left: 20px;
  float: right;
}
.titrecenter {
  font-size: 18px;
  color: navy;
  font-weight: bold;
  text-align: center;
}
.titredroite {
  color: navy;
  font-size: 18px;
}
.clsTealBoldTM {
  color: #3E606F;
  font-weight: bold;
}
.clsRed {
  color: red;
}
.clsSouligne {
  text-decoration: underline;
}
.clsRedItalic {
  color: red;
  font-weight: bold;
}
.clsYellowBig {
  font-variant: small-caps;
  font-size: x-large;
  font-weight: bolder;
  color: #ffcc66;
}
.blocgauche {
  width: 55%;
}
.bloccolgauche {
  width: 35%;
}
.clsSmall {
  font-size: smaller;
}
.clsWhiteBold {
  color: white;
  font-weight: bold;
}
clsptmaj {
  font-variant: small-caps;
}
ul {position: relative; }