html,body{height:100%;}
body{
	background:#fff;
	color:#000000;
	position:relative;
	min-width:380px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
}

@font-face {
    font-family: 'Monotype Corsiva';
    src: url('Monotype Corsiva.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 
}

@font-face {
    font-family: 'Edwardian Script ITC';
    src: url('Edwardian Script ITC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
 
}

/*********************************header*************************************/
header{width:100%; padding:35px 0 0;}
	header .bg1{
		border-top:1px solid #dfdfdf;
		background:url(../images/gradient.gif) center top repeat-x #fff;
	}
h1{
	float:left;
	padding-left:9px;
	padding-top:2px;
}
	h1 a{
	display:block;
	width:154px;
	height:150px;
	overflow:hidden;
	background:url(../images/logo.png) 0 0 no-repeat;
	text-indent:-999em;
	}
		h1 a:hover{
	text-decoration:none;
	margin-bottom: 2px;
}

header .phone{
	font:18px/22px Arial, Helvetica, sans-serif;
	color:#4D0533;
	text-align:right;
	margin-bottom:19px;
	vertical-align:0;
}
	header .phone span{
		display:inline-block;
		font-size:22px;
		line-height:27px;
		vertical-align:0;
		margin-right:60px;
	}
/********************************* Content **********************************/
#content{
	width:100%;
	background:url(../images/gradient22.gif) center top repeat-x #fff;
	border-top:1px solid #4D0533;
	padding:60px 0 64px;
}
	#page1 #content{
	background:#f7f7f7;
	background-color: #FFFFFF;
}
/*----- Global Structure -----*/
.img-indent{float:left; margin-right:20px;}
.img-indent2{float:left; margin-right:10px;}
.img-indent3{float:left; margin-right:15px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;} 

