body {
	background:url("img/fond-body.jpg") left top repeat-x;
	margin: 0;
	padding: 0; /*pour Opera*/
	text-align: center; /*pour IE*/
	font: 12px Arial, helvetica, sans-serif;
	color: #565656;
}
body#pro {
	background:url("img/pro_fond-body.jpg") left top repeat-x;
}


input,textarea
{
color:#444;
background-color:#ffffff;
font-family: Arial, Verdana;
font-weight: bolder;
margin-left: 5px;
border: 1px solid #888;
}


form.css fieldset
  {
  padding: 1em;
  }
form.css label
  {
  display: inline;
  float: left;
  width: 100px;
  }





a:link{
	color:#3478a7;
	text-decoration:none;
}
a:visited{
	color:#3478a7;
	text-decoration:none;
}
a:hover{
	color:#3478a7;
	text-decoration:underline;
}
legend
{
	font-weight:bold;
}

fieldset.taxe label

{
  display: inline;
  float: left;
  width: 150px;
}

.labtax
{
  display: inline;
  float: left;
  width: 180px;
}
.valtax
{
  
  float: left;
  
}


/*CONTENEUR DE PAGE*/
div#pageConteneur {
	width: 1017px;
	background:url("img/fond-conteneur.jpg") left top no-repeat;
	margin:0 auto;
	padding:0;
	text-align: left; /*retablissement pour IE*/
}
div#pageConteneurPRO {
	width: 1017px;
	background:url("img/pro_fond-conteneur.jpg") left top no-repeat;
	margin:0 auto;
	padding:0;
	text-align: left; /*retablissement pour IE*/
}

/*HEADER*/
div#headerConteneur{
	/*border:1px solid red;*/
	height:90px;
	width:990px;
	margin:0 13px 0 14px;
}
div#headerConteneur a#logo{
	display:block;
	background:url("img/logo.gif") left top repeat-y;
	height:90px;
	width:262px;
	text-indent:-2000px;
	margin:0;
	padding:0;
	float:left;
}
div#headerConteneurPRO{
	/*border:1px solid red;*/
	height:90px;
	width:990px;
	margin:0 13px 0 14px;
}
div#headerConteneurPRO a#logo{
	display:block;
	background:url("img/pro_logo.gif") left top repeat-y;
	height:90px;
	width:262px;
	text-indent:-2000px;
	margin:0;
	padding:0;
	float:left;
}
#banniere{
	/*background-color:pink;*/
	padding:0;
	margin:0;
	border-collapse:collapse;
	width:100%;
}
table#banniere span{
	float:right;
}

/*MENU*/
div#menuConteneur{
	/*border:1px solid red;*/
	background-color:#ffffff;
	background:url("img/ligne-menu.gif") left bottom repeat-x;
	height:29px;
	padding:3px 0 0 0;
	width:990px;
	margin:0 13px 0 14px;
}
#menu{
	list-style:none;
	margin:0;
	padding:10px 0 0 0;
	overflow:hidden;
	float:left;
}
#menu li{
	float:left;
	position:relative;
	margin:0 4px 0 0;
	padding:0 0 0 5px;
	border:0;
	background:url("img/onglet-off-gauche.gif") top left no-repeat;
	text-align:center;
}
#menu li span{
	background:url("img/onglet-off-droite.gif") top right no-repeat;
	display:block;
	padding-right:5px;
}
#menu li span a{
	background:url("img/onglet-off-fond.gif") left top repeat-x;
	font-weight:bold;
}
#menu li span a:hover{
	background:url("img/onglet-on-fond.gif") left top repeat-x;
	color:#ffffff;
	text-decoration:none;
}
#menuPRO{
	list-style:none;
	margin:0;
	padding:10px 0 0 0;
	overflow:hidden;
	float:left;
}
#menuPRO li{
	float:left;
	position:relative;
	margin:0 4px 0 0;
	padding:0 0 0 5px;
	border:0;
	background:url("img/pro_onglet-off-gauche.gif") top left no-repeat;
	text-align:center;
}
#menuPRO li span{
	background:url("img/pro_onglet-off-droite.gif") top right no-repeat;
	display:block;
	padding-right:5px;
}
#menuPRO li span a{
	background:url("img/pro_onglet-off-fond.gif") left top repeat-x;
	font-weight:bold;
	color:#cedfed;
}
#menuPRO li span a:hover{
	background:url("img/onglet-on-fond.gif") left top repeat-x;
	color:#ffffff;
	text-decoration:none;
}

