/****************************************
# fichier : "style_800b_ns.css"
# Par Maxime & Johann
# Dernière modification : 8 Fevrier 2011
#***************************************/

 * {margin:0; padding:0} 

html {
 padding: 0;
 margin: 0;
}

body {
 position: relative; /* cf p130 */
 width: 1200px; /* si 800: corps centré, 1600: corps à gauche */ 
 height: auto;   /* scrollbar */
 padding: 0;
 margin: 0 auto;
 /*text-align: center; /* compatibilité IE */
 /* overflow: hidden; */
 background: #080F0E; /* #0E1716 */ 
}



/*** CORPS DE PAGE ***/

div#corps_page {
 position: relative;
 width: 1033px;     
 height: 800px;
 link: black;
 margin: 0;
 padding: 0;
}

/* Colonne de gauche ( menu + bloc vide + newsletter) */

div#colonne_gauche {
 position: relative;
 left: 0px;
 top: 0px;
 width:158px;
 height: 800px;
 padding: 0px;
 margin: 0px;
 border-right: 1px solid black;
 border-left: 1px solid black;
 background: #000000;     /* <<  #DBDEE9 ou #999999 >> */ 
 z-index: 10;
}


/* Bas colonne gauche, au dessus des modules partenariat et newsletter */

div#bcolonne {
 position: absolute;
 width: 158px;
 height: 150px; 
 top: 0px;
 left: 0px;
 margin:0;
 padding:0;
 background: #000000;  /* E6E6FA  */
/* text-align: left;*/
}


div#bcolonne2 {
 position: absolute;
 width: 158px;
 height: 5px; 
 top: 240px;
 left: 0px;
 margin:0;
 padding:0;
 background: #000000;  /* E6E6FA  */
/* text-align: left;*/
}



div#bcolonne3 {
 position: absolute;
 width: 158px;
 height: 5px; 
 top: 3px;
 left: 0px;
 margin:0;
 padding:0;
 background: #000000;  /* E6E6FA  */
/* text-align: left;*/
}



/* Menu : cf menuv.css */


/* Partenariat */

div#partenariat {
 position: absolute;
 width: 158px;
 height: 150px; 
 bottom: 0px;
 left: 0px;
 margin:0;
 padding:0;
 background: #E6E6FA;
/* text-align: left;*/
}

div#partenariat form {
  padding-left: 5px;
  padding-top: 165px;
  font: 10px "Arial Black" sans-serif;
}

div#partenariat h2 {
 background: #E6E6FA;
 font-size: 15px;
 text-align: center;
 margin:0;
 padding:0;
 border-top: solid 1px black;
 border-bottom: solid 1px black;
}



/* Partenaires */

div#partenaires {
 position: absolute;
 width: 158px;
 height: 250px; 
 top: 270px;
 /* bottom: 150px; */
 left: 0px;
 margin:0;
 padding:0;
 background: #E6E6FA;
/* text-align: left;*/
}

div#partenaires h2 {
 background: #000000;
 font-size: 15px;
 text-align: center;
 margin:0;
 padding:0;
 border-top: solid 1px black;
 border-bottom: solid 1px black;
}


/* Newsletter */

div#newsletter {
 position: absolute;
 width: 158px;
 height: 150px; 
 bottom: 0px;
 left: 0px;
 margin:0;
 padding:0;
 background: #000000;
/* text-align: left;*/
}

div#newsletter form {
  padding-left: 5px;
  padding-top: 15px;
  font: 10px "Arial Black" sans-serif;
}

div#newsletter h2 {
 background: #000000;
 font-size: 15px;
 text-align: center;
 margin:0;
 padding:0;
 border-top: solid 1px black;
 border-bottom: solid 1px black;
}

div#newsletter label.taille {
 display: inline;
 float: left;
 width: 100px;
}

div#newsletter input.soumission {
 width: 24px;
 height: 17px;
 margin:0;
 padding-right:10px;
 border: 0 none;
 background: url(valider.gif) center center no-repeat;
}

/* Images */

div#corps {
 position: absolute;
 width: 872px;   /* << OU 875 px  >> */
 height: 800px;  
 top: 0px;
 left: 160px;
 border-right: 1px solid black;
 background: #FFFFFF;      /* << #DBDEE9 >> */
/* padding-top: 15px;*/
}


div#corps h2.titre {
 padding: 5px;
 color: black;
 text-align: center;
 font-size: 25px;
 font-weight: bold;
 padding: 10px;
}

div#corps h3.titre {
 padding: 5px;
 color: black;
 link: black;
 text-align: center;
 font-size: 25px;
 font-weight: bold;
 padding: 10px;
}

div#corps h4.titre {
 padding: 5px;
 color: black;
 text-align: center;
 font-size: 15px;
 font-weight: bold;
 padding: 10px;
}


div#corps h5.titre {
 margin-left: 20%;
}

div#corps h6.titre {
 padding: 5px;
 color: black;
 text-align: center;
 font-size: 23px;
 font-weight: bold;
 padding: 10px;
}

div#photos {
  text-align: center;
  margin-top: 15px;
}

div#photos img {
 border: none;
 /*width: 100px;
 height: 140px;*/
 margin: 5px;
}

#pagination {
 font: 13px Arial, Geneva, Verdana, Helvetica, sans-serif;
 background-color: #F6FAFA;
 border: 1px solid #99CCCC;
 text-align:center;
 padding: 3px;
 font-weight: bold;
}

#pagination a:hover {
  background-color:gray;
}


/*** FOOTER ***/

div#footer {
 position: relative;
 width: 1033px;
 height: 25px;
 text-align: center;
 color: white;           /* << darkblue >> */
 border-top: solid 1px black;
 border-bottom: solid 1px black;
 background: url(../footer800.jpg);
}

div#footer div#copyright {
 position: absolute;
 left: 50%;
 margin-left: -20%;
 top: 2px;
 width: 40%;
 padding: 0;
 height: 25px;
 text-align: center;
}

div#footer div#copyright a {
 width: 40%;
 height: 27px;
 line-height: 27px;
 text-decoration: none;
 font-weight: bold;
 color: white;
 font-family: "Trebuchet MS", times, verdana;
 font-size: 15px;
}

div#footer div#xiti {
 position: absolute;
 right: 40px;
 top: 3px;
 padding: 0;
 margin: 0;
 height: 27px;
}

div#footer div#xiti img {
 padding: 0;
 margin: 0;
}