/* 
 * Droid Arabic Kufi (Arabic) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.ttf) format('truetype');
}

/****** System ************************************/
.print {display:none}
.both {clear:both; padding:0; margin:0; line-height:0; border:none !important; }
.left  {float: left !important; }
.right {float: right !important; }
.clearfix {*zoom: 1;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both; }
.hide {display: none; }
.antialiased {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
@keyframes rotate{
  from {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }
  to {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
/****** General ************************************/
body {
  background:#ddd ;
  color: #555555;
  padding: 0;
  margin: 0;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
  
}

.row {
    margin: 0 auto;
    max-width: 1170px;
    /*background: #FFF;*/
    
}
.wd-null {
  margin: 0;
  padding: 0;
}
a:hover {
  cursor: pointer; }

img { max-width:100%; height: auto; } /* Enough everywhere except IE8. */
@media \0screen {img { width: auto }} /* Prevent height distortion in IE8. */

img {
  -ms-interpolation-mode: bicubic; }
img {
  display: inline-block;
  vertical-align: middle; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

a {
  color: #0c61a5;
  text-decoration: none;
  line-height: inherit; }
a:hover, a:focus {
    color: #008F44; }
a img {
    border: none; }

p {
  font-weight: normal;
  font-size: 0.90rem;
  line-height: 1.7;
  margin-bottom: 0.5rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic; }
  
  .align-right{ text-align:right;}
  .align-left{ text-align:left;}
  .align-center{ text-align:center;}
  
  
  
h1, h2, h3, h4, h5, h6 {
  font-weight: 100;
  font-style: normal;
  color: #02213E;
  text-rendering: optimizeLegibility;
  margin-top: 0.0rem;
  margin-bottom: 0.7rem;
  line-height: 1.3; 
  }

h2{font-family: 'Lato'; }
h2 i, h2 em {font-weight: 400; font-style: normal;}

  
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
    text-transform: uppercase;
    font-size: 80px; }

h1 strong {
    text-transform: capitalize;
    font-size: 80px; }

h2 {
  font-size: 52px;   }

h3{ font-size: 1.575rem; font-weight: 400;  padding-bottom: 10px;}

h4 {
  font-size: 1.325rem;  }

h5 {
  font-size: 1.125rem; 
   }

h6 {
  font-size: 0.925rem; font-weight:bold; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }

em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #910b0e; }

ul,
ol,
dl {
  font-size: 0.9rem;
  line-height: 1.7;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit; }

ul {
  margin-left: 0; }
  ul.no-bullet {
    margin-left: 0; }
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; }

ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }

li {
list-style: none;
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }
ul.no-bullet {
  list-style: none; }

ol {
  margin-left: 0rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75rem; }

abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px dotted #dddddd;
  cursor: help; }

abbr {
  text-transform: none; }

blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #dddddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #555555; }

blockquote,
blockquote p {
  line-height: 1.7;
  color: #996229; }

  
  table {
  background: white;
  margin-bottom: 1.25rem;
  border: solid 1px #dddddd;

   }
  table thead,
  table tfoot {
    background: #716C2D; color: #FFF }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.4rem 0.625rem 0.425rem;
      font-size: 0.775rem;
      font-weight: bold;
      color: #FFF;
      }
  table tr th,
  table tr td {
    padding: 0.4625rem 0.625rem;
    font-size: 0.775rem;
    color: #555555; }
    table tr th{ background:#124A81; color: #FFF;}
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #E8E8E7; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 1.125rem; text-align:left; 
}




/****** Form ************************************/

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

  button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #2ba6cb;
  border-color: #2285a2;
  color: white;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #2285a2; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
    background-color: #e9e9e9;
    border-color: #bababa;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #bababa; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #5da423;
    border-color: #4a831c;
    color: white; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #4a831c; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: white; }
  button.alert, .button.alert {
    background-color: #c60f13;
    border-color: #9e0c0f;
    color: white; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #9e0c0f; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: white; }
  button.large, .button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #2ba6cb;
    border-color: #2285a2;
    color: white;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2285a2; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2ba6cb; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e9e9e9;
      border-color: #bababa;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #bababa; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e9e9e9; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #5da423;
      border-color: #4a831c;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #4a831c; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #5da423; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #c60f13;
      border-color: #9e0c0f;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #9e0c0f; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #c60f13; }

  button, .button {
    display: inline-block; }


form {
  margin: 0 0 1rem; }

form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

label {
  float: left;
  width: 13em;
  margin-right: 1em;
  vertical-align: baseline;
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

select::-ms-expand {
  display: none; }

@-moz-document url-prefix() {
  select {
    background: #fafafa; }

  select:hover {
    background: #f3f3f3; } }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none; }

.prefix.button.radius {
  border-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }
  span.prefix.radius, label.prefix.radius {
    border-radius: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }
  span.postfix.radius, label.postfix.radius {
    border-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  -webkit-appearance: none;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 0.4rem 0;
  padding:0 0.96rem;
  height: 1.9125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"][disabled], fieldset[disabled] input[type="text"],
  input[type="password"][disabled], fieldset[disabled]
  input[type="password"],
  input[type="date"][disabled], fieldset[disabled]
  input[type="date"],
  input[type="datetime"][disabled], fieldset[disabled]
  input[type="datetime"],
  input[type="datetime-local"][disabled], fieldset[disabled]
  input[type="datetime-local"],
  input[type="month"][disabled], fieldset[disabled]
  input[type="month"],
  input[type="week"][disabled], fieldset[disabled]
  input[type="week"],
  input[type="email"][disabled], fieldset[disabled]
  input[type="email"],
  input[type="number"][disabled], fieldset[disabled]
  input[type="number"],
  input[type="search"][disabled], fieldset[disabled]
  input[type="search"],
  input[type="tel"][disabled], fieldset[disabled]
  input[type="tel"],
  input[type="time"][disabled], fieldset[disabled]
  input[type="time"],
  input[type="url"][disabled], fieldset[disabled]
  input[type="url"],
  textarea[disabled], fieldset[disabled]
  textarea {
    background-color: #dddddd; }
  input[type="text"].radius,
  input[type="password"].radius,
  input[type="date"].radius,
  input[type="datetime"].radius,
  input[type="datetime-local"].radius,
  input[type="month"].radius,
  input[type="week"].radius,
  input[type="email"].radius,
  input[type="number"].radius,
  input[type="search"].radius,
  input[type="tel"].radius,
  input[type="time"].radius,
  input[type="url"].radius,
  textarea.radius {
    border-radius: 3px; }

input[type="submit"] {
  -webkit-appearance: none; display:inline-block; background:#0C61A5; border:0px; color:#FFF; padding: 5px 20px;  }

  
input[type="reset"] {  
  -webkit-appearance: none; display:inline-block; background:#000; border:0px; color:#FFF; } 
  
/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  background-color: #fafafa;
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: 97% center;
  border: 1px solid #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0;
  height: 2.3125rem; }
  select.radius {
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* We add basic fieldset styling */
fieldset {
  border: 1px solid #dddddd;
  padding: 1.25rem;
  margin: 0.7rem 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }
.error label,
.error label.error {
  color: #c60f13; }
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }
.error span.error-message {
  display: block; }

input.error,
textarea.error {
  margin-bottom: 0; }

label.error {
  color: #c60f13; }

.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.keystroke,
kbd {
  background-color: #ededed;
  border-color: #dddddd;
  color: #222222;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-size: inherit;
  padding: 0.125rem 0.25rem 0;
  border-radius: 3px; }

    
.float-left {
  float:left;
}
.float-right {
  float:right;
}
.float-none {
  float:none;
}

.list-mc {
  padding :10px;
  column-width: 200px;
}
@media screen and (max-width: 1175px) {
  .list-mc {
    column-width: 15vw;
  }
}

/* - START Template elements - */
body {
  background: url(../img/backgroundfinal.jpg) no-repeat center top;
  /*background-color:#0D335F;
    background-size: 100% auto;*/
  background-size: auto 100%;
  
}
#page-2 body {  background-color:#E8EDF3; }

#page-2{background-color:#0D335F;
  background-size: 100% auto !important;}

.full-wdith{ width: 100%; }
.topbar{ background: #61ab21; height: 37px; }
.wd-social{ margin: 0; padding: 0}
.wd-social ul{ margin: 0; padding: 0; }
.wd-social ul li{ float: left; padding: 0; margin: 0; }
.wd-social ul li a{color: #FFF;}
.wd-header{width: 100%; padding-top:40px; padding-bottom: 500px;}
.wd-content{width: 100%; background: linear-gradient(90deg, #04162E 50%, transparent 50%);}
#page-2 .wd-header{ padding-bottom: 150px; }
@media screen and (max-width: 800px) {
  #page-2 .wd-header{ padding-bottom: 10px; }
}
#wd-logo{ overflow: auto; }
#wd-logo p{float: left;}
#wd-logo img{ max-height: 90px; width: auto; float: left; margin: 0 10px 0 0; }
#wd-logo h1{  line-height: 1.3; font-weight: 800; font-size: 1.1em; margin-top: 12px;}
#wd-logo h1 strong{ font-size: 0.8em; display: block; margin: 0 0 10px 0; font-weight: 500; color: #342925; }



.nav-bar{background-color: transparent !important;}
.dis , .dis{display: none;}

#wd-lang:before { content: "\f0ac"; font-family: FontAwesome; color: #FFF; margin: 0 5px 0 0;}
#wd-lang a{color: #fff; font-size: 16px;}
#wd-lang {margin: 4px 0 0 5px; float:right;}

.news-une-title h2{    color: #fff;    text-transform: uppercase;    font-size: 4.5em !important;    padding: 60px 0 40px 0;}
/* ------------------------------------------- */

#wd-search{margin: 5px; float: right; }
#wd-search .elm a {
    font-size:.8em;
    /* padding:0 0 0 2px; */
    color:#fff;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    display: block;
}
#wd-search .elm a:hover{
  border-color: #DC1D12;
  color:#DC1D12;
}
#wd-search .searchform {
}

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

#wd-lng{margin: 5px; float:right;}
#wd-lng:after{content: "\f0ac "; color:#0D345F; font-family: FontAwesome; margin:0;
    font-size:.8em;
    /* padding:0 0 0 2px; */
    color:#fff;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    display: block;
    float:right;  
}

/* menu lang start */
#wd-lng {  position:relative;
}
.wd-lng-sel {   position:absolute; right:0; z-index:9999; display: none;  padding: 0;  overflow: hidden;  transition: all .3s ease;  vertical-align: top;  
  float:right;
  height: 30px;  
  width:100px;
  border: 2px solid #fff;
  -webkit-border-radius: 5px 15px 5px 5px;
  border-radius: 5px 15px 5px 5px;
}
#wd-lng:hover .wd-lng-sel{
  display:inline-block !important;
}
.wd-lng-sel a, .wd-lng-sel span{  text-decoration: none;
  color: #0D345F; ;
}
.wd-lng-sel li {  display: block;  line-height: 30px !important;
  padding:0 20px;
  border-top: 1px solid #EEE;
  background-color: rgba(255, 255, 255, 0.9);
}
  .wd-lng-sel li.arb {  
    font-family:'Droid Arabic Kufi';
    font-size: 0.75rem;
    padding-top: -5px !important;
    vertical-align: top;
  }
.wd-lng-sel li {  display:none;}
.wd-lng-sel li.act {  
  display:block !important;
  background-color: rgba(250, 250, 250, 1);
}

.wd-lng-sel:hover li {  display:block !important;}
.wd-lng-sel li:hover{
  background-color: #EEE;
}
.wd-lng-sel a:first-child li, .wd-lng-sel span:first-child li {  background: #FFF !important;}
.wd-lng-sel li img {
  margin-right: 5px;
}
.lng-1:hover { height:  30px; }
.lng-2:hover { height:  60px; }
.lng-3:hover { height:  90px; }
.lng-4:hover { height: 120px; }
.lng-5:hover { height: 150px; }
.lng-6:hover { height: 180px; }
.lng-7:hover { height: 210px; }
.lng-8:hover { height: 240px; }
.lng-9:hover { height: 270px; }
/* menu lang end */
.news .article{padding-bottom: 0 !important}
.all-news-f .internal-link {margin-bottom: 0 !important; margin-right: 0 !important; margin-left: 0 !important; margin-top: 14px !important;  padding: 11px 25px !important;}
@media screen and (max-width: 1280px) {
  .all-news-f .internal-link {margin-top: 40px !important;}
}
@media screen and (max-width: 800px) {
  #wd-lng{
  }
}

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

#wd-logo .ministere{ padding-right: 40px; padding-left: 10px; }
#wd-logo p{line-height: 1.2;}

.main-nav-top{ border-bottom: 1px solid #fff;  border-color: rgba(255, 255, 255, 0.5); padding: 0 0 10px 0; margin: 0;}





.menu-theme{float: right; text-transform: uppercase; margin-top: 25px !important;}
.menu-theme a{font-weight: bold !important; margin-left: 21px !important;}
/* .content{margin-top: -370px; } */


.color-section10{}
.color-section10 .row{ background: #FFF; margin: 0; padding: 0 0 0 19.2%; border-top: 4px solid #02213E; }

.section0{background: linear-gradient(90deg, #02213E 50%, transparent 50%);}
.section0 .row{ background: #02213E; height:4px; }

.section1{background: linear-gradient(90deg, #fff 50%, transparent 50%);}
.section1 .row{ background-color: #FFF; }



.top-energie{ padding: 50px 0 0 0; }
.top-energie ul{overflow:auto; margin-bottom:0;}
.top-energie li{width: 33.33%; float: left; }
.top-energie li img{ width: 95%;     margin: 0 0 15px 0; }
.top-energie h3{ text-transform: uppercase; font-weight: bold; font-size: 1.2em; margin: 1vh 0 0 0;     padding-bottom: 0px;}

@media only screen and (max-width: 600px) {
  .top-energie ul {
    overflow:auto;
    margin-bottom:65px;
  }
  .top-energie li {width: 100%; float: left; position:relative; margin-bottom:20px;}
  .top-energie h3 {}
  .top-energie span.clip {
    display:block;
    overflow:hidden;
  }
  .top-energie li img {
    width: 100%;
    margin:-25% 0 -25% 0;
  }
}

.wd-widget h2{color: #fff; text-transform: uppercase; font-weight: lighter; text-align: center; letter-spacing: -0.04em;}
.content-wrap h2{   text-transform: uppercase;    font-size: 1.7em;    margin: 0 0 20px 0; font-weight: 400;}
.content-wrap ul {   list-style-type: square;}

.mg-right{background-color: #0d345f !important; color: #fff; margin-top: -86px !important;}
@media only screen and (max-width: 800px) {
  .mg-right{margin-top: 0;}
  .top-energie ul { margin-bottom:65px; }
}

.management ul {overflow:auto; margin: 1vh 0; padding:0;}
.management ul li {float: left; margin: 2vh 0 4vh 0; padding:0 15px;}
.management ul li p{}
.management ul li img{width: 30%; float: left; margin: 0 10px 0 0;}
.management p{font-size: 0.9em; }
.management h3{ text-transform: uppercase; font-weight: 400; font-size: 1.2em; margin: 0; color: #FFF;}

@media only screen and (max-width: 800px) {
  .management h2 { margin-top:3vw; }
  .management ul { display: flex; }
  .management ul li { margin-bottom:0; }
  
}
@media only screen and (max-width: 600px) {
  .management h2 { margin-top:0;  text-align:inherit !important; }
  .management ul { display: flex; }
  .management ul li { margin-bottom:0; }
}
@media only screen and (max-width: 480px) {
  .management h2 { margin-top:0;}
  .management ul { display: block; }
  .management ul li { margin-bottom:10px; }
}


.management h2{ font-size: 38px; }
.management{margin: 15px 5px;}
.direction p{ text-align: right; margin: 0; padding: 0; }
.direction p a{background: #03203E;  font-style: italic; color: #fff; text-align: right; font-size: 14px; padding: 12px 15px; display: block; }
.direction p a:hover{ background: #DC1D13; }
.top-energie p{color: #000;     font-size: 16px;}
.titre_mng{font-size: 16px; text-transform: uppercase;}
.contenu_mng{font-size: 13px;}
.wp-indicateur{background-color: #dc1d13; color: #fff;/*width: 303px;*/ padding:34px 0 0 }
.wp-indicateur p{font-size: 15px; text-align: center; }
.wp-indicateur li{margin-bottom: 20px; text-align: center}
.wp-indicateur li strong{ font-size: 4.0em; font-weight: 100; line-height: 1.2;}
.wp-indicateur li strong em{ font-size: 0.5em; font-style: normal; text-transform: uppercase; }
.wp-indicateur li:last-child strong em{ font-size: 0.3em; }
.wp-indicateur ul li p{margin: 0 !important; line-height: 1.4;}


.pourcentage{font-size: 60px !important; font-weight: lighter; text-align: center;}
.pourcentage i {font-size: 14px; font-style: normal;}
.allred p{ margin: 0; }
.allred p a{ font-style: italic; color: #fff; text-align: right; font-size: 14px; background: #C11811; padding: 12px 15px; display: block; }
.allred p a:hover{ background: #03203E; }

.all-right p  { margin: 0; }
.all-right p a{ float:right; margin:0 3% 3% 0%;  font-style: italic;    color: #fff;    text-align: right;    font-size: 14px;    background: #DC1D12;    padding: 10px 25px;    display: block;    text-transform: none;    font-weight: normal;}
.all-right p a:hover{ background: #0C345E; }
.all-right p a:last-child{ float:right; margin: 0 30px 20px 0 !important; background: #0C345E; }
.all-right p a:last-child:hover{ background: #DC1D12; }



.news .article {
    /* padding: 10px 0; */
    /* margin: 10px 0; */
}

.section2{background-color: #03203e;}
.section2 .wp-indicateur h2 { padding: 0px; font-size: 31px ; margin: 0 0 20px 0; }

.section2 .sixnews{
  padding :20px 10px 0 10px;
  column-width: 270px;
  column-rule-style: 1px solid red;
}
@media screen and (max-width: 1175px) {
  .section2 .sixnews {
    column-width: 20vw;
  }
}
@media screen and (max-width: 900px) {
  .section2 .sixnews {
    column-width:auto;
  }
}
@media screen and (max-width: 800px) {
  .section2 .sixnews {
    column-width: 30vw;
  }
}



.section2 .news .article .news-img-wrap{margin: 0 2% 0 0; width: 28%; float: left;}

.root-line {font-size: 0.8em; padding:15px 10px; background: #03162E; color: #FFF; border-bottom: 3px solid #DC1D12; margin:0 }
.root-line a{color: #DC1D12;}

 
#page-2 .news .header{background: none !important; width: 70%; float: left;}
#page-2 .news .header h3 { font-size: 0.89em;  font-weight: 400; margin: 0; line-height: 18px  }
#page-2 .news .header h3 a{color: #FFF;}
#page-2 .news .header h3 a:hover{text-decoration: underline;}
#page-2 .news .teaser-text {display: none;}
#page-2 .news .footer span { font-size: 0.76em; color: rgba(255,255,255,0.5); }
#page-2 .news-list-view{color: #fff; margin-right: 20px;}

#page-5 .news-list-view .news-img-wrap{ width:200px; float:left;}
#page-5 .news-list-view .article{ border-bottom:1px dotted #ddd;}
#page-5 .news-list-view .article .header h3{     font-size: 1.4em;     line-height: 36px;}
#page-5 .news-list-view .article .header h3 a{ color:#323D5F;}


.csc-uploads-element {
  margin:10px;
  padding:10px;
  border:solid 1px #eee;
  border-left:solid 20px #0c61a5;
}
.csc-uploads-fileName {
  font-weight: 700;
}
.csc-uploads li:before{display:none !important;}

.tx-indexedsearch .result-count-tmpl-css,
.tx-indexedsearch .percent-tmpl-css{
  margin-top: 0;
}


.news-single .news-img-wrap{ width:100% !important; margin-bottom:40px !important;}
.news-single .news-img-wrap img{ width:100% !important;}
.news-single .article .header{ width:100% !important; margin-bottom: 20px;}
.news-single .article .header h3{     font-size: 1.4em;     line-height: 36px;}
.news-single .article .header h3 a{ color:#323D5F;}
.news-text-wrap{ clear:both;}
.news-backlink-wrap{overflow: auto;    clear: both;    padding: 40px 0;}
.a-laune { margin: 2ch 0; }
.a-laune .news .article .news-img-wrap{ width: 100%; margin: 0 0 20px 0; ; }
.a-laune .news  h3{ text-transform: uppercase; font-weight: 600; font-size: 1.0em; line-height: 22px}
.a-laune .news .header{ width: 100%; }
@media only screen and (max-width: 800px) {
  .a-laune .news .article .news-img-wrap{ width: 50%; float: left; margin: 0 10px 10px 0; }
  .a-laune .news .header{ width: 40%; }
}


.partie-news .news .article .news-img-wrap img{ margin-right: 5px; }
.news .article .news-img-wrap a{padding: 0px; border: 0px;}
.cnt_art{display: none;}
.news .footer{display: none;}
.section2 .news .footer{display: block;      border-top: 0px; margin-top: 0px; padding-top: 0px; color: #fff;}

.3big-title{ margin: 40px 1%;  }
.big-title h2{color: #fff; font-size: 5.0em; text-transform: uppercase;   margin:0px 0 ;}

.medium-title{ margin: 10px 0;  }
.medium-title h2{color: #fff; font-size: 2.0em; text-transform: uppercase;   margin:0px 0 ;}

.teaser-text  strong{font-size: 16px !important; font-weight: normal;}
.teaser-text  p{font-size: 13px; font-weight: normal;}
.teaser-text .more{display: none;}

.section3{background-color: #e8edf3; padding:0 0 60px 0}
.0section3 .row {border:solid 1px red;}
.section3 h2{color: #03203E; font-size: 4.5em; text-transform: uppercase;   margin:40px 0 ;}

.col-opendata { background:url('../img/open-data.jpg') no-repeat right top; background-size:800px; height:600px; 

}

.bck-opendata { max-width:1270px; 
direction:rtl;
position:relative;
margin:0 auto 0 auto;
}
.wd-opendata { max-width: 500px; background: #DC1D12; color: #fff; padding: 0;
direction:ltr;
position:absolute;
bottom:-30px;
right:0;
z-index:11;
}
@media only screen and (max-width: 800px) {
  .col-opendata {height:200px;}
  .wd-opendata {bottom:-50px;}
}
@media only screen and (max-width: 480px) {
  .col-opendata {height:200px;}
  .wd-opendata {bottom:-20px;}
}

.wp-opendata0 { background-color: #dc1d13;  margin: -152px -50px 0 268px; height: 141px;}
.wp-opendata { background-color: #dc1d13;  height: 141px;}
.wd-opendata h2{ color: #FFF; margin: 0; padding: 10px 40px 0; font-size:50px ; }
.wd-opendata h2 strong{ font-weight: 400; }
.wd-opendata h3{text-transform: uppercase; font-weight: 600; font-size: 1.05em; line-height: 22px; min-height: 70px; margin: 0; padding: 0 40px; color: #FFF;}
.wd-opendata p{ margin: 0; }
.wd-opendata p a{    font-style: italic;    color: #fff;    text-align: right;    font-size: 14px;    background: #C11811;    padding: 12px 15px;    display: block; text-transform: none; font-weight: normal;}
.wd-opendata p a:hover{ background: #0C345F; }
.wd-opendata p:first-child { padding: 0 20px;}
.wp-opendata , .wp-opendata p{color:#fff; margin-left: 35px; margin-bottom: 0;}
.wp-opendata p { font-size: 16px; text-transform: uppercase; font-weight: 600;}

.wd-transparance{}
.wd-transparance li{ width: 46%; float: left; margin:0 4% 0 0; height: 230px; }
.wd-transparance h3{ text-transform: uppercase; font-weight: 600; font-size: 1.05em; line-height: 22px; min-height: 35px;}
.wd-transparance img{ margin: 0px 0 20px 0; }
.wd-transparance p img{ max-width: 150px; margin:15px auto ; display: block; }
@media only screen and (max-width: 800px) {
  .wd-transparance li {width: 100%;}
  .wd-transparance img{ width: 40%; float:left; margin: 0px 10px 10px 0; }
  .wd-transparance h3{ line-height: 22px; min-height: 22px;}
}



/* .section4 h2{ line-height: 1.1; } */
.section4{}
.section4{  padding: 0 0 80px 0; background:url('../img/bg-section4.jpg') no-repeat top right; background-size: cover;}

.section5 h1, .section4 h1{color: #fff; margin-bottom: 55px; margin-top: 75px;     text-transform: uppercase; font-size: 80px; } 

.wd-projects { background: #FFF; overflow: auto; margin:0 2%; padding: 30px 0 10px 30px; }
.wd-projects ul{ margin: 0; padding: 0; }
.wd-projects ul li{ width: 30%; float: left; margin:0 3% 0 0;  }
.wd-projects h3 { text-transform: uppercase; font-weight: 600; font-size: 1.05em; line-height: 22px; min-height: 40px;}
.wd-projects img{ margin: 0px 0 25px 0; }
.wd-projects p a{ position: absolute; right: 0; bottom: -10px; background: #DC1D12; padding: 12px 15px; color: #FFF; }

.wd-projects p.bodytext a:child-nth(1) { right: 100px; }

@media only screen and (max-width: 600px) {
  .wd-projects { background: #FFF; overflow: auto; padding: 30px 30px 30px 30px; }
  .wd-projects ul li{ width: 100%; float: left; margin:3% 3% 5% 3%;  }
}


.all-link-projects { background: #FFF; margin:0 2%; padding:3%;}
.all-link-projects .elm  { margin: 0; }
.all-link-projects .elm a{ float:right; margin:0 3% 3% 0%;  font-style: italic;    color: #fff;    text-align: right;    font-size: 14px;    background: #DC1D12;    padding: 10px 25px;    display: block;    text-transform: none;    font-weight: normal;}
.all-link-projects .elm a:hover{ background: #0C345E; }
.all-link-projects .elm a:last-child{ float:right; background: #0C345E; }
.all-link-projects .elm a:last-child:hover{ background: #DC1D12; }

.contenu-document{background: #fff!important}
.contenu-document .norM-09{    border-right: 1px solid #dddddd; width: 73% !important}
.contenu-document .norM-03{padding-left: 15px; padding-top: 20px;}

@media only screen and (max-width: 600px) {
  .all-link-projects .elm  { margin: 0 0 -50px 0; }
  .all-link-projects .elm a{ float:none !important;}
}
.wp-nos-publications h2{}


.wp-avis1 h2{color:#03203e; font-size: 15px; font-weight: bold;}
.wp-avis1 p{font-weight: normal !important; font-size: 14px;color:#03203e;}
.wp-avis1 .news .article .news-img-wrap img{height: 200px;}
.wp-phtransparence img{    height: max-content;}
.section31{background-color: #e8edf3; height: 115px;}
.section31 img{width: 80%;}
.wp-logo2 img{margin-top: -10px;}
.wp-logo2 , .wp-logo1{margin-top: -31px;}

.section31 .colorbg{margin: -16px -50px 0 268px;}
.section31 .colorbg p a{color: #fff;float: right; font-size: 14px; margin: 17px 30px 17px 0;}
/* .section5 h2{ border-right: 1px solid #fff; } */
.wp-grand-prj li{float: left; width: 31%;  margin-right: 15px;     margin-bottom: 80px;}
.wp-grand-prj li img{    height: 125px; width: 100%;     margin-bottom: 32px;}
.tt_prj{font-size: 16px; font-weight: bold; text-transform: uppercase;}
.parg_prj{font-size: 14px;  }
.btn-prj-left {background: #c11911;    padding: 10px 0px 10px 90px;     margin: -19px 30px 20px 290px; position: relative; font-size: 14px; }
.btn-prj-left a, .btn-prj-right a{color:#fff; font-style: italic;}
.btn-prj-right{background: #0d345f;  padding: 10px 0px 10px 50px;font-size: 14px; margin-top: -19px;}
.section5{background-color: #0d345f; padding:40px 0}
.wp-livre ul { padding: 0; margin:0; text-align: right; overflow:auto;}
.wp-livre li{float: left; width: 32%; margin: 0; padding: 1% 1% 1% 0;}

@media only screen and (max-width: 600px) {
  .wp-livre ul{ text-align: center;  padding: 0 0 10px 0;}
  .wp-livre ul li{ float: left; width: 100%; padding: 10px 0 0 0;}
}

.tx-pxa-newsletter-subscription {width:272px;}
.tx-pxa-newsletter-subscription input#email { padding:0 5px; -moz-border-radius : 4px 0px 0px 4px; -webkit-border-radius : 4px 0px 0px 4px; -o-border-radius : 4px 0px 0px 4px; border-radius : 4px 0px 0px 4px; padding-right: 0px; margin-right: 0; border: 0px; width: 150px; float: left; height: 40px;}
.tx-pxa-newsletter-subscription input[type="submit"] { -moz-border-radius : 0px 4px 4px 0px; -webkit-border-radius : 0px 4px 4px 0px; -o-border-radius : 0px 4px 4px 0px; border-radius : 0px 4px 4px 0px; background-color: #DC1D12; height: 40px; width: 100px;}
.tx-pxa-newsletter-subscription input[type="submit"]:hover{background-color: #FFF; color: #05162F;}

.news_ctn{display: none;}
.footer3{    margin-top: -17px;}
.footerf, .footer-3 h3{background-color: #06162f; color: #fff;}
.footerf{    padding:40px 0;}
.footerf a{color: #5d728b;}
.footerf a:hover{ color:#DC1D12 }

.minis-energ{    font-size: 14px !important;  text-transform: uppercase;  font-weight: bold; /*margin-top: 30px;*/ padding-top: 30px; float: none !important;}
.footer-1 p{float:left; padding:0 10px 0 0; }
.footer-1 h3{padding:20px 0 10px 0; }
.footer-1 p{font-size: 13px; clear:both;}
.footer-1 img{    margin-right: 5px !important;}
.footer-21 h4, .footer-22 h4,.footer-23 h4{font-weight: bold; color: #5d728b;}
.regular .slick-list .slick-track .slick-slide img {  max-width: 100%; height: auto;}

#sliderBox2 { background-color: #fff;    padding-top: 60px; padding-bottom: 50px;}
.section6{background-color: #fff;}
.slick-track p{display: none;}

.footer-bottom { border-top: 1px solid #5d728b; padding: 1vh 0 0 0; margin: 1vh 0 0 0; }
.footer-bottom p{ font-size: 12px; }

.footer-1 img{ max-width: 70px; float: left; }
.footer-1 h3{    text-transform: uppercase;    font-weight: 600;    font-size: 0.9em;    line-height: 1.5em;    color: #FFF; float: none; margin: 1vh 0;}
.footer-1 em{ margin: 0 10px 0 0;  color: #5d728b ; text-align: right;}

.footer-3 h2{  color: #FFF; font-size:30px ; text-transform: uppercase; margin: 0 0 10px 0; }
.footer-4 h2{  color: #FFF; font-size:30px ; text-transform: uppercase; margin: 0 0 10px 0; }
.footer-4 ul {}
.footer-4 ul li{ float: left; margin: 0 10px 0 0; }
.footer-4 ul li a {width: 35px; height: 35px; border: 2px solid #5d728b; -webkit-border-radius: 50%;        border-radius: 50%; text-align: center; line-height: 35px; display: block;}
.footer-4 ul li a:hover{ color:#DC1D12; border-color: #DC1D12 }

.menu-top p{ text-align: right }

.bg-white{ background:#FFF;}
.content-internal{
  margin-top: -470px;
}
.content-internal .row {    background: #04162E; }
.content-wrap{ background: #FFF; padding: 20px; margin: 0 0 0 0; border-top: 0px solid #0C345F; min-height:300px }
.ban-page{  height: 250px; width: 100%; overflow: hidden; background:#eee url(../../user_upload/ban-intro-2.jpg) no-repeat center; background-size: cover; }
.ban-page img{ width: 100%; margin: 0; padding-right: 1px; }
.ban-page p{ margin: 0; line-height: 0; }

.col-lef {background: #04162E; padding: 20px 20px 20px 20px !important;}
.col-lef h2{color: #FFF; text-transform: uppercase; font-size: 2.3em; margin: 0 0 40px 0;}

.col-lef .menuPS ul { }
.col-lef .menuPS li{ margin: 5px 0 0 0; }
.col-lef .menuPS li a{ color: #FFF; }
.col-lef .menuPS li.act a{ color: #FFF; }
.col-lef .menuPS li.act > a{ color: #DC1D12; }
.col-lef .menuPS li:before{ content: "\f0c9"; font-family: FontAwesome; color: #FFF; margin: 0 5px 0 0; color: #FFF; font-size:10px }
.col-lef .menuPS li li:before { content: "\f0da"; font-family: FontAwesome; color: #FFF; margin: 0 5px 0 0; }


.col-lef ul.menuPS li.no {display:none;}
.col-lef ul.menuPS.PS0>li.no {display:block;}
.col-lef ul.menuPS li.act>ul>li.no {display:block;}


.before-foot {background: #0D335F; padding: 20px 0;}
.share-title h2{ line-height: 0.8 !important; display:none;}
.share-icons{ float: right; }

.footer_widget {
  padding: 10px;
}
.footer_widget h3 {
  margin-top: 0;
}

/* - END Template elements - */

area[title]:hover:after {
  content: attr(title);
  position: absolute;
}

.cnt { padding: 0 2%; margin:0;}
.liste { text-align: right;}
.liste img{ padding: 2px}
.key { display: inline-block;  font-weight: bold; margin: 0 0 5px 0}
.marg { clear: both; padding: 0; margin: 10px 0; border-bottom: 3px solid #893230   }
.paiqqre{ margin-top: 20px}
.paire, .impaire{ background: #f3f3f3 !important; border:1px solid #ccc}
.marg{ background: none !important}

#menuAdx { line-height: 0; margin: 0; padding: 0; position: relative; z-index: 10;   font-size: 0.9em; }
.cssmenu, .cssmenu ul { margin:0; padding:0; border:0; list-style-type:none; list-style-image:none; display:block; float: left; }
.cssmenu li { margin:0; padding:0; border:0; display:block; position:relative;  z-index:999; float: left; }
.cssmenu li ul, .cssmenu li li ul {background: rgba(245,245,245,0.9);   -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);   box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.cssmenu li a span{ font-size: 0.84em; font-weight:normal; color: #999; text-transform: none; display:block; }
.cssmenu li a{   padding:  0 8px; display: block; color: #FFF; font-weight:normal; border-left:0px; font-size: 15.5px; }
.cssmenu li a:hover{ color: #DC1D12; }
.cssmenu li a.act{  background-color: transparent !important; color: #DC1D12;}
.cssmenu li a.act span{ color: #FFF; display: none;}
.cssmenu li a.act:hover{ color: #FFF;}
.cssmenu li:first-child a{ border-left: 0px; font-weight:normal; font-size: 16px; }
.cssmenu li:last-child{ padding-right: 0; border-right:0px;}
.cssmenu li.no a:before{ content: "\f107"; font-family:  FontAwesome; margin: 0 5px 0 0;}
.cssmenu li li.no a{font-size: 1.1em;}
.cssmenu li li.no a:before{ content: none;}
.cssmenu li li a.act {color: #fff;  }
.cssmenu li li a.act:before{ content: none;}
.cssmenu li:hover { z-index:999;  white-space:normal; }
.cssmenu li li { width: 200px; border-bottom: 1px dotted #ddd; border-right: 0   }
.cssmenu li li:first-child a{ -webkit-border-radius: 0px 0 0 0px;border-radius: 0px 0 0 0px; padding: 9px 16px;}
.cssmenu li li li { width: 200px;}
.cssmenu li li:last-child{ border-bottom: none;}
.cssmenu li li a{ color: #17497A; border-left: 0px;  font-weight: normal; text-transform: none; padding: 8.5px 15px; font-size: 0.85em !important; }
.cssmenu ul { visibility:hidden;   z-index:999; top: 70px; position:absolute; left:0;  margin: 5px 0 0 0;   -webkit-transition: all .2s ease-out;    -moz-transition: all .2s ease-out;    -ms-transition: all .2s ease-out;    -o-transition: all .2s ease-out;    transition: all .2s ease-out;  }
.cssmenu ul ul{ transition:none}
.cssmenu li:hover>ul { visibility:visible;  top:100%;  }
.cssmenu li li:hover>ul {  top:0; left:200px }
.cssmenu:after, .cssmenu ul:after { height:0; display:block; visibility:hidden; overflow:hidden; clear:both; }
.cssmenu, .cssmenu ul {  min-height:0; }
.cssmenu ul { padding:0; margin:0 0 0 0;   }
.cssmenu ul ul { padding:0; margin:0; }
.cssmenu ul>li + li {  border-top:0; }

.megamenu, .megamenu ul { margin:10px 0 0 0; padding:0; border:0; list-style-type:none; list-style-image:none; display:block; float: right; font-weight: bold;  border-top: #DC1D12;}
.megamenu li { margin:0; padding:0; border:0; display:block;  z-index:999; float: left;   }
.megamenu li ul, .megamenu li li ul {padding:20px 10px;  border-top: 0; background: rgba(255,255,255,1.0); z-index: 999;}
.megamenu li ul ul{ border-top: 0px; margin-top: 0 !important;}
.megamenu li li ul.lev1{ padding:10px; }
.megamenu li a{ color: #FFF; padding: 0 10px 20px 10px; text-transform: uppercase; font-size: 16px; }
.megamenu li a:after { content: "\f107"; font-family: FontAwesome; margin: 0 0 0 5px; }
.megamenu li li a:after { content: ""; margin: 0; }
.megamenu li a:hover{   color:#DC1D12 }
.megamenu li a.act{  background: #651B20; color: #FFF;}
.megamenu li a.act span{ color: #FFF;}
.megamenu li a.act:hover{ color: #FFF;}
.megamenu li li a{ color: #03162E; font-size: 13px; padding:3px 5px 3px 0px !important; ; font-weight: normal; text-transform: none; border-left:0px !important;  }
.megamenu li li a:hover{ background: none; text-decoration: underline !important; color:#651B20}
.megamenu li li a.act{ background: none; text-decoration: underline !important; color:#651B20}
.megamenu li li a.act:hover{color:#651B20}
.megamenu ul { visibility:hidden; top: 90px; width: 98.1%; position:absolute; left:0;  margin: 5px 0 0 0;   -webkit-transition: all .2s ease-out;    -moz-transition: all .2s ease-out;    -ms-transition: all .2s ease-out;    -o-transition: all .2s ease-out;    transition: all .2s ease-out;  }
.megamenu ul ul { visibility:hidden;  position:relative; margin-top:5px !important;top:0; left:0; }
.megamenu li li { width: 49%; padding:0 0; font-size: 1.2em; text-transform: uppercase;     color: #02213E;  border-bottom: #eee dotted 1px;}
.megamenu li li:last-child{ border-bottom: 0px; }
.megamenu ul ul li {float: left; width: auto; min-width: 100%; padding: 0; margin-bottom: 0px;}
.megamenu li:hover ul { visibility:visible;  top:47px;  }
.megamenu li:hover ul ul{ visibility:visible;  top:0;  }
.xmegamenu li li:hover>ul {  top:0; left:100%; }
.megamenu:after, .megamenu ul:after { height:0; display:block; visibility:hidden; overflow:hidden; clear:both; }
.megamenu, .megamenu ul {  min-height:0; }
.megamenu ul { padding:0; margin:0 0 0 0;   }
.megamenu ul ul { padding:0 !important; margin:0; }
.megamenu ul>li + li {  border-top:0; }
.megamenu ul.megamenu3 li { margin-left:5px !important;}

.megamenu li li a:before { content:"\f0da"; font-family:  FontAwesome; font-size:11px; font-weight:normal; margin:0 5px 0 0; color:#DC1D12}
.megamenu2>li a:before { margin:0 5px 0 05px !important;}
.megamenu3>li a:before { margin:0 5px 0 10px !important;}
.megamenu4>li a:before { margin:0 5px 0 15px !important;}
.megamenu5>li a:before { margin:0 5px 0 20px !important;}

/*.megamenu li:nth-child(1) ul {border-top: 5px solid #0D335F;}*/
.megamenu li:nth-child(1) ul ul{ border-top: 0px; margin-top: 0 !important;}
.megamenu li:nth-child(1) a:hover{color: #0D335F !important;}
/*.megamenu li:nth-child(2) ul {border-top: 5px solid #784800;}*/
.megamenu li:nth-child(2) ul ul{ border-top: 0px; margin-top: 0 !important;}
.megamenu li:nth-child(2) a:hover{color: #784800 !important;}
/*.megamenu li:nth-child(3) ul {border-top: 5px solid #028254;}*/
.megamenu li:nth-child(3) ul ul{ border-top: 0px; margin-top: 0 !important;}
.megamenu li:nth-child(3) a:hover {color:#028254 !important;}
.megamenu li:nth-child(3) ul a:hover, .megamenu li:nth-child(2) ul a:hover, .megamenu li:nth-child(1) ul a:hover  {color: #DC1D12 !important;}



/*---------------List page-307 ---------------*/
/*#page-307  ul.csc-uploads li { float: left; width: 33.3%;}*/
.list-multicol{ columns: 3; list-style-position: inside;}
.list-multicol li { margin: 0 0 0.5em;}
/*---------------PUBLICATIONS ---------------*/
#page-310 .news-list-view .news-img-wrap{ width:140px; float:left;}
#page-310 .news-list-view .article{ border-bottom:1px dotted #ddd;}
#page-310 .news-list-view .article .header h3{     font-size: 1.4em;     line-height: 36px;}
#page-310 .news-list-view .article .header h3 a{ color:#323D5F;}
#page-310 .news-single .news-img-wrap { width: auto !important;}
/*---------------------------------------------*/
/*-----------Accordion-------------*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color: #02213E; font-weight:400;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#DC1D12;}
.ui-state-hover a, .ui-state-hover a:link, .ui-state-hover a:hover, .ui-state-hover a:visited{color:#DC1D12;}
/*---------------------------------------------*/
.text-numbers strong {color:#02213E; }
.read-more {color: #02213E !important;  display: inline-block; font-size: 14px; font-weight: bold; margin-top: 10px;}
.read-more:after { font-family: 'fontawesome'; font-weight: normal; line-height: 1; color: #02213E; content: "\f101"; display: inline-block; font-size: 16px; margin-left: 5px; position: relative; top: 2px;}
.read-more:hover:after {font-family: 'fontawesome'; font-weight: normal; line-height: 1; color: #008F44; content: "\f101"; display: inline-block; font-size: 16px; margin-left: 5px; position: relative; top: 2px;}
.read-more:hover { color: #008F44 !important;}
/*-------list style----------*/
.content-wrap li:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    margin: 0 13px 0 0;
    color: #DC1D12;
}
.content-wrap li > ul > li:before, .content-wrap li > ol > li:before{ color: #02213E;}
.contenu-document li:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 13px;
    font-weight: normal;
    margin: 0 13px 0 0;
    color: #DC1D12;
}
.contenu-document  li > ul > li:before, .contenu-document  li > ol > li:before{ color: #02213E;}
.content-wrap ol {list-style: none; counter-reset: li !important;}
.content-wrap ol > li::before {content: counter(li);  text-align: right; direction: rtl;}
.content-wrap ol > li {counter-increment: li !important;}
/**------------------------------*/
/**-----Carousel---------**/

    .slick-slide { margin: 0px 20px;}
    .slick-prev:before,.slick-next:before {color: #0d345f !important;}
  .slick-slide img{padding: 0 14px;}
  .slick-slider{padding: 30px 0;}
  .slick-slider .slick-next, .slick-slider .slick-prev{width:10% !important}
/***home page auj**/
.section2 .sixnews .news .article .news-img-wrap{display:none}
#page-2 .news .header{width:100% !important}
.a-laune .news h3{padding-bottom:20px}

/*------- Simple Accordion-----------*/
.simple-accordion .ui-state-default, .simple-accordion .ui-widget-content .ui-state-default, .simple-accordion .ui-widget-header .ui-state-default {
    border: 0px solid #cccccc !important;
    background: none !important;
    color: #02213e;
}
.simple-accordion .ui-state-active, .simple-accordion .ui-widget-content .ui-state-active, .simple-accordion .ui-widget-header .ui-state-active {
    border: 0px solid #dddddd !important;
    background: none !important;
    color: #c60f13;
}
.simple-accordion .ui-widget-content {
    border: 0px solid #dddddd !important;
    background: none !important;
    color: #333333;
}
.simple-accordion .ui-state-default, .simple-accordion .ui-widget-content .ui-state-default, .simple-accordion .ui-widget-header .ui-state-default {
    border: 0px solid #cccccc !important;
    background: none !important;
    font-weight: bold;
    color: #02213e;
}
.simple-accordion .ui-accordion .ui-accordion-content {
    padding: .5em 2.2em !important; 
}
.simple-accordion .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  
    /*display: none !important;*/
   
}
.ui-widget { 
     font-family: 'Roboto Condensed', sans-serif !important;
     font-size: 0.90rem !important;
}
.simple-accordion .ui-accordion .ui-accordion-header{ margin: -5px 0px;}
.simple-accordion {margin-bottom:10px !important}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dc1d12 !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{ border: 1px solid #dc1d12 !important; background: none !important;}
/*--------------------------------*/
.content-internal .norM-09 ul {margin-left: 10px !important}
/*.menu-doc h3 , .menu-doc p {text-align: center !important;}*/
#page-327 .root-line { border-bottom: 4px solid #028254 !important;}
#page-327 .content-wrap h2, #page-327 h3, #page-327 .contenu-document li:before { color: #028254 !important;}
#page-327 .root-line a , #page-327 .col-lef .menuPS li.act > a { color: #028254 !important;}
#page-327 .footerf h3{color: #fff !important;}
.iconless li:before {display: none;}
/*---------------------------------------- START RESPONSIVE DESIGN -----------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/
.management h2 {font-size: 3vw !important;}
.section2 .wp-indicateur h2 {font-size: 2.5vw !important;}
.section3 h2 {font-size: 5.65vw !important;}
.wd-opendata h2 {font-size: 3.45vw !important;}
.section4 h2 {font-size: 5vw !important;}
.section5 h2 {font-size: 5vw !important;}
.footer-3 h2 {font-size: 2vw !important;}
.footer-4 h2 {font-size: 2vw !important;}
.big-title h2 {font-size: 5vw !important; padding:0 !important; margin:2vw 1vw !important;}
.logo-h2{    font-weight: 600;   font-size: 20px;   clear: both;}
@media only screen and (min-width: 1170px) 
{
  .management h2 {font-size: 2.5em !important;}
  .section2 .wp-indicateur h2 {font-size: 2em !important;}
  .section3 h2 {font-size: 4.5em !important;}
  .wd-opendata h2 {font-size: 3em !important;}
  .section4 h2 {font-size: 5em !important;}
  .section5 h2 {font-size: 5em !important;}
  .footer-3 h2 {font-size: 1.8em !important;}
  .footer-4 h2 {font-size: 1.8em !important;}
  .big-title h2 {font-size: 5em !important;}

}
/*----------------------------------------------------------------------------------------------------------------
  ----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1024px) 
{
  .ban-page{  height: 320px; }
}
/*----------------------------------------------------------------------------------------------------------------
  ----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 800px) 
{
  .ban-page{  height: 160px; }
  .section2 .wp-indicateur ul { padding-bottom: 117%;}
}
/*----------------------------------------------------------------------------------------------------------------
  ----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) 
{
  .ban-page{  height: 160px; }
  .section2 .wp-indicateur ul { padding-bottom: 47%;}
}
/*----------------------------------------------------------------------------------------------------------------
  ----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) 
{
  .ban-page{  height: 0; }
  .management h2 {font-size: 1.5em !important;}
  .section2 .wp-indicateur h2 {font-size: 1em !important;}
  .section3 h2 {font-size: 1.5em !important;}
  .wd-opendata h2 {font-size: 1em !important;}
  .section4 h2 {font-size: 1.5em !important;}
  .section5 h2 {font-size: 1.5em !important;}
  .footer-3 h2 {font-size: 0.8em !important;}
  .footer-4 h2 {font-size: 0.8em !important;}
  .big-title h2 {font-size: 1.8em !important;}
  .tab-news-left, .tab-news-right{width:50% !important;}
  .section2 .wp-indicateur ul { padding-bottom: 131%;}
  .all-news-f .internal-link {
    margin-right: -50% !important;
}

}

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

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

@media screen and (max-width: 480px) 
{ 
  .section2 .wp-indicateur ul { padding-bottom: 0;}
  .all-news-f .internal-link { margin-right: 0 !important;}
    .all-news-f .internal-link { margin-top: 0px !important; margin-right: 0 !important;}

}

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


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

@media screen and (max-width: 320px) 
{
  



}
/*----------------------------------------------------------------------------------------------------------------
  ----------------------------------------------------------------------------------------------------------------*/
.contact-form li:before { content: none !important;}
.contact-form {
  display:inline-block;
  width: 65%;
}
.contact-cord {
  display:inline-block;
  float: left;
  width: 35%;
}

.csc-mailform ol {margin:10px 0 !important; }
li.csc-form-confirmation-false, li.csc-form-confirmation-true {float: left; margin:5px !important;}


#page-2 .a-laune .news-list-view .article .news-img-wrap {background:#03203e;}