/*recherche*/
span#recherche{
	float:right;
	padding:4px 0 0 9px;
	background:url("img/recherche-fond.gif") left top no-repeat;
	height:25px;
	width:284px;
	font-size:12px;
	font-weight:bold;
}
span#recherche img{
	vertical-align:top;
	margin:1px 0 0 5px;
}
span#recherchePRO{
	float:right;
	padding:4px 0 0 9px;
	background:url("img/pro_recherche-fond.gif") left top no-repeat;
	height:25px;
	width:284px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
span#recherchePRO img{
	vertical-align:top;
	margin:1px 0 0 5px;
}
div#menuConteneur form{
	color:#565656;
	display:inline;
	margin:0;
}
div#menuConteneur input{
	width:160px;
	height:17px;
	border:1px solid #565656;
	background-color:white;
	padding:0;
	margin:0 0 0 5px;
}

/*PAGE*/
div#pageAccueil{
	background:url("img/fond-home-page.jpg") left top repeat-y;
	padding:14px 0 0 0;
	margin:8px 8px 0 8px;
	overflow:hidden;
	min-height:534px;
}
div#pagePRO{
	background:url("img/pro_fond-home-page.jpg") left top repeat-y;
	padding:14px 0 0 0;
	margin:8px 8px 0 8px;
	overflow:hidden;
	min-height:534px;
}
div#page{
	background:url("img/fond-page.gif") left top repeat-y;
	padding:14px 0 0 0;
	margin:0 8px 0 8px;
	overflow:hidden;
	min-height:534px;
}

/*3 COLONNES ACCUEIL*/
div#contenu{
	width:493px;
	float:left;
	padding:0 0 0 0;
	margin:0 6px 100px 6px;
	/*background-color:red;*/
}
div#colonneForum{
	float:left;
	width:312px;
	padding:0 0 0 0;
	margin:0 0 100px 11px;
	/*background-color:green;*/
}
div#colonneGoogle{
	width:153px;
	float:left;
	padding:0 0 0 0;
	margin:0 10px 100px 10px;
	/*background-color:pink;*/
}
div#colonneGooglePRO{
	width:153px;
	float:left;
	padding:0 0 0 0;
	margin:0 10px 100px 10px;
	color:#ffffff;
	/*background-color:pink;*/
}

/*2 COLONNES PAGES*/
div#pubGauche{
	width:157px;
	margin:0 0 100px 0;
	padding:0 8px 0 8px;
	float:left;
}
div#contenuPage{
	width:639px;
	float:left;
	padding:0 8px 0 8px;
	margin:0 0 100px 0;
}
/*BLOCS*/
div#blocNews{
	background:url("img/bandeau-bleuclair.gif") left top no-repeat;
	width:480px;
	padding:0 5px 0 5px;
}
div#blocNews h1{
	margin:0;
	padding:5px 0 20px 25px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
div#blocActualites{
	background:url("img/bandeau-bleufonce.gif") left top no-repeat;
	width:490px;
}
div#blocActualites h1{
	margin:0;
	padding:5px 0 0 30px;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}
