/* Style de la page d'Index */

body, html {
  height: 100%;
  padding: 0;
  margin: 0;
}
body {
  background-color: #0F131F;
  background-image: url('images/header.jpg');
  background-position: right top;
  background-repeat: no-repeat;
  font-family: Calibri;
}



@font-face {
	font-family: "Centabel";
	src: url('centabel.ttf');
}
h1 {
  position: relative;
  font-size: 62px;
  font-family: Centabel, serif;
  font-weight: bold;
  margin: 20px 0 0 10px;
}
h2 {
  margin: 0 0 10px 0;
}
h3 {
  position: relative;
  font-size: 41px;
  font-family: Centabel, serif;
  letter-spacing: -1px;
  margin: 0 0 15px 147px;
}
h1 span, h3 span {  
  position: absolute;
  display: block;
  color: #FFFFFF;
  top: -1px;
  left: -2px;
}
h3 span {  
  color: #DDDDDD;
}
/*h3 span {
  font-size: 0.50em;
  font-family: serif;  
  margin: 0 0 0 5px;
}*/

img {
  border: none;
}


div.blocContent {
border:1px dotted transparent; /*#666*/
background-image: url(images/header_ombres.png);
background-position: top left;
background-repeat: repeat-y;
  position: relative;
  width: 800px; /*900-885*/
  min-height: 100%;
  padding: 0 0 0 35px;
  margin: 0 auto;  
  /*-moz-box-shadow: 5px 10px 15px #111;*/
}

ul.portraits_selectionneurs {
/*border:1px dotted #888;*/
  position: relative;
  list-style-type: none;
  color: #FFFFFF;
  padding: 20px 0 130px 0;
  margin: 0;
  z-index: 100;
}
ul.portraits_selectionneurs li {  
  float: left;
  display: block;
  background-image: url('images/bck_li.png');
  background-position: 0 0px;
  background-repeat: no-repeat;
  text-align: center;
  margin: 0 40px 15px 0;
}
ul.portraits_selectionneurs li:hover {  
  background-image: url('images/bck_li_hover.png');
  background-position: 0 0px;
  background-repeat: no-repeat;  
}

ul.portraits_selectionneurs li img {
  display: block;
}
ul.portraits_selectionneurs li a {
  text-decoration: none;
  text-shadow: 1px 1px 1px #000;
  color: #FFFFFF;
}
ul.portraits_selectionneurs li a:hover { color: #FF0000; font-weight: bold; text-shadow: 1px 1px 0 #000; }


div.texte_intro {
  background-image: url('images/bck_texte_index.png');
  background-position: top left;
  background-repeat: repeat-y;
  color: #EEEEEE;
  width: 724px; /*760*/
  padding: 0 18px;
  margin: 0;
}
div.texte_intro_top {
/*border:1px dotted #ffffff;*/
  clear: both;
  background-image: url('images/bck_texte_index_top.png');
  background-position: left;
  background-repeat: no-repeat;
  width: 760px;
  height: 0;
  padding: 10px 0px;
  margin: 0;
}
div.texte_intro_bottom {
/*border:1px dotted #ffffff;*/
  background-image: url('images/bck_texte_index_bottom.png');
  background-position: left;
  background-repeat: no-repeat;
  width: 760px;
  height: 0;
  padding: 10px 0px;
  margin: 0;
}

div.texte_intro a {
  color: #6699CC;
  text-decoration: none;
  border-bottom: 1px dotted #444444;
}
div.texte_intro a:hover { color: #FF3300; }


div#ie6 {
  background-color: #CC0000;
  font-family: Arial, verdana;
  color: #FFFFFF;
  width: 735px;
  padding: 5px 10px;
}
div#ie6 h2 {
  font-size: 15px;
}
div#ie6 h3 {
  font-family: Arial, verdana;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
}


/* PANCARTE */
div.pancarte a {
  position: absolute;
  display: block;
  background: transparent url(images/pancarte_message.png) left top no-repeat; 
  top: 0;
  width: 341px; /*540*/
  height: 104px;
  margin: 167px 0 0 -183px;
  z-index:1;
}
div.pancarte a:hover {
  background: transparent url(images/pancarte_message.png) left bottom no-repeat; 
}


/* PUBS */
div.banniere468x60 {
  padding: 0 0 0 145px;
  margin: 0;
}
div.banniere120x600 {
  position: absolute;
  width: 120px;
  margin: 250px 0 0 810px;
}


/* FOOTER */
div.footer {
  clear: both;
  height: 25px;
  padding: 25px 0 0 15px;
  margin: 0;  
}
div.footer a {
  font-size: 11px;
  color: #AAAAAA;
  text-decoration: none;  
}
div.vignette_kurimara { 
  height: 17px;
  padding: 0 0 0 0;
  margin: 0 0 0 815px;  
}

