/* Feuille de style formulaires trois colonnes */

 h1 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 45px;
    color: #AE3F2B;
    font-family: "trebuchet ms", andy, arial, sans-serif;
    background-color: transparent;
    text-align: center;
    }

 h2 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 40px;
    color: #AE3F2B;
    font-family: "trebuchet ms", andy, arial, sans-serif;
    background-color: transparent;
    text-align: left;
    }

 h3 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 40px;
    color: #AE3F2B;
    font-family: "trebuchet ms", andy, arial, sans-serif;
    background-color: transparent;
    text-align: rigth;
    }


  h4 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 40px;
    color: #AE3F2B;
    font-family: "trebuchet ms", andy, arial, sans-serif;
    background-color: transparent;
    text-align: center;
    }

  h5 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 30px;
    color: #AE3F2B;
    font-family: "trebuchet ms", andy, arial, sans-serif;
    background-color: transparent;
    text-align: center;
    }

 h6 { border-top: none;
    border-bottom: none;
    margin: 0pt;
    font-size: 20px;
    color: #AE3F2B;
    font-family: "trebuchet ms", andy, arial, sans-serif;
    background-color: transparent;
    text-align: center;
    }

/*les liens hypertexte... */

   a:link {
	font-family:arial, sans-serif;
	font-size:12px;
	color:#003399;
	background-color:transparent;
	text-decoration:none;
	font-weight: bold;
   }

   a:visited {
	font-family:arial, sans-serif;
	font-size:12px;
	color:#bb2922;
	background-color:transparent;
	text-decoration:none;
	font-weight: bold;
   }

   a:hover {
	font-family:arial, sans-serif;
	font-size:12px;
	color:#003399;
	background-color:transparent;
	text-decoration:underline;
	font-weight: bold;
   }

/*propriétés de la page*/
 
body {
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}
.parole_vie {
	float: Aucune;
	width: 330px;
	margin-left: 200px;
	position: absolute;
}
.bandeau {
	width: 15px;
	margin-left: 545px;
	position: absolute;
	background-color: #FFEAFF;
}
.flam {
	width: 330px;
	margin-left: 570px;
	position: absolute;
	
}






/* En-tête et en-pied */

  .entete {
	border: none;
	padding-top: 30 px;
	padding-bottom: 30px;
	background-color: #FFD9B3;
	background-image: none;
	width: 900px;
    }

  .enpied {
	border: none;
	background-color: transparent;
	position: fixe;
	width: 900px;
    }    
#texte01 {
	font-size: 14px;
	color: #003399;
}
#texte02 {
	font-size: 14px;
	font-style: normal;
	color: #AA3922;
}



/* les boites : container est celle qui contient toutes les autres */  

   .container { margin: 0pt;
    padding: 0pt;
    text-align: left; 
    background-color: transparent
    }
li {
	list-style-image: url(../images/base/puce_livre_cd.gif);
}


/* gauche est la colonne de gauche, en général avec le menu */

  .gauche {
	border: none;
	padding-left: 20px;
	width: 180px;
	position: absolute;
	margin-left: 0px;
	left: 0px;
    }

/* centre est celle...je laisse deviner... Il faut qu'elle soit la plus longue pour pousser l'en-pied vers le bas */

  .centre { border: none ;
    background-color: transparent;
    margin-left: 225px;
    margin-right: 225px;
    }

/* droite */

  .droite {
	border: none;
	position: absolute;
	margin-left: 700px;
	right: 2px;
	width: 200px;
	background-color: transparent;
	}

.centre_droite {
	border: none;
	margin-left: 225px;
	width: 675px;
    }



/*autre astuce : pour mettre une image à doite ou à gouche dans le texte, et qu'elle soit entouré de texte...*/

.img_droite {  
  float: right;
  margin-top: 5px; 
  margin-right: 0px; 
  margin-bottom: 5px; 
  margin-left: 10px
  }

.img_gauche {  
  float: left;
  margin-top: 5px; 
  margin-right: 10px;  
  margin-bottom: 5px; 
  margin-left: 0px
  }

/*éléments spécifiques du formulaire*/

form {
border : none ;
padding:10px;
}

label {
}


input {
border:1px solid black;
background-color:#ffffff;
font-family:"trebuchet ms",sans-serif;
}


select, option {
background-color:#ffffff;
}


textarea {
border:1px solid black;
background-color:#ffffff;
}

input.bouton {
	border:2px outset #ffffff;
	cursor:pointer;
	font-weight: bold;
}


input.bouton:hover {
background-color:#ffffff;
}

input.bouton:active {
border:2px inset #eae1da;
background-color:#eae1da;
} 

  
.bordure_gauche {
	border-top-style: double;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: double;
	border-top-color: #003f9e;
	padding: 5px;
	border-left-color: #003f9e;
}
.bordure_droite {
	padding: 5px;
	border-top-style: double;
	border-right-style: double;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #003f9e;
	border-right-color: #003f9e;
}
.incl_50pc {
	margin: 2px;
	padding: 2px;
	float: left;
	width: 440px;
}
.Style4 {
	color: #AE3F2B;
	font-weight: bold;
}
.livre {
	background-image: url(../livres_cd/intro_livre.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 160px;
	font-size: 16px;
}

