/***************************************************
********Réalisé par Cyril CHANIAUD, PIXEL-IT********
***************************************************/

@import url(reset.css);

strong {
  font-weight: 900;
}
em {
  font-style: italic;
}
sup {
  font-size: 0.7em;
  vertical-align: super;
}
abbr, acronym {
  cursor: help;
  border-bottom: 1px dotted #4a4a4a;
  text-transform: uppercase;
}
label {
  cursor: pointer;
}
.clear{
  clear:both;
}

/* Partout */

h2{
  font-family: Georgia, Palatino, 'Palatino Linotype', 'Times New Roman', Times, Sylfaen, serif;
}

/* fin de partout */

html, body{
  height:100%;
  font-size: 100%;
}

body{
  background: #F3FBFE url(bg_page.jpg) repeat-x left top;
  font-family:  verdana, arial, helvetica, tahoma, 'Lucida Sans', 'Bitstream Vera sans', Calibri, 'Trebuchet MS', sans-serif;
  font-size: .8em;
  text-align: center;
}

#tout{
  width: 1000px;
  margin: 0 auto;
  min-height: 100%; /* For Modern Browsers */
  height: auto !important; /* For Modern Browsers */
  height: 100%; /* For IE */
  position: relative;
}

#evitement {
  float: left;
  width: 760px;
  padding: 0 0 0 5px;
}
#evitement ul{
  text-align: left;
}

#evitement ul li{
  display: inline;
  color: white;
  font-size: 1.2em;
}

#evitement ul li a{
  color: white;
}

#header{
  padding: 15px 0 0 0;
  width: 1000px;
  background: transparent url(bg_top.jpg) no-repeat top;
  clear: both;
  text-align:center;
}

#header h1 {
	
  display: block;
  /*background: transparent url(logo.jpg) no-repeat center center;*/
  /*border: 0;*/
  width: 1000px;
  height: 80px;
  
}
#h1depart{

font-size:150%;

}

#header h1 a {
	margin: 10 auto;
	line-height:40px;
	color:#b07324;
	text-align:center;
	font-family:Georgia,Palatino,'Palatino Linotype','Times New Roman',Times,Sylfaen,serif;
	font-size:180%;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
  display: block;
  /*text-indent: -5000em;*/
  width: 1000px;
  height: 80px;
}

#header #dossard{
  position: relative;
  width: 434px;
  height: 237px;
  float: right;
  background: transparent url(bg_dossard.jpg) no-repeat left top;
  padding: 29px 16px 14px 20px;
}

#header #dossard h2{
  color: #247fb0;
  font-size:2.5em;
  text-align: center;
  font-weight: bolder;
  font-family:  verdana, arial, helvetica, tahoma, 'Lucida Sans', 'Bitstream Vera sans', Calibri, 'Trebuchet MS', sans-serif;
}

#header #dossard p{
  color: #247fb0;
  font-size:1.4em;
  text-align: center;
  font-weight: bolder;
}

#header #dossard h2.date{
  color: #CCCCCC;
  font-size:4em;
  line-height:100px;
  text-align: center;
}

#header #dossard ul.kms{
  position: absolute;
  top: 185px;
  left:20px;
  width: 434px;
  background: transparent url(hr_dossard.jpg) no-repeat center bottom;
  padding-bottom:10px;
}

#header #dossard ul.kms li{
  display: block;
  width: 108px;
  float:left;
  color: #247fb0;
  font-size:1.5em;
  font-weight: bold;
}

#header #dossard h2.titre_page{
  position: absolute;
  top: 220px;
  left: 20px;
  font-size: 2em;
  text-align: center;
  width: 434px;
}

/* Menu */

#menu{
  width: 990px;
  z-index: 110;
  padding: 0 5px;
  height: 40px;
  clear: both;
  background: transparent url(bg_menu.jpg) no-repeat left top;
}

#menu ul.first{
  z-index: 110;
}

#menu ul.first li.first, #menu ul.first li.firstopen {
  display: block;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
}

#menu ul.first li.first a, #menu ul.first li.firstopen a {
  height: 40px;
  line-height: 40px;
  font-family: Georgia, Palatino, 'Palatino Linotype', 'Times New Roman', Times, Sylfaen, serif;
  color: #b07324;
  font-style: italic;
  text-align: center;
  /*width: 165px;
  font-size: 1.2em;*/
  font-size: 1em;
  font-weight: 900;
  margin: 0;
  padding: 0 10px;
}

