body {
background-color:#cccccc;
width:100%;
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;
}

img {
border:none;
}

#menu {
	margin: auto;
	width: 990px;
	height: 54px;
	margin-top: 10px;
	background: url(images/fond_menu.png) no-repeat;
}

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

#menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#menu ul li a {	
	float: left;
	width: 100px;
	display: block;
	height: 35px;
	padding: 19px 0 0 0;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #76316d;	
	font-weight: bold;
	outline: none;
}

#menu li a:hover, #menu li .current {
	color: #361131;
	background: url(images/templatemo_menu_hover.png) no-repeat center;
}


#content {
background: url(images/content.png) repeat-y;
background-position: center;
width: 990px;
height: 890px;
margin: auto;
}

#middle {
background-color:#dbc4cc;
width: 980px;
height: 890px;
margin: auto;
padding-bottom: 10px;
padding-top: 3px;

}

#lateral {
float:left;
width: 184px;
height: 650px;
margin-top: 5px;
padding-left: 5px;
}



#banniere{
    background: url(images/ban.png) no-repeat;    	
	margin-left:300px;
	width: 708px;
	height: 136px;  	
	}

#logo{
    
	width: 180px;
	height: 165px;   
	background: url(images/logo.png) no-repeat;	
}

#photo{
    margin-top:10px;	
	width: 180px;
	height: 130px;   
	background: url(images/mosque.png) no-repeat;	
}

#sidebar{
margin-top:10px;
width: 180px;
}


.topsidebar{
width: 180px;
height: 11px;
background: url(images/topsidebar.png) no-repeat;

}

.bottomsidebar{
width: 180px;
height: 11px;
background: url(images/bottomsidebar.png) no-repeat;
clear:both;
}

#menusidebar{ 
    width: 180px;
	padding: 0 10px;  
    background: url(images/middlesidebar.png) repeat-y;       
	float: left;
}


#menusidebar li
{
list-style-type: none;
text-align: left;
margin-bottom: 10px;
margin-left: 0px;
color: #76316d;	
font-weight: bold;

}


#menusidebar li a
{	
font-size: 12pt;
text-decoration: none;
color: #76316d;

}

#menusidebar li a:hover , #menusidebar li .current
{
color: #361131;
background: url(images/templatemo_menu_hover.png) no-repeat center;

} 


#footer {

color:#440522;
margin: auto;
font-size:10pt;
width: 990px;
height: 54px;
background: url(images/fond_footer.png) no-repeat;
padding-top: 2px;
padding-top: 2px;
}


#txtfooter {
width: 990px;
height: 54px;
padding-left: 250px;
margin:0px;
}

#contain {
margin-top:40px;
padding-top:8px;
padding-left:210px;
}

#options {
color:#440522;
font-size:13pt;
}

.image {
margin-left:370px;
width: 350px;
height: 250px;
}

.description {
float:left;
width: 350px;
height: 270px;
background-color:#EEE3EF;
border: 1px solid #811044;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 3px 3px 3px black ;
-moz-box-shadow:3px 3px 3px black;
-webkit-box-shadow:3px 3px 3px black;
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom: 1;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');	
}

.optionlangue {
text-align:center;
float:left;
width: 190px;
height: 175px;
background-color:#EEE3EF;
border: 1px solid #811044;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 3px 3px 3px black ;
-moz-box-shadow:3px 3px 3px black;
-webkit-box-shadow:3px 3px 3px black;
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom: 1;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');	
}


.optionscolaire {
text-align:center;
float:left;
margin-left:40px;
width: 190px;
height: 175px;
background-color:#EEE3EF;
border: 1px solid #811044;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 3px 3px 3px black ;
-moz-box-shadow:3px 3px 3px black;
-webkit-box-shadow:3px 3px 3px black;
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom: 1;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');	
}




.vignette3 {
text-align:center;
float:left;
width: 250px;
height: 280px;
background-color:#EEE3EF;
border: 1px solid #811044;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 3px 3px 3px black ;
-moz-box-shadow:3px 3px 3px black;
-webkit-box-shadow:3px 3px 3px black;
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom: 1;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');	
}


.vignette4 {
text-align:center;
margin-left:100px;
width: 250px;
height: 280px;
background-color:#EEE3EF;
border: 1px solid #811044;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 3px 3px 3px black ;
-moz-box-shadow:3px 3px 3px black;
-webkit-box-shadow:3px 3px 3px black;
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom: 1;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');	
}


.vignette5 {
float:left;
text-align:center;
width: 150px;
height: 150px;
background-color:#ffffff;
border: 1px solid #811044;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 3px 3px 3px black ;
-moz-box-shadow:3px 3px 3px black;
-webkit-box-shadow:3px 3px 3px black;
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom: 1;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');	
}

.vignette6 {
float:left;
text-align:center;
margin-left:100px;
width: 150px;
height: 150px;
background-color:#ffffff;
border: 1px solid #811044;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 3px 3px 3px black ;
-moz-box-shadow:3px 3px 3px black;
-webkit-box-shadow:3px 3px 3px black;
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom: 1;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');	
}

.vignette7 {
text-align:center;
margin-left:500px;
width: 150px;
height: 150px;
background-color:#ffffff;
border: 1px solid #811044;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 3px 3px 3px black ;
-moz-box-shadow:3px 3px 3px black;
-webkit-box-shadow:3px 3px 3px black;
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom: 1;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');	
}

.vignette8 {
float:left;
text-align:center;
margin-left:5px;
width: 350px;
height: 230px;
background-color:#EEE3EF;
border: 1px solid #811044;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 3px 3px 3px black ;
-moz-box-shadow:3px 3px 3px black;
-webkit-box-shadow:3px 3px 3px black;
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom: 1;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');	
}

.vignette9 {

text-align:center;
margin-left:380px;
width: 350px;
height: 230px;
	
}

.vignette10 {
float:left;
text-align:center;
width: 150px;
height: 130px;
background-color:#ffffff;
border: 1px solid #811044;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
padding-left: 3px;
padding-right: 3px;
box-shadow: 3px 3px 3px black ;
-moz-box-shadow:3px 3px 3px black;
-webkit-box-shadow:3px 3px 3px black;
/* For IE 8 */
-ms-filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=6);
    zoom: 1;
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color='#000000');	
}





p{
padding-left: 5px;
color:#440522;
text-align: justify;
font-size:12pt;
font-family:Times;
}

#texte{
padding-left: 5px;
color:#440522;
text-align: justify;
font-size:13pt;
font-family:Times;
}


#soeur{
    margin-top:5px;    
    margin-left:10px;    
	width: 300px;
	height: 102px;   
	background: url(images/soeur.png) no-repeat;	
}


h1{
padding-left: 5px;
font-size:14pt;
color:#440522;
font-family:Times;

}

h2{
padding-left: 5px;
font-size:14pt;
color:#440522;
font-family:Times;
font-weight:bold;
}

h3{
text-decoration: underline;
font-style:italic;
font-size:14pt;
color:#cc2b66;
font-family:Times;
text-align: left;
}

#menusidebar h4 a {
text-decoration: none;
color:#440522;
text-align: left;
font-size:11pt;
font-family:Times;

}

#menusidebar h4  {
color:#440522;
text-align: left;
font-size:12pt;
font-family:Times;
}