@font-face {
font-family: 'Brandon Grotesque';
src: url('font/brandon_grotesque-.eot') format('eot'),
     url('font/brandon_grotesque.otf') format('truetype'),
     url('font/brandon_grotesque.woff') format('woff'),
     url('font/brandon_grotesque.svg#BrandonGrotesque') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Brandon Grotesque Bold';
src: url('font/brandon_grotesque_bold-.eot') format('eot'),
     url('font/brandon_grotesque_bold.otf') format('truetype'),
     url('font/brandon_grotesque_bold.woff') format('woff'),
     url('font/brandon_grotesque_bold.svg#BrandonGrotesqueBold') format('svg');
font-weight: bold;
font-style: normal;
}


@charset "utf-8";

body { margin:0; padding:0; width:100%; background-color:#ffffff; }
html { padding:0; margin:0;}

a { text-decoration:none;}
a:hover { text-decoration:underline;}

#bloc_contact { font-family: Arial, Helvetica, sans-serif; }


/* main */

.main { padding:0; margin:0 auto;}

/********** header **********/

.block_header { 
  margin:0; 
  padding:0; 
  background:#ffffff none;
  }
.header { width:960px; margin:0 auto; padding:0; height: 150px; background-color: #ffffff;}

.header_text_bg {
    background: none repeat scroll 0 0 #ffffff;
    margin: 0;
    padding: 0;
}
.header_content { margin:0 auto; padding:10px 0; width:960px; background:none transparent;}

/************** logo *******/

.logo { padding:0; margin:0 auto; width:960px; text-align:center;}


/********* icones rss **/
.rss { 
    border-right: 1px solid #263f82;
    color: #263f82;
    float: right;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 10px 0;
    padding: 3px 10px 0 0;
    width: 140px;
    }
.rss a { margin:0; float:right; display:block; width:20px; height:20px; padding:0 3px;}
.rss_2 { 
    border-right: 1px solid #263f82;
    color: #263f82;
    float: right;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 10px 0;
    padding: 3px 0 0 15px;
    width: 250px;
}
.rss_2 ul { margin-right: 15px; }
.rss_2 ul li{ list-style: none; padding: 0 0 0 6px; float:right; }
.rss_2 ul li span.link a.info_2 img { height: 18px; width: 18px; }


/*************info rss**********/


a.info{position:relative; z-index:24; color:#000; text-decoration:none}
 
a.info span{ display: none }
 
a.info:hover span{ display:block; position:absolute; top:2em; right:0em; width:8em; border:1px solid #000; background-color:#FFF; color:#000; text-align: center; font-weight:normal;
padding:5px;}

.rss_2 ul li a.info_2 {position:relative; z-index:24; color:#000; text-decoration:none}
 
.rss_2 ul li span.hide { display: none }
.rss_2 ul li span.hide:hover { display:block; position:absolute; top:2em; left:0em; width:8em; border:1px solid #000; background-color:#FFF; color:#000; text-align: center; font-weight:normal; padding:5px;}

p.align-justify span {
  color: #263f82;
  font-weight: bold;
}

/**** menu texte haut ***/
.text { 
    border-right: 1px solid #263f82;
    float: right;
    height: 20px;
    margin: 10px 0 0 10px;
    padding: 3px 0 0;
    width: 120px;
  }

.text li { 
  text-align:right; 
  display:inline;
  background:url("images/separateur-gris-footer.png") no-repeat right center;
  padding:0px 5px 0px 3px; 
  font: normal 11px Arial, Helvetica, sans-serif; 
  color:#9a9a9a;
  text-transform: uppercase;
    font-weight: bold;
  }
.text li a { 
    color: #263f82;
    text-decoration: none;
    vertical-align: -moz-middle-with-baseline;
}

.text li.last {
    background: none;
  }

/***** recherche mercure ***/
.button_submit_mercure {
  border: none;
  width: 38px;
  height: 33px;
  background: url('images/search.gif') no-repeat;
}
.button_submit_mercure:hover {
  cursor:pointer;
}


/******** search **************/

.search { 
    float: right;
    margin: 5px 140px 0 0;
    padding: 0 15px 10px 0;
    width: 220px;
}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background: url("images/search_bg.gif") left top no-repeat; width:181px; padding:0 5px 0 0; height:33px;}
.search form .keywords { line-height:14px; height:17px; width: 138px; float:left; background: url("images/search_bg.gif") left top no-repeat; border:0;  padding:8px 14px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#6c6c6c;}
.search form .button { float:left; margin:0; padding:0;}


/********** slideshow et news **********/
.accueil div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0;
}
.accueil #accueil-container .csc-textpic .csc-textpic-single-image img {
    margin-bottom: 0;
}
.accueil #news {width:276px; outline:0; float:right; background-color: #fff !important;}


/**** bloc fond gris ****/
.accueil .header_content #news.position3 p.csc-frame-frame1 {
  background-color: #F1F1F1;
  width: 256px;
  padding: 5px;
  margin: 0 auto;
  display: block;
}
.accueil .header_content #news.position3 p.align-center {
  text-align: center;
}
.accueil .header_content #news.position3 p.csc-frame-frame1 a {
    color: #00326e;
    font-family: brandon grotesque,sans-serif;
    font-size: 12px;
    padding: 5px;
    text-transform: uppercase;
}