div#blocActualites span#cadre{
	border:1px solid #155784;
	display:block;
	padding:0 5px 0 5px;
}
div.blocForum{
	background:url("img/bandeau-blanc-home.gif") left top no-repeat;
	background-color:#ffffff;
	width:276px;
	padding:0 0 10px 24px;
	margin:20px 0 20px 0;
}
div.blocForum h1{
	font-size:12px;
	font-weight:bold;
	color:#3478a7;
	margin:0;
	padding:6px 0 7px 6px;
}
div.blocForumPRO{
	background:url("img/pro_bandeau-blanc-home.gif") left top no-repeat;
	background-color:#ffffff;
	width:276px;
	padding:0 0 10px 24px;
	margin:20px 0 20px 0;
}
div.blocForumPRO h1{
	font-size:12px;
	font-weight:bold;
	color:#3478a7;
	margin:0;
	padding:6px 0 7px 6px;
}
div.annonces{
	text-align:center;
}
div.ligneBleue{
	background:url("img/ligne-bleue.gif") left top repeat-x;
	margin:10px 0 10px 0;
}
div.ligneGrise{
	background:url("img/ligne-grise.gif") left top repeat-x;
	margin:10px 0 10px 0;
}
div.blocFormulaire{
	background:url("img/bandeau-blanc-pages.gif") left top no-repeat;
	padding:0 0 0 0;
	margin:0 0 20px 0;
	background-color:#ffffff;
}
div.blocForumPages{
	background:url("img/bandeau-blanc-pages-picto.gif") left top no-repeat;
	padding:0 0 20px 27px;
	margin:0 0 20px 0;
	background-color:#ffffff;
}
div.blocForumPages h1{
	font-size:12px;
	font-weight:bold;
	color:#3478a7;
	margin:0;
	padding:10px 0 15px 0;
}
div.blocTexte{
	padding:0 8px 0 8px;
}
div.blocFormulaire{
	padding:20px;
}
/*BOUTON DE FORMULAIRE REDIMENSIONNABLE*/

button.bouton {
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 0;
	background: none;
}
button.bouton span{
	float: left;
	padding: 0 0 0 10px;
	vertical-align: middle;
	background: url("img/btn-gauche.gif") left top no-repeat;
}
button.bouton span span{
	padding: 0 10px 0 0;
	background: url("img/btn-droite.gif") right top no-repeat;
}
button.bouton span span span{
	height: 22px;
	padding: 0;
	line-height: 1.6;
	background: url("img/btn-centre.gif") left top repeat-x;
}

/*TEXTE*/
.titreNoir{
	font-weight:bold;
}
.dateBleue{
	color:#3478a7;
}
h3.titreOrange{
	color:#f47b16;
	font-weight:bold;
	font-size:12px;
	padding:0;
	margin:0;
}

h2.titreOrange{
	color:#f47b16;
	font-weight:bold;
	font-size:12px;
	padding:0;
	margin:0;
}


.textePetit{
	font-size:10px;
}
.textePetitGris{
	font-size:10px;
	color:#a8a9ab;
}
.textePetitBleu{
	font-size:10px;
	color:#3478a7;
}
.texteNormal{
	color:#565656;
	font-weight:normal;
}
.texteGras{
	color:#565656;
	font-weight:bold;
}
.texteBleu{
	color:#3478a7;
}
.texteBleuGras{
	color:#3478a7;
	font-weight:bold;
}
.texteBleuGrasSouligne{
	color:#3478a7;
	font-weight:bold;
	text-decoration:underline;
}
.texteOrange{
	color:#f47b16;
}
.formulaire{
	color:#3478a7;
	padding:0;
	margin:0;
}
.formulaire table{
	border-collapse:collapse;
}
.formulaire td{
	padding:0 10px 5px 10px;
}
.formulaire input{
	width:150px;
}

/*FOOTER*/
span#footerMenu{
	clear:both;
	display:block;
	background-color:#3579a8;
	margin:0 8px 0 8px;
	padding-top:5px;
	height:22px;
	text-align:center;
	color:#ffffff;
}
span#footerMenuPRO{
	clear:both;
	display:block;
	background-color:#213545;
	margin:0 8px 0 8px;
	padding-top:5px;
	height:22px;
	text-align:center;
	color:#ffffff;
}
div#footer a:link{
	text-decoration:none;
	color:#ffffff;
}
div#footer a:visited{
	text-decoration:none;
	color:#ffffff;
}
div#footer a:hover{
	text-decoration:underline;
	color:#ffffff;
}
span#copyright{
	text-align:center;
	display:block;
	padding:10px 0 30px 0;
}
span#copyrightPRO{
	text-align:center;
	display:block;
	padding:10px 0 30px 0;
	color:#ffffff;
}

/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #fff;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  2px solid #3478a7; /* Définition des bordures */
z-index: 10;
} 

a.info_bulle
{				
  color           : #565656;
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
 
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  420px;
    height     :  auto;
    overflow   :  visible;
}