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

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
color: #ffffff;
cursor: crosshair;
background-color:#0b0b0b;
	background-image: url('images/fond-p666.png');
	background-attachment: fixed;
	background-position: top left;
}

/* recherche */
.recherche
{
background-color:#CC0000;
color:#FFFFFF;
}

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* la suppression de la marge supérieure résout un problème où les marges sortent de leur div conteneur. La marge inférieure restante l'éloignera de tout élément qui suit. */
	padding-right: 15px;
	padding-left: 15px; /* l'ajout de la marge intérieure aux côtés des éléments à l'intérieur des divs, et non aux divs proprement dit, évite le recours à des calculs de modèle de boîte. Une autre méthode consiste à employer une div imbriquée avec marge intérieure latérale. */
}
a img { /* ce sélecteur élimine la bordure bleue par défaut affichée dans certains navigateurs autour d'une image lorsque celle-ci est entourée d'un lien. */
	border: none;
}
/* ~~ La définition du style des liens de votre site doit respecter cet ordre, y compris le groupe de sélecteurs qui créent l'effet de survol. ~~ */
a:link {
color: #CC0000;
font-size: 0.85em ;
text-decoration: none; /* à moins que vous ne définissiez un style particulièrement exclusif pour vos liens, mieux vaut prévoir un soulignement, qui garantit une identification visuelle rapide. */
}
a:visited {
color: #CCCCCC;
font-size: 0.85em ;
text-decoration: none;
}
a:hover, a:active, a:focus { /* ce groupe de sélecteurs offrira à un navigateur au clavier la même expérience de survol que celle d'une personne employant la souris. */
	color: #9F0;
font-size: 0.85em ;
text-decoration: overline underline;
}
/* tableaux */

table {
font-size: 0.9em ;
color: #FFFFFF;
border-style:solid; 
border-width:0px; 
border-color:black;
}

table_index {
font-size: 0.9em ;
color: #FFFFFF;
border-style:solid; 
border-width:0px; 
border-color:black;
background-color:#000000;
}

/* titres */	

h1 {
 font-size: 0.9em ;
font-weight: bold ;
}

/* titres mini */	

h2 {
font-size: 8pt ;
font-weight: bold ;
}

h3 {
font-size: 8pt ;
font-weight: normal ;
}

h4 {
font-size: 7pt ;
font-weight: normal ;
}

P1 {
font-size: 7pt ;
font-weight: normal ;
}

P2 {
font-size: 7pt ;
font-weight: bold ;
}

/* fond champs ou bords tableaux */	

.zero {
border-width:0px; 
border-color:none;
background-color:none;
}

.red2010 {
border-width:0px; 
border-color:none;
background-color:#160406;
}

.greydark {
border-style:solid; 
border-width:0px; 
background-color:#282828;
}

.greendark {
border-style:solid; 
border-width:0px; 
background-color:#006666;
}


.none {
border-style:none;
}

.table_fond {
	background-image:url(./images/BOUT_vierge.png);
	background-repeat:no-repeat ;
}

/* ~~ ce conteneur à largeur fixe entoure les autres divs ~~ */
.container {
	width: 960px;
	background: #202020;
	margin: 0 auto; /* la valeur automatique sur les côtés, associée à la largeur, permet de centrer la mise en page */
}

/* ~~ aucune largeur n'est attribuée à l'en-tête. Il occupera toute la largeur de votre mise en page. Il contient un espace réservé pour une image, qui doit être remplacé par votre logo lié. ~~ */
.header {
	background: #000;
	margin: 0;
}

/* ~~ Informations de mise en page. ~~ 

1) La marge intérieure n'est placée qu'en haut et/ou en bas de la div. Les éléments à l'intérieur de cette div posséderont une marge intérieure sur les côtés. Vous évitez ainsi de devoir recourir à des « calculs de modèle de boîte ». N'oubliez pas que si vous ajoutez une marge intérieure latérale ou une bordure à la div proprement dite, elle sera ajoutée à la largeur que vous définissez pour créer la largeur totale. Vous pouvez également supprimer la marge intérieure de l'élément dans la div et placer une seconde div à l'intérieur, sans largeur et possédant une marge intérieure appropriée pour votre concept.

*/

.content {

	padding: 150px 0;
	width: 740px;
	background: #202020;
}

.colonne {

background: #202020;
  float: right;
  width: 200px;
  margin: 0 auto;
  padding: 150px 0;

}

.contentH {

	padding: 150px 0;
	width: 640px;
	background: #202020;
}

.colonneH {

background: #202020;
  float: right;
  width: 300px;
  margin: 0 auto;
  padding: 150px 0;

}

.spacer {
  clear: both;
}

/* ~~ Pied de page ~~ */
.footer {
	padding: 10px 0;
	background: #282828;
	clear: both;
}

/* ~~ classes flottant/effacement diverses ~~ */
.fltrt {  /* cette classe peut servir à faire flotter un élément depuis la droite sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: right;
	margin-left: 1px;


}
.fltlft { /* cette classe peut servir à faire flotter un élément depuis la gauche sur votre page. L'élément flottant doit précéder l'élément à côté duquel il doit apparaître sur la page. */
	float: left;
	margin-right: 1px;
}
.clearfloat { /* cette classe peut être placée sur une div <br /> ou vide, en tant qu'élément final suivant la dernière div flottante (dans le #container) si le paramètre #footer est supprimé ou retiré du #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}