body{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	background-attachment: scroll;
	background-image:url(../images/main_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #5a493f;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align:center;
}

/**
 * Couleur de base pour les liens
 */
a{
	color: #FFF;
	text-decoration:none;
}

a:hover{
	color: #e3b998;
}

/* FIN DE  Couleur de base pour les liens */

.mainContainer{
	width:884px;
}

/**
 * Footer
 */
 
.footer{
	width:810px;
	height:67px;
	margin-top:10px;
}

.footer #top{
	height:45px;
}

.footer #bottom{
	height:22px;
}

.footer #bottom a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #8b7260;
	text-decoration: none;	
}

.footer #bottom a:hover{
	color: #c39d80;
}

.footer #bottom #left{
	width:334px;
	height:22px;
	float:left;
	text-align:right;
	margin-right:20px;
}

.footer #bottom #center{
	width:79px;
	height:22px;
	float:left;
}

.footer #bottom #right{
	width:357px;
	height:22px;
	float:left;
	text-align:left;
	margin-left:20px;
}

.footer #bottom .zoneText{
	padding-top:6px;
	text-align:right;
}

.footer #bottom #left .zoneText{
	float:right;
}

.footer #bottom #right .zoneText{
	float:left;
}

.footer #bottom .separator{
	padding-top:10px;
	width:20px;
	height:7px;
	text-align:center;
}

.footer #bottom #left .separator{
	float:right;
}

.footer #bottom #right .separator{
	float:left;
}

.footer #bottomDyn{
	height:22px;
	text-align:center;
}

.footer #bottomDyn a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #8b7260;
	text-decoration: none;	
}

.footer #bottomDyn a:hover{
	color: #c39d80;
}

.footer #bottomDyn .dyn{
}


/* FIN DE  Footer                        */


/**
 *	Bloc principal gauche et droite --------------------------------------------------
 */
.mainContainer .mainLeft{
	width:584px;
	float:left;
}


.mainContainer .mainRight{
	width:295px;
	float:left;
}
/* FIN DE Bloc principal gauche et droite ------------------------------------------- */

/**
 * Contenu bloc principal gauche (mainLeft) -------------------------------------------
 */
.mainLeft .topContainerLeft{
	width:100%;
	height:166px;
}
/* top gauche 							*/
.topContainerLeft .leftContainer{
		width:263px;
		height:166px;
		float:left;
}
.topContainerLeft .leftContainer .langue{
			width:250px;
			height:31px;
			text-align:right;
			padding-right:13px;
}

.topContainerLeft .leftContainer .langue .retourHome{
			margin-right:10px;
			font-size:15px;
			color:#b49981;
}

.topContainerLeft .leftContainer .langue .retourHome:hover{
			color:#FFFFFF;
}

.topContainerLeft .leftContainer .illustration{
			width:100%;
			text-align:right;
}

		
/* top droite 							*/
.topContainerLeft .rightContainer{
		width:321px;
		height:166px;
		float:left;
}

.mainLeft .principal{
	width:100%;
}


.mainLeft .principal .menu{
	width:584px;
	height:44px;
	position:relative;
	z-index:10000;
}

.mainLeft .principal .menu .flash{
	width:584px;
	height:75px;
	position:absolute;
	left:0px;
	z-index:2000;
}

.mainLeft	.principal .homeContainer{
	width:584px;
	height:500px;
	background-image:url(../images/home_background.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	position:relative;
}

.mainLeft .principal .homeContainer .home{
	position:absolute;
	z-index:100;
	left:-66px;
}

.mainLeft .principal .homeContainer .cafe{
	position:absolute;
	z-index:150;
	left:447px;
	top:0px;
	height:206px;
	width:157px;
}

.mainLeft .principal .homeContainer .texte_accueil{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	position:absolute;
	z-index:200;
	left:0px;
	top:325px;
	text-align:left;
	letter-spacing:1px;
	line-height:18px;
	width:326px;
}

.mainLeft .principal .homeContainer .texte_accueil .titre_accueil{
	font-size: 20px;
	letter-spacing:1px;
	line-height:20px;
	margin-bottom:5px;
}




/** FIN DE Contenu bloc principal gauche (mainLeft) -----------------------------------*/

/**
 * Contenu bloc principal droite (mainLeft) -------------------------------------------
 */
.mainRight .topContainerRight{
	width:100%;
	height:333px;
	text-align:left;
}

.mainRight .centerContainerRight{
	width:100%;
	height:337px;
	background-image:url(../images/droite_fond.jpg);
	background-position:top;
	text-align:left;
}

.mainRight .centerContainerRight .contact{
	margin-left:20px;
	margin-top:20px;
	color:#b49981;
	font-size:15px;
	letter-spacing:1px;
}


.mainRight .centerContainerRight .blocInfo{
	width:100%;
	height:152px;
}

.mainRight .centerContainerRight .blocInfo .top{
	width:100%;
	height:33px;
}

.mainRight .centerContainerRight .blocInfo .bottom{
	width:100%;
	height:119px;
	background-image:url(../images/bloc_droite_fond.jpg);
}

.mainRight .centerContainerRight .blocInfo .bottom #zoneText{
	padding-left:15px;
	padding-right:50px;
	padding-top:8px;
	line-height: 13px;
	font-size:12px;
}

.mainRight .centerContainerRight .blocInfo .bottom #zoneText #lien{
	padding-top:9px;
	letter-spacing:1px;
}

.mainRight .centerContainerRight .separatorBlocInf-BlocBreve{
	width:100%;
	height:111px;
}x
.mainRight .centerContainerRight .blocBreve{
	width:293px;
	height:71px;
}

*html .mainRight .centerContainerRight .blocBreve .cadre{
	border:1px solid #b7a392;
	height:73px;
}

*> .mainRight .centerContainerRight .blocBreve .cadre{
	border:1px solid #b7a392;
	min-height:71px;
}

.mainRight .centerContainerRight .blocBreve .cadre .titre{
	text-align:center;
	margin-top:9px;
}

.mainRight .centerContainerRight .blocBreve .cadre .zoneText{
	padding-top:5px;
	text-align:center;
	font-size:11px;
}

.mainRight .centerContainerRight .blocBreve .cadre .lien{
	padding-top:4px;
	text-align:center;
	letter-spacing:1px;
}




/** FIN DE Contenu bloc principal gauche (mainLeft) -----------------------------------*/







*html .texte_fond{  /*visible que sous internet explorer
	/* Attention pas de ../ avant images/ */
	background-repeat:repeat-y;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/texte_fond_repeat.png', sizingMethod='scale');
	height:300px;
}

*>.texte_fond{  /* fonctionnera pas pour ie6*/
	background-repeat:repeat-y;
	background-image:url(../images/texte_fond_repeat.png);
	min-height:300px;
	overflow:hidden;
}

/*Permet de positionner une image dans une div contenant du texte comme pour COLL ETT DIEU.com */
.floatimage {
   float : left;
   margin : 5px 10 0px 0px;  
   display : inline;
 /*C'est la dernière valeur qui indique 0px de marge à gauche */
}
h1,h2,h3,h4,h5,h6 {
	/*display:none;*/
	/*permet de faire des titre quand les styles sont desactivé*/
}
