body
{
	margin:0;
	border:0;
	font-family:verdana;
	background: url("../images-layout/bg_body.gif");
	background-repeat: repeat-x ;
}
body a
{
	outline: 0;
}
img{
	border:0;

}
#general{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;	
}

#header{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#header-haut{
	width: 1000px;
	height:158px;
	background: url("../images/header.gif");	
}
#header-haut-en{
	width: 1000px;
	height:158px;
	background: url("../images/header-en.gif");	
}
#header-haut a{
	width: 105px;
	height:130px;
	outline: 0;
	padding: 0 0 0 55px;
}


#logo{
	width: 105px;
	height:130px;
	margin: 0 0 0 55px;
}


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

/******* menu principal *****/

/****************************************************************/
#menu-principal{
	width: 1000px;
	background: url("../images-layout/bg_menu-principal.gif");
	background-repeat: no-repeat;
}
#menu-principal ul{
		margin: 0;
		width: 800px;
		padding:0 0 0 200px;
}

#menu-principal li{
		float:left;
		list-style:none;
		height:38px;
}
/******************/
.modeEmploi{
	display: block;
	width: 156px;
	height:38px;
	background: url("../menu/Bt_modeEmploi.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
}
.modeEmploi_2{
	display: block;
	width: 156px;
	height:38px;
	background: url("../menu/Bt_modeEmploi.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.modeEmploi:hover{
	display: block;
	width: 156px;
	height:38px;
	background: url("../menu/Bt_modeEmploi.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
/******************/

.VoirDemo{
	display: block;
	width: 147px;
	height:38px;
	background: url("../menu/Bt_voirDemo.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
}
.VoirDemo_2{
	display: block;
	width: 147px;
	height:38px;
	background: url("../menu/Bt_voirDemo.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.VoirDemo:hover{
	display: block;
	width: 147px;
	height:38px;
	background: url("../menu/Bt_voirDemo.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
/******************/

.BesoinAide{
	display: block;
	width: 145px;
	height:38px;
	background: url("../menu/Bt_besoinAide.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
}
.BesoinAide_2{
	display: block;
	width: 145px;
	height:38px;
	background: url("../menu/Bt_besoinAide.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.BesoinAide:hover{
	display: block;
	width: 145px;
	height:38px;
	background: url("../menu/Bt_besoinAide.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

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

.MobileMuezzin{
	display: block;
	width: 232px;
	height:38px;
	background: url("../menu/Bt_mobileMuezzin.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
}
.MobileMuezzin_2{
	display: block;
	width: 232px;
	height:38px;
	background: url("../menu/Bt_mobileMuezzin.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.MobileMuezzin:hover{
	display: block;
	width: 232px;
	height:38px;
	background: url("../menu/Bt_mobileMuezzin.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

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

.Contact{
	display: block;
	width: 111px;
	height:38px;
	background: url("../menu/Bt_contact.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
}
.Contact_2{
	display: block;
	width: 111px;
	height:38px;
	background: url("../menu/Bt_contact.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.Contact:hover{
	display: block;
	width: 111px;
	height:38px;
	background: url("../menu/Bt_contact.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}


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

/******* menu principal ANGLAIS *****/

/****************************************************************/
#menu-principal-en{
	width: 1000px;
	background: url("../images-layout/bg_menu-principal.gif");
	background-repeat: no-repeat;
}
#menu-principal-en ul{
		margin: 0;
		width: 800px;
		padding:0 0 0 100px;
}
#menu-principal-en li{
		float:left;
		list-style:none;
		height:38px;
}

/*******************/
/* MINI SITE STYLE */ 
/*******************/
.menuVert{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
		
	display: block;
	/*width: 132px;*/
	height:28px;
	background: url("../menu/Bt_menuvert.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
	padding-top:10px;
	padding-right:15px;

}

.menuVert:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#005500;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;

	display: block;
	/*width: 132px;*/
	height:28px;
	background: url("../menu/Bt_menuvert.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right:15px;
}

#menu-principal ul.mobi{
		margin: 0;
		width: 800px;
		padding:0 0 0 155px;
}

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





/******************/
.modeEmploi-en{
	display: block;
	width: 129px;
	height:38px;
	background: url("../menu/Bt_modeEmploi-en.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
}
.modeEmploi_2-en{
	display: block;
	width: 129px;
	height:38px;
	background: url("../menu/Bt_modeEmploi-en.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.modeEmploi-en:hover{
	display: block;
	width: 129px;
	height:38px;
	background: url("../menu/Bt_modeEmploi-en.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
/******************/

.VoirDemo-en{
	display: block;
	width: 173px;
	height:38px;
	background: url("../menu/Bt_voirDemo-en.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
}
.VoirDemo_2-en{
	display: block;
	width: 173px;
	height:38px;
	background: url("../menu/Bt_voirDemo-en.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.VoirDemo-en:hover{
	display: block;
	width: 173px;
	height:38px;
	background: url("../menu/Bt_voirDemo-en.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
/******************/

.BesoinAide-en{
	display: block;
	width: 124px;
	height:38px;
	background: url("../menu/Bt_besoinAide-en.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
}
.BesoinAide_2-en{
	display: block;
	width: 124px;
	height:38px;
	background: url("../menu/Bt_besoinAide-en.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.BesoinAide-en:hover{
	display: block;
	width: 124px;
	height:38px;
	background: url("../menu/Bt_besoinAide-en.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

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

.MobileMuezzin-en{
	display: block;
	width: 225px;
	height:38px;
	background: url("../menu/Bt_mobileMuezzin-en.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
}
.MobileMuezzin_2-en{
	display: block;
	width: 225px;
	height:38px;
	background: url("../menu/Bt_mobileMuezzin-en.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.MobileMuezzin-en:hover{
	display: block;
	width: 225px;
	height:38px;
	background: url("../menu/Bt_mobileMuezzin-en.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

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

.Contact-en{
	display: block;
	width: 111px;
	height:38px;
	background: url("../menu/Bt_contact.gif");
	background-repeat: no-repeat;
	background-position: left top;
	outline: 0;
}
.Contact_2-en{
	display: block;
	width: 111px;
	height:38px;
	background: url("../menu/Bt_contact.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}
.Contact-en:hover{
	display: block;
	width: 111px;
	height:38px;
	background: url("../menu/Bt_contact.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}





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

.content_ariane{
	width: 1000px;
	background: url("../images-layout/bg_contenu.gif");
}
.content_ariane p{
	width:800px;
	font-size:10px;
	color: #353535;
	margin:0 0 0 15px;
	padding:5px 0 10px 0;
}
.content_ariane a{
	color: #353535;

}


#contenu{
	width: 1000px;
	background: url("../images-layout/bg_contenu.gif");
	background-position: top;
	margin-top: 0px !important;
	margin-top:-2px;
}

.marge{
	width:980px;
	margin-left: auto;
	margin-right: auto;
}


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

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

#gauche_demo{
	width:779px;
	float:left;
}

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


#centre{
	width: 555px;
	float:left;
}
#droite{
	margin: 0;

	width: 199px;
	float: right;
}
/***************************/

#footer{
	background: url("../images-layout/bg_footer.gif");
	background-repeat: repeat-x;
}
#footer-contenu{
	width: 1000px;
	margin: 0 auto 0 auto;
	background: url("../images-layout/bg_footer-contenu.gif");
	background-repeat: no-repeat;
	padding:0 0 20px 0;

	background-position: bottom;

}
#langue{
	width: 200px;
	margin:17px; 0 0 15px;
	float:left;
}
#menu-footer{
	width: 300px;
	margin: 17px 15px 0 0;
	text-align: right;
	float: right;
}

#langue p, #menu-footer p{
	margin: 0;
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #ffeddb;
}
#langue a, #menu-footer a{
	font-size: 11px;
	font-family: arial, sans-serif;
	color: #ffeddb;
	text-decoration: none;
}
#langue a:hover, #menu-footer a:hover{
	text-decoration: underline;
	
}


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

/******* menu second *****/

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

#menu-second{
	font-size: 12px;
	margin:0 ;
	width: 220px;
}
#menu-second p{
	margin:0;
	font-size: 12px;
	width: 220px;
}




ul.level_1{
	margin: 5px 0 0 0;
	padding: 0 0 0 35px;
	list-style: none;
	width: 210px;
}


ul.level_1 li a{
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #d7c79b;
	text-decoration: none;
	
}
ul.level_1 li a:hover{
	color: #8d4b01;
	text-decoration: none;
}


.active{
	font-size: 12px;
	font-weight: bold;
	color: #8d4b01;


}


.titre ul{
	width: 220px;
	margin: 15px 0 0 10px;
	padding:0;
}

.titre li{
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, sans-serif;
	color: #d7c79b;
	list-style: none;
	padding: 0 0 0 20px;
	background: url("../images-layout/bg_puce-liste-menu.gif");
	background-repeat: no-repeat;
}
.titre li a{
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, sans-serif;
	color: #d7c79b;
	text-decoration: none;
	
}
.titre li a:hover{
	color: #8d4b01;
	text-decoration: none;
	
}
/***************************************************/
/*********************  DROITE  *******************/
/**************************************************/

.element-droite{
	margin:0 0 15px 0;
}
.image_container{
	margin: 0;
}

.element-droite-apropos-h{
	width: 199px;
	height: 27px;
	background: url("../images-layout/titre-apropos.gif");
	background-repeat: no-repeat;
}
.element-droite-apropos-b{
	width: 199px;
	background: url("../images-layout/bg-apropos.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 13px 0 14px 0;
	margin: 0 0 15px 0;
	
}
.element-droite-apropos-b p{
	width: 160px;
	margin: 0 0 0 23px;
	font-family: arial;
	font-size: 11px;
	color: #353535;
}
/************************************************************  PAGE INDEX  ********************************************/

#gauche_index{
	margin: 30px 0 0 0;
	width: 254px;
	float:left;

}
#centre_index{
	margin: 30px 0 0 0;
	width: 524px;
	float:left;
}
#droite_index{
	width: 201px;
	height:437px;
	float: left;

}
#centre_index h1{
	margin: 0;
	color: #8d4b01;
	font-family: trebuchet MS;
	font-size: 28px;
	font-weight: normal;
}

#centre_index ul{
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}
#centre_index li{
	margin:5px 0 0 0;
	font-weight: normal;
	font-family: trebuchet MS;
	font-size: 18px;
	color: #353535;
	
	padding: 0 0 0 25px;
	background: url("../images-layout/bg_puce-liste.gif");
	background-repeat: no-repeat;
}

.bouton_centre_index{
	margin: 35px 0 0 0;

}

/************************************************************  PAGE DEMO  ********************************************/
.visuel-demo{
	width:428px;
	float:left;
}
.bloc-demo{
	margin:20px 0 0 15px;
	width:262px;
	float:left;
}
.bloc-demo_haut{
	width:262px;
	height:5px;
	background: url("../images-layout/bg_contenu_bloc-demo1.gif");
	background-repeat: no-repeat;

}
.bloc-demo_bas{
	width:262px;
	background: url("../images-layout/bg_contenu_bloc-demo-2.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 8px 0 45px 0;

}
.bloc-demo_bas p{
	width:233px;
	margin:0;
	font-family: arial, sans-serif;
	color: #353535;
	font-size:12px;

}

.demo_bandeau{
	padding:0 0 0 101px;
}



/************************************************************  PAGE DICTATIEL  ********************************************/
.marge-didacticiel{
	width:980px;
	margin-left: auto;
	margin-right: auto;
	background: url("../images-layout/bg_fond-menu-didacticiel.gif"); 
	background-position:top;
	background-repeat: no-repeat;
}

#gauche_didacticiel{
	float:left;	
	width:224px;
}


#gauche_didacticiel h1{
		width: 210px;
		margin: 10px 0 0 10px;
		font-size: 22px;
		color: #8d4b01;
		font-weight: normal;
}
#gauche_didacticiel h2{
		width: 220px;
		margin: 2px 0 0 10px;
		font-size: 16px;
		color: #8d4b01;
		font-weight: normal;
}

#centre_didacticiel{
	width: 505px;
	margin: 15px 0 20px 15px;
	float:left;
}

.texte-didacticiel{
	width: 300px;
	margin:0;
	font-size: 12px;
	color: #353535;
	font-family: arial, sans-serif;
	float:left;
}

.texte-didacticiel2{
	width: 515px;
	margin:0;
	font-size: 12px;
	color: #353535;
	font-family: arial, sans-serif;
	float:left;
}
.texte-didacticiel ul, .texte-didacticiel2 ul{
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
}
.texte-didacticiel li, .texte-didacticiel2 li{
	font-size: 12px;
	margin: 5px 0 0 0;
	font-weight: normal;
	font-family: arial, sans-serif;
	color: #353535;
	list-style: none;
	padding: 0 0 0 20px;
	background: url("../images-layout/bg_puce-liste-menu.gif");
	background-repeat: no-repeat;
}





/**************************************  plan du site  ********************************/

#centre_plan{
	margin: 20px 0 0 0;
	width: 524px;
	float:left;

}
/**************************************  C G U   ********************************/
#centre_cgu{
	margin: 15px 0 20px 0;
	width: 524px;
	float:left;
}

.text-charte{
	width: 505px;
	margin:0;
	font-size: 12px;
	color: #353535;
	font-family: arial, sans-serif;
}
.text-charte h1{
	width: 505px;
	margin:0 0 15px 0;
	font-size: 14px;
	color: #8d4b01;
	font-family: arial, sans-serif;
}

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

/******* menu second *****/

/****************************************************************/
.gauche-plan{
	margin: 0 0 0 35px;
	width: 220px;
	float: left;
}

.droite-plan{
	width: 240px;
	float: left;
}

ul.plan_1{
	margin:0 0 0 0;
	padding: 0 0 0 15px;
	list-style: none;
	width: 220px;
}
ul.plan_2{
	margin:0 0 0 0;
	padding: 0 0 0 35px;
	width: 220px;
	list-style: none;
}
ul.plan_3{
	margin:0 0 0 0;
	padding: 0 0 0 15px;
	width: 220px;
	list-style: none;
}
ul.plan_4{
	margin: 35px 0 0 0;
	padding: 0 0 0 15px;
	width: 220px;
	list-style: none;
}



ul.plan_1 li.parent {
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, sans-serif;
	color: #d7c79b;
	list-style: none;
	padding: 0 0 0 20px;
	background: url("../images-layout/bg_puce-liste-menu.gif");
	background-repeat: no-repeat;
}
ul.plan_1 li.parent a{
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #d7c79b;
	text-decoration: none;
	
}
ul.plan_1 li.parent a:hover{
	color: #8d4b01;
	text-decoration: none;
}

ul.plan_1 li.submenu {
	margin:8px 0 0 0;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, sans-serif;
	color: #d7c79b;
	list-style: none;
	
}

ul.plan_1 li.submenu a{
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #d7c79b;
	text-decoration: none;

}
ul.plan_1 li.submenu a:hover{
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #8d4b01;
	text-decoration: none;

}

ul.plan_2 li {
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, sans-serif;
	color: #d7c79b;
	list-style: none;
	
}
/********************************************/
ul.plan_3 li, ul.plan_4 li {
	margin:0 0 15px 0;
	font-size: 12px;
	font-weight: normal;
	font-family: arial, sans-serif;
	color: #d7c79b;
	list-style: none;
	padding: 0 0 0 20px;
	background: url("../images-layout/bg_puce-liste-menu.gif");
	background-repeat: no-repeat;
	
}
ul.plan_3 li a, ul.plan_4 li a{
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #d7c79b;
	text-decoration: none;

}
ul.plan_3 li a:hover, ul.plan_4 li a:hover{
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #8d4b01;
	text-decoration: none;

}


/************************************************* page faq  *****************************************************/


#accordion{
	margin: 3px 0 20px 0;
	width: 515px;
	float:left;
}

#accordion h1{
	margin: 0;
	color: #8d4b01;
	font-size: 11px;
}
#accordion p{
	width: 490px;
	margin: 10px 0 10px 20px;
	color: #353535;
	font-family: arial;
	font-size: 11px;
}

/*************************  accordeon **********************************/

.toggler {
	color: #8d4b01;
	margin: 0;
	padding: 5px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #ddd;
	font-size: 11px;
	font-weight: bold;
	font-family: 'arial', sans-serif;
	cursor:pointer;
}


/***********************************************************************************/
/***               STYLES         *****//
/***********************************************************************************/
/********************  decoration   ***********/
.floatL{
	float:left;
}

.floatR{
	float:right;
}
.clearFloat{
	clear: both;
}
.gras{
	font-weight:bold;
}
.souligne{
	text-decoration: underline;
}

/********************  couleurs   ***********/

.bleu
{
	color:blue;
}
.blanc{
	color:white;
}

.rouge
{
	color:red;
}

.brun {
	color: #8d4b01;
}

/********************  fonts  ***********/
.font-gorgia{
	font-family: gorgia;
}
/********************  listes  ***********/

.width300{
	width: 300px;
}