@charset "UTF-8";
/* CSS Document */

*{margin: 0; padding: 0;}
body {font-family: Arial, Helvetica, sans-serif;}
/*A, A:hover, A:link, A:visited {font-weight: normal;}*/

#branding {display: block; width: 40px; height: 40px; background:url(../images/logo.png) center center no-repeat; text-indent: -9999px;}
#copyright {font-size: 9px; width: 150px; margin-right: 0;}

#mainNav {display: block; clear: both; position: relative; padding:5px 0; background: #1B1A1B;}
#navList {list-style: none; width: 980px; margin: 0 auto; padding: 0; height: 50px;}
#navList A {display:block; color: #999; font-size: 12px; text-decoration: none; font-weight: normal;
			-webkit-transition: all 0.2s ease-in-out;
			-moz-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

#navList > LI {float: left; /*margin-right: 40px; */margin-right: 50px; margin-top: 5px;}
#navList > LI#branding {margin-top: 0;}
#navList > LI#lang {margin-right: 10px;}
#navList > LI#copyright {font-size: 8px; width: 150px; margin-right: 0;color: 
#666; padding: 10px 0;}

/* Selected and Hover Style */
#navList > LI.selected > UL {display: block;}
#navList LI.selected > A, #navList LI > A:hover {color: red;}
#navList LI > A:hover {-webkit-transform:translateY(-5px); -moz-transform:translateY(-5px);}
#navList LI.selected > A:hover {-webkit-transform:translateY(0px); -moz-transform:translateY(0px);}
#navList LI LI:hover > A {-webkit-transform:translateY(0px); -moz-transform:translateY(0px);}
#navList LI.bleuDeChine.selected > A, #navList LI.bleuDeChine > A:hover {color: #06F;}
#navList LI.bleuDeChine LI.selected > A, #navList LI.bleuDeChine LI > A:hover {color: #06F;}
/* Selected and Hover Style */

#navList > LI > UL {list-style: none; position: absolute; padding: 0; width: 270px; display: none;}
#navList > LI > UL > LI {display: block; float: left; margin-top: 5px;}
#navList > LI > UL > LI + LI {margin-left: 10px;}