/*  --------------------------------------------------------------
Conception : Maroc Héberger
http://www.marocheberger.com/
contact@marocheberger.com
     -------------------------------------------------------------   */
 


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


body {
	margin: 0px; padding: 0px;
	background:#698081;
    font: 9pt Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
    text-align: right;
	color:#27A5B9;
}


a:link {
font-family:Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size:13px;
color:#27A5B9;
text-decoration:none;
font-weight: bold;
}

a:visited {
font-family:Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size:13px;
color:#000;
text-decoration:none;
font-weight: bold;
}


a:hover {
color:#000;
text-decoration:none;
}




/*	------------ HEADER - - - - - - - - - - */


.call_mail {
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 14px; color: #3BAFF5; font-weight: bold;
margin-top: 10px; text-align: center;
text-shadow: 1px 1px 1px #000;
}















	

	
	
	
	
	
	
	
	
	
	
	/*	------------ MAIN - - - - - - - - - - */
	
	
	
	
	
	
.main {
padding: 10px; margin-left: 20px; margin-right: 20px;
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 16px; color: #3BAFF5; font-weight: bold;
}




	
.slide {
background: url(images/slide.gif); 
width: 620px; height: 210px;
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 16px; color: #3BAFF5; font-weight: bold;
}


.slide_cont {
padding: 13px;
}


.block {
background: url(images/block.gif);
width: 320px; height: 190px;
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 16px; color: #B7BFC9; font-weight: bold;
}



.block_cont {
padding: 20px;
}

.title_block {
margin-left: 30px;
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 18px; color: #292C2C; font-weight: bold;
}

.but{
background: url(images/but.gif);
width: 120px; height: 45px;
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 16px; color: #B7BFC9; font-weight: bold;
margin-top: -20px; margin-left: 165px;	
}



.but_cont {
padding: 10px; text-align: center;
}
.but_cont a{
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 16px; color: #959898; font-weight: bold;
}


.but_cont a:hover{
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 16px; color: #fff; font-weight: bold;
}



.news{
background: #F2F2F2; border: 1px solid #D3D3D3;
width: 550px;
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif; font-size: 14px;
text-indent: 20px; text-align: justify;
padding: 10px; margin-bottom: 16px; margin-left: 16px;	
}




.news a{
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 14px; color: #437EB2; font-weight: bold; text-decoration; none;
}


.news a:hover{
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 14px; color: #000; font-weight: bold;  text-decoration: underline;
}














	/*	------------ VERTICAL MENU - - - - - - - - - - */


#menu {

	list-style: none;
	margin: 0;
	padding: 0;
	width: 12em; 
}
#menu li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0; margin: 2px;
}
#menu a {
	background: #EFEFEF;
	border: 1px solid #2DA1CC; margin: 2px;
	color: #2DA1CC;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none; text-align: left;
}
#menu a:hover {
	background: #3E485F url("images/right.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}





	/*	------------/// VERTICAL MENU - - - - - - - - - - */
	/*	------------ /// VERTICAL MENU - - - - - - - - - - */
	
	
	
	
	
	
.banner{
background: #F2F2F2; border: 1px solid #D3D3D3;
width: 183px; height: 100px;
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif; font-size: 14px;
text-align: center;
padding: 10px; margin-bottom: 16px; margin-left: 16px;	
}
	
	
	
	
.bannerb{
background: #F2F2F2; border: 1px solid #D3D3D3;
width: 205px; height: 50px;
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif; font-size: 11px;
text-align: center;
padding: 2px; margin: 2px;
}
		
	
	
	
	
.links{
margin: auto;
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif; font-size: 14px;
text-indent: 20px; text-align: center; color: #B2C9F0;

}




.links a{
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 16px; color: #B2C9F0; font-weight: bold; text-decoration; none;
}


.links a:hover{
font-family: Trebuchet MS, Tahoma,Arial,Helvetica,sans-serif;
font-size: 16px; color: #FFF; font-weight: bold;  text-decoration: underline;
}