/*
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>
*/

h1
{
   font-size: medium; 
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

h2
{
   font-size: medium; 
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #B3B3B3;
}

h3
{
   font-size: medium; 
   text-align: left;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

h4
{
   font-size: medium; 
   text-align: left;
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
}

p
{
   font-size: small; 
   text-align: justify;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

body
{
   width: 790px;
   margin: auto;
   margin-top: 7px;
   margin-bottom: 0px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: small;
}

#en_tete, #bloc_1
{
   width: 785px;
   height: 120px;
   margin-bottom: 5px;
   border: 2px solid #CED0D7;	
   padding: 0px;
}

/* Le menu */

#menu
{
   float: left;
   width: 160px;   
   border: 2px solid #CED0D7;	
   padding: 0px; 
}

/* Le corps de la page */

#corps
{
   margin-left: 165px;
   margin-bottom: 7px;
   padding: 5px;
   color: #000000;
   background-color: ##DDDDDD;
   background-repeat: repeat-x;
   border: 2px solid #CED0D7;	
   z-index:1;
   min-height:350px;
	height:auto !important;
	height:350px;   
}

#bloc_2
{
   width: 790px;
   height: 10px;
   margin-bottom: 5px;
   border: 2px solid #0099CC;  ;
}

#bloc_3
{
	float: left;
	width: 148px; 
	padding: 0px;
	z-index:1;	
}

#bloc_3up
{
	border: 2px solid #CED0D7;
	margin-top: 0px;
	margin-bottom: 0px;
	z-index:2; 	 
}

#bloc_3down
{
	border: 2px solid #CED0D7;
	margin-top: 5px;
	margin-bottom: 0px;
}

#bloc_4
{
	float:left;
	width: 490px;
	height: 500px;
	margin-left: 5px;
	margin-bottom : 5px;
	color: #000000;
	background-color: ##DDDDDD;	
	min-height:350px;
	height:auto !important;
	height:350px;
	text-align : justify;	
}


#bloc_4_1
{
	border: 2px solid #CED0D7;
	padding :5px;	
}

#bloc_4_2
 {
	width: 155px;	
	margin-top : 5px;
	float: left;
  	padding :5px;
	border: 2px solid #CED0D7;
	text-align:left;
}

#bloc_4_3
 {
   	margin-top : 5px;
	padding :5px;
	width: 300px;
	float: right;
	border: 2px solid #CED0D7;
}

#bloc_4_4
 {
	float: left;
   	margin-top : 5px;
	padding : 0px 0px 0px 5px;
	width: 485px;
	height: 125px;
	border: 2px solid #CED0D7;	
}

#bloc_4_savoirplus
{
	float:left;
	width: 475px;
	height: 500px;
	margin-left: 5px;
	margin-bottom : 5px;
	color: #000000;
	background-color: ##DDDDDD;	
	min-height:350px;
	height:auto !important;
	height:350px;
	text-align : justify;	
}


#bloc_4_1_savoirplus
{
	border: 2px solid #CED0D7;
	padding :5px;	
}

#bloc_4_2_savoirplus
 {
	width: 460px;	
	margin-top : 5px;
	float: left;
  	padding :5px;
	border: 2px solid #CED0D7;
}

#bloc_5
{
	color: #000000;
	background-color: ##DDDDDD;
	height: 500px;
	width: 140px;
	float: left;
	margin-left: 5px;;
}

#bloc_5up
{		
	border: 2px solid #CED0D7;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 5px;
}

#bloc_5down
{	
	width: 137px;
	float: left;
	border: 2px solid #CED0D7;	
	margin-top: 0px;
	margin-bottom: 5px;
}

#bloc_6
{
	height: 200px; 
	width: 145px;
	border: 2px solid #CED0D7;	
	padding: 5px;
	margin-top: 5px;
}

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

#pied_de_page
{
	margin-top: 5px;
	float: left;
	width: 790px;
	height: 50px;
	margin-bottom: 5px;
	border: 2px solid #CED0D7;
}


#MainMenu 
{
	width:180px;
	background:#FFF url(images/bmid_086.gif);
	border:0;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	float:left;
	clear:both;
	margin:0;
	padding:0;
}
#tab a 
{
	background:#000 url(images/bright_086.gif) no-repeat right top;
	text-decoration:none;
	width:180px;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(images/bleft_086.gif) no-repeat left top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:700;
	line-height:29px;
	padding:0 15px 0 13px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#009;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv 
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0;
	background:#FFF url(images/bmid_086.gif);
	color:#FFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	list-style:none;
	margin:0;
	padding:0;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link,.dropmenudiv a:visited 
{
	width:180px;
	display:block;
	border:0;
	color:#FFF;
	background:url(images/bleft_086.gif) no-repeat left top;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	margin:0;
	padding:0;
}
.dropmenudiv a span 
{
	display:block;
	line-height:29px;
	background:url(images/bright_086.gif) no-repeat right top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	float:none;
	padding:0 15px 0 13px;
}
.dropmenudiv a:hover 
{
	border:0;
	background-position:left bottom;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	color:#009;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#009;
	font-weight:700;
}




caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   font-size: medium;
   color: #6699CC;
   margin-bottom: 20px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}

table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 4px outset #333333; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: #0099FF;
   color: white;
   font-size: smaller;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-size: small;
   font-family:  Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}


#bloc_3 input
{
  left : 0;
  width: 7em;
  height: 20px;
}

#bloc_3 label
{
  left : 0;
  width: 7em;
  height: 18px;
}

/* formatage tableaus */

#corps form {
	width: 550px;
	padding: 10px 20px;
	background:  #CCCCCC;
	color: midnightblue;
}

#corps form p {
	margin: 1em 0;
}
#corps form p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
}
#corps form p.double label {
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}
#corps form p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}
#corps form p.double input,
#corps form p.double select,
#corps form p.double textarea {
	width: 250px;
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}
#corps form p.double textarea {
	padding: 2px 0 0 4px;
	width: 320px;
	height: 6em;
}
#corps form p.simple {
	margin-left: 160px;
}

ol
{
list-style-image: url(images/ball.gif);
list-style-type: circle
}
.bouton
{
	position: relative;
	left: 50%;
	height: 25px;
}

.paragraphe_gris 
{
background-color: #CCCCCC;
color: black ;
font-weight : italic ;
text-align : justify ;
}

.imagetop
{
	padding-top: -5px;
	margin-top: -5px;
	margin-right: -5px;
	margin-left: -5px;
}

.imagecentre
{
display : block;
margin-left : auto;
margin-right : auto;
}

.floatleft
{ float : left; margin: 10px ; }

.floatright
{ float : right ; margin: 10px ; }

.alignCenter{text-align: center;}
.alignLeft{text-align: left;}
.alignRight{text-align: right;}

p.centered {
   display: block;
   margin-left: auto;
   margin-right: auto }