/* ---------- Tags ---------*/
h3{font:normal 22px/25px Arial, Helvetica, sans-serif; color:#4c4e51; letter-spacing:-1px;}
h8{font:normal 18px/20px Arial, Helvetica, sans-serif; color:#000000; letter-spacing:-1px;}
h4{
	font:normal 16px/20px Arial, Helvetica, sans-serif;
	color:#4D0533;
	/*background:url(../images/marker-1.png) 0 0.32em no-repeat;*/
	padding-left:15px;
 }
	h4.title1{line-height:25px;}
	h4.title2{color:#7c7d7f;}
	h4 a{color:#7c7d7f; text-decoration:none;}
		h4 a:hover{color:#666666;}
h6{font:normal 24px/32px Arial, Helvetica, sans-serif; color:#666666;}
h7{font:normal 30px simplesnails; color:#4D0533;}
h5{
	font:normal 16px/20px Arial, Helvetica, sans-serif;
	color:#4D0533;
  }
  h51{
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	color:#4D0533;
  }
blockquote{width:100%;}
	.quote-caption{text-align:right;}
time.date1{
	display:inline-block;
	background:url(../images/date-icon.gif) 0 2px no-repeat;
	font:italic 12px/18px Arial, Helvetica, sans-serif;
	padding-left:24px;
}
/*---------- Columns --------*/
.tcol-4{
	float:left;
	width:300px;
	margin-right:10px;
}
.tcol-4-1{		/* ---- footer facebook*/
	float:right;
	width:190px;
	margin-right:100px;}
/*----------- Boxes ----------*/
.circle{
	float:right;
	margin-right:15px;
	width:auto;
	height:auto;
	overflow:hidden;
	background:#FFFFFF;
	font:60px/72px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	
}
.circle-left{
	float:left;
	margin-right:10px;
	width:auto;
	height:auto;
	overflow:hidden;
	background:#FFFFFF;
	font:60px/72px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	
}

.circle-citation{
	float:left;
	margin-right:20px;
	margin-left:10px;
	width:auto;
	height:auto;
	overflow:hidden;
	background:#FFFFFF;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	
}
.floatstop {
		clear:both;
	}
.circle-circle{
	float:right;
	margin-right:10px;
	width:225px;
	height:222px;
	overflow:hidden;
	background:#FFFFFF;
	font:60px/72px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	
}
.circle-facebook{

	float:right;
	margin-top:-38px;
	margin-right:60px;
	width:auto;
	height:auto;
	overflow:hidden;
	background:#FFFFFF;
	font:16px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	
}
.circle-twitter{
	
	float:right;
	margin-top:-38px;
	margin-right:30px;
	width:auto;
	height:auto;
	overflow:hidden;
	text-transform:uppercase;
	 border-radius:4px; 
	 -moz-border-radius:4px;
	 -webkit-border-radius:4px;
	
}
.circle-linkedin{
	
	float:right;
	margin-top:-38px;
	margin-right:1px;
	width:auto;
	height:auto;
	overflow:hidden;
	background:#FFFFFF;
	font:16px/20px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	 border-radius:5px; 
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;
	
}
.circle2{
	float:left;
	margin-right:10px;
	width:150px;
	height:75px;
	overflow:hidden;
	background:#FFFFFF;
	font:60px/72px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	 border-radius:38px; 
	 -moz-border-radius:38px;
	 -webkit-border-radius:38px;
}
	 .circle.numb{margin-right:15px;}
	 
	 .flag-fr{
	
	float:right;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	width:auto;
	height:auto;
	overflow:hidden;
}
.flag-eng{
	
	float:right;
	margin-left:10px;
	margin-right:0px;
	width:auto;
	height:auto;
	overflow:hidden;
}

.flag-ar{
	
	float:right;
	margin-left:10px;
	margin-right:0px;
	width:auto;
	height:auto;
	overflow:hidden;
}
/*---------- Links ----------*/
a{color:#4D0533; outline:none; cursor:pointer; text-decoration:none;}
a:hover{text-decoration:underline;}
a[href^="tel:"]{ color:#4D0533; text-decoration:none;}
.link{font:italic 12px/18px Arial, Helvetica, sans-serif;}
.button{display:inline-block; cursor:pointer;}
.button:hover{text-decoration:none;}
/*---------- Fonts ----------*/
.font-1{font-size:14px; line-height:20px;}
/*---------- Lists -----------*/
.list-1 li{
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	background:url(../images/marker-1.png) 0 -0.2em no-repeat;
	padding-left:29px;
	padding-top:0px;
	/*-min-height:20px; -*/
	margin-bottom:20px;
	}
.list-part li{
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	background:url(../images/marker-1.png) 18em -0.2em no-repeat;
	padding-left:200px;
	/*margin-left:0px*/
	padding-top:0px;
	/*-min-height:20px; -*/
	margin-bottom:20px;
	text-indent:30px;
	}
.list-edition li{
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#000000;
	background:url(../images/marker-1.png) 17em -0.15em no-repeat;
	padding-left:100px;
	padding-top:0px;
	/*-min-height:20px; -*/
	margin-bottom:20px;
	text-indent:30px;
		
}

	.list-1 a{color:#828387; text-decoration:none;}
		.list-1 a:hover{color:#666666;}
/*---------- Borders ---------*/
.borders{
	border:3px solid #e4e4e4;
	
}
	span.borders{display:block;}
.border-right12{background:url(../images/pic1.gif) 474px 0px repeat-y;}
/*---------- Indents ---------*/
p, .p3-1{margin-bottom:18px;
		 color:#000000;
		 font-size:14px;
		 line-height:2em;
		}
.p-citation{font:15px/20px Arial, Helvetica, serif;
		font-weight: bold;
		color:#4D0533;
		font-style:italic;
		}	

p a{color:#4D0533; text-decoration:none;}
p a:hover{color:#4D0533;}

.p-contacte a{color:#000000; text-decoration:underline;}
.p-contacte a:hover{color:#000000; text-decoration:none;}
	.p3-metiers{
	font:15px/20px Arial, Helvetica, sans-serif;
	background:url(../images/marker-1.png) 0px -0.2em no-repeat;
	margin-bottom:18px;
	margin-left: 20px;
	padding-left:30px;
	font-weight: bold;
	text-decoration:underline	
       }
	   .p3-footer{
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#333333;
	margin-bottom:20px;
	margin-left: 10px;
	padding-left:30px;
	text-align:left;
			 }
	   .p3-footer2{
	font:13px/18px Arial, Helvetica, sans-serif;
	color:#333333;
	margin-bottom:20px;
	margin-left: 100px;
	padding-left:30px;
	text-align:center;
	background:url(../images/facebook.png) 600px 0em no-repeat;
	 }
	  .p3-footer a{color:#333333; text-decoration:none;}
	  .p3-footer a:hover{color:#4D0533; text-decoration:underline;}
	   .p3-plan{
	font:15px/20px Arial, Helvetica, sans-serif;
	background:url(../images/marker-1.png) 0px -0.2em no-repeat;
	margin-bottom:18px;
	margin-left: 20px;
	padding-left:30px;
	
	/*font-weight: bold;	*/
       }
	   .p3-plan a{color:#333333; text-decoration:none;}
	  .p3-plan a:hover{color:#4D0533; text-decoration:underline;}
	   .p3-plan2{
	font:15px/20px Arial, Helvetica, sans-serif;
	background:url(../images/marker-2.png) 20px -0.2em no-repeat;
	margin-bottom:18px;
	margin-left: 60px;
	padding-left:50px;
	/*font-weight: bold;*/	
       }
	  .p3-plan2 a:hover{color:#4D0533; text-decoration:underline;}
	  
	   .p3-pan{
		
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#4D0533;
	margin-bottom:18px;
	margin-left: 20px;
	padding-left:30px;
	background:url(../images/marker-1.png) 0px -0.2em no-repeat;
	font-style: normal
	/*font-weight: bold;*/	
 	   }
	.p3-1-3{
	font:15px/20px Arial, Helvetica, sans-serif;
	margin-bottom:18px;
	margin-left: 230px;
	font-weight: bold;	
	   }
	.p0{margin-bottom:0;}		
	.p0-1{margin-bottom:3px;}
	.p1{
	margin-bottom:5px;
	color: #4D0533;
	font-style: italic;
		}
	.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	
	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}
	.p4{margin-bottom:20px;}	
	.p4-1{
		margin-bottom:22px;
		color: #000000;
}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:30px;}	
	.p7-1{
	margin-bottom:20px;
	color: #000000;
	font-size:20px;
	font-weight:bold;
	line-height:2em;
}
.p7-11{
 	margin-left:20px;
	margin-bottom:20px;
	color: #000000;
}
.p7-12{
	margin-left:0px;
	margin-bottom:20px;
	color: #4D0533;
	font-weight: bold;
}

.p7-2{
	margin-bottom:25px;
	color: #4D0533;
}

.p25{
	margin-bottom:20px;
	color: #000;
	font-family:"Monotype Corsiva";
	font-size:22px;
	line-height:2em;
}

.p35{
	margin-bottom:20px;
	color: #67072d;
	font-family:"Edwardian Script ITC";
	font-size:36px;
	line-height:1.3em;
}

.p7-3{
	margin-bottom:25px;
	color: #000000;
}
	.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
	.p8-2{
	margin-bottom:42px;
	margin-left: 300px;
}
.indent-top1{padding-top:4px; padding-left:10px;}
.indent-right2{padding-right:10px;}
.indent-right3{padding-right:15px;}
.indent-left8{padding-left:40px;}
.indent-bottom1{padding-bottom:5px;}
.indent-bottom5{padding-bottom:25px;}
.indent-bottom8{padding-bottom:40px;}
.indent-bottom10{padding-bottom:50px;}
.indent-bottom11{padding-bottom:55px;}
/*----------- Map ------------*/
#map iframe{width:385px; height:296px;}
/*#map dl{width:100%; position:relative; overflow:hidden;}*/
#map dl{width:290px; position:relative; overflow:hidden;}
#map dt{margin-bottom:19px;}
#map dd{
	/*background-image:url(../images/contact-icons.png);*/
	background-repeat:no-repeat;
	padding-left:3px;
	padding-top:3px;
	min-height:26px;
	margin-bottom:11px;
}
	#map dd.icon-1{background-position:0 0;}
	#map dd.icon-2{background-position:0 -40px;}
	#map dd.icon-3{background-position:0 -76px;}
/************************************** Footer *************************************/
footer{
	width:100%;
	border-top:1px solid #dfdfdf;
	padding:35px 0 20px;
	background-color: #F5F5F5;
}
	#page1 footer{
	padding:25px 0 20px;
	background-color: #F5F5F5;
}
	footer .indent-bottom{padding-bottom:44px;}
.banners{overflow:hidden; padding:0 4px 35px; border-bottom:1px solid #e6e6e6;}
	.banners li{float:left; margin-right:60px;}
	.banners a{display:block; text-decoration:none;}
	.banners img{opacity:0.7; filter: alpha(opacity=70);}
.footer-menu li{
	font:12px/15px Arial, Helvetica, sans-serif;
	margin-bottom:7px;
	background-color: #F5F5F5;
	height:28px;
}
	.footer-menu a{text-decoration:none; color:#737a7f;}
		.footer-menu a:hover{color:#4d0533;}
.footer-map{float:right;}
.footer-text{
	float:left;
	width:300px;
	font:12px/22px Arial, Helvetica, sans-serif;
	text-align:center;
	color:#737a7f;
	background-color: #F5F5F5;
}
	.footer-text > a {color:#737a7f; text-decoration:none;}
	.footer-text > a:hover {text-decoration:underline;}
	.footer-text span, .footer-text span a{color:#737a7f;}

/*=================================================================================*/
@media only screen and (max-width: 995px){
	p, .p3, .p3-1{margin-bottom:15px}
		.p4-1, .p5, .p5-1, .p6, .p6-1 , .p7, .p7-1, .p8, .p8-1{margin-bottom:20px;}
	h3{margin-bottom:15px !important;}
	.tcol-4, .tcol-4-1{width:118px;}
	.border-right12{background-position:378px 0px;}
	.indent-right2, .indent-right3{padding-right:0px;}
	.indent-left8{padding-left:10px;}
	.indent-bottom1, .indent-bottom5, .indent-bottom8, .indent-bottom10, .indent-bottom11{padding-bottom:30px;}
	/*-----------------------------------------*/
	header .bg1{background-image:url(../images/gradient-tp.gif);}
	h1{padding-left:0;}
	.circle{width:90px; height:90px; font-size:58px; line-height:70px; }
	/*.circle-left{width:70px; height:100px; font-size:58px; line-height:70px;}*/
	.circle-facebook{ width:20px; height:20px; font-size:5px; margin-right:-40;}
	.circle-twitter{ width:20px; height:20px; font-size:5px; margin-right:-70px;}
	.circle-linkedin{ width:20px; height:20px; font-size:5px;margin-right:-100px;}
	.circle-citation{ width:100%; height:auto; }
	.banners li{margin-right:23px;}
	#map iframe{width:250px; height:280px;}
	.footer-map{width:182px;}
	.footer-text{width:170px;}
	.circle-left{float:right;width:150px; height:280px; font-size:58px; line-height:70px;}
	.list-edition li{ background:url(../images/marker-1.png) 0 -0.2em no-repeat;
	padding-left:20px;
	margin-bottom:20px;
	margin-top:15px;
}
.list-part li{
	background:url(../images/marker-1.png) 0 -0.2em no-repeat;
	padding-left:20px;
	margin-bottom:15px;
	}
}

@media only screen and (max-width: 767px) {
	header .bg1{background-image:url(../images/gradient-ml.gif);}
	h1{padding-top:0;}
	header .phone{display: block; font:12px/15px Arial, Helvetica, sans-serif; text-align: left;}
	header .phone span{ display:inline-block; font-size:15px; line-height:16px; margin-bottom:5px; margin-top: 5px;}		
    .banners li{margin-right:0px; width:200px; text-align:center; padding:5px 0;}
		.banners li img{width:auto;}
	#map iframe{width:100%;}
	.tcol-4, .tcol-4-1{width:170px;}
	.border-right12{background:none;}
	.indent-top1{padding-top:0;}
	.footer-map, .footer-text{width:170px;}
	.footer-menu{float:left; width:100%;}
	.circle{width:80px; height:80px; font-size:58px; line-height:70px; }
	.circle-facebook{ width:20px; height:20px; font-size:5px; margin-right:60;}
	.circle-twitter{ width:20px; height:20px; font-size:5px;margin-right:30px;}
	.circle-linkedin{ width:20px; height:20px; font-size:5px;margin-right:1px;}
	.circle-left{float:right;width:100px; height:200px; font-size:58px; line-height:70px;}
	.circle-citation{width:100%; height:auto; margin-right:0px; margin-left:-7px; }
	.list-edition li{ background:url(../images/marker-2.png) 0 0 no-repeat;
	padding-left:10px;
	margin-bottom:10px;
	margin-top:15px;
}
/*.list-part li{
	background:url(../images/marker-2.png) 0 0 no-repeat;
	padding-left:20px;
	margin-bottom:10px;
	}*/
}

@media only screen and (max-width: 479px) {
	h1 a{width:75px; height:70px; background-image:url(../images/logo-mp.png);}
	header .bg1{background-image:url(../images/gradient-mp.gif);}
	.banners li{width:150px;}
	.tcol-4, .tcol-4-1{width:118px;}
	.footer-map{float:none; width:100%; margin-bottom:20px;}
	.footer-text{float:none; width:100%;}
	.footer-menu{float:left; width:100%;}
	.circle{width:70px; height:70px; font-size:58px; line-height:70px; }
	.circle-facebook{ width:17px; height:17px; font-size:5px;margin-right:40px;}
	.circle-twitter{ width:17px; height:17px; font-size:5px;margin-right:20px;}
	.circle-linkedin{ width:17px; height:17px; font-size:5px;margin-right:1px;}
	.circle-left{float: right; width:70px; height:130px;}
	.circle-citation{ width:100%; height:100%; margin-right:0 px; margin-left:-7px;  font-size:25px;overflow: visible; }
	
	.list-edition li{background:url(../images/marker-2.png) 0 0 no-repeat;
	padding-left:10px;
	margin-bottom:10px;
	margin-top:5px;
	/*text-indent:5px;	*/	
}
/*.list-part li{
	background:url(../images/marker-2.png) 100px 0 no-repeat;
	padding-left:100px;
	margin-bottom:10px;
	margin-top:5px;
	/*text-indent:5px;
	}*/
}