#menu ul.first li.first a:hover, #menu ul.first li.first:hover a, #menu ul.first li.firstopen a:hover{
  color: #494949;
  font-style: italic;
  z-index: 110;
}

#menu ul.first li.first ul.second{
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 1000;
  display: none;
  z-index: 110;
}

#menu ul.first li ul.second {
  background: transparent url(bottom_sous-menu.png) no-repeat left bottom;
  min-width: 165px;
  width: 165px;
  display: block;
  text-align: left;
  padding-bottom: 10px;
  z-index: 110;
}

#menu ul.first li.first ul.second li.second,#menu ul.first li ul.second li.second{
  min-width: 165px;
  z-index: 110;
}

#menu ul.first li.first ul.second li.second a,#menu ul.first li ul.second li.second a{
  background: white;
  min-width: 159px;
  width: 159px;
  font-family:  verdana, arial, helvetica, tahoma, 'Lucida Sans', 'Bitstream Vera sans', Calibri, 'Trebuchet MS', sans-serif;
  font-size: 1em;
  display: block;
  height: 1%;
  line-height: 20px;
  color: #247fb0;
  font-weight: normal;
  padding: 3px;
  text-align: left;
  font-style: normal;
  z-index: 110;
}

#menu ul.first li.first ul.second li.second a:hover,#menu ul.first li ul.second li.second a:hover{
  background-color: #d3e7f2;
}
/*
#menu ul.first li.first ul.second li.second h3,#menu ul.first li ul.second li.second h3{
  font-size:12px;
}*/

#menu ul.first li.first:hover ul.second{
  display: block;
    margin: 0;
  z-index: 110;
  opacity: 0.95;
  -moz-opacity: 0.95;
  filter: alpha(opacity=95);
}

#menu ul.first li.first:hover ul.second li.second{
  display: block;
    margin: 0;
  z-index: 110;
}

#menu .margtop10{
  margin-top: 10px;
  display: block;
}

/* Contenu */

#contenu{
  margin: 10px 0 0 0;
  width: 1000px;
  height: 100%;
  z-index: 0 !important;
}
#contenu:after {
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

/* Centre */

#centre {
  width: 800px;
  float: left;
  text-align: left;
  height: 100%;
  padding: 0 0 70px 0;
  z-index: 0 !important;
}

#centre #top_maxibox{
  background: transparent url(top_maxibox.png) no-repeat top left;
  height: 15px;
  _background: transparent url(none) ;
  z-index: 0 !important;
}

#centre #bg_maxibox{
  background: transparent url(bg_maxibox.png) repeat-y left top;
  padding: 5px 15px 5px 15px;
  _padding: 10px;
  _margin: 10px;
  _margin-top: 0px;
  _background: #ffffff url(none) ;
  z-index: 0 !important;
}

#centre #bg_maxibox .hr{
  height: 11px;
  background: transparent url(hr.jpg) no-repeat center center;
  margin: 30px 10px 30px 10px;
  z-index: 0 !important;
  clear:both;
}

#centre #bg_maxibox .hr hr{
  display: none;
}

#centre #maxibox{
  background: transparent url(bottom_maxibox.png) no-repeat left bottom;
  padding-bottom: 20px;
  _background: transparent url(none) ;
  _padding-bottom: 0px;
  z-index: 0 !important;
}

#centre #maxibox img{
  background-color: #EEEEEE;
  border: 1px #DDDDDD solid;
  display: inline;
  z-index: 0 !important;
  margin:5px;
}

#centre #maxibox img.float{
  background-color: #EEEEEE;
  border: 1px #DDDDDD solid;
  float: right;
  padding: 10px;
  margin: 10px 5px 10px 10px;
  z-index: 0 !important;
}

#centre #bottom_maxibox{
  margin: 0px;
  padding: 0px;
  z-index: 0 !important;
}

#centre h2{
  color: #b07324 !important;
  font-size: 1.9em;
  font-style: italic;
  margin-bottom: 20px;
  border-bottom: 1px solid #b07324 !important;
  font-weight: bold;
  z-index: 0 !important;
}

#centre h2 a, #centre h3 a{
  color: #b07324 !important;
  margin:0;
  padding:0;
  text-decoration:none;
}

#centre h3 !important{
  color: #b07324;
  font-size: 1.5em;
  font-style: italic;
  margin: 10px;
  border-bottom: 1px solid #b07324;
  z-index: 0 !important;
}

#centre p{
  color: #161616;
  font-size: 1em;
  margin-bottom: 20px;
  text-align: justify;
  z-index: 0 !important;
}

