/* CSS Document */
/*
-- Subject : CSS WEBSITE - HOME
-- Historique : Création le 
-- Author : 
-- Évolubiz Inc.
*/
/*
** Couleurs : 
/*
	Gris foncé : #646464
	Gris pâle : #E0E0E0
*/

/************************************************* Home ***************************************************/

#row_middle.accueil { background-color: #646464; padding: 0 5px 5px 5px; }

/* remplace le div #content de structure.css */
#accueil_content { text-align: center; background-color: #FFFFF; }

/* affiche le ciel bleu */
DIV.bg_bandeau_accueil { background-color: #646464; height:178px; width: 100%; }

/* affiche le texte en image et la maison par dessus le ciel bleu */
DIV.bandeau_accueil 
{ 	 
	height:178px; width: 100%;
	text-align: right;
	background-color: transparent; 
}

/* pour overrider l'alignement du texte : left->center */
#content { text-align:center; background-color: #FFFFFF; /* nécessaire pour IE */ }

.conteneur_boites { position: relative;	margin: 0 auto 0 auto; text-align:center; width: 730px; }

/* s'applique à chacune des boîtes */
.conteneur_boites div.boite
{
	position: relative;
	float: left;
	border:	#333333 solid 1px; 
	height: 185px; 
	background-color: #E5E5E5;
	padding: 0;
	margin: 30px 0 0 10px;
}

/* listes dans les boîtes */
.conteneur_boites div.boite ul { list-style:url(../images/accueil_puce.gif); margin: 3px 0 3px 20px; padding: 0;}
.conteneur_boites div.boite ul li { margin: 1px 0 0 0; padding: 0 0 0 -10px;}
.conteneur_boites div.boite ul li a { font-weight: bold; color:#000000; font-size: 95%; text-decoration: none;}
.conteneur_boites div.boite ul li a:hover { text-decoration: underline;}


.conteneur_boites div.boite h2   
{ 
	font-size: 95%;
	margin: 0; padding: 0;	
	border: none;
}

.conteneur_boites div.boite h2 a
{
	background-color: #646464;
	height: 28px; 
	text-decoration: none; 
	margin: 10px 0 0 10px;
	padding: 2px 0 2px 10px;
	border: 1px solid #FFFFFF;
	border-right: none;
	width: 164px;
	display: block; 
	color: #FFFFFF; 
}
/* Seulement compris par IE */ * html .conteneur_boites div.boite h2 a { width: 175px; } 
.conteneur_boites div.boite h2 a:hover { background-color: #757575; }



/* pour la boîte blanche 3e colonne */
.conteneur_boites div.boite h2.etplus a
{
	background-color: #FFFFFF;
	height: 16px; 
	font-size: 90%;
	text-decoration: none; 
	margin: 0 0 0 70px;
	padding: 2px 0 0 10px;
	border: 1px solid #333333;
	border-right: 1px solid #CCCCCC;
	width: 64px;
	display: block; 
	color: #333333; 
}
/* Seulement compris par IE */ * html .conteneur_boites div.boite h2.etplus a { width: 74px; margin: 5px 0 0 72px; } 
.conteneur_boites div.boite h2.etplus a:hover { background-color: #F0F0F0; }



/* pour la boîte blanche 4e colonne */
.conteneur_boites div.boite h2.expert a
{
	background-color: #FFFFFF;
	height: 32px; 
	font-size: 90%;
	text-decoration: none; 
	margin: 33px 0 0 10px;
	padding: 2px 0 0 10px;
	border: 1px solid #333333;
	border-right: 1px solid #CCCCCC;
	width: 165px;
	display: block; 
	color: #333333; 
}
/* Seulement compris par IE */ * html .conteneur_boites div.boite h2.expert a { width: 174px; margin: 31px 0 0 12px; } 
.conteneur_boites div.boite h2.expert a:hover { background-color: #F0F0F0; }



/* spécificité de chacune des boîtes */
.conteneur_boites div.boite1 { width: 185px; background-color: #7BA44D; }
* html .conteneur_boites div.boite1 { width: 187px; }
.conteneur_boites div.boite1 div.img_boite1 { position: absolute; top: 0; left: 0; }

.conteneur_boites div.boite1 div.img_boite1 h2 { position: absolute; top: 0; left: 0; }


.conteneur_boites div.boite2, .conteneur_boites div.boite3 { width: 145px; }
.conteneur_boites div.boite4
{ 
	width: 186px; background: url(../images/accueil_expert_bg.jpg) repeat-x 0 0; background-color: #9AB8D5;
}

.conteneur_boites div.boite4 div.bonhomme { position: absolute; float: right; top: -25px; right:0; background-color: transparent; }
* html .conteneur_boites div.boite4 div.bonhomme { top: -25px; }

/* pour les hyperliens dans les boîtes grises */
.conteneur_boites div.boite2 h2 a, 
.conteneur_boites div.boite3 h2 a { width: 124px; }
/* Seulement compris par IE */ * html .conteneur_boites div.boite2 h2 a { width: 135px; }
                               * html .conteneur_boites div.boite3 h2 a { width: 135px; }  

.conteneur_boites div.boite4 h2 a { height: 58px; margin-top: 10px; }
.conteneur_boites div.boite4 h2 a span { font-weight: lighter; }

.conteneur_boites div.boite4 h2.expert { margin-top: 73px; }
* html .conteneur_boites div.boite4 h2.expert { margin-top: 71px; }

.conteneur_texte { 	position: relative;	margin: 20px auto 30px auto; text-align:center;	width: 710px; }
/* Seulement compris par IE */ * html .conteneur_texte { margin: 20px auto 20px auto; width: 690px;  } 




.conteneur_boites div.marques {	margin: 0; text-align: right }

.conteneur_boites div.etplus, .conteneur_boites div.expert 
{ 
	padding: 0 0 0 5px; 
	margin-left: 60px; 
	font-size: 90%;
	font-weight: bold;
	text-align:left; 
	border: solid 1px #646464; 
	border-right: none;
	background-color:#FFFFFF; 
	text-transform:uppercase; 
	color:#646464; 
}

.conteneur_boites div.etplus a, .conteneur_boites div.expert a {  text-decoration: none;	color: #646464; }
.conteneur_boites div.etplus a:hover, .conteneur_boites div.expert a:hover {text-decoration: none; color: #646464; }

.conteneur_boites div.expert { margin: 15px 0 0 10px; }


.conteneur_boites h3 
{ 
	border:#333333 solid 1px; 
	border-right: none; 
	color:#646464; 
	text-transform: uppercase; 
	text-align: left; 
	margin: 0 0 5px 60px; 
	padding: 0 0 0 10px; 
	font-size: 90%;
	background-color: #FFFFFF;	
}
/* \*/ .conteneur_boites h3  { margin: 13px 0 5px 60px; } /* */

/**********************************************************************************************************/