/********** body **********/

.body_resize { margin:0; padding:0;  background:#fff; border-top:0 none;}
.body { width:960px;  margin:0 auto; padding:5px 30px;}
.body h2 { border-bottom:1px solid #dedede; font: bold 20px Arial, Helvetica, sans-serif; color:#282828; margin:0;  padding:10px 5px;}
.body h2 span {  font: normal 11px Arial, Helvetica, sans-serif; color:#c0c0c0;}
.body h1 { 
    border-bottom: 1px solid #c89108;
    color: #003c71;
    font-family: "Brandon Grotesque Bold",sans-serif;
    font-size: 14px;
    margin: 0 0 9px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}
/*.body img { float:left; padding:0; margin:10px 5px;} */
.body img.port { padding:0; margin:10px  auto;} 

.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#747474; line-height:1.5em; padding:5px 5px; margin:0;}
.body a { text-decoration:none; color:#263f82; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif;}
.body h3 { text-decoration:none; color:#263f82; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif; border-top:1px solid #dedede; padding:9px 5px; }
.body_fat {width:960px; margin:0 auto; padding:1px 0;}

.block01 { width:376px; float:left; margin:0; padding:0px 4px;}
.block01-img { clear: both; padding: 0  !important; margin: 0 !important; }
.block01-img img.port-bis { padding: 0 0 0 3px !important;}
.block01-text { padding: 0  !important; margin: 0 !important;}
.block03 { width:184px; float:left; margin:0; padding:0px 4px;}
.block04 { width:184px; float:left; margin:0; padding:0px 4px;}
.block05 { width:184px; float:left; margin:0; padding:0px 4px;}
/*.block { width:184px; float:left; margin:0; padding:0px 4px;}
.block_info { width: 384px; float: left; margin: 0; padding: 0;}
.video {  width:180px; padding:0; }*/


/******** body page **********/

.body-page { 
  margin: 0 auto;
  padding-left: 25px;
  padding-bottom: 25px;
  padding-top: 25px;
  width: 933px;
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
  font:normal 1em  Arial, Helvetica, sans-serif; 
  color:#676767;

  }
.body-page p { 
  text-align: justify;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-right: 30px;
  padding-left: 10px;
  }
.body-page p.align-center { text-align:center !important;}
.csc-textpic-text p.align-right { text-align:right !important;}

.body-page a { 
  font: normal 1em  Arial, Helvetica, sans-serif; 
  color: #676767;
  padding-left: 10px;
  }
.body-page a:hover {
  text-decoration:none;
  }

.body-page h1 { font: bold 14px Arial, Helvetica, sans-serif; color:#263f82; border-bottom:1px solid #dedede;  margin:0 0 9px 0;  padding:5px 5px;}
.body-page h2 { 
  font: bold 1.8em  Arial, Helvetica, sans-serif; 
  color: #263f82;
  margin-top: 30px;
  margin-bottom: 30px;
  }
#zone-de-texte h2::before, #zone-de-texte .news-single-item h1::before {
    border-left: 10px solid #00326e;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 11px;
}
#zone-de-texte h2, #zone-de-texte .news-single-item h1 {
    background: transparent none repeat scroll 0 0 !important;
    color: #00326e !important;
    font-family: brandon grotesque,sans-serif !important;
    font-size: 1.4em;
    margin-left: 15px;
    margin-top: 7px;
    padding-left: 20px;
    position: relative;
    text-transform: uppercase;
}
.univers #zone-de-texte .news-single-item h2::before, .ufr #zone-de-texte .news-single-item h2::before {
    border-left: 0 none;
    height: 0;
    left: 0;
    position: absolute;
    top: 0;
}
.ufr #zone-de-texte .news-single-item h2, .univers #zone-de-texte .news-single-item h2 {
    margin-left: 0;
    padding-left: 0;
    font-size: 1em;
    padding: 0 0 15px 15px;
}
.body-page h3 { text-decoration:none; color:#263f82; line-height:1.8em; font: bold 12px Arial, Helvetica, sans-serif; border-top:1px solid #dedede; padding:9px 5px; }


.body-page ul {
  list-style-type: none;
  padding-left: 50px;
}
.body-page ul li.actu {
  list-style-image: url('images/iconNews.gif');
}

.body-page ul li.ent {
  list-style-image: url('images/iconEnt.gif');
}
.body-page ul li.podcast {
  list-style-image: url('images/iconPodcast.gif');
}
.body-page ul li.conf {
  list-style-image: url('images/conf.gif');
}
.body-page ul li.help {
  list-style-image: url('images/help.gif');
}
.body-page ul li.iphone {
  list-style-image: url('images/iphone.jpg');
}
.body-page ul li.ipad {
  list-style-image: url('images/ipad.jpg');
}
.body-page ul li.android {
  list-style-image: url('images/android.png');
}


.retour_blanc {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  font: normal 1.5em  Arial, Helvetica, sans-serif; 
  color:#ffffff;
}

#contenu-deux-colonnes #colonne-droite #bloc-deux-colonnes .csc-frame-frame1 {
}
#contenu-deux-colonnes #colonne-droite #bloc-deux-colonnes .csc-frame-frame1 .csc-header-n1 h1 {
  background: #00326e;
  color: #fff;
  font-family: brandon grotesque bold, sans-serif;
    font-size: 1.2em;
    line-height:1em;
    text-transform: uppercase;
    padding: 5px;
    
}
#contenu-deux-colonnes #colonne-droite #bloc-deux-colonnes .csc-frame-frame1 ul.csc-menu.csc-menu-1 li { 
  list-style: none;
  font-size: 1em;
  padding: 5px;
  border-bottom: 1px solid #d1d1d1;
}
.ufr #contenu-deux-colonnes #colonne-gauche .csc-uploads-icon, .ufr #contenu-deux-colonnes #colonne-gauche .csc-uploads-fileName {
  float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
