/*
body, html 
{
height: 90%;
margin: 0;
padding: 0;
}
*/

/*
* Corps de toute la page
*/

body
{
	margin-top: 20px ; /* Marges : Haut, droite, bas et gauche */
	padding: 0 ;
	text-align: center ;
	font: 0.8em Verdana, helvetica, sans-serif ;
	background-color: #dbf39c ;    /*#e6ffa6;*/
	border:1px;
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */


/*
* Corps du site (de haut en bas)
*/

div#conteneur
{
	width: 780px ;
	margin:  auto ; /* Marges : Haut, droite, bas et gauche */
	text-align: left ;
	border: 1px solid #ab4 ;
	background-color: #ffffff ;
	background: url(images/fond.png) repeat-y; 
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */


/*
* Corps du site (messages)
*/

div#contenu
{
	padding: 0px 30px 0 270px ;
	margin: auto; /* Marges : Haut, droite, bas et gauche */
	text-align: left ;
	font: 1em Verdana, helvetica, sans-serif ;
	/* min-height: 200px; <-- Fonctionne pas sous IE7 */ 
}
/* On ajoute un petit élément décoratif sur le côté
 de la page et on crée un espace à gauche et à droite du contenu */

/*div#contenu form
{
  border: 2px solid #ffffff; 
}*/

div#contenu h3
{
	padding-left: 10px ;
	line-height: 30px ;
	font-size: 1.3em ;
	font-style: normal ;
	/*font-variant: small-caps;
	 background: url(images/bt_news.gif) no-repeat left ; */
	color: #FF6600 ;
	border-bottom: 2px solid #9b2 ;
	border-left: 2px solid #9b2 ;
}

/* Complement menu*/
h4
{
    color: #FF6600;
    margin-bottom: 5px;
    font-size: 1em;
}

input, textarea
{
  background-color: #e6ffa6;
  border:1px solid;
}

/* Class des boutons */
.bouton
{
  background-color: #ab4;
  border-color: #000000;
  border:1px solid ;
  font-size: 1.2em;
  padding: 3px;
}

.saut_de_ligne
{
line-height: 0.2;
}


/* Encadrement des zones de textes */
.bordure
{
  /*background-color: #e6ffa6;*/
  border-color: #000000;
  border:1px solid ;
  padding:10px;
}


/*div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}
 On rend les paragraphes plus propre, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal pour aérer le tout */

/* BALISE A */
a
{
	background: none;
	text-decoration: none;
	color: #ab4;
}

a:hover
{
	background: none;
	text-decoration: none;
	color: #ab4;
}

a:link
{
	background: none;
	text-decoration: none;
	color: #ab4;
}

a:visited
{
	background: none;
	text-decoration: none;
	color: #ab4;
}

a:active
{
	background: none;
	text-decoration: none;
	color: #ab4;
}


/* Reponse pour les formulaires Contact et Licence */
.reponse_faux
{
  padding-bottom:15px;
  padding-top:15px;
  padding-left:15px;
  padding-right:50px;
  border: 2px solid #ab4 ;
	background:#ffffff url(images/bt_faux.png) right  no-repeat;
}

.reponse_vrai
{
  padding-bottom:15px;
  padding-top:15px;
  padding-left:15px;
  padding-right:50px;
  border: 2px solid #ab4 ;
	background:#ffffff url(images/bt_ok.png) right  no-repeat;
}


.sans_bordure
{
  border: none ;
}


/* Bas de la page */
div#basmenu {
	width: 780px;
	height: 30px;
	margin: auto;
	background: url(images/fond_menu_bas.png) top repeat-y;
}

/* Haut de la page */
div#hautmenu {
	width: 780px;
	height: 39px;
	margin: auto;
	/* background: url(images/fond_menu_haut.png) top repeat-y; Mise dans style menu */ 
}

/* Haut de la page */
div#pied {
	font-size: 0.8em ;
	padding-top: 4px;
	width: 780px;
	height: 50px;
	margin: auto;
	text-align:center;
	background: url(images/fond_pied.png) top repeat-y;
}

div#menu
{
	display : inline;
	float: left;
	margin: 0 15px 0 15px; /* Haut, droite, bas et gauche */
	padding-left: 10px; /*Distance entre le menu et le bord gauche */
	text-align: left;
}

ul#menu2 
{
	list-style: none;
  /*list-style-image:url('images/puce.gif');*/
	padding: 0;
	margin: 0;
}

ul#menu2 li 
/*li#liens*/ 
{
	margin: 0 15px 0 15px; /* Haut, droite, bas et gauche */
}

/*ul#menu2 li 
li#liens a 
{
	background: none;
  color: #000000;
	text-decoration: none;
	font-weight: bold;
}
*/

ul#menu2 li a:link, a:visited
/*li#liens a:link, a:visited*/ 
{
	background: none;
  color: #000000;
	text-decoration: none;
	font-weight: bold;
}

ul#menu2 li a:hover, a:active 
/*li#liens  a:hover, a:active*/ 
{
	background: none;
  color: #000000;
	font-weight: bold;
	text-decoration: none;
}


/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */

/* Gros titre dans le menu*/
div#titre {
    color: #FF6600;
    margin-bottom: 10px;
	  padding-left: 0em;
	  padding-bottom: 0.2em;
    line-height: 1.0;
    font-size: 18px;
}


div#header
{
	width: 780px;
	height: 200px ; 
	/* background: url(images/banniere.png) no-repeat; 
	image déplacé dans style_menu pour faire des liens sur les images" */
}
/* On définit la hauteur de la partie header, contenant le titre du site */