/* ----------Page, fond de page---------- */

/* -------Body- */

body.index {background-color:#32CD32;}

body.commerce_equitable {background-color:#87CEFA;}

body.le_club {background-color:#FFD700;}

body.produits {background-color:#FFB6C1;} 

body.autres_actions {background-color:#E9967A;} 

body.plan_site {background-color:#fff;} 
  
/* -------- */

/* -------Page- */

#page_equisearch {
	width:768px;
	margin:auto;
}

#page_index {
	background-image:url(fond_page.jpg);
	width:768px;
	border:solid #228B22 5px;
	margin:auto;
}

#page_commerce_equitable {
	background-image:url(fond_page.jpg);
	width:768px;
	border:solid #4169E1 5px;
	margin:auto;
}

#page_le_club {
	background-image:url(fond_page.jpg);
	width:768px;
	border:solid #FF8C00 5px;
	margin:auto;
}

#page_produits {
	background-image:url(fond_page.jpg);
	width:768px;
	border:solid #FF00FF 5px;
	margin:auto;
}

#page_autres_actions {
	background-image:url(fond_page.jpg);
	width:768px;
	border:solid #FF6347 5px;
	margin:auto;
}

#page_plan_site {
	background-image:url(fond_page.jpg);
	width:768px;
	border:solid #808080 5px;
	margin:auto;
}

/* -------- */

a {
color:#fff;
}

.centrer
{
	text-align:center;
}


/* ----------Emplacement global---------- */

#menu_haut
{
	float:left;
}

#rubriques_id
{
	float:left;
}

/* -------Ariannes- */

#arianne_index {						
	float:left;
	width: 768px;
	margin-top: 20px;
	background-color: #228B22 ;
	color: #fff;
}

#arianne_commerce_equitable {
	float:left;
	width: 768px;
	margin-top: 20px; 
	background-color: #4169E1 ;
	color: #fff;
}

#arianne_le_club {
	float:left;
	width: 768px;
	margin-top: 20px; 
	background-color: #FF8C00 ;
	color: #fff;
}

#arianne_produits {
	float:left;
	width: 768px;
	margin-top: 20px; 
	background-color: #FF00FF ;
	color: #fff;
}

#arianne_autres_actions {
	float:left;
	width: 768px;
	margin-top: 20px; 
	background-color: #FF6347 ;
	color: #fff;
}

#arianne_plan_site {
	float:left;
	width: 768px;
	margin-top: 20px; 
	background-color: #808080 ;
	color: #fff;
}


/* -------- */

#texte
{
	float:right;
	width: 540px ;
	margin-top: 10px; 
	margin-left: 6px;
	margin-right: 6px; 

}

#texte_2
{
	float:right;
	width: 540px ;
	margin-top: 10px; 
	margin-left: 6px;
	margin-right: 6px; 

}

#texte_3
{
	float:right;
	width: 540px ;
	margin-top: 10px; 
	margin-left: 6px;
	margin-right: 6px; 

}

#texte_4
{
	float:right;
	width: 540px ;
	margin-top: 10px; 
	margin-left: 6px;
	margin-right: 6px; 

}

#gauche
{
	float:left;
	width: 190px ;
	margin-top: 5px; 
}


	#texte_gauche
{
	width: 190px ;
	margin-top: 10px; 
	margin-left: 6px;
	margin-right: 6px;

}

	#texte_gauche_2
{
	width: 190px ;
	margin-top: 10px; 
	margin-left: 6px;
	margin-right: 6px; 
}

	#texte_gauche_3
{
	width: 190px ;
	margin-top: 10px; 
	margin-left: 6px;
	margin-right: 6px; 
}

	#sous-rubriques 
{
	width: 190px ;
	margin-top: 10px; 
	margin-left: 6px;
	margin-right: 6px; 
}

	#image_gauche
{
	width: 190px ;
	margin-top: 10px; 
	margin-left: 6px;
	margin-right: 6px; 
}

#menu_bas
{
	float:left;
	margin-top: 20px; 
	margin-left: 0px;
	margin-right: 0px; 
	width: 100%;
}

#organisations
{
	float:left;
	margin-top: 20px; 
	margin-left: 0px;
	margin-right: 0px; 
	width: 100%;
}

/* ----------Partie gauche---------- */

/* -------Sous-rubriques (général)- */

