/*<group=Basic Styles>*/

* {
  margin: 0;
  padding: 0;
}

html {  
   background-color: #2770CF;
}

body {
  font-family: arial;
  font-size: 17;
  color: #000000;
  text-align: center;
}

a img {
  border: none;
}

a {
  color: #3C9D46;
  text-decoration: none;
  font-weight: bold;
}

a:hover {
  color: #9EDE88;
}

.hide {
  display: none;
}

ul {
  list-style: bullet;
}

li {
  margin: 0 0 7px 0;
  padding: 0;
}

/*</group>*/

/*<group=Global layout and styling>*/

#MainFrame {
  margin: 10px auto;
  min-width: 600px;
  width: 90%;
  min-height: 485px;
  border: 5px solid #FFF;
  background-color: #FFF;
  text-align: left;
  padding: 0;
}

#MiniFrame {
  margin: 10px auto;
  width: 90%;
  border: 5px solid #FFF;
  background-color: #FFF;
  text-align: left;
  padding: 0;
}

#LeLogo {
  height: 125px;
  margin-bottom: 5px;
  float: left;
  padding: 0;
  margin-right: 5px;
  border: 0;
}

#Titre {
  margin-left: 50px;
  height: 125px;
  margin-bottom: 5px;
  font-family: "arial black";
  font-size: 1.6em;
  color: #000000;
  text-align: center;
}

#Titre h1 {
  font-size: 0.8em;
  font-family: arial;
  font-style: italic;
}

#LePied {
  height: 21px;
  text-align: center;
  font-family: arial;
  font-size: 11;
  color: #FFFFFF;
}

#MainContent {
  margin-left:160px;
  list-style-position: inside;
}

.Content h1 {
  text-align: center;
  color: #2770CF;
  display: block;
  font-size: 1.4em;
  margin-top:  10px;
}

.Content h2 {
  text-align: center;
  color: #3C9D46;
  display: block;
  font-size: 1.0em;
}

#LeBleu {
  color: #2770CF;
  font-size: 1.0em;
  font-family: "arial black";
}

#Leftish {
  float: left;
  width: 300px;
  text-align: left;
  font-family: arial;
  font-size: 15;
  color: #000000;
}

#center {
  text-align: center;
}

#infobox {
width: 550px;
padding: 4px;
margin:0 auto;
text-align: center;
border-style: solid;
border-width: 2px;
border-color: #3C9D46;
background-color: #CBE5CE;
}

#sideimage {
  margin-left: 500px;
  height: 400px;
  margin-bottom: 5px;
  text-align: right;	
  float: right;
  overflow: visible;
}


#infobox a:hover{
color: #267CCF;
}

.LeftSidebar {
  width: 150px;
  padding: 0;
  float: left;
  margin-right: 5px;
  display: inline;
  overflow: hidden;
  border: 0;
}


#ex-left {
  float: left;
  width: 280px;
  text-align: right;
  padding: 4px;
}

#ex-right {
  width: 280px;
  text-align: left;
  padding: 4px;
}



/*</group>*/

/*<group=Menu>*/

/* 
  Note: the menu styles are quite complicated. Since IE does 
  not support child selectors, all styles from the top levels
  have to be overridden for lower levels, with higher specificity.
*/

#Menu {
  width: 150px;
  margin-bottom: 5px;
}

#Menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

#Menu li {
  border-top: 1px solid #FFF;
  border-bottom: none;
  padding: 0;
  margin: 0;
  display: block;
}

#Menu li a {
  /* Fixes gap between list elements in IE */
  vertical-align: bottom;
  _height: 1%;
  display: block;
  background: #000000;
  margin: 0;
  padding: 4px 4px 4px 24px;  
  color: #FFF;
  font-size: 0.9em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

#Menu li a:hover {
  background-color: #267CCF;  
}
 
#Menu li.current li a,
#Menu li li a {
  text-transform: none;
  padding: 4px 4px 4px 19px;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 0.9em;
  background: #3C9D46
}

#Menu li li.current a,
#Menu li.current li a:hover,
#Menu li li a:hover {
  color: #000000;
  background: #9EDE88;
}

#Menu li li li {
    border-top: 1px dotted #003300;
}

#Menu>ul>li>ul>li>ul>li:first-child {
  border-top: 1px transparent;
}

#Menu li li li a, 
#Menu li.current li li a,
#Menu li li.current li a,
#Menu li li li.current a {
  padding: 4px 4px 4px 24px;
  background: #D3FBCA;
  color: #003300;
 }

#Menu li.current li li a:hover,
#Menu li li li a:hover {
  background: #D3FBCA;
  color: #FF6600;
}

#Menu li li li li a,
#Menu li.current li li li a,
#Menu li li.current li li a,
#Menu li li li.current li a {
  background: #000000;
  color: #003300;
}

#Menu li.current li li li a:hover,
#Menu li li li li a:hover {
  background:  #000000;
  color: #FF6600;
}

#Menu li li li li li {
  border:  none;
}

#Menu li.current li li li li a {
  background-color: #000;
  background-image: none;
  color: #FFFFFF;
}

#Menu li.current li li li li a:hover {
  background-image: none;
  color: #FF6600;
}