/* ***************************** */
/*	    Infos			         */
/* ***************************** */
/*
	margin/padding : top right bottom left;
	
 	bordeaux : color: #BF0107;

*/

.noscreen
{
	display: none;
}

div#section img.noborder
{
	border: 0;
}

/* ***************************** */
/*	    BALISES GENERIQUES       */
/* ***************************** */
/* -----------------------------
/*	Body
   ----------------------------- */
body
{
	background-color: #ccc;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;

	/* padding: 0; 			-> On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
	/* text-align: center;  -> pour Internet Explorer, c'est la seule façon de centrer les éléments de type block avec ce navigateur */		
}

small
{
	font-size: 10px;
}

a, a:hover
{
	text-decoration: none;
	color: #bf0107;
}

a:hover
{
	text-decoration: underline;
}

/* ***************************** */
/*	           DIV               */
/* ***************************** */
/* -----------------------------
/*	Div TEST
   ----------------------------- */
div#test
{

}

/* -----------------------------
/*	Div PAGE
   ----------------------------- */
div#page
{
	/* background-color: green; */
	width: 982px;
	padding: 0;
	margin: 0 auto;
	text-align: left;

	/* width: 970px; 	 -> définition de la largeur de la division qui contient l'ensemble de la page à 770 pixels */
	/* margin: 0 auto; 	 -> c'est la méthode correcte pour centrer les éléments de type block (comme les divisions) */
	/* text-align: left; -> Il faut rétablir l'alignement à gauche que nous avons changé plus haut */
}

/* -----------------------------
/*	Div BANDEAU
   ----------------------------- */
div#bandeau
{
	padding: 0;
	margin: 0;
	padding-left: 5px;
	background: #ff9933;
	width: 975px;					/* <- div#page */
	height: 105px;
	text-align: left;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

div#bandeau img
{
	border: 0;
}

/* -----------------------------
/*	Div MENU
   ----------------------------- */

div#menu
{
	/* background-color: yellow; */
	float: left;
	width: 155px;
	height: 100%;
	margin-top : -1px;											/* permet de cacher le border-bottom du bandeau concomittant au menu */
	padding-top: 65px;
	padding-bottom: 35px;
	background: #ff9933;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 		/* utiliser la même font pour la balise <div#encart> */
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 20px;
	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

div#menu a, div#menu a:hover
{
	text-decoration: none;
	font-weight: 300;
	color: #000;
}

div#menu a:hover
{
	/* text-decoration: underline overline; */
	font-weight: 900;
	color: #fff;
}

div#menu a.up
{
	color: white;
	font-weight: bold;
}

div#menu ul
{
	padding: 0;
	margin: 0;
	margin-left: 15px;
	margin-right: 15px;
	list-style: none;
}

div#menu ul ul
{
	padding:0;
	margin: 0;
	margin-left: 25px;
	letter-spacing: 2px;
	list-style-type: square;
	font-size: 11px;
	color: #fff;
}

div#menu li
{
	padding:0;
	margin: 0;
	margin-bottom: 5px;
}

/* -----------------------------
/*	Div SECTION
   ----------------------------- */
div#section
{
	/* background-color: orange; */
	float: left;
	width: 810px;  			/* <- div#page -  div#menu - margin left+right - padding left+right - border additionnel  - 790 */
	padding: 0;
	margin: 0;
	margin-left: 15px;
}

div#section h2
{
	/* background: #ff9933; */
	padding: 0;
	margin: 0;
	font-family: Verdana, "Tempus sans ITC", Arial, Helvetica, sans-serif; 		/* utiliser la même font pour la balise <div#menu> */
	font-weight: 300;
	letter-spacing: 2px;
	border-bottom: 1px solid black;
}

div#section h2:first-letter
{
	color:#ff9933;
}

div#section p
{
	text-align: justify;
	line-height: 1.7em;
}

div#section img
{
	margin-top: 15px;
	border: 1px solid black;
}

div#section img.logo
{
	border: 0;
}

div#section blockquote
{
	margin-top: 50px;
	padding: 5px;
	border: 1px solid black;
	text-align: center;
}

div#section table
{
	empty-cells: hide;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

div#section tr
{
	witdh: 800px;
	font-family: Arial, Helvetica, sans-serif;
}

div#section th
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	text-align: center;
}

div#section td
{
	border-top: 1px solid black;
	border-left: 1px solid black;
}

div#section td.center, div.logo
{
	text-align: center;
}

div#section ul
{
	list-style: disc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#section ul ul
{
	list-style: circle;
}

div#section ul.formulaire
{
	margin: 0;
	padding: 0;
	margin-top: 15px;
	list-style: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#section li
{
	margin-bottom: 5px;
}

div#section span.form, div#section span.form2
{
	display: block;
	float: left;
	width: 150px;
	font-weight: bold;
	font-size: 13px;
}

div#section span.form2
{
	padding-right: 10px;
	margin-bottom: 0px;
	color: #bf0107;
	text-align: left;
}

div#section .button_v, div#section .button_r
{
	float: left;
	margin-right: 3px;
	background-color: #ff9933;
	border-color: #333333;
	border-width: 1px;
	border-collapse: separate;
	border-style: solid;
	cursor: hand;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold;					
	font-size: 12px; 
	color: #000000;
}

div#section .button_r
{
	color: #ffffff;
}

/* -----------------------------
/*	Div ENCART
   ----------------------------- */
div.encart
{
	margin: 15px 0px 5px 0px;
	padding: 10px;
	background-image: url(/img/bandeauh2.gif);
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ff9933;
	text-align: center;
	border: 1px solid black;
}

/* -----------------------------
/*	Class POPUP
   ----------------------------- */
body.popup
{
	margin: 0;
	padding: 0;
	background-color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
}

body.popup a, body.popup a:hover
{
	font-weight: bold;
}

div.popup
{
	margin: 0;
	padding: 0;
}

div.popup h3
{
	margin: 0;
	padding: 5px;
	background-color: #ff9933;
	color: #fff;
	font-size: 14px;
	text-align: center;
}

div.popup h4
{
	font-size: 12px;
}

div.popup li
{
	margin-bottom: 5px;
}