/*************footer**********/

/** #footer {padding:0 0 20px 0; margin:0 auto;  border-top:1px solid #ddd; }
#footer_resize { margin:0 auto; padding:10px 0 0 0; width:960px;}
#footer li { font:normal 11px  Arial, Helvetica, sans-serif; color:#676767;}
#footer li.a { font: normal 11px Arial, Helvetica, sans-serif; color:#676767; text-decoration:none; padding:5px; margin:0;}
#footer li.righttext { text-align:right; width:510px; margin:0; padding:15px 0 0 0; float:right;} **/

#footer {
        margin:0 auto;
  background: #fff;
  border-top:1px solid #ddd;
  padding:0px 0 20px 0;
}
#footer_resize { 
  margin:0 auto;
  padding:10px 0 0 0;
  width:960px !important;
  text-align:center !important;
  }

#footer_resize li {
    display:inline;
    text-align:right !important;
    font-size: 11px;
    color:#676767;
    padding:0 10px 0 8px;
    background:url("images/separateur-gris-footer.png") no-repeat right center;
  }

#footer_resize li.last {
    background: none;
  }

#footer_resize li a {
      font: normal 11px Arial, Helvetica, sans-serif;
      color:#676767;
      text-decoration:none;
    }

#footer_resize li a:hover {
      color: #000;
    }

p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px solid #dedede; padding:5px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
.bg2 { clear:both; border-bottom:1px solid #dedede; padding:5px 0 0 0; margin:0 0 0px 0; background:none; list-style:none;}



/*** Bloc bleu marine tronqué ***/

#bt189x110:after {
    border-bottom: 23px solid #fff;
    border-left: 60px solid transparent;
    border-right: 0 solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 162px;
    position: absolute;
    width: 0;
}
#bt189x110 {
    background: none repeat scroll 0 0 #00326e;
    height: 110px;
    position: relative;
    text-align: center;
    width: 189px;
    display: table;
}
#bt189x110 #contenu-bt189x110 {
  display: table-cell;
  vertical-align: middle;
}
#bt189x110 #contenu-bt189x110 h3 {
  border-top: 0 none;
  color: #ffffff;
      font-family: brandon grotesque bold;
      font-size: 1.9em;
      line-height:1em;
      margin: 0;
      padding: 0;
      text-transform: uppercase;
}
#bt189x110 #contenu-bt189x110 p {
  color: #ffffff;
  font-family: brandon grotesque;
      font-size: 1em;
      line-height: 1em;
      margin: 0;
      padding: 0;
}
#bt189x110 #contenu-bt189x110 p span {
  color: #c89108;
  font-family: brandon grotesque bold;
      font-size: 1.4em;
      letter-spacing: 0.1em;
      margin: 0;
      padding: 0;
}

