/*****************************************FICHIER DE STYLES CSS**********************************************/
/*****************************************    ATTENTION !!!    **********************************************/
/*****Ce CSS est complètement tordu, en raison de la difficulté du découpage de la charte graphique.*********/
/*****Il comporte essentiellement des divs en position relative, d'où le fait que l'ordre d'apparition
 des divs dans le fichier html ne correspondent pas à l'affichage final .*********/

/*remise à zéro de tous les margins*/
* {
	margin: 0px;
	padding: 0px;
	font-size: inherit;
	border: 0px;
}
/*au cas où il aurait pas compris, on lui remet une couche (même chose)*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/*on continue*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: disc;

}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: 0;
}
abbr, acronym {
	border: 0;
}
/*on enlève la bordure des images*/
img {
	border: 0;
}
/*gestion des couleurs de liens*/
a {
	text-decoration: none;
}
a:link {
	color: #260277;
}
/* lien non-visité */
a:visited {
	color: #623474;
}
/* lien visité */
a:hover {
	color: #260277;
}
/* lien survolé */
a:active {
	color: #260277;
}
/* lien activé */
/*************************************fin des GENERALITES et remises à zéro******************************************/
/*************************************fin des GENERALITES et remises à zéro******************************************/


/*************************************DEBUT des festivités******************************************/
/****************les classes suivantes suivent l'ordre d'apparition dans le fichier html************/
/***************************************************************************************************/
body {
  background: url(./img/body_pixel_fond.jpg) repeat-y;
  
	background-color: #c7c8c9;
	background-position: top;
	font-family: helvetica, arial, sans-serif;
/* pour éviter les marges */
	text-align: center;
/* pour corriger le bug de centrage IE */
	display: block;
}

#global {
	text-align: center;
	background: url(./img/body_image_fond.jpg) no-repeat;
  background-position: top;
/* on rétablit l'alignement normal du texte */
}
#centrage {
	width:919px;
  
	/*les 4 lignes suivantes sont indispensables au centrage sous firefox*/
  margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
}
#partie_gauche{
/*comprend le titre logo animé et le menu de gauche, plus un espace foireux complètement inutilisé*/
float : left;
  position : relative;
  left:-29px;
  width:582px;
  /*background-color: #ffe5f4;
  opacity:0.5; 
  filter : alpha(opacity=50);*/ 
  
}
#titre_logo{
  width:582px;
  height:112px;
  /*background-color: #ba0295;
  opacity:0.5; 
  filter : alpha(opacity=50);*/
}
#menu_gauche{
  clear:both;
  width : 148px;
  height:513px;
  /*background-color: #ff0000;
  opacity:0.5; 
  filter : alpha(opacity=50);*/
}
#partie_droite{
  float:left;
  position : relative;
  left:-29px;
   width:337px;
  /*  background-color: #00ff00;
  opacity:0.5; 
  filter : alpha(opacity=50); */
  
}
#partie_droite_espace_clients{

position : relative;
top:-376px;
  
width:134px;
height:59px;

}
.label{
font-size : 14px;

}
.champtexte{
font-size : 13px;
border : 1px solid #000;
}
.submit{
width : 90px;
height:20px;
font-size : 12px;
background : url(./img/submit.png) no-repeat center top;

}
#partie_centrale{
  float:left;
  clear:both;
  width:680px;

  position : relative;
  top:-450px;
  left:+120px;
  /*background-color: #0000FF;
  opacity:0.5; 
  filter : alpha(opacity=50);*/ 
}
#partie_centrale_INDEX{
  float:left;
  clear:both;
  width:680px;

  position : relative;
  top:-550px;
  left:+120px;
  /*background-color: #0000FF;
  opacity:0.5; 
  filter : alpha(opacity=50);*/ 
}
#contenu{
float:left;
margin : 20px;
color:#160145;
font-size:14px;
text-align:justify;
/*background-color: #ffff00;*/ 
}
#contenu_INDEX{
float:left;
margin : 20px;
color:#160145;
font-size:14px;
text-align:justify;
/*background-color: #ffff00;*/ 
}
#contenu_contact{
float:left;
margin : 20px;
width:520px;
color:#160145;
font-size:13px;
text-align:justify;
/*background-color: #ffff00;*/ 
}
.contact_adresses{
font-size:13px;
}
#contenu_soustitre{
font-size:20px;
font-weight:bold;
color:#160145;
text-align:left;

}
.contenu_lien_accueil{
font-size:15px;
font-weight:bold;
color:#160145;
}

#footer{

  float:left;
  position : relative;
  left:-21px;
    top:-450px;
  width:828px;
  height:26px;
  background-color: #ffffff;  
  background: url(./img/footer_image_fond.jpg) no-repeat top left;
  padding-top:5px;
  padding-left:20px;
  font-size:11px;
  color:#000000;
}
#references_textes{
width:170px;
float:left;
text-align:justify;

}
#references_textes_margin{
float:left;
margin :10px;
}
#references_liste_gauche{
width:465px;
float:left;
/*background-color : #FF0000;*/
text-align:right;
margin : 0px;
padding:0px;
}
#references_liste_gauche_margin{
float:left;
text-align:right;
margin-left:50px;
margin-right:10px;
}
.table_formulaire_contact{
font-size:14px;
margin:auto;
}

/*references_logo{
float:left;
text-align:left;
margin : 0px;
padding:0px;

}

TRUCS RECUPERES DU STYLE2.CSS DE MR AZIZ*/
.texte_mentions
{
text-align:left;
width:400px;
margin:auto;
}
.texte_traductions
{
text-align:left;
width:500px;
margin:auto;
font-size:12pt;
}
#encadre
{
text-align:center;
width:200px;

font-size:12pt;
background: #aa99b6;
border:1px solid #ffffff;
}
.inputs{
border : 1px solid black;
}
#liste_liens{
font-weight:bold;
font-style:italic;
font-size : 14px;
}
ul {
list-style-type: disc;
list-style-position: inside;
}