/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
<lien url="http://www.siteduzero.com">http://www.siteduzero.com</lien>
*/
/* Le body */
body
{
	margin: auto;
	margin: 10px 10px 10px 10px;   /* top right bottom left*/
	background-color:#ffffff;	/* prod 101010 - preprod cba*/
	/* background-image: url("template/fond.png");*/
}

/* Le menu */
#menu
{
   float: left;
   width: 160px;
}

.element_menu
{
   background-color: #626262;
   /* background-image: url("template/motif.png");*/
   background-repeat: repeat-x;
   border: 2px solid black;
   margin-bottom: 20px;
   padding-bottom:3px;
}

.select
{
 	width: 145px;
	height:25px;
	line-height:25px;	/* si egale a height centre le texte verticallement!!!! tophe; */
	font-variant: small-caps;
	background-color : #101010;
	padding: 0px 0px 0px 10px;   /* top right bottom left*/
	margin: 0px 0px 0px 5px;   /* top right bottom left*/
	background-image: url('template/fond_select.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.barre
{
 	width: 145px;
	height:25px;
	line-height:25px;	/* si egale a height centre le texte verticallement!!!! tophe; */
	font-variant: small-caps;
	background-color : #101010;
	padding: 0px 0px 0px 10px;   /* top right bottom left*/
	margin: 0px 0px 0px 5px;   /* top right bottom left*/
	background-image: url('template/fond_menu2.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.boutton
{
 	width: 145px;
	height:25px;
	line-height:25px;	/* si egale a height centre le texte verticallement!!!! tophe; */
	font-variant: small-caps;
	background-color : #101010;
	padding: 0px 0px 0px 10px;   /* top right bottom left*/
	margin: 0px 0px 0px 5px;   /* top right bottom left*/
	background-image: url('template/fond_menu1.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.boutton:hover
{
	background-position: 0px -25px;
}

/* Quelques effets sur les menus */
.element_menu a
{
	color: #FFFFFF;
	text-decoration: none;
	position: relative; /*on cale l'affichage pour les span*/
}
.element_menu a span /*on traite l'affichage du span*/
{
   display: none; /* On masque l'infobulle. */
}
.element_menu a:hover 
{
	color: #000000;
}
.element_menu a:hover span /*on traite l'affichage du span au survol*/
{
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

   top: -50px; /* On positionne notre infobulle. */
   left: 165px;
}

.element_menu h3
{    
	color: #B3B3B3;
	font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
	padding: 0px 0px 0px 0px;   /* top right bottom left*/
	margin: 5px 0px 5px 0px;   /* top right bottom left*/
}

/* Le corps de la page */

#corps
{
   margin-left: 180px;
   margin-bottom: 10px;
   margin-right: auto;
   padding: 5px;
   
   color: #B3B3B3;
   background-color: #303030;
   /* background-image: url("template/motif.png"); */
   background-repeat: repeat-x;
   border: 2px solid black;
}
#corps a
{
	color: #aaaaaa;
	text-decoration: none;
}
#corps a:hover 
{
	color: #FFFFFF;
	/*font-weight: bold;
	text-decoration: underline;*/
}

#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;

   /* background-image: url("template/titre.png");
   background-repeat: no-repeat;
   padding-left: 30px; */
   color: #B3B3B3;
}



/* L'en-tête */

#en_tete
{
	margin-left: 0px;
	width: 1280px;
	height: 140px;
	line-height:180px;	/* si egale a height centre le texte verticallement!!!! tophe; */
	background-image: url("template/objectif-Image-80.jpg");
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
	padding: 0px;
	clear: both;
	width: 1280px;
	height: 140px;
	margin : auto;

	text-align: center;

	color: #B3B3B3;
	background-color: #626262;
	background-image: url("template/objectif-Image-80.jpg");
	/* background-image: url("template/motif.png"); */
	background-repeat:  no-repeat;

	border: 2px solid black;
}

/* page photo */
.trois_col
	{
	}
.precedent
	{
	}
.centre
	{
	}
.suivant
	{
	}
.liste_serie
	{
	}

/* page full scr */

#fullscr
{
   background-color: inherit;
   margin-left: 0px;
   color: #B3B3B3;
}

/*les style a sont identique aux styles de #corps*/
#fullscr a
{
	color: #FFFFFF;
	text-decoration: none;
}
#fullscr a:hover 
{
	color: #000000;
}