#bt360x51:after {
    border-bottom: 23px solid #fff;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    bottom: 0;
    content: "";
    height: 0;
    left: 333px;
    position: absolute;
    width: 0;
}
#bt360x51, #bt360x51-sanscoin {
    background: none repeat scroll 0 0 #00326e;
    height: 51px;
    position: relative;
    text-align: center;
    width: 360px;
    display: table;
    float: left;
    margin: 8px 0 0 10px;
}
#bt360x51 #contenu-bt360x51, #bt360x51-sanscoin #contenu-bt360x51 {
  display: table-cell;
  vertical-align: middle;
}
#bt360x51 #contenu-bt360x51 h3, #bt360x51-sanscoin #contenu-bt360x51 h3 {
  border-top: 0 none;
  color: #ffffff;
      font-family: brandon grotesque bold;
      font-size: 1.7em;
        line-height: 1.2em;
      margin: 0;
      padding: 0;
      text-transform: uppercase;
}
#bt360x51 #contenu-bt360x51 p, #bt360x51-sanscoin #contenu-bt360x51 p {
  color: #ffffff;
  font-family: brandon grotesque;
      font-size: 1em;
      line-height: 1em;
      margin: 0;
      padding: 0;
}
#bt360x51 #contenu-bt360x51 p span, #bt360x51-sanscoin #contenu-bt360x51 p span {
  color: #c89108;
  font-family: brandon grotesque;
      font-size: 1.2em;
      letter-spacing: 0.1em;
      margin: 0;
      padding: 0;
}
#bt360x51 #contenu-bt360x51-light h3 {
    border-top: 0 none;
    color: #ffffff;
    font-family: brandon grotesque bold;
    font-size: 1.7em;
    line-height: 1.2em;
    margin: 0;
    padding: 7px 0 0;
    text-transform: uppercase;
}
#bt360x51 #contenu-bt360x51-light p {
  color: #ffffff;
  font-family: brandon grotesque;
      font-size: 1.1em;
      line-height: 1em;
      margin: 0;
      padding: 0;
}

/*** Bloc bleu marine pas tronqué ***/

#b175x110 {
    background: none repeat scroll 0 0 #00326e;
    height: 110px;
    position: relative;
    text-align: center;
    width: 175px;
    display: table;
    float: left;
    margin: 0 0 0 10px;
}
#b175x110 #contenu-b175x110 {
  display: table-cell;
  vertical-align: middle;
}
#b175x110 #contenu-b175x110 h3 {
  border-top: 0 none;
  color: #ffffff;
      font-family: brandon grotesque bold;
      font-size: 1.8em;
      line-height:1em;
      margin: 0;
      padding: 0;
      text-transform: uppercase;
}
#b175x110 #contenu-b175x110 p {
  color: #ffffff;
  font-family: brandon grotesque;
      font-size: 1.1em;
      line-height: 1em;
      margin: 0;
      padding: 0;
}
#b175x110 #contenu-b175x110 p span {
  color: #c89108;
  font-family: brandon grotesque, sans-serif;
      font-size: 1.4em;
      line-height: 1.4em;
      letter-spacing: 0.1em;
      margin: 0;
      padding: 0;
}
/*** Bloc image page d'accueil ***/

.body h1.back {
    border-bottom: 0 none;
    font-family: "Brandon Grotesque",sans-serif;
    font-size: 17px;
    color: #ffffff;
    font-weight: normal;
    margin: -3px 0 9px;
}
.body h1.back.gold {
    background-color: #c89108;
}
.body h1.back.blue {
    background-color: #00326e;
}
/*** alignement icone sociale ***/

.navbar-top .navbar-header #lien-top .social-media a .fa {
  padding-top: 1px;
  }