#centre ul li input,#centre ul li select,#centre form ul li textarea{
  color: #b07324;
  font-size: 1em;
  border: 1px solid #91bfd7;
  display: block;
  height: 18px;
  width: 378px;
  z-index: 0 !important;
}

#centre form ul li textarea{
  height: 180px;
  font-size: 12px;
  z-index: 0 !important;
}

#centre form ul li input[type=submit]{
  background: #ffffff url(fd_submit.jpg) repeat-x left top;
  width: 380px;
  font-weight: bold;
  padding: 0px;
  z-index: 0 !important;
}

#centre form ul li label{
  width: 380px;
  display: block;
  color: #247fb0;
  z-index: 0 !important;
}

#centre form ul li{
  width: 380px;
  display: block;
  text-align: left;
  font-variant: small-caps;
  margin-bottom: 5px;
  z-index: 0 !important;
}

#centre form ul{
  padding: 0px;
  margin: 0px;
  display: block;
  z-index: 0 !important;
}

#centre a{
  color: #247fb0;
  margin: 2px;
  z-index: 0 !important;
}

/* Droite */

#droite{
  width: 200px;
  float: left;
  background: transparent url(fd_right_top.gif) no-repeat right top;
  padding: 15px 0 70px 0;
}

* html #droite {
  overflow: hidden; 
}
#droite img{
  margin: 5px;
}

#droite .minibox{
  background: transparent url(top_minibox.png) no-repeat right top;
  min-height: 30px;
  padding-top:10px;
  _background: #ffffff url(none);
  _padding: 0;
}

#droite .top_minibox{
  background: transparent url(bg_minibox.png) repeat-y right top;
  min-height: 30px;
  _background: #ffffff url(none);
  padding: 10px;
  padding-top: 0;
  _padding-top: 5px;
}

#droite .top_minibox h2{
  color: #b07324;
  font-size: 1.2em;
  font-style: italic;
  margin-bottom: 5px;
  border-bottom: 1px solid #b07324;
  font-weight: bold;
}

#droite .top_minibox form ul li input,#droite .top_minibox form ul li select, #droite .top_minibox form ul li textarea{
  color: #b07324;
  font-size: 1em;
  border: 1px solid #91bfd7;
  display: block;
  height: 18px;
  width: 178px;
}

#droite .top_minibox form ul li input[type=submit]{
  background: #ffffff url(fd_submit.jpg) repeat-x left top;
  width: 180px;
  font-weight: bold;
  padding: 0px;
}

#droite .top_minibox form ul li label{
  width: 180px;
  display: block;
  color: #247fb0;
}

#droite .top_minibox form ul li{
  width: 180px;
  display: block;
  text-align: left;
  font-variant: small-caps;
  margin-bottom: 5px;
}

#droite .top_minibox form ul{
  padding: 0px;
  margin: 0px;
  display: block;
}
ul.liens li {
  margin: 0 0 3px 0 !important;
  margin: 0 0 1px 0;
}
ul#linkage, ul#linkage.innerfade{
	height:150px;
	width:170px;
	padding:0 !important;
}
ul#linkage li{
	height:150px;
	width:170px;
	padding:0 !important;
	top:0;
	left:0;
}

ul#linkage li img{
	padding:0 !important;
}
#droite .top_minibox ul.liens li a {
  font-family: Georgia, Palatino, 'Palatino Linotype', 'Times New Roman', Times, Sylfaen, serif;
  text-decoration: none;
  width: 170px;
  display: block;
  text-align: left;
  font-variant: normal;
  padding: 0 0 0 10px;
  background: transparent url(puce_liste_liens.gif) no-repeat 3px center;
  font-size: 0.9em;
  height: 0.9em;
  color: #247fb0;
}

#droite .top_minibox ul.liens li a:hover{
  background: transparent url(puce_liste_liens.gif) no-repeat 5px center;
  font-size: 0.9em;
  height: 0.9em;
}

#droite .bottom_minibox{
  background: transparent url(bottom_minibox.png) no-repeat right bottom;
  _background: #ffffff url(none);
  height: 10px;
}

#container_footer{
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
}

#footer{
  width: 1000px;
  clear: both;
  height: 50px;
  padding: 10px 0 0 0;
  margin: 0 auto;
  background: transparent url(bg_footer.jpg) repeat-x bottom left;
}


.afterfloat:after{
	clear:both !important;
	height:0 !important;
}


ul.listefolder .folder{
	padding-left:20px;
}

ul.listefolder li{
	cursor: default;
}

ul.listefolder img{
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	background-color: transparent !important;
}

a{
	cursor:pointer;
}