.sous_rubriques_titre 
{
	text-align: center ;
	background-color:#B8860B;
	font-size: 1.1em ;
	color:#fff ;
}


.sous_rubriques_texte
{
	background-color:#fff;
	font-size: 1.0em ;
	padding:4px;
}

.sous_rubriques_texte a
{
color:#B8860B;
font-weight: bold ;
}

.sous_rubriques_texte a:hover
{
color:#000000;
font-weight: bold ;
}

/* -------- */

/* -------Image- */

.image_titre 
{
	text-align: center ;
	background-color:#B8860B;
	font-size: 1.1em ;
	color:#fff ;
}


.image_texte
{
	text-align: center ;
	background-color:#fff;
	font-size: 1.0em ;
	padding:4px;
}

/* -------- */


/* ----------Texte---------- */

.texte_titre 
{
	text-align: center ;
	background-color:#B8860B;
	font-size: 1.1em ;
	color:#fff ;
	margin-top : 10 px ;
	margin-left : 3 px ;
	margin-right : 3 px ;
	padding:4px;
}


.texte_texte
{
	text-align: left ;
	background-color:#fff;
	font-size: 1.0em ;
	margin-bottom : 10 px ;
	margin-left : 3 px ;
	margin-right : 3 px ;
	padding:4px;


}

.texte_texte a
{
font-weight: bold ;
color:#B8860B;
}

.texte_texte a:hover
{
font-weight: bold ;
color:#000000;
}


/* -------- */


/* ----------Menu du haut---------- */

ul#menu
{
      margin: 0 ;
      padding: 0 ;
      list-style-type: none ;
	width:768px ;
}

ul#menu li
{
      float: left ;
      text-align: center ;
}

ul#menu li a
{
      width: 256px ;
      font-size: 1.1em ;
      font-weight: bold ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#228B22 ;
}

ul#menu li a:hover
{
       background-color:#32CD32;
}

ul#menu li.actif
{
      width: 256px ;
      font-size: 1.1em ;
      font-weight: bold ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#FFD700 ;
}



/* ----------Rubriques---------- */

ul#rubriques
{
      margin: 0 ;
      padding: 0 ;
      list-style-type: none ;
	width:768px ;
}

ul#rubriques li
{
      float: left ;
      text-align: center ;
}



/* -------Rubriques - liens actifs- */

ul#rubriques li.accueil_actif
{
      width: 138px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#FFD700 ;
	font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;
}

ul#rubriques li.commerce_equitable_actif
{
      width: 184px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#FFD700 ;
      font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;

}
ul#rubriques li.le_club_actif
{
      width: 146px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#FFD700 ;
      font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;

}
ul#rubriques li.produits_actif
{
      width: 150px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#FFD700 ;
      font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;

}
ul#rubriques li.autres_actions_actif
{
      width: 150px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#FFD700 ;
      font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;

}

/* -------- */

ul#rubriques li.accueil a:hover
{
      background-color:#808080;
}

ul#rubriques li.commerce_equitable a:hover
{
      background-color:#808080;
}

ul#rubriques li.le_club a:hover
{
      background-color:#808080;
}

ul#rubriques li.produits a:hover
{
      background-color:#808080;
}

ul#rubriques li.autres_actions a:hover
{
      background-color:#808080;
}



/* -------Rubriques - liens- */

ul#rubriques li.acceuil_actif a
{
      width: 138px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#228B22 ;
	font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;
}



ul#rubriques li.accueil a
{
      width: 138px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#228B22 ;
	font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;
}

ul#rubriques li.commerce_equitable a
{
      width: 184px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#4169E1 ;
      font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;

}
ul#rubriques li.le_club a
{
      width: 146px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#FF8C00 ;
      font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;

}
ul#rubriques li.produits a
{
      width: 150px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#FF00FF ;
      font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;

}
ul#rubriques li.autres_actions a
{
      width: 150px ;
      font-size: 1.0em ;
      color: #fff ;
      display: block ;
      text-decoration: none ;
	background-color:#FF6347 ;
      font-weight: bold ;
	padding-top: 4px;
	padding-bottom: 4px;

}

/* -------- */

/* ----------Menu du bas---------- */

.contacts
{
	background-color:#808080;
	font-size: 1.0em ;
	text-align: center;
	padding-top:4px;
	padding-bottom:4px;
	width:768px ;
}

.copyright
{
	background-color:#fff;
	font-size: 0.72em ;
	text-align: center;
	width:768px ;
}