/*-/* Le 2015-08-28 *//*-------------------------------- Said Asebbane --------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, th, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
a, img {
	border:0;
	outline:none
}



a {
	text-decoration:none !important
}
ul {
	list-style:none;
}
li {
	list-style:none;
}
img {
	max-width:100%
}
.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.clear {
	display:block;
	clear:both
}
.left {
	float:left
}
.right {
	float:right
}
.widt{ width:100% !important}
.black{ color:#000 !important}
body {
	line-height:1;	
	font-family:"Times New Roman", Times, serif;
	background:#e1e7e9;
	font-size:100%;
	position:relative;
	direction:rtl;
}
gr{ color:#a2a2a2; margin-right:5px}
.none {
	display:none
}
.dblock {
	display:none
}
.dmblock {
	display:block !important
}
.si-icon {
    background: #3749f4 none repeat scroll 0 0;
    border: 1px solid #3749f4;
    border-radius: 3px;
    color: #fff;
    font-size: 21px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
	margin-top:10px;
}
.si-icon:hover {
    background:#fff; border:1px solid #f1f1f1; color:#3749f4;
}
.hamburger {
    cursor: pointer;
}
.hamburger-left {
    cursor: pointer;
}
.si-icone{ margin-left:5px}
.hmenu{ display:block}
#global-content{}
header{ height:159px; width:100%; background:url(../images/top-bg.png) repeat-x}
.TopLine{ background:url(../images/top-line.png) repeat-x left top; height:9px; width:100%}
.header{ width:70%; margin:auto;}
.langues{  height:30px; width:93%;}
.lang{background:url(../images/top-lang.png) no-repeat right top; height:30px; width:223px; position:relative; right:67px; color:#fff}
.lang span a{ color:#fff; font-size:13px; font-weight:bold; margin-top:8px; display:inline-block}
.lang span a:hover{ text-decoration:underline}
.lang span.amaz{ font-family:Tamzwart;}
.lang span.amaz a{ color:#fff; font-size:12px; font-weight:700}
.lang span.fr{margin-right:43px}
.logo { float:right}
.logo ul{ text-align:right}
.logo ul li{ display:inline-block; height:99px; }
.logo ul li p{line-height:30px; font-family:Rabat; font-size:20px; font-weight:700; color:#4d4d4d }
.logo ul li.logotxt{ height:60px; position:relative; top:-18px; right:20px}
.recherche{ float:left; background:#fff; display:block; position:relative; width:230px; top:6px; left:18px;}
.recherche input.txt{width:100%; padding-right:15px; text-align:right; margin:auto; height:36px; border:1px solid #ccc; font-size:14px; color:#4d4d4d; }
.recherche input.ok{ width:35px; margin:0 0; height:36px; background:url(../images/search.svg) no-repeat 7px 10px; position:absolute; border:none; top:0; left:0; cursor:pointer;  display:block}
.rechtop{top:65px !important; display:block}
#Container{padding-bottom:1px; width:100%}
.ConPic1{ background:url(../images/slider-bg.png) repeat-x left top; }
.ConPic2{ background:url(images/conpic2-bg.png) repeat-x left top; }
nav ul { margin-top:9px}
nav ul li{ display:inline-block}
.MLeft{ background:url(../images/menu-left.png) no-repeat right top; height:51px; width:103px; float:left;}
.MRight{ background:url(../images/menu-right.png) no-repeat left top; height:51px; width:103px; float:right;}
.MMileu{ background:url(../images/menu-bg.png) repeat-x left top; height:51px; width:100%; float:right;}
.MMileu ul{ text-align:center}
.MMileu ul li{ display:inline-block; margin:0px 5px; height:28px; font-weight:bold; border-left:2px solid #34b0dd; padding-left:14px;  line-height:30px;}
.MMileu ul li a{ color:#4d4d4d; font-size:18px}
.MMileu ul li a:hover{ color:#3749f4;}
.MMileu ul li a.active{ color:#3749f4;}
.MMileu ul li.fl{ border:none; text-align: center;}
.MMileu ul li.fz{ border:none;}
.MMileu ul li .home{ background:#3749f4; height:30px; width:30px; color:#fff; border-radius:3px;  border:1px solid #3749f4;}
.MMileu ul li .home:hover{ background:#fff; border:1px solid #f1f1f1; color:#3749f4;}
.slider{ width:940px; margin:20px auto; border-radius:8px; position:relative;}
/*********************Slader*********************/
#SliderNews{width:98.1%; margin:auto; border: 8px solid #ececec; border-radius:8px; position:relative; background:#ececec}
#featured {
	width:100%;
	position:relative;
	overflow:hidden;
	background:#fff;
	border-radius:8px;
}
#featured .sliderimg{ width:70%; float:left;}
#featured ul.ui-tabs-nav {
	position:absolute;
	float:right;
	list-style:none;
	padding:0;
	margin:0;
	width:31%;
	height:100%;
	overflow:auto;
	overflow-x:hidden;
	z-index:10;
	direction:ltr;
}
#featured ul.ui-tabs-nav li {
	padding:0;
	padding-left:6px;
	font-size:12px;
	color:#666;	
}
#featured ul.ui-tabs-nav li img {
	float:left;
	margin:2px 5px;
	background:#fff;
	padding:2px;
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li p {
	font-size:11px;
	line-height:18px;
	float:right;
	margin-right:5px;
	width:98%;
	text-align:right;
}
#featured ul.ui-tabs-nav li p span.date {
	display:block;
	margin:10px 0;
	clear:both;
	font-size:13px;
	font-weight:bold;
	color:#4d4d4d;
	width:100%;
	direction:rtl;
}
#featured ul.ui-tabs-nav li p  span.title {
	display:block;
	overflow:hidden;
	color:#159dd2;
	font-size:16px;
	font-weight:bold;
	width:100%;

}
#featured li.ui-tabs-nav-item a {
	display:block;
	height:80px;
	text-decoration:none;
	color:#333;
	clear:both;

	background:#e5e5e5;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
	background:-webkit-linear-gradient(#ffffff, #e5e5e5);
	background:-moz-linear-gradient(top, #ffffff, #e5e5e5);
	background:linear-gradient(#ffffff, #e5e5e5);
	border-bottom:1px solid #cbcbcb;
	-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.2) inset;
	-moz-box-shadow:0 1px 0 0 rgba(255,255,255,0.2) inset;
	box-shadow:0 1px 0 0 rgba(255,255,255,0.2) inset;
	outline:none;
}
#featured li.ui-tabs-nav-item a:hover {
	background:#cdcdcc;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cdcdcc));
	background:-webkit-linear-gradient(#ffffff, #cdcdcc);
	background:-moz-linear-gradient(top, #ffffff, #cdcdcc);
	background:linear-gradient(#ffffff, #cdcdcc);
}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active {
	background:url('../images/selected-item.png') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a {
	background:#b3b3b2;
	background:-webkit-gradient(linear, left top, left bottom, from(#f2f1f1), to(#b3b3b2));
	background:-webkit-linear-gradient(#f2f1f1, #b3b3b2);
	background:-moz-linear-gradient(top, #f2f1f1, #b3b3b2);
	background:linear-gradient(#f2f1f1, #cb3b3b2);
}
#featured .ui-tabs-panel {
	width:100%;

	background:#999;
	position:relative;
}
#featured .ui-tabs-panel .info {
	position:absolute;
	bottom:0;
	left:0;
	height:70px;
	background: url('../images/transparent-bg.png');
	width:100%;
}
#featured .ui-tabs-panel .info a.hideshow {
	position:absolute;
	font-size:11px;
	color:#f0f0f0;
	right:10px;
	top:-20px;
	line-height:20px;
	margin:0;
	outline:none;
	background:#333;
}
#featured .info h2 {
	font-size:1.2em;
	color:#fff;
	padding:5px;
	padding-right:15px;
	margin:0;
	font-weight:normal;
	overflow:hidden;
}
#featured .info p {
	margin:0 5px;
	font-size:16px;
	line-height:15px;
	color:#f0f0f0;
	padding-right:15px;
}
#featured .info a {
	text-decoration:none;
	color:#fff;
}
#featured .info a:hover {
	text-decoration:underline;
}
#featured .ui-tabs-hide {
	display:none;
}
.box-shadow {
	position:absolute;
	left:50%;
	margin:400px 0 0 -290px;
	bottom:6px;
	width:580px;
	height:16px;
	background:transparent;
	border-radius:290px / 8px;
	-moz-border-radius:290px / 8px;
	-webkit-border-radius:290px / 8px;
	box-shadow:0 10px 20px #000;
	-moz-box-shadow:0 10px 20px #000;
	-webkit-box-shadow:0 10px 20px #000;
}
/*********************Slader END*********************/

#Milieu{ width:100%; margin:10px 0; display:inline-block}
.Milieu{width:940px; margin:auto;}
.Milinbl{ width:100%; display:flex; background:#ececec;
    -moz-box-shadow: 0px 1px 4px #616161;
    -webkit-box-shadow: 0px 1px 4px #616161;
    box-shadow: 0px 1px 4px #616161;
	min-height:500px;
}
.contents{ float:right; width:70%; background:#fff}
.contents .contright{ float:right; width:48%}
.contents .contleft{ float:left; width:48%}
.contents .contsepar-b { float:left; width:4%; display:flex; position:relative; top:35px}
.contents .contsepar-c { float:left; width:4%; display:flex; position:relative; top:20px}
.contents h1{ font-size:18px; height:22px; font-weight:bold; color:#4d4d4d; margin:10px; background:url(../images/pouce.png) no-repeat right top; padding-right:15px; line-height:22px; border-bottom:1px solid #d6d6d6; padding-bottom:8px}
.contents h2{ font-size:18px; height:22px; font-weight:bold; color:#4d4d4d; background:url(../images/pouce.png) no-repeat right top; padding-right:15px; line-height:22px;}
.contents ul{ margin:10px;}
.contents ul li{ border-bottom:1px solid #d6d6d6; padding-bottom:8px;}
.contents ul li p{ line-height:22px; font-weight:bold}
.contents ul li p.date{ font-size:12px; color:#4a4a4a}
.contents ul li p.titre a{ font-size:18px; color:#dc0000;}
.contents ul li p.titre a:hover{color:#850000;}
.contents ul li p.text{  font-size:16px; color:#4d4d4d}
.contents ul li p.img{  -moz-box-shadow: 0px 0px 2px #8a8a8a; -webkit-box-shadow: 0px 0px 2px #8a8a8a; box-shadow: 0px 0px 2px #8a8a8a;}
.plus {margin:0 10px; height:20px;}
.plus span {
	background: rgba(0, 0, 0, 0) url("../images/plus.png") no-repeat scroll right 2px;
	line-height: 10px;
	height:20px;
	float:left;
}
.plus span a {
    color: #8e8e8e;
    font-size: 14px;
    padding-right: 18px;
}
.plus span a:hover {
    color: #00c41e;
}
.sidebar{ float:left; width:30%; background:#ececec}
.sidebar h1{ width:100%; height:40px; background:#254fe3; font-size:18px; font-weight:bold; color:#fff; line-height:38px;}
.sidebar h3{ width:100%; height:40px; background:#254fe3; font-size:18px; font-weight:bold; color:#fff; line-height:38px;}
.sidebar h3 a{ color:#fff; display:block}
.sidebar h3 a:hover{color:#000;}
.sidebar .fa-icon{ margin:0 10px}
.sidebar .fa-flesh { position:absolute; right:20px; top:-13px; font-size:21px; color:#254fe3; position:relative}
.sidebar .droits { position:relative; margin-bottom:5px}
.sidebar .droits h2{ font-size:18px}
.sidebar .services ul, .droits ul.dro { margin:0 10px}
.sidebar .services ul li, .droits ul.dro li {background:url(../images/puce-acc.png) no-repeat right 8px; height:30px; border-bottom:1px solid #ccc; line-height:27px}
.sidebar .services ul li a, .droits ul.dro li a{color:#4d4d4d; font-size:14px; margin-right:20px; text-decoration:none; font-weight:bold; line-height: 0px;}
.sidebar .services ul li a:hover, .droits ul.dro li a:hover{color:#1a1a1a;}
.sidebar p{ margin:5px 0; background:#666; width:100%; text-align:center; padding:3px 0;}
.sidebar p a{color:#fff; display:block}
.sidebar p a:hover{color:#000;}
.sidebar span.txte a{ color:#4d4d4d; text-align:center; font-size:16px; font-weight:bold; display:block; position:relative; top:130px}
.sidebar span.txte a:hover{ color:#000}

.fali{margin:0 8px; font-size:18px !important;}
.fah1{margin:0 8px; font-size:18px !important; color:#a2a2a2; }
.fah2{margin:0 8px; font-size:18px !important; color:#373737; }
.sidebarR{ float:right; width:30%; background:#ececec; display:block}
.sidebarR ul li{ width:100%; line-height:27px; min-height:27px; border-bottom:1px solid #ccc;}
.sidebarR ul li a
{ display:block; font-size:16px; font-weight:bold; color:#4f4f4f; padding:6px 0;}

.sidebarR ul li a:hover, .sidebarR ul li a.active{color:#3749f4; background:#fff}
.sidebarR ul ul{ background:#f7f7f7; border-top:1px slid #ccc}
.sidebarR ul ul li a{ display:block; font-size:15px; font-weight:bold; color:#4f4f4f; padding:6px 35px 6px 0}
.sidebarR ul ul li a:hover, .sidebarR ul ul li a.active{color:#00c41e; background:#fff}
.sidebarR ul ul li a span{display: -moz-inline-grid; width:90%}
.contentsL{ float:left; width:70%; background:#fff}
.ConL{ width:98%; border-right:1px dashed #ccc; margin:0px 10px 8px 0}
.contentsL h1{ font-size:18px; font-weight:bold; color:#3749f4; line-height:40px; background:url(../images/bg-h1.png) repeat-x left bottom; width:98%; margin:auto; }
.contentsL h2{ font-size:22px; font-weight:bold; color:#373737; line-height:40px;}
.contentsL h3{ font-size:20px; font-weight:bold; color:#4d4d4d; margin:15px 0}
.contentsL h4{ font-size:20px; font-weight:bold; color:#0e3f7b; margin:15px 0}
.contentsL h5{ font-size:20px; font-weight:bold; color:#0e3f7b; margin:60px 0; width:60%; float:right}
.contentsL h6{ font-size:20px; font-weight:bold; color:#76923c; margin:15px 5px}
.contentsL .h6{color:#c00000; margin-right:30px}
.maps{ margin:8px; display:inline-block; width:98%;
	background:#ededed;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ededed));
	background:-webkit-linear-gradient(#ffffff, #ededed);
	background:-moz-linear-gradient(top, #ffffff, #ededed);
	background:linear-gradient(#ffffff, #ededed);}
.mapsR{ float:right; width:55%; margin:10px}
.mapsR p{ margin:10px 0}
.mapsR label{ width:39%; height:30px; font-size:16px; font-weight:bold; display:inline-block}
.mapsR .dropdown{ width:58%; background:#f0f0f0; border:1px solid #ccc; border-radius:5px;; height:30px}
.mapsR .mapsBtn{ border-top:1px solid #ccc; width:98%; display:inline-block}
.mapsR .mapsBtn .button{ background:url(images/mapsbtn.png) no-repeat left top; width:165px; height:38px; border:none; float:left; margin-top:10px; color:#fff; font-size:14px; font-weight:bold; cursor:pointer}
.mapsL{ float:left; width:38%; border:3px solid #fff; border-radius:5px; margin:5px}
.mapsL #map {width: 100%; height: 300px;}
.delpic { float:right; margin:10px 0}
.deltxt { float:right; margin:10px 0; height:120px;}
.contentsL h2.top{ margin:20px 10px 0 0}
.contentsL h3.top{ margin:5px 10px 0 0}
.contentsL p{font-size:17px; margin:10px 0; color:#4d4d4d; font-weight:600; line-height:25px; text-align:justify}
.contentsL b{color:#000; font-weight:bold;}
.contentsL ul { margin-right:40px}
.contentsL ul li{font-size:15px; margin:10px 0; color:#4d4d4d; font-weight:600; line-height:20px; text-align:justify; list-style-image: none; list-style-position: outside; list-style-type: disc}
.contentsL ul.decimal li{list-style-type: decimal !important}
.article{ margin:10px 0; width:100%; display:inline-block}
.article span{ font-size:14px; font-weight:700; color:#989797;}
.s-article{ margin:10px 0; border-bottom:1px solid #ccc; display:inline-block}
.s-article span{ font-size:14px; font-weight:700; color:#989797;}
.version{ margin:0 8px}
.version ul{ text-align:center; margin-right:0}
.version ul li{ display:inline-block; margin:25px}
.version ul li img{ border:5px solid #ccc}
.version ul li p.date{text-align:center; font-size:12px; color:#999}
.version ul li p{ text-align:center; font-size:16px; color:#132cff; margin:0; font-weight:600}

.ViPh{ margin:0 8px}
.ViPh ul{ text-align:center; margin-right:0}
.ViPh ul li{ display:inline-block; margin:25px; width:150px; vertical-align:top}
.ViPh ul li img{ border:0px solid #ccc}
.ViPh ul li p.date{font-size:12px; color:#999}
.ViPh ul li p{font-size:16px; color:#132cff; margin:0; font-weight:600} 

.pub{ margin:0 8px}
.pub ul{ text-align:center; margin-right:0}
.pub ul li{ display:inline-block; margin:15px; border:5px solid #ccc; vertical-align:top; width:220px}
.pub ul a li p{ text-align:center; font-size:16px; color:#132cff; margin:5px 0; font-weight:600; height:60px; display: table-cell; vertical-align: middle; width:220px}
.pub ul a:hover li p{color:#000;}

.offre{ margin:0 8px}
.offre ul{ text-align:center; margin-right:0}
.offre ul li{ display:inline-block; margin:25px; width:230px}
.offre ul li select.dropdown{background: rgba(0, 0, 0, 0) url("images/bg-select.png") repeat-x scroll left top;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    color: #555555;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    padding-right: 3px;
	display:block;
	width:230px}
.contacts p{ text-align:center}
.contacts p.tefx{ text-align:right; border-bottom:1px solid #ccc}
.medium_page {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 10px auto;
    padding: 30px 40px;
    width: 70%;
}
.largeview {
    margin-bottom: 5px;
}
.largeview input, .largeview select, .largeview textarea {
    box-sizing: border-box;
    font-size: 20px;
    padding: 10px 6px;
    width: 100%;
}
.largeview label {
    font-family: "Droid Arabic Kufi",Arial,Verdana,Helvetica,"Trebuchet MS";
    font-size: 16px;
    padding: 10px 0;
	color: #555;
    display: block;
}
.largeview .button {
    font-size: 16px;
    padding: 5px 12px;
}
.butn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ccc none repeat scroll 0 0;
    border-color: #f1f1f1 #f1f1f1 #ccc;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #444;
    cursor: pointer;
    font-size: 14px;
    min-width: 100px;
    padding: 5px 12px;
    text-decoration: none;
    width: auto !important;
}
.button{
	border:none !important;
    cursor: pointer;
    float: right;
    font-size: 16px !important;
    font-weight: bold;
    height: 30px;
    line-height: 15px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 0.4em 1em;
    text-decoration: none;
}
.BWW{ width:36px;}
.BW{ width:130px;}
.BN{ width:310px; margin:auto}
.BM{ margin-left:30px}
.BMM{ margin:5px; margin-right:32px}
.BC{ margin:auto; float:none}
.BL{ float:left !important}
.BB {
	background: #132cff none repeat scroll 0 0;
}
.BV {
	background: #0fb103 none repeat scroll 0 0;
}
.BR {
	background: #e6203b none repeat scroll 0 0;
}
.category{ width:90%; margin:auto}
.category section{display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    width: 33%;}








/****************Nav Pagination*******************/

/* -------------------------------- 

Basic style

-------------------------------- */
nav[role="navigation"] {
  text-align: center;
}

.cd-pagination {
  width: 90%;
  max-width: 768px;
  margin: 2em auto 4em;
  text-align: center;
}
.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em;
}
.cd-pagination li.button {
  /* make sure prev next buttons are visible */
  display: inline-block;
}
.cd-pagination a, .cd-pagination span {
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .6em .8em;
  font-size: 14px;
}
.cd-pagination a {
  border: 1px solid #e6e6e6;
  border-radius: 0.25em;
  color:#4d4d4d;
}
.cd-pagination a:hover {
  background-color: #f1f1f1 !important;
}
.cd-pagination a:active {
  /* click effect */
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-pagination a.disabled {
  /* button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none;
}
.cd-pagination a.disabled::before, .cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
  background-color: #132cff;
  border-color: #132cff;
  color: #ffffff;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .cd-pagination li {
    display: inline-block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-pagination {
    margin: 4em auto 3em !important;
  }
}

/* -------------------------------- 

No space - remove distance between list items

-------------------------------- */
.cd-pagination.no-space {
  width: auto;
  max-width: none;
  display: inline-block;
  border-radius: 0.25em;
  border: 1px solid #e6e6e6;
}
.cd-pagination.no-space:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pagination.no-space li {
  margin: 0;
  float: left;
  border-right: 1px solid #e6e6e6;
}
.cd-pagination.no-space li:last-of-type {
  border-right: none;
}
.cd-pagination.no-space a, .cd-pagination.no-space span {
  float: left;
  border-radius: 0;
  padding: .8em 1em;
  border: none;
}
.cd-pagination.no-space li:first-of-type a {
  border-radius: 0.25em 0 0 0.25em;
}
.cd-pagination.no-space li:last-of-type a {
  border-radius: 0 0.25em 0.25em 0;
}

/* -------------------------------- 

move buttons - move prev and next buttons to the sides

-------------------------------- */
.cd-pagination.move-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pagination.move-buttons .button:first-of-type {
  float: left;
}
.cd-pagination.move-buttons .button:last-of-type {
  float: right;
}

.cd-pagination.no-space.move-buttons {
  width: 90%;
  max-width: 768px;
  display: block;
  overflow: hidden;
}
.cd-pagination.no-space.move-buttons li {
  float: none;
  border: none;
}
.cd-pagination.no-space.move-buttons a, .cd-pagination.no-space.move-buttons span {
  float: none;
}

/* -------------------------------- 

custom icons - customize the small arrow inside the next and prev buttons 

-------------------------------- */
.cd-pagination.custom-icons .button a {
  position: relative;
}
.cd-pagination.custom-icons .button:first-of-type a {
  padding-left: 2.4em;
}
.cd-pagination.custom-icons .button:last-of-type a {
  padding-right: 2.4em;
}
.cd-pagination.custom-icons .button:first-of-type a::before,
.cd-pagination.custom-icons .button:last-of-type a::after {
  content: '';
  position: absolute;
  display: inline-block;
  /* set size for custom icons */
  width: 16px;
  height: 16px;
  top: 50%;
  /* set margin-top = icon height/2 */
  margin-top: -8px;
  background: transparent url("images/cd-icon-arrow-1.svg") no-repeat center center;
}
.cd-pagination.custom-icons .button:first-of-type a::before {
  left: .8em;
}
.cd-pagination.custom-icons .button:last-of-type a::after {
  right: .8em;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* -------------------------------- 

custom buttons - replace prev and next buttons text with a custom icon 

-------------------------------- */
.cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {
  vertical-align: middle;
}
.cd-pagination.custom-buttons .button a {
  /* set custom width */
  width: 40px;
  /* image replacement */
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  color: transparent;
  background-image: url("images/cd-icon-arrow-2.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.cd-pagination.custom-buttons .button:last-of-type a {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.no-touch .cd-pagination.custom-buttons .button:last-of-type a:active {
  -webkit-transform: scale(0.9) rotate(180deg);
  -moz-transform: scale(0.9) rotate(180deg);
  -ms-transform: scale(0.9) rotate(180deg);
  -o-transform: scale(0.9) rotate(180deg);
  transform: scale(0.9) rotate(180deg);
}

.cd-pagination.no-space.custom-buttons .button:last-of-type a {
  border-radius: 0.25em 0 0 0.25em;
}

/* -------------------------------- 

animated buttons - animate the text inside prev and next buttons 

-------------------------------- */
.cd-pagination.animated-buttons a, .cd-pagination.animated-buttons span {
  padding: 0 1.4em;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}
.cd-pagination.animated-buttons .button a {
  position: relative;
  padding: 0 2em;
}
.cd-pagination.animated-buttons .button:first-of-type a::before,
.cd-pagination.animated-buttons .button:last-of-type a::after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  right: auto;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-pagination.animated-buttons .button:last-of-type a::after {
  -webkit-transform: translateX(-50%) rotate(180deg);
  -moz-transform: translateX(-50%) rotate(180deg);
  -ms-transform: translateX(-50%) rotate(180deg);
  -o-transform: translateX(-50%) rotate(180deg);
  transform: translateX(-50%) rotate(180deg);
}
.cd-pagination.animated-buttons i {
  display: block;
  height: 100%;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.no-touch .cd-pagination.animated-buttons .button a:hover i {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.no-touch .cd-pagination.animated-buttons .button:first-of-type a:hover::before {
  -webkit-transform: translateX(-50%) translateY(-50px);
  -moz-transform: translateX(-50%) translateY(-50px);
  -ms-transform: translateX(-50%) translateY(-50px);
  -o-transform: translateX(-50%) translateY(-50px);
  transform: translateX(-50%) translateY(-50px);
}

.no-touch .cd-pagination.animated-buttons .button:last-of-type a:hover::after {
  -webkit-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -moz-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -ms-transform: translateX(-50%) rotate(180deg) translateY(50px);
  -o-transform: translateX(-50%) rotate(180deg) translateY(50px);
  transform: translateX(-50%) rotate(180deg) translateY(50px);
}

/****************Nav Pagination*******************/




/*****************JSSORA**************************/
.jssora03l, .jssora03r, .jssora03ldn, .jssora03rdn
            {
            	position: absolute;
            	cursor: pointer;
            	display: block;
                background: url(../images/a15.png) no-repeat;
                overflow:hidden;
            }
            .jssora03l { background-position: -3px -33px; }
            .jssora03r { background-position: -63px -33px; }
            .jssora03l:hover { background-position: -123px -33px; }
            .jssora03r:hover { background-position: -183px -33px; }
            .jssora03ldn { background-position: -243px -33px; }
            .jssora03rdn { background-position: -303px -33px; }

.sidebar .sliderbook{position: relative; top: 0px; left: 0px; width: 100% !important; height: 160px; }
.sidebar .sliderbk{cursor: move; position: absolute; left: 0px; top: 0px; width: 100% !important; height: 160px; overflow: hidden;}
.sidebar .ArrowLeft{width: 48px; height: 55px; top: 40px; left: -4px !important;}
.sidebar .ArrowRight{width: 48px; height: 55px; top: 40px; right: 3px}
.sidebar .pubs{ margin-bottom:5px}
.sidebar .sitemap{ margin-bottom:5px}
.sidebar .contact{}

footer{ width:100%; height:50px; display:inline-table; background:#a2a2a2; margin-top:20px}
.footer{ width:70%; margin:auto}
.footer .fright{ width:55%; float:right}
.footer .fleft{ width:27%; float:left}
.footer p{color:#fff; font-size:14px; font-weight:bold; margin:8px}
.footer p a{color:#fff;}
.footer p a:hover{color:#000;}



/**************back-top*******************/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-right: 50px;
}
#back-top a {
	width: 40px;
	display: block;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	background-color: #254fe3;
	opacity: 1;
}
/* arrow icon (span tag) */
#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-bottom: 7px;
	background: rgba(37, 79, 227, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #254fe3;
}

/**************back-top*******************/

/**************Tabulation*******************/
#BlocNavM { margin:0; padding:0}
#BlocNavM .list-wrap{ width:98%; margin:auto; overflow:hidden; padding-top:0px; border-top:1px solid #ccc; }
#BlocNavM ul.navtab{ width:96%; margin:auto; padding-top:20px; position:relative; top:1px; padding-right:25px; z-index:0; height:30px; float:none }
#BlocNavM ul.navtab li{ float:right; margin:0 3px 0 0px; text-align:center; border-radius:4px 4px 0 0; border-bottom:0px; padding-right:0; padding-bottom:0 !important }
#BlocNavM ul.navtab li a{ font-size:11px; color:#fff; font-weight:bold; height:30px; padding:8px 10px 0 10px; display:block; border-radius:4px 4px 0 0; border: 1px solid #ccc; border-bottom:0px;
	background:#ccc;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ccc));
	background:-webkit-linear-gradient(#ffffff, #ccc);
	background:-moz-linear-gradient(top, #ffffff, #ccc);
	background:linear-gradient(#ffffff, #ccc); /*width:155px*/}
#BlocNavM ul.navtab li a.current{ color:#000;  background:#fff; border-radius:4px 4px 0 0; height:30px; padding:8px 10px 0 10px;/* width:155px*/ }

/********************** 19/01/2016 **********************/
.cartfirst{margin:0px 8px}
.carttitle{height:auto; width:100%; position:relative; display:inline-block; margin:25px 0}
.cart { color: #ffffff; display: list-item; float: right; width: 210px; height:150px}
.cart img{position: absolute; top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.carttxt { width:90%; margin:auto;}
.carttxt ul { margin-right:20px; }
.carttxt ul li{font-size:15px; margin:10px 0; color:#0e3f7b; font-weight:600; line-height:20px; text-align:right; list-style-image: none; list-style-position: outside; list-style-type:square;}
.cartul{ width:33%; float:right}

.slider-evenement{width:90%; margin:auto}



/*************************08/02/2016***************************/
.directeurs{ text-align:center; width:100%; margin:auto; direction:ltr}
.directeurs .pdg{ width:65%; display:inline-block}
.directeurs .pdg p.nom, .directeurs .pdgm p.nom{ font-size:16px; font-weight:bold; text-align:center}
.directeurs .pdg p.date, .directeurs .pdgm p.date{ font-size:13px; font-weight:100; text-align:center}
.directeurs .exdg, .directeurs .pdgm{ width:30%; display:inline-block; vertical-align:top}
.directeurs .exdg p.nom{ font-size:16px; font-weight:bold; text-align:center}
.directeurs .exdg p.date{ font-size:13px; font-weight:100; text-align:center}
.directeurs .img-circle-dg {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 50%;
    padding: 8px;
	margin:10px;
	height:200px;
	width:200px;
}
.directeurs .img-circle {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 50%;
    padding: 5px;
	margin:10px;
	height:150px;
	width:150px;
}

.pictures { height:90px; width:140px; border:5px solid #ccc !important}
.articlepic{ padding:20px 0}

/************Emploi**************/
.Ofrre{width:98%; border:1px solid #f2f2f2; padding:5px; margin:10px auto; text-align:center; background:#fcfcfc;}
.OfrreTitre{width:98%; display:inline-block; text-align:right; background:#0a7dcd; padding:10px 5px; margin-bottom:3px; font-weight:bold; color:#FFF;}
.OfrreLien{width:49.5%; display:inline-block; text-align:right; background:#f1f1f1}
.OfrreLien span{text-align:right; float:right; padding:10px 5px; font-weight:bold}
.OfrreLien span.title{font-weight:bold; color:#0072c6;}
.OfrreLien span.text{width:41%;}
.OfrreLien span.text a {font-weight:bold; color:#00c41e;}
.OfrreLien span.text a:hover {color:#018815;}
.OfrreBtn{width:49.5%; display:inline-block; text-align:center; background:#f0f0f0; vertical-align:top}
.OfrreBtn a span{float:right; padding:10px 5px; font-weight:bold; color:#00c41e; width:100%}
.OfrreBtn a:hover span{color:#018815;}




/***********Réseau Social*************/
.reseau-social{ float:left; margin-top:5px}
.reseau-social ul{ text-align:center;}
.reseau-social ul li{ display:inline-block; margin-top:3px;}
.reseau-social ul li a{ display:block; border-radius:5px; height:36px; width:36px; line-height:35px; font-size:26px;}

.reseau-social ul li.fb a{ background:#3a589e; color:#fff}
.reseau-social ul li.tw a{ background:#5ea9dd; color:#fff}
.reseau-social ul li.yo a{ background:#e62f27; color:#fff}
.reseau-social ul li.ins a{ background:#c32aa3; color:#fff}


.reseau-social ul li.fb:hover a{ background:#fff; color:#3a589e}
.reseau-social ul li.tw:hover a{ background:#fff; color:#5ea9dd}
.reseau-social ul li.yo:hover a{ background:#fff; color:#e62f27}
.reseau-social ul li.ins:hover a{ background:#fff; color:#c32aa3}

/***********Form Offre*************/

.largeform {
    margin-bottom: 5px;
}
.largeform input, .largeform select, .largeform textarea {
    box-sizing: border-box;
    font-size: 16px;
    padding: 2px 6px;
    width: 60%;
	color: #555;
	font-family:"Times New Roman", Times, serif;
}
.largeform label {
    font-size: 16px;
    /*padding: 4px 0;*/
	color: #555;
display: inline-block;
    width: 125px;
        float: right;
word-wrap: break-word;
}
.largeform .button {
    font-size: 16px;
    padding: 5px 12px;
}
.butnform {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ccc none repeat scroll 0 0;
    border-color: #f1f1f1 #f1f1f1 #ccc;
    border-image: none;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px 1px 2px;
    color: #444;
    cursor: pointer;
    font-size: 14px;
    min-width: 100px;
    padding: 5px 12px;
    text-decoration: none;
    width: auto !important;
}
.labelfr{ display:inline-block !important; width:48% !important; text-align:left;    float: left !important;padding-left: 8px;
font-family:Tahoma;font-weight:initial}
.labelar{ display:inline-block !important; width:48% !important; }
.inputfrar{ display:inline-table !important; width:47% !important}


@media screen and (max-width:1200px) {	
	.slider{ width:990px;}
	#SliderNews{width:93%}

	.header{ width:92%;}
	.footer{ width:95%;}
	.MMileu ul li{ padding-left:9px; margin:0px 3px;}	
	.MMileu ul li a {font-size: 16px;}
}
@media screen and (max-width:1100px) {
.slider{ width:97.7%;}
.Milieu{ width:95%;}
}
@media screen and (max-width:1020px) {
	.MMileu ul li a {font-size: 17px;}
	.MMileu ul li {margin: 0 3px;padding-left: 7px;}
}
@media screen and (max-width:820px) {
	.logo ul li p {font-size: 18px;}
	#featured ul.ui-tabs-nav {width:31.8%;  z-index:0}	
	.MMileu ul li {margin: 0;padding-left: 5px;}
	#slider {height: 360px;}
	.contents ul li p.text {font-size: 13px;}
	.contents ul li p.titre {font-size: 16px;}
	.smenu_accordion ul li a {font-size: 13px;}
	.sidebar span.txte a {font-size: 14px;}
	.slider{ z-index:2; position:static;}
	nav ul {margin-top: 4px; z-index:1; position:relative}		
	.hmenu{ display:none}
	.none{ display:block}
	.MMileu ul {text-align: right; z-index:1; padding:10px; background:#e5e5e5;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e5e5e5));
	background:-webkit-linear-gradient(#ffffff, #e5e5e5);
	background:-moz-linear-gradient(top, #ffffff, #e5e5e5);
	background:linear-gradient(#ffffff, #e5e5e5);}
	.MMileu ul li{ display:block; padding-top:10px; border-left:none}
	.MMileu ul li.fl{ padding-top:0}
	.box-shadow{ display:none}
	.sidebarR{ float:none; width:100%; display:none}
	.contentsL{ float:none; width:100%}
	.category section {width: 45%;}
	.Milinbl{display:inline-block;
}
}
@media screen and (max-width:720px) {
	#slider {height: 290px;}
	.slider{ z-index:2; position:static;}	
	#featured ul.ui-tabs-nav {width:32.3%; z-index:0}
	
	.rechtop{display:none}
	
	nav ul {margin-top: 4px; z-index:1; position:relative}
	.Milieu {width: 95%;}
	.contents {float:none; width: 100%;}
	.sidebar {float: none;width: 100%;}
	.maps{ width:97%;}
	.mapsR{ float:none; width:97%}
	.mapsL{ float:none; width:97%}
	
	
	#featured ul.ui-tabs-nav li p span.title { font-size:12px}
	
	.OfrreLien span.title {width: 95%;}
	.OfrreLien span.text{width:95%;}
	.OfrreBtn { line-height:52px}
.inputfrar {
    display: inline-table !important;
    width: 46% !important;
}	
}
@media screen and (max-width:550px) {
	#slider {height: 253px;}
	.footer {margin:5px}
	.footer .fright {float:none ;width: 95%;}
	.footer .fleft {float:none ;width: 95%;}
	.reseau-social{ float:right; margin:5px; }
	.recherche {float: none; right: 6px; top: 0;}
	#featured ul.ui-tabs-nav li p span.date{ font-size:11px}
	#featured ul.ui-tabs-nav li p span.title{ font-size:14px}
	.mapsR{ float:none; width:96%}
	.mapsL{ float:none; width:96%}
	.contentsL h1 {font-size: 18px;}
	.category section {width: 90%;}
	
	.cart { margin:auto; float: none; width: 200px;}
	.cart img{position: relative; top:auto; -webkit-transform:none; -ms-transform:none; transform:none;}
	.carttxt { float:none; width:60%;  display:inline-block}
	.contentsL h5 {margin: 30px 0 0;width: 100%;}
	
	.cartul{ width:100%; float:right}
	
	.directeurs {direction:ltr}
	.directeurs .exdg{ width:100%}
	#BlocNavM ul.navtab li{ width:45% }
	
	#featured .sliderimg {width: 100%;}
	#featured ul.ui-tabs-nav { display:none}
	
	.largeview label {font-size: 14px;}
	.directeurs .pdg, .directeurs .pdgm{ width:100%}
	.inputfrar {
    width: 46% !important;}
}
@media screen and (max-width:480px) {
	#Milieu { width:98%}
	#slider {height: 210px;}
	.wilo{ width:65px}
	.logo ul li { position:relative; top:20px}
	.logo ul li.logotxt {right:7px; top:9px;}
	.logo ul li p { font-size: 11px;}
	#featured .info p { font-size:11px}
	#featured .info h2{ font-size:1em}
	#featured .ui-tabs-panel .info{ height:60px}
	.contents h1{ font-size:12px}
	.contents ul li p.titre {font-size: 12px;}
	.footer p {font-size: 12px;}
	.MLeft{ width:70px}
	.MRight{ width:70px}
	.ConL h1{ width:96%;}
	.maps{ width:96%;}
	.mapsR{ float:none; width:95%}
	.mapsL{ float:none; width:95%}
	.contentsL h1 {font-size: 14px;}
	.category section {width: 100%;}
	#BlocNavM ul.navtab li{ width:85% }
	
	
	.Ofrre {width: 90%;}
	.OfrreLien {width: 100%;}
	.OfrreBtn { width: 100%;}
	
	.largeview label { width:100%}
	.largeview input, .largeview select, .largeview textarea {width: 100%;}
	.inputfrar {width: 44% !important;}
}
/* -Custom style for Sharepoint- */
#DeltaSuiteBarRight img {
	max-width:none !important;
	}
#s4-ribbonrow img {
	max-width:none !important;
	}
}
.MenuLeftCustom
{
	width:30% !important;
}
@media screen and (max-width:820px) {
.MenuLeftCustom
{
	width:100% !important;
}
}
/*Data Pager*/
 .pagenavi a, .pagenavi span {
        min-width: 24px;
        min-height: 20px;
        text-decoration: none;
        text-align: center;
        margin: 0 3px;
        padding: 2px 0 0;
        vertical-align: middle;
        display: inline-block;
        zoom: 1;
        *display: inline;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        font-weight: bold;
        line-height: 18px;
    }

    .pagenavi a {
        background: #2a8dd4;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }
 .pagenavi span span{
        background: #C0C0C0;
        color: #fff;
        font-weight: bold;
    }
.pagenavi span {
        border: 1px #ccc solid;
        border-radius: 2px;
        padding:3px;
    }


        .pagenavi a:hover {
            background-color: #0c73be;
            text-decoration: none;
        }

    .pagenavi .current {
        color: #2a8dd4;
        text-decoration: none;
    }

    .post-nav {
        margin: 0 0 30px;
        padding: 15px 0;
        clear: both;
        font-size: 14px;
    }

    .pagenavi {
        padding: 0;
        text-align: right;
        margin: 0;
        text-align: center;
        width: 100%;
        direction: rtl;
    }
    .dropdown
    {
    height:42px;
	}
}
/* -Fin Custom style for Sharepoint- */