/* */:root{ 
  --coul-instit: rgb(200, 44, 124);
  --coul-instit-10:rgba(200, 44, 124, 0.1);
  --coul-formation: rgb(232, 148, 57);
  --coul-formation-10: rgb(232, 148, 57, 0.1);
  --coul-recherche: rgb(140, 175, 46);
  --coul-recherche-10: rgb(140, 175, 46, 0.1);
  --coul-recherche-30: rgb(140, 175, 46, 0.3);
  --coul-campus: rgb(39, 165, 173);
  --coul-campus-10: rgb(39, 165, 173, 0.1);
  --coul-autour: rgb(81, 27, 91);
  --coul-autour-10: rgb(81, 27, 91, 0.1);
}


/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

/* This file will hold styles for all layouts using the alpha grid
(i.e. not the mobile layout). */

body
 { font-family:arial, geneva, sans-serif;}
 
 
img {max-width:100% !important;height:auto !important}

/****logo mobile**
#block-block-12{text-align:center;margin-top:1em}
#block-block-12 img{margin:0 auto ; max-width:100%}***/


/*****bouton espace n'apparait pas lorsque nonloggé ****/
.not-logged-in ul#main-menu li.menu-561 a,
.not-logged-in ul#main-menu li.menu-561 ,
.not-logged-in ul#main-menu li.menu-1029,
.not-logged-in ul#main-menu li.menu-1040
{display:none}

#block-menu-menu-menu-haut{display:none}

.front .node-promoted,
.front ul.pager,.front .feed-icon {
 display:none}
.logo-img a.active{
 display:block}
h1, h2, h3, h4, h5, h6
{font-family:arial, geneva, sans-serif/* letter-spacing: -0.05em;**/}

h2.block-title {
    color: rgb(0, 0, 0);
    /*font-size: 16px;
   /* line-height: 110%;*/
    margin-bottom: 0.5em;border-bottom:1px solid #000;font-size:14px;
    padding: 0;margin-top:1em;text-transform:uppercase
}
#block-webform-client-block-478 #h2
{
margin-right:200px;padding:0;margin-left:5px;float:left
}
#block-webform-client-block-478 h2.block-title
{
margin-bottom: 5px;border-bottom:0px solid #000;
padding: 0;margin-top:0;font-size:14px;
}
/****liens***/
.view-pinned-articles li.jcarousel-item a:link,
.view-pinned-articles li.jcarousel-item a:visited
{color:#fff}
.view-pinned-articles li.jcarousel-item  a:hover
{text-decoration:none}





/***********************************HEADER****************************/
/***barre outils****/
#zone-user-wrapper {display:block;}

/***logo*********/
#zone-branding-wrapper{ background :#4e4e4e;padding-top:10px}



/***a la une et onglet********/
#zone-branding,
#zone-header,
#zone-content,
#zone-menu,
#zone-preface
{ background : #fff}


/*****TRANSITOIRE******/

#page
{ position:relative}


#region-content,#region-branding,#region-menu
{position:static;}

#region-menu
{
top:0px;z-index:100;/*border-bottom:2px solid #333;*/}
#region-user-first
{ margin-right:0;margin-left:0}


/***********************************margin des blocs ***************************/
/**bloc agenda bientot*******/
 #block-views-events-block,
#block-views-articles-breves-block-1,
#block-views-breves-block,
#block-block-4,
#block-views-caeaf148090b0fd4f6b0233453943701 ,
#block-aggregator-feed-2,
#block-aggregator-feed-3,
#block-views-similarterms-block
{margin-bottom:20px;margin-top:0}
/**bloc agenda bientot*******/





/**********************************SECTION CONTENT***************************/
/**preface
#zone-preface { background : #fff;}

/***zone de contenu*.page-taxonomy #region-header-first .term-listing-heading,
.page-taxonomy #region-header-first articlepage-taxonomy #zone-content
{ display:none}
.logged-in #block-views-a-la-une-pour-mobile-block-4{padding-top:230px}

.logged-in #block-views-pinned-articles-block {
padding-top:220px}
.front #block-views-articles-breves-block-1
{margin-bottom:20px;}
.front.logged-in  #block-views-articles-breves-block-1
{margin-top:360px}
.front.not-logged-in #block-views-articles-breves-block-1
{margin-top:380px}

********/



#zone-content {padding-top:0;margin-bottom:20px;border-radius: 0 0 40px 40px}

#region-sidebar-first{}


/*** page d'accueil : on n'affiche pas certains elements ********/

 #breadcrumb,
.front h1,
.front #zone-content  #first-time{display:none;}

/*** page de taxonomie  rubriques : on n'affiche pas certains elements ********/
.page-taxonomy-term-1   #block-system-main,
.page-taxonomy-term-2  #block-system-main,
.page-taxonomy-term-3  #block-system-main,
.page-taxonomy-term-4   #block-system-main,
.page-taxonomy-term-5  #block-system-main,
.page-taxonomy-term-6 #block-system-main,
.page-taxonomy-term-1178 #block-system-main
{ display:none }







/*** on n'affiche pas la sidebar pour les contenus de type article breve ou evenement  pour les pages de type taxonomy********/

.node-type-ul-evenement #region-sidebar-first,
.node-type-ul-article #region-sidebar-first,
.node-type-ul-breve  #region-sidebar-first,
.page-archives  #region-sidebar-first,
.page-taxonomy  #region-sidebar-first,
.page-search  #region-sidebar-first{display:none}

.page-taxonomy-term-1  #region-sidebar-first,
.page-taxonomy-term-2  #region-sidebar-first,
.page-taxonomy-term-3  #region-sidebar-first,
.page-taxonomy-term-4  #region-sidebar-first,
.page-taxonomy-term-5  #region-sidebar-first,
.page-taxonomy-term-6  #region-sidebar-first,
.page-taxonomy-term-1178 #region-sidebar-first
{display:block}




 /**********************************************************************************************************************************
BARRE OUTILS HAUT : acces rapide, recherche et numerique *********

 #outils { font-size:1em;background:#000 !important;padding:0;
  width:100%;min-height:42px !important;height:auto !important;}*************************************************************/




#region-user-first { padding:0 ;}

#block-block-6/***icones de menu***/
{display:block;/*float:left;margin-top:5px;*/
 padding-right:10px;padding-left:10px;margin:0;background:#000;min-height:50px}

#block-block-6 ul#navMobile{display:block;position:relative;top:10px;}



#block-block-6 ul#navMobile li{display:inline-block;}

 .logged-in #block-block-6   ul#navMobile a#connexion,
 .logged-in #block-block-6   ul#navMobile li.connexion{display:none}

#block-block-11{/**logo ul***/display:none}

#block-block-12{/**logo ul blanc***/display:block;
  /*float:left;margin-top:5px;*/position:absolute; margin:5px 0;
top:4px;right:0;}
#block-block-12 p{/**logo ul blanc***/margin-bottom:4px}


ul#navMobile{margin-bottom:0}
ul#navMobile li{height:30px;width:30px;display:block;float:left;list-style-type: NONE;margin-right:10px }

ul#navMobile a#press,
ul#navMobile a#pull,
ul#navMobile a#recherche,
ul#navMobile a#newsletter{border-bottom:0px solid #fff; padding:0;
  height:30px !important;text-indent:-5000px;
display:block;width:30px !important;cursor:pointer;  border: 1px solid #000;}

/***bouton menu, recherche , home*et connexion**/
ul#navMobile a#pull {
background: transparent url("../images/icone_mobile_menu.png") no-repeat 0 0;}

ul#navMobile a#recherche {
 background: transparent url("../images/icone_mobile_recherche.png") no-repeat 0 0;}
ul#navMobile a#pull:hover,
ul#navMobile a#press:hover,
ul#navMobile a#recherche:hover,
ul#navMobile a#newsletter:hover{
/* opacity:.5*/border:1px solid #fff;}
ul#navMobile ul:after {
clear: both;}
ul#navMobile a#press{background:transparent url("../images/home_mob.png") no-repeat 0 0;}
ul#navMobile a#newsletter{background:transparent url("../images/newsletter.png") no-repeat 0 0;}
 ul#navMobile a#connexion{color:#fff;font-weight:bold;line-height:30px} 


/**blocs formulaire d'inscription*
formulaite de recherche pour la version mobile)****/

#block-webform-client-block-478 {
display:none;}
form#webform-client-form-478 label,
#block-webform-client-block-478 form#webform-client-form-478--2 label,
#block-webform-client-block-478  form#webform-component-your-email label
{display:none}

#block-webform-client-block-478 {
/**position:absolute;top:50px;left:0;*/width:100%;
    -moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
  background:#eee;;padding:10px;margin:0}



/**bouton ok formulaire recherche et formulaire inscription***/

#block-webform-client-block-478 input.webform-submit ,
#block-webform-client-block-478 input#edit-submit--2,
#block-webform-client-block-478  input#edit-submit--3,
#block-webform-client-block-478 input#edit-submit,
#block-search-form input#edit-submit,
#block-search-form input#edit-submit--2,
#block-search-form #edit-actions--3 input#edit-submit--3,
#block-search-form #edit-submit--4{
    background: rgb(0, 0, 0) url("../images/OK2.png") no-repeat scroll 1px 5px ;
    border-radius: 0;
    border-width: 0;
    cursor: pointer;
    display: inline-block;
    height: 30px;    width: 31px; 
padding: 0;margin-left:-5px;
    text-indent: -5000px;

}


form#webform-client-form-478  .form-item,
form#webform-client-form-478  .form-actions{
    margin-bottom: 0;display:inline;
    margin-top: 0;}


/******bloc de recherche***************************/

#block-search-form {
display:none;/*float:none;clear:both;*/}

#block-search-form {
/*position:absolute;top:0px;left:0;*/
  width:100%;z-index:100;
    -moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;
  background:#eee;padding:10px;margin:0}




/*#block-search-form  #edit-actions {
  width:34px;height:34px;position:absolute;top:13px;right:15px}*/


#block-webform-client-block-478 #edit-submitted-your-email,
#block-search-form #edit-search-block-form--2 {
 margin-left: 5px;  padding:0;
  border-top: 1px solid rgb(0, 0, 0); 
  border-bottom: 1px solid rgb(0, 0, 0);
    border-left: 1px solid rgb(0, 0, 0);
  border-right:0 solid rgb(0, 0, 0);
    margin-top: 0px;background:transparent; color: #808080; 
  width:80%;
  border-radius:0px;
height: 30px;  display:inline-block;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/***bloc reseaux sociaux********/

#block-menu-menu-flux-reseaux{
float:RIGHT; margin:0 ;padding:0;HEIGHT:42px;margin-right:0}


#block-menu-menu-flux-reseaux ul.menu li{
    float: left;list-style-image: none !important;list-style-type: none !important;
  margin:5px 0 0 8px;padding:0;}



#block-menu-menu-flux-reseaux ul.menu li a {
   height:30px ;width:30px ;margin:0 ;padding:0;  color: #FFFFFF;display: block;
text-decoration: none;text-indent:-5000PX;}


#block-menu-menu-flux-reseaux ul.menu li a {
  /*  background: url("../images/icone_mobile_rss.png") no-repeat scroll 0 0 #000;**/ }

#block-menu-menu-flux-reseaux ul.menu  li.first a {
    background: url("../images/icone_mobile_facebook.png") no-repeat scroll 0 0 #000;}

#block-menu-menu-flux-reseaux  ul.menu li.last a {
     background: url("../images/icone_mobile_twitter") no-repeat scroll 0 0 #000;
}
  
 

#block-menu-menu-flux-reseaux ul.menu li a:hover
{border:1px solid #fff;}

/****************************FIN**BARRE OUTILS***********************



**************************ZONE DE MENU*****************************************************************************
ul#main-menu li:after{content:""; background:transparent url("../images/fleche_haut_menu.png") no-repeat scroll 0 0;
  height:32px;width:16px;font-size:0;padding:0;margin:0;display:inline-block;vertical-align:middle}*****************/

nav.navigation{display:none}

ul#main-menu {width:100%;margin-bottom:0;}

ul#main-menu li{display:inline-block;height:auto; width:100%;
  padding:0;margin-right:0;height:32px;border-width:0}

ul#main-menu li a
{margin:0;text-decoration:none;color:#fff ;display:block;
  /*min-height:32px;line-height:32px;*/
  font-size:1.2em;padding:0 10px;}

/***pas d'accueil en mobile***/
ul#main-menu li.menu-359
{/*display:none*/background-color:#666}


/******etat hover des rubriques****/

ul#main-menu li a {
text-align:center;  /*text-transform: uppercase;*/
-webkit-box-sizing:border-box;position:relative;
  -moz-box-sizing: border-box;border:0px solid #333;
  box-sizing: border-box;line-height:32px;min-height:32px;
  display:block; font-size: 10px; padding:0;margin:0;
}




/********/

ul#main-menu li.menu-557 {
  background:#C82C7C }
ul#main-menu li.menu-558 {background:#e89439 }
ul#main-menu li.menu-559 {background:#8CAF2E }
ul#main-menu li.menu-560 {background:#27a5ad }
ul#main-menu li.menu-817 {background:rgb(80, 28, 89)}




ul#main-menu li.menu-557 a:hover,
ul#main-menu li.menu-558 a:hover,
ul#main-menu li.menu-559 a:hover,
ul#main-menu li.menu-560 a:hover,
ul#main-menu li.menu-561 a:hover
{background-color:#fff;
    /**text-transform:uppercase**/}

ul#main-menu li.menu-557.active-trail a,

ul#main-menu li.menu-557.active a,
ul#main-menu li.menu-557 a:hover{color:#C82C7C !important;background-color:#fff;
  border-top:1px solid #C82C7C;  border-bottom:1px solid #C82C7C}
ul#main-menu li.menu-558.active a,
ul#main-menu li.menu-558 a:hover{color:#e89439 !important;background-color:#fff;
  border-top:1px solid #e89439;  border-bottom:1px solid #e89439}

ul#main-menu li.menu-559.active a,
ul#main-menu li.menu-559 a:hover{color:#8CAF2E !important;background-color:#fff;
  border-top:1px solid #8CAF2E;  border-bottom:1px solid #8CAF2E}

ul#main-menu li.menu-560.active a,
ul#main-menu li.menu-560 a:hover {color:#27a5ad !important;background-color:#fff;
  border-top:1px solid #27a5ad;  border-bottom:1px solid #27a5ad}

ul#main-menu li.menu-817.active a,
ul#main-menu li.menu-817 a:hover {color:#501C59 !important;background-color:#fff;
  border-top:1px solid #501C59;border-bottom:1px solid #501C59;}


/*****bouton fin espace ****/
ul#main-menu li.menu-561 a{
background: #FFEF55 url("../images/bg-stripe.gif") repeat scroll 0 0; 
display:block
}

ul#main-menu li.menu-561 a:link,
ul#main-menu li.menu-561 a:visited{color:#666 !important;}

ul#main-menu li.menu-561 a:hover{color:#000 !important;background-color:#fff;background-image:none }



/*****************************ZONE DE BRANDING**************************/
/***logo UL *******/

#block-block-1{
display:none;}
/***logo FACTUEL *******/
#block-delta-blocks-logo{float:none;height:125px;text-align:center;
background:#fff;margin-top:10px}

.logo-img{float:none;margin:0px auto 0 auto;width:300px}
.logo-img img{max-width:100%}
.branding-data:after
{clear: none;display:none}
.branding-data{margin-left:5px}

/***slogan *******/
.site-name-slogan{margin-left:5px;margin-bottom:10px}

h6.site-slogan{background:transparent url("../images/home.png") no-repeat 0 0px;padding-left:30px;min-height:30px}


h6.site-slogan a{color:#666;text-decoration:none;display:inline-block;margin-top:5px;font-size:26px;}

/***bloc de recherche*******/

 
/*****************************ZONE HEADER**************************/


/**se connecter ?????????????**/
#region-sidebar-second.grid-3{position:static;}
#block-system-navigation
{position:absolute;}

.not-logged-in #block-system-navigation{display:none}











/***************bloc de connection******/

.page-taxonomy #block-system-navigation{margin-bottom:20px}

#block-system-navigation
{display:none;position:absolute;left:0px;top:90px ;width:100%;z-index:200;
margin-right:0;background-color:#e4e4e4;color:#333;
}

#block-system-navigation div.content{font-size:14px;/*padding:.7em;*/color:#333;}

/****titre******/
#block-system-navigation  #h2{background:#5c5c5c ;padding:.5em 75px .5em 1em;
  border-top-left-radius: 5px; border-top-right-radius: 5px;}



 #block-system-navigation #h2 h2{color:#ffef55;font-size:1.2em;background:transparent}
#block-system-navigation #h2 h2 SPAN{color:#FFF;}


#block-system-navigation a:link,
#block-system-navigation a:visited
{text-decoration:none;color:#666}

#block-system-navigation a:hover
{/*text-decoration:underline**/}



#block-system-navigation ul.menu{
margin:0;padding:0
}

#block-system-navigation  ul ul{/*margin-left:2em;*/font-size:90%;
  border-bottom:0px solid #666;border-top:0px solid #666;}

.front #block-system-navigation  ul ul{padding-top:0}

#block-system-navigation ul.menu >li{
  background-color: #F9F9F9;
  list-style:none outside none;
  margin:0;font-weight:bold;
 border-top-left-radius: 5px; border-top-right-radius: 5px;
border-top: 1px solid #E8E8E8;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
display: block;
    padding:0;
}

#block-system-navigation ul.menu ul li
{/*margin-bottom:.1em;*/border-bottom:0px solid #333;font-weight:normal}

.front #block-system-navigation ul.menu ul li
{margin-bottom:0}


#block-system-navigation ul.menu span
{display:inline-block;vertical-align:top}



#block-system-navigation ul.menu li a{
display:block;padding:8px 12px;margin:0 ;line-height:16px;
background: transparent url("../images/fleches.png") no-repeat  right 0px}

#block-system-navigation ul.menu li li a{
padding:4px 12px 4px 20px;color:#777;
  background: transparent url("../images/fleches.png") no-repeat  right -4px}

#block-system-navigation ul.menu li a:hover{
text-decoration:none;
background:#fff  url("../images/fleches.png") no-repeat scroll right -32px ;
}

#block-system-navigation ul.menu li li a:hover{

background: transparent url("../images/fleches.png") no-repeat  right -36px}

/***************bloc vous etes connecté******/

#block-views-user-connected-block{position:absolute;z-index:500;left:0px;top:42px;width:100%;z-index:100;
  padding:5px; border-top-left-radius: 5px;border-top-right-radius: 5px;  cursor:pointer;
background:#5C5C5C;color:#333;padding: 0.5em 1em ;-moz-box-sizing: border-box;box-sizing: border-box;}


#block-views-user-connected-block #h2 h2{color:#FFF;font-size:1.2em;background:transparent}
#block-views-user-connected-block span.block-title{color:#ffef55;}


/*****************************************CARROUSSEL*********************************************/
#block-views-carousel-tel-block-3{
margin-bottom:30px
}
.jcarousel-skin-default .jcarousel-container-horizontal {
 /****height: 102px;
    margin: auto;**/
    padding: 0;height:200px;
    width: 100%;
}

.jcarousel-skin-default .jcarousel-clip-horizontal {
   /**  overflow: hidden;**/
    width: 100%;
}
.jcarousel-skin-default .jcarousel-item {

    height: 170px;
  

}
.jcarousel-skin-default .jcarousel-clip-horizontal li img{

    max-width: 100%;
  height:auto !important
}



.jcarousel-skin-default .jcarousel-prev-horizontal ,
.jcarousel-skin-default .jcarousel-next-horizontal{
DISPLAY:NONE
}



.jcarousel-skin-default .jcarousel-navigation {
    margin-bottom: 20px;
    padding: 5px 0;height:20px;
  position:static;display:block;background:#eee
}







.jcarousel-skin-default li.jcarousel-item {
BORDER:0 px solid #333}


#region-content .jcarousel-skin-default .jcarousel-navigation li {
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
  border-radius:50%;border:1px solid #000;
    display: inline-block;width:20px;height:20px;margin:0 0 2px 0
  /*  margin: 0 2px 0 0;
    padding: 0;*/
}




#region-content  .jcarousel-skin-default .jcarousel-navigation li:hover {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;}


#region-content  .jcarousel-skin-default .jcarousel-navigation li.active {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;}



#region-content  .jcarousel-skin-default .jcarousel-navigation li  a:link,
.jcarousel-skin-default .jcarousel-navigation li a:visited {

    color: rgb(0, 0, 0);  text-decoration: none;font-size:12px
}



#region-content  .jcarousel-skin-default .jcarousel-navigation li.active a:link,
#region-content  .jcarousel-skin-default .jcarousel-navigation li:hover a:link,
#region-content  .jcarousel-skin-default .jcarousel-navigation li.active a:visited{
       color: rgb(255, 255, 255);
}







/*****************************ZONE PREFACE PAGE D'acceuil*************************/
.front #region-preface-second{
  margin-left:30px;margin-right:30px;width:540px}

div.ddblock-cycle-upright60p div.spacer-horizontal {height:0;}


/**bloc agenda bientot*******/


 section[id^="block-views-agenda-block"] h3 {background-color: #ccc;color:#c5c5c5c;/*display:inline-block;*/min-width:6em;
  font-size:13px;padding:.1em .5em;/**border-radius:10px;float:left;width:3em;**/}
section[id^="block-views-agenda-block"] .views-row:nth-child(2n){background:#eee;}
section[id^="block-views-agenda-block"] .views-row{margin-bottom:.5em}


 section[id^="block-views-agenda-block"] .views-field-title
{display:inline}


 section[id^="block-views-agenda-block"]  .views-field-field-date
{display:inline-block;background-color:black;color:white;padding:0 .5em;
margin-top:.5em;margin-right:.25em}


 section[id^="block-views-agenda-block"] .view-content a:link,
 section[id^="block-views-agenda-block"] .view-content  a:visited
{text-decoration:none;color:#666;display:block}
 section[id^="block-views-agenda-block"] .view-content  a:hover
{text-decoration:underline}




 section[id^="block-views-agenda-block"]   .rubrique-1   .views-field-field-date
{background:#C82C7C;/*******1institution rose**/}

 section[id^="block-views-agenda-block"]   .rubrique-2   .views-field-field-date
{background:#E89439;/****2 formation orange**/}
 section[id^="block-views-agenda-block"]   .rubrique-3  .views-field-field-date
{background:#8CAF2E;/*******3 recherche vert***/}


 section[id^="block-views-agenda-block"]   .rubrique-4   .views-field-field-date
{background:#27A5AD ;/*******4 campus bleu**}***/}


 section[id^="block-views-agenda-block"]   .rubrique-5   .views-field-field-date,
 section[id^="block-views-agenda-block"]   .rubrique-6   .views-field-field-date
{background:#27A5AD ;/*******4 campus bleu**}***/}


 section[id^="block-views-agenda-block"]  .rubrique-1178  .views-field-field-date
{  background: #501B59/***autour violet****/}

section[id^="block-views-agenda-block"]  .rubrique-5  .views-field-field-date,
section[id^="block-views-agenda-block"]  .rubrique-6  .views-field-field-date
{  background: rgba(255, 255, 255, 0.9) url("../images/bg-diag.png") repeat scroll 0 0;color:black}

/******************************************save the date**************************************************************************************/

section[id^="block-views-agenda-block"] .savethedate .views-field-title {
    display: flow-root;
}

section[id^="block-views-agenda-block"] .savethedate .view-content {
    margin-bottom: 10px;
}

section[id^="block-views-agenda-block"] .views-row:nth-child(2n){
	background:none;
}


section[id^="block-views-agenda-block"] .savethedate .savethedatedate{
	/*float:left;*/
	margin-left: 20px;
	margin-top: 20px;
	position: relative;
	margin-right: 5px;
}

section[id^="block-views-agenda-block"] .savethedate .savethedatedate img{
	float:left;
	margin-right: 10px;
}

section[id^="block-views-agenda-block"] .savethedate .savethedatedate p{
	position: absolute;
	top: -10px;
	left: -10px;
	color: white;
	padding: 0 .5em;
	margin-top: .5em;
	margin-right: .25em;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
	background: #CCC;
}
section[id^="block-views-agenda-block"] .savethedate .savethedatetitre p{
	padding-top:20px;
	margin-left: 20px;
	font-weight:bold;
	display: flex;

}
section[id^="block-views-agenda-block"] .savethedate .savethedatetitre a{
	text-decoration: none;
	color: #666;
}
section[id^="block-views-agenda-block"] .savethedate .savethedatetitre a:hover{
	text-decoration: underline;
}

section[id^="block-views-agenda-block"] .savethedate .savethedatedate p.rubrique-1 {
	background:#C82C7C;/*******1institution rose**/
}
section[id^="block-views-agenda-block"] .savethedate .savethedatedate p.rubrique-2{
	background:#E89439;/****2 formation orange**/
}
section[id^="block-views-agenda-block"] .savethedate .savethedatedate p.rubrique-3{
	background:#8CAF2E;/*******3 recherche vert***/
}
section[id^="block-views-agenda-block"] .savethedate .savethedatedate p.rubrique-4{
	background:#27A5AD ;/*******4 campus bleu**}***/
}
section[id^="block-views-agenda-block"] .savethedate .savethedatedate p.rubrique-1178{
	background:#501B59 ;/*******4 autour de nous bleu**}***/
}
section[id^="block-views-agenda-block"] .savethedate .savethedatedate p.rubrique-6 {
	background:#666666 ;/*******4 campus bleu**}***/
}

/******************************************side bar droite***************************************************************************************/


/**bloc des breves  #block-views-breves-block ainsi que celui des archives******/

 #block-views-breves-block .view-content ,
#block-views-breves-block-2 .view-content
{margin-top:-10px}




#block-aggregator-category-1  ul li a:link,

#block-aggregator-category-1  ul li a:visited,

 #block-views-breves-block .view-content ul li a:link,
#block-views-breves-block .view-content ul li a:visited,
 #block-views-breves-block-2 .view-content ul li a:link,
#block-views-breves-block-2 .view-content ul li a:visited,
#block-aggregator-feed-2  ul li a:visited,
#block-aggregator-feed-2  ul li a:link,
#block-aggregator-feed-3 ul li a:visited,
#block-aggregator-feed-3  ul li a:link,
#block-aggregator-feed-4 ul li a:visited,
#block-aggregator-feed-4  ul li a:link,
#block-aggregator-feed-5 ul li a:visited,
#block-aggregator-feed-5  ul li a:link
{text-decoration:none;color:#666;font-weight:500;line-height:120%;
  font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;/*display:block*/}
 #block-views-breves-block .view-content ul li a:hover,
 #block-views-breves-block-2 .view-content ul li a:hover,
#block-aggregator-category-1  ul li a:hover
{text-decoration:underline}


#block-aggregator-category-1  ul,
#block-views-breves-block-2 .view-content ul,
#block-views-breves-block .view-content ul,
#block-aggregator-feed-2 ul,
#block-aggregator-feed-3 ul,
#block-aggregator-feed-4 ul,
#block-aggregator-feed-5 ul
{margin-left:40px;margin-bottom:0;padding-bottom:0}

#block-aggregator-feed-4 ul
{margin-top:20px;}
#block-aggregator-category-1  ul li,
#block-views-breves-block .view-content ul  li,
#block-views-breves-block-2 .view-content ul  li,
#block-aggregator-feed-2 ul li,
#block-aggregator-feed-3 ul li,
#block-aggregator-feed-4 ul li,
#block-aggregator-feed-5 ul li
{ list-style-position:outside;margin:0 0 0.5em 0}


#block-views-breves-block  .views-field-title,
#block-views-breves-block-2  .views-field-title
{ display:inline}
 
#block-views-breves-block .view-content ul li.rubrique-1,
#block-views-breves-block-2 .view-content ul li.rubrique-1
{list-style-image :url("../images/icon_institution.png");}

#block-views-breves-block .view-content ul li.rubrique-2,
#block-views-breves-block-2 .view-content ul li.rubrique-2
{list-style-image :url("../images/icon_formation.png");}


#block-views-breves-block .view-content ul li.rubrique-3,
#block-views-breves-block-2 .view-content ul li.rubrique-3
{list-style-image :url("../images/icon_recherche.png");}


#block-views-breves-block .view-content ul li.rubrique-4,
#block-views-breves-block-2 .view-content ul li.rubrique-4
{list-style-image :url("../images/icon_campus.png");}


#block-views-breves-block .view-content ul li.rubrique-1178,
#block-views-breves-block-2 .view-content ul li.rubrique-1178
{list-style-image :url("../images/icon_autour.png");}

#block-aggregator-category-1  ul li,
#block-views-breves-block-2 .view-content ul li.rubrique-5,
#block-views-breves-block .view-content ul li.rubrique-5,
#block-views-breves-block .view-content ul li.rubrique-6,
#block-views-breves-block-2 .view-content ul li.rubrique-6,
#block-aggregator-feed-2 .content ul li ,
#block-aggregator-feed-3 .content ul li,
#block-aggregator-feed-4 .content ul li
{list-style-image :url("../images/icon_personnel.png");}

#block-aggregator-feed-5 .content ul li
{list-style-image :url("../images/icon_tcf.png");}


 #block-views-breves-block .view-footer
{background:#5c5c5c;padding-right:2px;border-radius:0 15px 0 0}
 #block-views-breves-block .view-footer p
{text-align:right;margin-bottom:0;min-height:24px;padding:5px;
  /*background:transparent  url("../images/btn_archives.png")no-repeat right 4px**/}

 #block-views-breves-block .view-footer img
{ vertical-align:top}
 #block-views-breves-block .view-footer a:link,
 #block-views-breves-block .view-footer a:visited
{color:#fff;text-decoration:none;font-weight:bold;font-size:15px}




/****vue des breves ******/
.view-breves li.views-row a:link,
.view-breves li.views-row a:visited
{text-decoration:none;color:#666;font-weight:500;line-height:80%;font-size:12px;letter-spacing:-0.02em}

.view-breves li.views-row a:hover
{text-decoration:underline}


/**.view-breves li.views-row a:before
{content:"";display:inline-block;width:1em;height:1em;margin-right:.5em;background:#666;}

.view-breves li.views-row a.rubrique-1:before
{background:#C82C7C;/*******1institution rose**}

.view-breves li.views-row  a.rubrique-2:before
{background:#E89439;******2 formation orange***}

.view-breves li.views-row  a.rubrique-3:before
{background:#8CAF2E;*****3 recherche vert***}

.view-breves li.views-row  a.rubrique-4:before
{background:#27A5AD ;/*******4 campus bleu****}****/




/***bloc ent***/


#block-aggregator-feed-2  .more-link,
#block-aggregator-feed-4 .more-link,
#block-aggregator-feed-5 .more-link,
#block-aggregator-category-1   .more-link{
    margin-bottom: 0;
    min-height: 24px;text-align: right;
  background: none repeat scroll 0 0 #5C5C5C;
    border-radius: 0 15px 0 0;padding: 5px;}
#block-aggregator-feed-2  .more-link a,
#block-aggregator-feed-4  .more-link a,
#block-aggregator-feed-5  .more-link a,
#block-aggregator-category-1   .more-link a{
   color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;display:inline-block;
    text-decoration: none;padding-right:30px;min-height:24px;line-height:24px;
  background:transparent  url("../images/btn_plus.png")no-repeat right 0}

/**bloc des reseaux sociaux******/



#block-block-4{}
.uiBoxLightblue {
    background-color: #eee !important;
}



/**bloc ces articles peuvent vous interesser******/

 #block-views-similarterms-block .view-content  .views-row   a:link,
#block-views-similarterms-block  .view-content .views-row  a:visited
{text-decoration:none;color:#666;font-weight:500;display:block;line-height:120%;font-size:12px;letter-spacing:0em;margin-top:.5em}
 #block-views-similarterms-block .views-row  a:hover
{text-decoration:underline}


 #block-views-similarterms-block
{margin-top:2em;border:1px solid #bbb;padding:.5em;border-radius:10px}

 #block-views-similarterms-block .view-content .views-row
{margin-left:2em}

 #block-views-similarterms-block .view-content .views-row  a span:before
{content:"";display:inline-block;width:.75em;height:.75em;margin-right:.5em;background:#666;}

 #block-views-similarterms-block  .view-content .views-row   a span.rub-1178:before
{background:#511B5B ;/*******4 autour de nous violet****/}

 #block-views-similarterms-block  .view-content  a span.rub-1:before
{background:#C82C7C;/*******1institution rose***/}
 #block-views-similarterms-block   .view-content a span.rub-2:before
{background:#E89439;/*******2 formation orange****/}
 #block-views-similarterms-block   .view-content  a span.rub-3:before
{background:#8CAF2E;/*******3 recherche vert****/}

 #block-views-similarterms-block  .view-content  a span.rub-4:before
{background:#27A5AD ;/*******4 campus bleu****/}





/********************bloc agenda bientot et archives footer******************************/




#zone-content .view-articles-breves  .view-footer p a,
#zone-content section[id^="block-views-agenda-block"] .view-footer p a
{float:right;margin-bottom:0;line-height:110%;display:inline-block;
  cursor:pointer;
padding:5px 65px 5px 5px;
background:transparent  url("../images/trois-ronds.png") no-repeat right 50%;
  background-size:60px auto;
}

#zone-content  section[id^="block-views-agenda-block"] .view-footer a.archives:hover,
#zone-content   #block-views-articles-breves-block-1 .view-footer a:hover
{/**color:#cccc00;**/

}
#zone-content section[id^="block-views-agenda-block"] .view-footer p:hover,
#zone-content  #block-views-articles-breves-block-1 .view-footer p:hover
{opacity:.5
/*background-image: url("../images/trois-ronds-g.png")*/
}


#zone-content .view-articles-breves .view-footer a:link,

#zone-content .view-articles-breves .view-footer a:visited,
#zone-content .view-articles-breves  .view-footer a:link,
#zone-content .view-articles-breves  .view-footer a:visited,
#zone-content section[id^="block-views-agenda-block"] .view-footer a:link,
#zone-content section[id^="block-views-agenda-block"] .view-footer a:visited
{color:#000;text-decoration:none;font-weight:bold;font-size:13px;text-transform:uppercase}





/**********************carroussel agenda Aujourd'hui*****************************************************/
/**********************carroussel agenda Aujourd'hui*****************************************************/

.jcarousel-skin-default .jcarousel-container-horizontal {
height:auto;width:100%;overflow:hidden}
.jcarousel-container li.jcarousel-item a
{text-decoration:none;display:block;}
.jcarousel-container li.jcarousel-item a:hover .field-image img
{/*opacity:.5;*/
  -ms-transform: scale(1.2);   transition:transform 1s ease;
   -webkit-transition: transform 1s ease;
     -moz-transition: transform 1s ease;
       -o-transition: transform 1s ease; /* IE 9 */
    -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
    transform:scale(1.2);}
.jcarousel-container li.jcarousel-item a:hover .texteTitre
{background:#333}

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-skin-default .jcarousel-container-horizontal {
margin:0 auto;padding: 20px 20px;border: 1px dotted #CCCCCC;min-height: 270px; width:195px}


#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-skin-default .jcarousel-clip-horizontal {
background:transparent; width:195px }


#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-skin-default .jcarousel-item {
 border: 0px solid #CCCCCC;margin-left:10px;background: none repeat scroll 0 0 #eee;overflow:visible;min-height: 250px;width:195px !important}


#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-skin-default .jcarousel-item .views-field-field-date {
 background:#666;color:#fff;font-size:13px;text-align:left;font-weight:bold}

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-skin-default .jcarousel-item .views-field-field-image-1
{margin:0;padding:0;max-width:100%}


#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-skin-default .jcarousel-item .views-field-field-date .rub-3  {
background:#8CAF2E;/**vert***/}

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-skin-default .jcarousel-item .views-field-field-date .rub-1  {
background:#C82C7C;/**rose**/}

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-skin-default .jcarousel-item .views-field-field-date .rub-2  {
background:#E89439;/**orange**/}

#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-skin-default .jcarousel-item .views-field-field-date .rub-4  {
background:#27A5AD;/***bleu***/;}

#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-skin-default .jcarousel-item .views-field-field-date div  {
margin:0;padding:0 5px;}


#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-skin-default .jcarousel-item  .views-field-title{margin:.5em .2em;padding:0;overflow:visible}

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-skin-default .jcarousel-item  a {
text-decoration:none !important;border:0 solid #ccc;}



#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-skin-default .jcarousel-item:hover {
background:#666;color:#fff}


#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-skin-default .jcarousel-item:hover .views-field-title{
color:#fff}



#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-skin-default .jcarousel-item  a .views-field-title{
  font-size: 12px;color:#666;text-align:left;margin:0;font-weight:normal;
  display:block;padding:.4em .5em .5em .5em;height: auto;text-decoration:none !important;border:0 solid #ccc;line-height:normal;
  background-color:transparent;letter-spacing:-.05em;}



#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-skin-default .jcarousel-prev-horizontal {left: 5px;    top: 100px;}
#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-skin-default .jcarousel-next-horizontal{ right:5px;top: 100px;}

#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-prev-horizontal,
#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-next-horizontal{
height: 18px;width: 10px;}

#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-prev-horizontal {
 background:  url('../images/ico_24.png') no-repeat  -50px -40px ;}

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-prev-horizontal:hover{
background: url('../images/ico_24.png') no-repeat 0 -40px }


#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-next-horizontal{ background: url('../images/ico_24.png') no-repeat -50px -60px;  
 /*background-image: url("arrow/right.png");*/ }

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-next-horizontal:hover{ background: url('../images/ico_24.png') no-repeat 0 -60px;}

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-next-horizontal[style="display: none;"]:hover
{ background-image:none;cursor:none  /*background-image: url("arrow/right.png");*/}


#region-content #block-views-caeaf148090b0fd4f6b0233453943701   .jcarousel-navigation  {margin:5px auto}
#region-content #block-views-caeaf148090b0fd4f6b0233453943701   .jcarousel-navigation li { display:inline-block;margin-right:5px}

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-navigation  li a:link,
#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-navigation li a:visited{color:#666;text-decoration:none;}

#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-navigation  li a:hover{color:#FFEF55;}

#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-navigation  li.active { background:#5c5c5c;width:20px;height:20px; border-radius:12px}

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-navigation li.active a:link,

#block-views-caeaf148090b0fd4f6b0233453943701 .jcarousel-navigation  li.active a:visited{color:#fff;}

#block-views-caeaf148090b0fd4f6b0233453943701  .jcarousel-navigation li.active a:hover{color:#FFEF55;}







#zone-content #block-views-articles-block .view-footer
{background:#5c5c5c;padding-right:2px;border-radius:0 15px 0 0}
#zone-content #block-views-articles-block .view-footer p
{text-align:right;margin-bottom:0;min-height:24px;padding:5px;
  /*background:transparent  url("../images/btn_archives.png")no-repeat right 0px**/}

#zone-content #block-views-articles-block .view-footer a:link,
#zone-content #block-views-articles-block .view-footer a:visited
{color:#fff;text-decoration:none;font-weight:bold;font-size:15px}




 /****************blox expos&é à masquer**************/
#block-views-breves-block-2 .view-filters{display:none}

.view-display-id-page_1   .view-header
{/*top:0; position: relative;*/}

.view-display-id-page_1
{/*padding-bottom:120px;*/}



.page-archives #zone-content .view-display-id-page_1   .view-header .date-nav-wrapper{
min-height:60px;/**margin-top:-30px***//*position:absolute;top:35px**/}


.view-display-id-page_1 .views-row:first-child:after{/*clear:none**/}

.view-display-id-page_1 .views-row:first-child  .views-field-title{margin-top:10px}


.view-display-id-page_1 .view-content:after{   clear: both;
    content: ".";display: block;height: 0;overflow: hidden;}

.view-display-id-page_1   .view-content,
.view-display-id-page_1   .view-empty,
.view-display-id-page_1   .date-nav-wrapper
{/*top:110px; position: relative;*/}
.view-display-id-page_1   .date-nav-wrapper
{/*top:120px;*/}
.view-display-id-page_1   .view-empty
{/*min-height:125px**/}



/*****bloc de filtre sur les pages d'archives***/
#block-views-exp-articles-page-1 ,
#block-views-exp-events-page-1{
padding:0 0 0 10px;margin:0;z-index:10}

#block-views-exp-articles-page-1 .content,
#block-views-exp-events-page-1 .content{
border:1px dotted #666;border-radius:5px;padding:10px;background:#fff}

#block-views-exp-articles-page-1  .block-inner {
padding-top:0/**position:absolute;top:0;right:0;***/}


#block-views-exp-articles-page-1 .views-exposed-form,
#block-views-exp-events-page-1 .views-exposed-form{ border-top:2px solid #000;/*border-bottom:2px solid #FFEF55;**/}


#block-views-exp-events-page-1  #edit-term-node-tid-depth-wrapper  label,
#block-views-exp-articles-page-1  #edit-term-node-tid-depth-wrapper  label{
    color: #333333;display: inline-block;
    font-size: 14px;
    height: 14px;line-height: 110%;margin-bottom: 0;
    padding: 5px 0.5em 5px 0;position: relative;
}
#block-views-exp-articles-page-1  option:checked[selected="selected"],
#block-views-exp-events-page-1 option:checked[selected="selected"] {
    background-color:#666 !important;color: #fff !important;}


#block-views-exp-events-page-1  option,
#block-views-exp-articles-page-1  option {font-size:11px;color: #666 !important;}


#block-views-exp-events-page-1  .views-exposed-widgets,
#block-views-exp-articles-page-1 .views-exposed-widgets{position:relative;width:100%;height:100px;overflow:visible}




/**boutons ok pour les formulaires exposés***/

#block-views-exp-events-page-1 input#edit-submit-events,
#block-views-exp-articles-page-1 input#edit-submit-articles {
      background: rgb(0, 0, 0) url("../images/OK2.png") no-repeat scroll 1px 5px ;
    border-radius: 0;
    border-width: 0;
    cursor: pointer;
    display: inline-block;
    height: 30px;    width: 31px;
padding: 0;margin:0;
    text-indent: -5000px;

   /* background: #5C5C5C;
    color: #FFFFFF;
    display: inline-block;float: none;
    margin: 0;text-shadow: 0 0 #FFFFFF;
    border-radius: 11px 11px 11px 11px;
    cursor: pointer;float: left;
    font: bold 12px/1.2 Arial,sans-serif; outline: 0 none;
    overflow: visible;padding: 4px 10px 3px;
    text-decoration: none; text-transform: lowercase;vertical-align: middle; width: auto;***/}


#block-views-exp-events-page-1 input#edit-submit-events:hover,
#block-views-exp-articles-page-1 input#edit-submit-articles:hover {
 color: #FFEF55;
}


 /****************page de taxonomie : mis en place du pager****************/
.view-taxonomy-term .item-list ul.pager {

display:block;
    border-radius:  0;border-width: 0;
    display: block;
    padding: 0;position:relative;
    top: 0;width: 100%;}

.view-taxonomy-term  .item-list ul.pager li,
.view-taxonomy-term  .item-list ul.pager li a{
margin: 0;padding:0px;height: 35px;display:block;line-height:35px;position:static;
  width:100%;float:none;text-align:center}
.view-taxonomy-term  .item-list ul.pager li,
.view-taxonomy-term  .item-list ul.pager li a{
 background:#DEDEDE; color:#000}

.view-taxonomy-term  .item-list ul.pager li {
border-bottom:1px solid #333; }



.view-taxonomy-term  .item-list ul.pager li a:hover{
 background:#000; color:#fff}



.view-taxonomy-term  ul.pager li.pager-item a:before,
.view-taxonomy-term ul.pager li.pager-current:before{
display:inline;content:"page ";margin-right:1em}
#region-content  .view-taxonomy-term li.pager-current{
    background: #000;color:#fff;/*padding:4px 10px;*/
border-radius:0;}
 
/******pager suivant, last, etc****/
.view-taxonomy-term   .pager li/**,
.view-taxonomy-term   .pager li.pager-next ,
.view-taxonomy-term  .pager li.pager-first ,
.view-taxonomy-term  .pager li.pager-previous ,
.view-taxonomy-term .pager li.pager-last **/ {
    position: static;   border-left: 0px solid rgb(187, 187, 187);
  border-right:0 solid rgb(187, 187, 187)
   
}

.view-taxonomy-term  .pager li.pager-first a,
.view-taxonomy-term  .pager li.pager-previous a,
.view-taxonomy-term .pager li.pager-next a,
.view-taxonomy-term .pager li.pager-last a {
    padding: 4px 10px;background:rgb(180,180,180);border-radius:0;
    text-align: center;width: auto;color:#000; ;}

.view-taxonomy-term .pager li a:hover
{background:#000;
  color:#fff;}

 /***********page de recherche******************/
.page-search #search-form
{border:1px solid #bbb;border-radius:10px;padding:.5em .5em 0 .5em}
.page-search  h2
{font-size:20px;color:#55c5c}
.page-search  .search-results p {
    margin-bottom: 0;
}
.page-search  .search-results p.search-info {
    margin-bottom:.5em;color:#777
}
.page-search  h1#page-title {
   /* background: url("../images/rond_yellow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333333;
    font-size: 25px;    text-transform: uppercase;
    margin-bottom: .5em;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-top: 14px;margin-top:0;**/
}
.page-search  ol.search-results{
    margin-left:1em
}

.page-search .item-list ul.pager {
 background:transparent  -moz-linear-gradient(center top , #FFFFFF 0%, #DDDDDD 100%) repeat scroll 0 0 ;
    border-radius: 5px 5px 0 0;
    border-width: 0;
    display: block;
    height: auto;
    padding: 0;
    position:relative;
    top: 0;
    width: 100%;
}

.page-search ol.search-results li h3 a:before {
    background: none repeat scroll 0 0 #666666;
    content: "";
    display: inline-block;
    height: 0.75em;
    margin-right: 0.5em;
    width: 0.75em;
}

.page-search  #region-content ul li,
.page-search   #region-content ol li {
margin: 0;
  padding:0px 4px;}


.page-search  #region-content li.pager-current{
    background:  #5C5C5C;padding:4px 5px;
  margin-left:4px;border-radius:0;
   /* height: 20px;  border-radius: 12px 12px 12px 12px;
    width: 20px;*/
}


.page-search  .pager li.pager-first a,
.page-search  .pager li.pager-previous a,
.page-search  .pager li.pager-next a,
.page-search  .pager li.pager-last a {
    padding: 4px 5px;background:transparent;
    text-align: center;
    width: auto;
}


.page-search  .pager li.pager-next {
    right: 70px; top: 0;}
.page-search  .pager li a:hover
{background:  #5C5C5C;color:#fff;}





/****supprimer l'affichage bleu au passage de l asouris****/
.alpha-grid-debug .grid-1:hover, .alpha-grid-debug .grid-2:hover, .alpha-grid-debug .grid-3:hover, 
.alpha-grid-debug .grid-4:hover, .alpha-grid-debug .grid-5:hover, .alpha-grid-debug .grid-6:hover, .alpha-grid-debug .grid-7:hover, 
.alpha-grid-debug .grid-8:hover, .alpha-grid-debug .grid-9:hover, .alpha-grid-debug .grid-10:hover, .alpha-grid-debug .grid-11:hover,
.alpha-grid-debug .grid-12:hover, .alpha-grid-debug .grid-13:hover, .alpha-grid-debug .grid-14:hover, .alpha-grid-debug .grid-15:hover,
.alpha-grid-debug .grid-16:hover, .alpha-grid-debug .grid-17:hover, .alpha-grid-debug .grid-18:hover, .alpha-grid-debug .grid-19:hover, 
.alpha-grid-debug .grid-21:hover, .alpha-grid-debug .grid-21:hover, .alpha-grid-debug .grid-22:hover, .alpha-grid-debug .grid-23:hover,
.alpha-grid-debug .grid-24:hover {
    background-color: transparent;}


/****contenus de type articles, evenement, breves ******/


/***date de publi*******/
footer.submitted{/*display:inline-block;   background-color: #FFEF55;padding:.2em .5em;}*/
  border-bottom:1px dotted #999;  border-top:1px dotted #999;margin-bottom:10px;padding:.2em .5em;font-style:italic;color:#666}
/***etiquettes en bas******/
.field-name-field-tags{/*  background-color: #FFEF55;padding:.2em .5em;}*/
  border-bottom:1px dotted #999;  border-top:1px dotted #999;margin-bottom:10px;MARGIN-TOP:10PX;padding:.2em .5em;font-style:italic;color:#666;}
.field-name-field-tags .field-item:after {content:' -';margin-right:.25em;}
.field-name-field-tags .field-item:last-child:after {content:'';display:none;}
.field-name-field-tags .field-item{display:inline-block}
.field-name-field-tags .field-items:before {content: "Mots-clés : ";}



/**titres h1*******/

h1#page-title {font-weight:normal;font-size: 18px;color:#333;line-height:110%;margin-top:10px;margin-bottom:1em;}

/*************titres h1 archives ************/
.page-archives h1#page-title ,
.page-search  h1#page-title ,
.page-taxonomy   h1#page-title,
.page-taxonomy-term-5   h1{color:#000;font-size:25px;text-transform:uppercase;
  margin-bottom: 0;border-bottom:1px solid #000;padding: 0;margin-top:1em;
/*background:transparent url("../images/rond_yellow.png") no-repeat 0 0;padding-top:14px;padding-left:20px;padding-bottom:6px;margin-bottom:0*/}

/*****************titres *h1 taxo.page-taxonomy-term-5  h1#page-title************/
/*.page-taxonomy   h1#page-title,
.page-taxonomy-term-5   h1 {
font-size:25px;text-transform:uppercase;
padding-bottom:6px;background:transparent url("../images/rond_yellow.png") no-repeat 0 0;padding-top:14px;padding-left:20px}

***/


.page-taxonomy-term-1  h1#page-title,
.page-taxonomy-term-2  h1#page-title,
.page-taxonomy-term-3  h1#page-title,
.page-taxonomy-term-4  h1#page-title,
.page-taxonomy-term-5  h1#page-title,
.page-taxonomy-term-6  h1#page-title,
.page-taxonomy-term-1178 h1#page-title
{display:none}

/**titres h1 articles *******/

.node-type-ul-breve h1#page-title:before,
.node-type-ul-article h1#page-title:before,
.node-type-ul-evenement h1#page-title:before
{display:block; font-size:14px;font-weight:normal;letter-spacing:0;margin-right:.5em;COLOR:#5c5c5c; }


/**titres h1 articles ETABLiSSEMENT*****************/
.node-type-ul-breve.institutionnelle  h1#page-title,
.node-type-ul-article.institutionnelle  h1#page-title,
.node-type-ul-evenement.institutionnelle  h1#page-title
{color:#c82c7c/****rose****/}
.node-type-ul-breve.institutionnelle  h1#page-title:before,
.node-type-ul-article.institutionnelle  h1#page-title:BEFORE,
.node-type-ul-evenement.institutionnelle  h1#page-title:before
{content:'NOTRE ETABLISSEMENT |';}
/**titres h1 articlesFORMATION****************/
.node-type-ul-breve.formation  h1#page-title,
.node-type-ul-article.formation  h1#page-title,
.node-type-ul-evenement.formation  h1#page-title   
{color:#e89439/***orange***/}
.node-type-ul-breve.formation  h1#page-title:before,
.node-type-ul-article.formation  h1#page-title:before,
.node-type-ul-evenement.formation  h1#page-title:before 
{content:'NOS FORMATIONS |';/***orange***/}

/**titres h1 articles RECHERCHE***************/
.node-type-ul-breve.recherche h1#page-title,
.node-type-ul-article.recherche h1#page-title,
.node-type-ul-evenement.recherche h1#page-title
{color:#8CAF2E;/****vert****/}

.node-type-ul-breve.recherche h1#page-title:before,
.node-type-ul-article.recherche h1#page-title:before,
.node-type-ul-evenement.recherche h1#page-title:before
{content:'NOS LABORATOIRES |';/****vert****/}


/**titres h1 articlesCAMPUS*****************/
.node-type-ul-breve.campus h1#page-title,
.node-type-ul-article.campus h1#page-title,
.node-type-ul-evenement.campus h1#page-title{color:#27a5ad/***bleu***/}

.node-type-ul-breve.campus h1#page-title:before,
.node-type-ul-article.campus h1#page-title:before,
.node-type-ul-evenement.campus  h1#page-title:before
{content:'NOS CAMPUS |';/***BLEU***/}

/**titres h1 articles AUTOUR DE NOUS**************/
.node-type-ul-breve.autour_de_nous  h1#page-title:before,
.node-type-ul-article.autour_de_nous  h1#page-title:before,
.node-type-ul-evenement.autour_de_nous   h1#page-title:before
{content:'AUTOUR DE NOUS |';/***VIOLET**/}

.node-type-ul-breve.autour_de_nous  h1#page-title,
.node-type-ul-article.autour_de_nous  h1#page-title,
.node-type-ul-evenement.autour_de_nous  h1#page-title{color:rgb(81, 27, 91);
  /***violet***/}

/**titres h1 articles COMMUNAUTE**************/
.node-type-ul-breve.communaute h1#page-title,
.node-type-ul-article.communaute h1#page-title,
.node-type-ul-evenement.communaute  h1#page-title{color:333/**personnel gris**/}

.node-type-ul-breve.communaute h1#page-title:before,
.node-type-ul-article.communaute h1#page-title:BEFORE,
.node-type-ul-evenement.communaute  h1#page-title:before{content:'ESPACE INTERNE |';/**personnel gris**/}



/***image article et evnement ****/
 .node-ul-article  .field-name-field-image,
.node-ul-evenement  .field-name-field-image{float:left;border-right:1em solid #fff; padding-bottom:5px; }
	@media screen and (max-width:600px) {
			 .node-ul-article  .field-name-field-image,
    .node-ul-evenement  .field-name-field-image {
			width: 100%;
			}
		}

.node-type-ul-article  .field-name-field-image img,
.node-type-ul-evenement  .field-name-field-image img{padding-left:5px}

.node-type-ul-article.institutionnelle .field-type-image img,
.node-type-ul-evenement.institutionnelle .field-type-image img{border-left:8px solid #c82c7c/****rose****/}


.node-type-ul-article.autour_de_nous .field-type-image img,
.node-type-ul-evenement.autour_de_nous .field-type-image img{border-left:8px solid rgb(81, 27, 91)/****violet****/}



.node-type-ul-article.formation .field-type-image img,
.node-type-ul-evenement.formation .field-type-image img{border-left:8px solid #e89439/***orange***/}

.node-type-ul-article.recherche .field-type-image img,
.node-type-ul-evenement.recherche .field-type-image img{border-left:8px solid #8CAF2E;/****vert****/}


.node-type-ul-article.campus .field-type-image img,
.node-type-ul-evenement.campus .field-type-image img{border-left:8px solid  #27a5ad/***bleu***/}

.node-type-ul-article.communaute .field-type-image img,
.node-type-ul-evenement.communaute  .field-type-image img{border-left:8px solid  #666/**personnel gris**/}




/***galerie d'images****/

.node-type-ul-evenement .field-name-field-galery,
de-type-ul-article  .field-name-field-galery {margin-bottom:20px;padding:10px;
  text-align:center;border:1px solid #999;display:block}


.field-name-field-galery .field-items{
margin:0 auto;}


.field-name-field-galery .field-items:after{
clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.field-name-field-galery .field-item{
 float: left;display:inline-block}

.node-type-ul-article .field-type-image.field-name-field-galery  img,
.node-type-ul-evenement .field-type-image.field-name-field-galery img
{border-left:0 solid #fff;padding:4px;}


/***date de l'evenement******/


.node-type-ul-evenement div.field-name-field-date{ color:#fff;font-weight: bold;}








/**titres h2 specifique : page accueil, taxonomy, archives*******/

h2{color:#333;font-size:16px;line-height:110%;padding:0;margin-bottom:0.5em}



/**titres h2*******/
#block-views-0a41ba32b3201df3c0ff46be449fb16d  #h2,
section[id^="block-views-agenda-block"]  #h2
{ background-image:none;
 /* border-bottom:2px solid #FCEF4E;margin-bottom:1.5em*/}


/**
#block-block-10 #h2,
#block-aggregator-feed-2 #h2,
#block-aggregator-feed-3 #h2,
#block-views-breves-block #h2,
#block-views-pinned-articles-block #h2,
#block-ddblock-6   #h2,
#block-views-articles-block  #h2,
#block-block-4 #h2 bloc des reseaux sociaux*,
#block-views-similarterms-block  #h2,
#block-views-carousel-aujourdhui-block  #h2,
#block-views-breves-block-2  #h2,
#block-views-caeaf148090b0fd4f6b0233453943701  #h2,
#block-aggregator-category-1 #h2,
#block-block-7 #h2,
#block-block-9   #h2,
#block-webform-client-block-478 #h2
{ background:transparent url("../images/bg_yellow.png") repeat-x 0 4px;min-height:16px;}**/

/**#block-block-10 h2,
#block-views-0a41ba32b3201df3c0ff46be449fb16d h2,
#block-aggregator-category-1 h2,
#block-aggregator-feed-2 h2,
#block-aggregator-feed-3 h2,
#block-views-breves-block h2,
#block-views-pinned-articles-block h2,
#block-ddblock-6  h2,
#block-views-events-block h2,
#block-views-articles-block h2,
#block-block-4 h2 /,
#block-views-similarterms-block h2,
#block-views-carousel-aujourdhui-block  h2,
#block-views-breves-block-2 h2,
#block-views-events-block h2,
#block-views-caeaf148090b0fd4f6b0233453943701 h2,
#block-block-7  h2,
#block-block-9  h2,
#block-webform-client-block-478 h2
{color:#333;font-size:16px;position:relative;line-height:110%;background:#fff;display:inline;
padding:0 .5em 1px 0;height:16px;margin-bottom:0}**/

#block-views-similarterms-block h2
{display:inline;}

#block-aggregator-feed-2 #h2,
#block-aggregator-feed-3 #h2,
#block-aggregator-category-1 #h2
{margin-bottom:20px}

#block-aggregator-feed-4{margin-top:-10px}
/**titres h3,h4******/

#section-content   h3{color:#5C5C5C;font-size:15px;margin-bottom:.5em}
#section-content div.view-events  h3{margin-bottom:0;margin-top:.2em}
#section-content   h4{color:#5C5C5C;font-size:14px;margin-bottom:.5em}
/****listes à puce***/
#region-content ul li,
#region-content ol li
{margin-left:1em}


/****contenu evenement: map et dates evenement ***
****/



#gmap-auto2map-gmap0{margin:0 auto}


.group-infos{margin-top:0;margin-left:10px;}

.group-infos .field{padding:5px;margin-bottom:10px}

.group-infos .field .field-label{color:#fff;font-size:14px;text-transform:uppercase}


.group-infos .adr{margin-bottom:.5em;}

.group-infos .field-name-field-place span.locality{display:inline-block}

.group-infos .field-name-field-place .country-name{display:inline}

.group-infos .field-name-field-place .country-name:before{display:inline-block;content:" - "}

.institutionnelle .field-name-field-place,

.institutionnelle  .field-name-field-date{background-color:#c82c7c/****rose****/}


.formation .field-name-field-place,
.formation  .field-name-field-date{background-color:#e89439/***orange***/}


.recherche .field-name-field-place,
.recherche  .field-name-field-date{background-color:#8CAF2E;/****vert****/}


.autour_de_nous .field-name-field-place,
.autour_de_nous  .field-name-field-date{background-color:rgb(81, 27, 91);color:#fff/***violet autour de nous**/}


.campus  .field-name-field-place,
.campus .field-name-field-date{background-color:#27a5ad/***bleu***/}

 .communaute .field-name-field-place,
 .communaute  .field-name-field-date
{background-color:#666/**personnel gris**/}



/********************************************************page taxo***************************************/


.page-taxonomy  #block-system-main{
margin-bottom:40px}
.page-taxonomy  #section-content  article h2{
font-size:17px;color:#5c5c5c;background:transparent url("../images/icone_fleche.png") no-repeat 0 4px ;
  margin-bottom:0;padding-left:20px;padding-bottom:5px}
.page-taxonomy  #section-content   article div.content  h2{
font-size:15px;background-image:none}

.page-taxonomy  article footer.submitted{
border-width:0;padding:0;margin:0}


.page-taxonomy   article {
margin-bottom:1em;border-bottom:1px dotted #666}


.page-taxonomy   article div.content{
font-size:12px;margin-left:10px;margin-top:1em;}

.page-taxonomy   article div.content p{
margin-bottom:.5em}



/*****************************************pages de type archives ***************************************************/



/*****h1 archives****/
.view-display-id-page_1 h1#page-title {margin-bottom:0;}
/****mois suivant, mois en cours et mois precedent contenu central****/
.date-nav-wrapper {margin-top:0}

.view-display-id-page_1 .item-list ul.pager {display:block;height:59px;padding:0;border-width:0;
  border-radius:0;background:transparent;position:absolute;top:0;width:100%}





.date-nav-wrapper .date-nav {
    background-color:transparent;margin-bottom: 20px;padding-bottom:0;
  height: 59px;position: relative;/*border-radius:30px**/}

.date-nav-wrapper .date-heading {position: absolute;top:20px;background:transparent}





#region-content ul li,
#region-content ol li {
margin:0;padding:0;/*border-width:0;**/}

#region-content  ul.pager li.date-prev,
#region-content  ul.pager li.date-next {display:block;width:48px;height:54px;padding-top:5px;margin:0;border-width:0; 
float:none;position:absolute;top:0;}
  
  
#region-content  ul.pager li.date-prev {left:10px;right:auto}
#region-content  ul.pager li.date-next {right:10px;left:auto}

  
#region-content   .view-display-id-page_1 .view-content
{
margin-top:15px;
}




ul.pager li.date-next a{
  background:url("../images/suivant_precedentv2.png") no-repeat -51px -2px;display:block;width:30px;height:40px;font-size:0 !important
}

ul.pager li.date-prev a {
  background:url("../images/suivant_precedentv2.png") no-repeat 0 -2px;display:block;width:30px;height:40px;font-size:0 !important}


ul.pager li.date-prev a:hover{background:url("../images/suivant_precedentv2.png") no-repeat -2px -48px;}

ul.pager li.date-next a:hover{background:url("../images/suivant_precedentv2.png") no-repeat -51px -48px;}


#section-content .date-heading h3{font-size:15px;color:#5c5c5c;border-top: 0 dotted #CCCCCC;}


/****mois suivant, mois en cours et mois precedent dans la vue des breves****/

.view-breves  .item-list ul.pager {height:34px;}
.view-breves  .date-nav-wrapper .date-nav {
  height:34px;position: relative;border-radius:15px}

.view-breves  .date-nav-wrapper .date-heading {position: absolute;top:5px;background:transparent}

.view-breves  ul.pager li.date-prev,
.view-breves   ul.pager li.date-next {width:24px;height:24px;padding-top:2px;display:block;float:none;position:absolute;border-width:0;
  top:0;margin:0}
.view-breves   ul.pager li.date-prev {left:10px;right:auto}
.view-breves   ul.pager li.date-next {right:10px;left:auto}

.view-breves  ul.pager li.date-prev a,
.view-breves  ul.pager li.date-next a{display:block;;width:24px;height:24px;position:absolute;top:5px;}

.view-breves  ul.pager li.date-prev a{
  background:url("../images/suiv_prec_small.png") no-repeat 0 0;}

.view-breves  ul.pager li.date-prev a:hover{background:url("../images/suiv_prec_small.png") no-repeat 0 -25px;}

.view-breves  ul.pager li.date-next a{background:url("../images/suiv_prec_small.png") no-repeat -25px 0;}
.view-breves ul.pager li.date-next a:hover{background:url("../images/suiv_prec_small.png") no-repeat -25px -25px;}

 #region-sidebar-second .view-breves  .date-heading h3{font-size:15px;}

/****date archives agenda***/
.page-archives-agenda #region-content .views-row,
.page--field-rubrique #region-content .views-row{margin-bottom:.8em;}
.page-archives-articles #region-content .views-row,
#region-content .views-row
{margin-bottom:.8em;border-top:1px dotted #ccc;padding-top:.5em}
.page-archives-agenda .views-row .views-field-field-date,
.page--field-rubrique .views-row .views-field-field-date{border-top:1px dotted #ccc;font-size:16px;font-weight:bold;color:#5c5c5c}


/****Image vue des archives .view-events  .views-field-field-image,******/
.view-display-id-page_1 .views-field-field-image{float:left;margin:0;padding:0}

.view-display-id-page_1 .views-field-field-image img{border-right:1em solid #fff ;padding-left:5px;float:left}

.view-display-id-page_1 .views-field-body{}
.view-display-id-page_1 .rubrique-1 img{border-left:8px solid #c82c7c/****rose****/}
.view-display-id-page_1 .rubrique-2 img{border-left:8px solid #e89439/***orange***/}
.view-display-id-page_1 .rubrique-3 img{border-left:8px solid #8CAF2E;/****vert****/}
.view-display-id-page_1 .rubrique-4 img{border-left:8px solid  #27a5ad/***bleu***/}
.view-display-id-page_1 .rubrique-6 img,
.view-display-id-page_1 .rubrique-5 img{border-left:8px solid  #666/**personnel gris**/}
.view-display-id-page_1 .rubrique-5 img{border-left:8px solid  #666/**personnel gris**/}
.view-display-id-page_1 .rubrique-1178 img{border-left:8px solid  #511B5B/**autour de nous violet*/}

/**icones de flux pour la vues rss applel à projet et ent*******/









#block-aggregator-feed-2  .more-link,
#block-aggregator-feed-3 .more-link,
#block-aggregator-feed-4 .more-link,
#block-aggregator-feed-5 .more-link{display:none}




#block-block-10 p 
{margin-bottom:0}

.view-empty p.no-result{height:auto;padding:0;text-align:left;margin:0 10px 15px 20px}



/**h2 ******/
.page-taxonomy article h2.node-title a{text-decoration:none;color:#666;background:transparent}
.page-taxonomyarticle h2.node-title a:hover{text-decoration:underline;color:#333}

.page-taxonomy  article li.node-readmore a
 {  border-width: 0px;float:none;text-shadow: 0 0 #fff;display:inline-block;background:#5c5c5c;color:#fff;margin:0;
    /*-moz-border-colors: none;background: -moz-linear-gradient(center top , #FFFFFF 0%, #DDDDDD 100%) repeat scroll 0 0 transparent;  border-color: #DDDDDD #BBBBBB #999999;
    border-image: none;
    border-radius: 11px 11px 11px 11px;
    border-style: solid;*/ /*color: #333333;    text-decoration: none;cursor: pointer;display: block; float: left;   
  font: bold 12px/1.2 Arial,sans-serif; overflow: visible;outline: 0 none; text-transform: lowercase;  
    width: auto;
    vertical-align: middle;*-*/
   /* margin: 0 0.5em 0.5em 0;padding: 4px 10px 3px;**/   }
.page-taxonomy  article li.node-readmore a:hover
 { color:#5c5c5c;background:#fff;}

.page-taxonomy  article ul.links {margin:0;padding:0}
.page-taxonomy  article nav.links{display:inline-block;margin:0;padding:0}
.page-taxonomy  article div.clearfix{float:right}
.page-taxonomy  article div.clearfix.content{float:none}
.page-taxonomy  article .field-item p:last-child{margin-bottom:0}



/*********************carroussel a la une dans les rubriques******/
/**************************a la une epingle ************************/

#block-views-pinned-articles-block {
margin-bottom: 40px;overflow:hidden;display:block;width:100%;padding-top:20px}

#block-views-pinned-articles-block  #h2{
margin:0 10px}


#block-views-pinned-articles-block  .jcarousel-skin-default .jcarousel-container-horizontal {
   /** height:320px;**/height:auto;padding:0;width: 100%;text-align:center}


#block-views-pinned-articles-block  .jcarousel-skin-default .jcarousel-clip-horizontal,
.view-pinned-articles  .jcarousel-skin-default .jcarousel-navigation {width:90%;margin:0 auto}


.view-pinned-articles  .jcarousel-skin-default li.jcarousel-item {
   position:relative;/***height:290px;**/height:auto}
.view-pinned-articles  .jcarousel-skin-default li.jcarousel-item img {
width:100% !important;height:auto !important}


.view-pinned-articles  .jcarousel-skin-default .jcarousel-item  .texteTitre{
position:absolute;bottom:0;left:0;text-align:left; bottom:0;width:98%;
   background-color: rgba(92, 92, 92, 0.9);color: #CCCCCC;display: block;padding:8px; z-index: 11;}

.view-pinned-articles  .jcarousel-skin-default .jcarousel-item  .texteTitre h3{
padding:0;margin:0; color: #FFF !important;font-size: 14px; text-decoration: none;}  


.view-pinned-articles  .jcarousel-skin-default .jcarousel-item  .texteTitre .text{
display:none}  


.view-pinned-articles .jcarousel-skin-default .jcarousel-next,
.view-pinned-articles .jcarousel-skin-default .jcarousel-prev {
 display: block;height: 18px;width: 10px;TOP:140px}




.view-pinned-articles .jcarousel-skin-default .jcarousel-prev{
    background: url("../images/ico_24.png") no-repeat scroll -50px -40px rgba(0, 0, 0, 0);
  /***left:5px**/left:2%}
.view-pinned-articles .jcarousel-skin-default .jcarousel-next {
    background: url("../images/ico_24.png") no-repeat scroll -50px -60px rgba(0, 0, 0, 0);
  /**right:5px***/right:2% }

.view-pinned-articles .jcarousel-skin-default .jcarousel-next:hover{
     background: url("../images/ico_24.png") no-repeat scroll 0 -60px rgba(0, 0, 0, 0);
 }
.view-pinned-articles .jcarousel-skin-default .jcarousel-prev:hover {
    background: url("../images/ico_24.png") no-repeat scroll 0 -40px rgba(0, 0, 0, 0);
}

.view-pinned-articles .jcarousel-skin-default .jcarousel-prev[disabled="true"],
.view-pinned-articles .jcarousel-skin-default .jcarousel-next[disabled="true"]{display:none;background-image:none;}




.view-pinned-articles  .jcarousel-skin-default .jcarousel-navigation { background:#898884;padding:5px 0}

.context-institution .view-pinned-articles  .jcarousel-skin-default .jcarousel-navigation{
    background: none repeat scroll 0 0 #C82C7C;}

.context-formation .view-pinned-articles  .jcarousel-skin-default .jcarousel-navigation{
    background: none repeat scroll 0 0 #E89439;}

.context-recherche  .view-pinned-articles  .jcarousel-skin-default .jcarousel-navigation {
    background: none repeat scroll 0 0 #8CAF2E;}

.context-campus .view-pinned-articles  .jcarousel-skin-default .jcarousel-navigation {
    background: none repeat scroll 0 0 #27A5AD;}


 .view-pinned-articles  .jcarousel-skin-default .jcarousel-navigation li { display:inline-block;margin-right:5px}

.view-pinned-articles .jcarousel-skin-default .jcarousel-navigation  li a:link,
.view-pinned-articles  .jcarousel-skin-default .jcarousel-navigation li a:visited{color:#fff;text-decoration:none;}
.view-pinned-articles   .jcarousel-skin-default .jcarousel-navigation  li a:hover{color:#FFEF55;}

.view-pinned-articles .jcarousel-skin-default .jcarousel-navigation  li.active { background:#5c5c5c;width:20px;height:20px; border-radius:12px}

.view-pinned-articles .jcarousel-skin-default .jcarousel-navigation li.active a:link, 
.view-pinned-articles .jcarousel-skin-default .jcarousel-navigation li.active a:visited{color:#fff;}
.view-pinned-articles  .jcarousel-navigation li.active a:hover{color:#FFEF55;}

.view-pinned-articles  .jcarousel-skin-default .jcarousel-item-horizontal {
    margin: 0}

/******reseaux sociayuux*****/

.fb_iframe_widget span,
.fb_iframe_widget,
.fb_iframe_widget iframe{
width:100% !important}

iframe#twitter-widget-0{
width:100% !important;}


#zone-content #block-views-articles-block .views-field-title a:link,
#zone-content #block-views-articles-block .views-field-title a:visited
{color:#fff}


/*********************noeud non publie  bg rose***********************************/
.node-unpublished {
    background-color: #FFF4F4;
}


.node-unpublished:before {
 content:"Attention : article en attente de validation !";font-size:18px; font-weight:bold;display:block}
.node-unpublished footer:before {
 content:"En cas de besoin, vous pouvez contacter la direction de la communication : communication@univ-lorraine.fr";
  font-size:16px;display:block}






/**************ripolin de l'accordeon****/

ul.accordion li {
    list-style-type: none;
    margin: 0;padding: 0;}


ul#example1.accordion > li.active > h3,
ul#example1.accordion > li > h3 {
    background: -moz-linear-gradient(center top , #999999, #666666) repeat scroll 0 0 #666666;}
ul#example1.accordion li h3 {
    border-top: medium none !important;
    display: block;
    margin: 0 !important;
    padding: 0 !important;}


ul#example1.accordion > li > h3 > a.accordion-opener {
    background: url("/misc/menu-collapsed.png") no-repeat scroll 2px 50% #EEEEEE;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #CCCCCC;
    display: block;
    font-style: normal;
    margin: 0;
    padding: 5px 15px;}

ul#example1.accordion li h3 a:link, 
ul#example1.accordion li h3 a:visited {
    color: #666;    text-decoration: none;
}


/*************************************newsletter***************************************/

/* Spécial pour lettre recherche */
.node-actualit-de-la-recherche .group-entete div{display:none;}

div.field-name-field-couleur {
    display: none;
}
/***node-newsletter ***/
node-type-newsletter-depas
node-newsletter-depas




.field-name-field-en-bref header
{display:block;
  padding-left:20px;background:#fff url("/sites/all/themes/mediaul0613_0/images/icon_fleche.png") no-repeat 0 0px;
}
node-type-newsletter-depas .node-unpublished,
.node-type-newsletter  .node-unpublished,
.node-newsletter  .node-unpublished {
    background-color: #fff;}

.node-type-newsletter-depas  h1#page-title,
.node-type-newsletter  h1#page-title,

.node-newsletter  h1#page-title{
    background: url("/sites/all/themes/mediaul0613_0/images/rond_yellow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #333333; text-transform: uppercase;
    font-size: 25px;margin-bottom: 0;padding-bottom: 6px; padding-left: 20px;padding-top: 14px;}

/**grands titres **/
/*.node-newsletter-rubriques-libres div#label,*/
.node-type-newsletter div#label,
.node-type-newsletter-depas div#label,
.node-newsletter div#label,
.node-newsletter-orion div#label,
.node-type-actualit-de-la-recherche div#label,
h1.field-label,
.node-type-newsletter-v2 .field-type-text,
.node-type-actualit-de-la-recherche .field-type-text,
.node-newsletter-orion .field-type-text,
.node-newsletter-rubriques-libres .field-type-text,
body.node-type-newsletter-orion .node.node-newsletter-orion div.field-label,
body.node-type-actualit-de-la-recherche .node.node-newsletter-v2 div.field-label,
body.node-type-newsletter-v2 .node.node-newsletter-v2 div.field-label,
body.node-type-newsletter-depas .node.node-newsletter-depas .field-label,
.node-newsletter-des-services .field-type-text,
.node-newsletter-des-services .field-name-field-texte-long-rubrique-3 h2
{ font-size: 18px;  color: #FFF;font-weight: bold;letter-spacing: -0.05em;  
  margin-bottom: 20px; background-color: #5C5C5C;padding:2px 10px;margin-top:2em}


.node-newsletter-des-services .field-name-field-logo-de-l-universit-{text-align: center;}
	/* Exception */
	/* inutile car non affiché dans la version en ligne */.node-newsletter-des-services .field-type-text+.field-name-field-num-ro-et-date {
	  font-size: 14px;
	  background-color: inherit;
	  color:#000;
	  padding-top:0;
	  margin-top:0;
	  text-align: right;
	}
	.node-newsletter-des-services .rubrique-encadree {
	  border:3px solid #5C5C5C;
	}
	.node-newsletter-des-services .rubrique-encadree .field-type-text {
		margin-top:0;
		margin-bottom:0;
	}
	.node-newsletter-des-services .field-name-field-banniere img{width:100%; padding: 10px 0;}
	.node-newsletter-des-services .rubrique-encadree .field.field-name-field-texte-long-rubrique-1 {
	  padding: 10px;
	}	

/*****h2*****/
.node-newsletter-orion h2.node-title,
.node-newsletter-rubriques-libres h2.node-title,
.node-type-newsletter h2.node-title,
.node-type-newsletter h2.node-title,
.node-type-newsletter-depas h2.node-title,
.node-actualit-de-la-recherche h2.node-title,
.node-newsletter-v2 h2.node-title,
.node-newsletter h2.node-title,
.node-newsletter-des-services h2.node-title
{font-size:11pt;display:inline;margin:.5em 0 0 0;}


.node-newsletter-orion h2.node-title a,
.node-newsletter-rubriques-libres h2.node-title a,
.node-type-newsletter-depas h2.node-title a,
.node-type-newsletter h2.node-title a,
.node-newsletter h2.node-title a,
.node-actualit-de-la-recherche h2.node-title a,
.node-newsletter-v2 h2.node-title a,
.node-newsletter-des-services h2.node-title a
{text-decoration:none !important;}

.node-newsletter-orion header,
.node-newsletter-rubriques-libres header,
.node-type-newsletter header,
.node-type-newsletter-depas header,
.node-newsletter-v2 header,
.node-actualit-de-la-recherche-v2 header,
.node-newsletter header{display:inline;white-space:normal}




/**champs rubrique**/
.node-newsletter-orion  .field-name-field-rubrique .field-items,
.node-newsletter-rubriques-libres  .field-name-field-rubrique .field-items,
.node-type-newsletter  .field-name-field-rubrique .field-items,
.node-newsletter  .field-name-field-rubrique .field-items,
.node-newsletter-v2   .field-name-field-rubrique .field-items,
.node-newsletter-depas   .field-name-field-rubrique .field-items,
.node-type-newsletter  .field-name-field-rubrique .field-item,
.node-newsletter-v2    .field-name-field-rubrique .field-item,
.node-newsletter    .field-name-field-rubrique .field-item,
.node-actualit-de-la-recherche    .field-name-field-rubrique .field-item
{display:inline-block;white-space:normal;}



.node-newsletter-orion  .field-name-field-rubrique a,
.node-newsletter-rubriques-libres  .field-name-field-rubrique a,
.node-type-newsletter  .field-name-field-rubrique a,
.node-newsletter-v2    .field-name-field-rubrique a,
.node-newsletter    .field-name-field-rubrique a,
.node-actualit-de-la-recherche    .field-name-field-rubrique a,
.node-newsletter-v2    .field-name-field-rubrique a,
.node-newsletter-depas   .field-name-field-rubrique a
{text-transform: uppercase;  color:#666; letter-spacing: -1px;text-decoration:none}
 


/****texte rubrique en couleur***/
.node-newsletter-orion  a:link,
.node-newsletter-orion   a:visited,
.node-newsletter-rubriques-libres  a:link,
.node-newsletter-rubriques-libres   a:visited,
.node-type-newsletter  a:link,
.node-type-newsletter   a:visited,
.node-newsletter-v2     a:link,
.node-newsletter-v2    a:visited,
.node-actualit-de-la-recherche    a:link,
.node-actualit-de-la-recherche    a:visited,
.node-newsletter   a:link,
.node-newsletter    a:visited,
.node-newsletter-des-services   a:link,
.node-newsletter-des-services    a:visited
{ color: #888;/**violet autour de nous***/ }


.node-newsletter-orion .rubrique-1178   a:link,
.node-newsletter-orion .rubrique-1178   a:visited,
.node-newsletter-rubriques-libres .rubrique-1178   a:link,
.node-type-newsletter .rubrique-1178   a:link,
.node-newsletter-rubriques-libres .rubrique-1178   a:visited,
.node-type-newsletter .rubrique-1178   a:visited,
.node-newsletter-v2   .rubrique-1178   a:link,
.node-newsletter-v2    .rubrique-1178   a:visited,
.node-newsletter   .rubrique-1178   a:link,
.node-actualit-de-la-recherche    .rubrique-1178   a:visited,
.node-actualit-de-la-recherche   .rubrique-1178   a:link,
.node-newsletter    .rubrique-1178   a:visited,
.node-newsletter-depas   .rubrique-1178   a:link,
.node-newsletter-depas    .rubrique-1178   a:visited,
.node-newsletter-des-services .rubrique-1178   a:link,
.node-newsletter-des-services .rubrique-1178   a:visited
{ color: #511B5B;/**violet autour de nous***/ }


.node-newsletter-orion .rubrique-4    a:link,
.node-newsletter-orion .rubrique-4   a:visited,
.node-newsletter-rubriques-libres .rubrique-4    a:link,
.node-newsletter-rubriques-libres .rubrique-4   a:visited,
.node-type-newsletter .rubrique-4    a:link,
.node-type-newsletter .rubrique-4   a:visited,
.node-newsletter-v2     .rubrique-4   a:link,
.node-newsletter-v2   .rubrique-4    a:visited,
.node-newsletter    .rubrique-4   a:link,
.node-newsletter  .rubrique-4    a:visited,
.node-actualit-de-la-recherche    .rubrique-4   a:link,
.node-actualit-de-la-recherche  .rubrique-4    a:visited,
.node-newsletter-depas .rubrique-4 a:link,
.node-newsletter-depas .rubrique-4 a:visited,
.node-newsletter-des-services .rubrique-4 a:link,
.node-newsletter-des-services .rubrique-4 a:visited
{ color:#27A5AD;/**blzu campus***/ }



.node-newsletter-orion .rubrique-2   a:link,
.node-newsletter-orion .rubrique-2  a:visited,
.node-newsletter-rubriques-libres .rubrique-2   a:link,
.node-newsletter-rubriques-libres .rubrique-2  a:visited,
.node-type-newsletter .rubrique-2   a:link,
.node-type-newsletter .rubrique-2  a:visited,
.node-newsletter-v2    .rubrique-2   a:link,
.node-newsletter-v2    .rubrique-2   a:visited,
.node-newsletter    .rubrique-2   a:link,
.node-newsletter   .rubrique-2   a:visited,
.node-actualit-de-la-recherche    .rubrique-2   a:link,
.node-actualit-de-la-recherche   .rubrique-2   a:visited,
.node-newsletter-depas .rubrique-2   a:link,
.node-newsletter-depas .rubrique-2   a:visited,
.node-newsletter-des-services .rubrique-2   a:link,
.node-newsletter-des-services .rubrique-2   a:visited
{ color:#E89439;}



.node-newsletter-orion .rubrique-3   a:link,
.node-newsletter-orion .rubrique-3  a:visited,
.node-newsletter-rubriques-libres .rubrique-3   a:link,
.node-newsletter-rubriques-libres .rubrique-3  a:visited,
.node-type-newsletter .rubrique-3   a:link,
.node-type-newsletter .rubrique-3  a:visited,
.node-newsletter-v2 .rubrique-3   a:link,
.node-newsletter-v2 .rubrique-3  a:visited,
.node-newsletter .rubrique-3   a:link,
.node-newsletter .rubrique-3  a:visited,
.node-actualit-de-la-recherche .rubrique-3   a:link,
.node-actualit-de-la-recherche .rubrique-3  a:visited,
.node-newsletter-depas .rubrique-3   a:link,
.node-newsletter-depas .rubrique-3  a:visited,
.node-newsletter-des-services .rubrique-3   a:link,
.node-newsletter-des-services .rubrique-3  a:visited
{color:#8CAF2E;}



.node-newsletter-orion .rubrique-1   a:link,
.node-newsletter-orion .rubrique-1  a:visited,
.node-newsletter-rubriques-libres .rubrique-1   a:link,
.node-newsletter-rubriques-libres .rubrique-1  a:visited,
.node-type-newsletter .rubrique-1   a:link,
.node-type-newsletter .rubrique-1  a:visited,
.node-newsletter   .rubrique-1   a:link,
.node-newsletter   .rubrique-1  a:visited,
.node-actualit-de-la-recherche   .rubrique-1   a:link,
.node-actualit-de-la-recherche   .rubrique-1  a:visited,
.node-newsletter-v2   .rubrique-1   a:link,
.node-newsletter-v2   .rubrique-1  a:visited,
.node-newsletter-depas   .rubrique-1   a:link,
.node-newsletter-depas   .rubrique-1  a:visited,
.node-newsletter-des-services .rubrique-1   a:link,
.node-newsletter-des-services .rubrique-1  a:visited
{color:#C82C7C;/**rose institution***/}


.node-newsletter-orion  .field-name-field-last-news   .field-name-field-rubrique,
.node-newsletter-rubriques-libres  .field-name-field-last-news   .field-name-field-rubrique,
.node-type-newsletter  .field-name-field-last-news   .field-name-field-rubrique,
.node-newsletter-v2     .field-name-field-last-news   .field-name-field-rubrique,
.node-actualit-de-la-recherche    .field-name-field-last-news   .field-name-field-rubrique,
.node-newsletter  .field-name-field-last-news   .field-name-field-rubrique,
.node-newsletter-depas  .field-name-field-last-news   .field-name-field-rubrique


{ padding-left:20px}


.node-newsletter-orion   .field-name-field-last-news  .rubrique-4  .field-name-field-rubrique,
.node-newsletter-rubriques-libres   .field-name-field-last-news  .rubrique-4  .field-name-field-rubrique,
.node-type-newsletter   .field-name-field-last-news  .rubrique-4  .field-name-field-rubrique,
.node-newsletter-depas  .field-name-field-last-news  .rubrique-4  .field-name-field-rubrique,
.node-newsletter-v2   .field-name-field-last-news  .rubrique-4  .field-name-field-rubrique,
.node-actualit-de-la-recherche   .field-name-field-last-news  .rubrique-4  .field-name-field-rubrique,
.node-newsletter  .field-name-field-last-news  .rubrique-4  .field-name-field-rubrique

{ background:#fff url("/sites/all/themes/mediaul0613_0/images/icon_campus.png") no-repeat 0 4px;}


.node-newsletter-orion  .field-name-field-last-news   .rubrique-5  .field-name-field-rubrique,
.node-newsletter-rubriques-libres  .field-name-field-last-news   .rubrique-5  .field-name-field-rubrique,
.node-type-newsletter  .field-name-field-last-news   .rubrique-5  .field-name-field-rubrique,
.node-newsletter-depas    .field-name-field-last-news   .rubrique-5  .field-name-field-rubrique,
.node-newsletter-v2    .field-name-field-last-news   .rubrique-5  .field-name-field-rubrique,
.node-actualit-de-la-recherche    .field-name-field-last-news   .rubrique-5  .field-name-field-rubrique,
.node-newsletter    .field-name-field-last-news   .rubrique-5  .field-name-field-rubrique

{ background:#fff url("/sites/all/themes/mediaul0613_0/images/icon_fleche.png") no-repeat 0 4px;}


.node-newsletter-orion  .field-name-field-last-news   .rubrique-6  .field-name-field-rubrique,
.node-newsletter-rubriques-libres   .field-name-field-last-news   .rubrique-6  .field-name-field-rubrique,
.node-type-newsletter   .field-name-field-last-news   .rubrique-6  .field-name-field-rubrique,
.node-newsletter-v2     .field-name-field-last-news   .rubrique-6  .field-name-field-rubrique,
.node-actualit-de-la-recherche    .field-name-field-last-news   .rubrique-6  .field-name-field-rubrique,
.node-newsletter-depas     .field-name-field-last-news   .rubrique-6  .field-name-field-rubrique,
.node-newsletter    .field-name-field-last-news   .rubrique-6  .field-name-field-rubrique

{ background:#fff url("/sites/all/themes/mediaul0613_0/images/icon_fleche.png") no-repeat 0 4px;}


.node-newsletter-orion  .field-name-field-last-news  .rubrique-2  .field-name-field-rubrique ,
.node-newsletter-rubriques-libres  .field-name-field-last-news  .rubrique-2  .field-name-field-rubrique ,
.node-type-newsletter  .field-name-field-last-news  .rubrique-2  .field-name-field-rubrique ,
.node-newsletter-v2   .field-name-field-last-news  .rubrique-2  .field-name-field-rubrique ,
.node-actualit-de-la-recherche   .field-name-field-last-news  .rubrique-2  .field-name-field-rubrique ,
.node-newsletter-depas   .field-name-field-last-news  .rubrique-2  .field-name-field-rubrique ,
.node-newsletter  .field-name-field-last-news  .rubrique-2  .field-name-field-rubrique 

{  background:#fff url("/sites/all/themes/mediaul0613_0/images/icon_formation.png") no-repeat 0 4px;}


.node-newsletter-orion  .field-name-field-last-news  .rubrique-3  .field-name-field-rubrique ,
.node-newsletter-rubriques-libres  .field-name-field-last-news  .rubrique-3  .field-name-field-rubrique ,
.node-type-newsletter  .field-name-field-last-news  .rubrique-3  .field-name-field-rubrique ,
.node-newsletter-v2   .field-name-field-last-news  .rubrique-3  .field-name-field-rubrique,
.node-actualit-de-la-recherche   .field-name-field-last-news  .rubrique-3  .field-name-field-rubrique,
.node-newsletter   .field-name-field-last-news  .rubrique-3  .field-name-field-rubrique

{background:#fff url("/sites/all/themes/mediaul0613_0/images/icon_recherche.png") no-repeat 0 4px; }


.node-newsletter-orion  .field-name-field-last-news  .rubrique-1  .field-name-field-rubrique,
.node-newsletter-rubriques-libres  .field-name-field-last-news  .rubrique-1  .field-name-field-rubrique,
.node-type-newsletter  .field-name-field-last-news  .rubrique-1  .field-name-field-rubrique,
.node-newsletter-v2    .field-name-field-last-news  .rubrique-1  .field-name-field-rubrique ,
.node-actualit-de-la-recherche    .field-name-field-last-news  .rubrique-1  .field-name-field-rubrique ,
.node-newsletter-depas    .field-name-field-last-news  .rubrique-1  .field-name-field-rubrique ,
.node-newsletter   .field-name-field-last-news  .rubrique-1  .field-name-field-rubrique 
{ background:#fff url("/sites/all/themes/mediaul0613_0/images/icon_institution.png") no-repeat 0 4px;}


.node-newsletter-orion   .field-name-field-last-news  .rubrique-1178  .field-name-field-rubrique,
.node-newsletter-rubriques-libres   .field-name-field-last-news  .rubrique-1178  .field-name-field-rubrique,
.node-type-newsletter   .field-name-field-last-news  .rubrique-1178  .field-name-field-rubrique,
.node-newsletter-v2    .field-name-field-last-news  .rubrique-1178  .field-name-field-rubrique,
.node-actualit-de-la-recherche    .field-name-field-last-news  .rubrique-1178  .field-name-field-rubrique,
.node-newsletter-depas    .field-name-field-last-news  .rubrique-1178  .field-name-field-rubrique,
.node-newsletter   .field-name-field-last-news  .rubrique-1178  .field-name-field-rubrique
{ background:#fff url("/sites/all/themes/mediaul0613_0/images/icon_autour.png") no-repeat 0 4px;}



/****texte rubrique en couleur***/


article
{clear:left}
article    .field-name-field-rubrique 
{ text-transform: uppercase;display:inline-block/**violet autour de nous***/ }
article  .rubrique-1178  .field-name-field-rubrique 

{ color: #511B5B ;/**violet autour de nous***/ }
article   .rubrique-4  .field-name-field-rubrique 
{ color:#27A5AD /**blzu campus***/ }
article  .rubrique-2  .field-name-field-rubrique 

{ color:#E89439 }
article  .rubrique-3  .field-name-field-rubrique 

{color:#8CAF2E ;}

article  .rubrique-1  .field-name-field-rubrique 
{color:#C82C7C /**rose institution***/}








/**champs body**/
.node-newsletter-orion  article  .field-name-body,
.node-newsletter-rubriques-libres  article  .field-name-body,
.node-newsletter  article  .field-name-body,
.node-newsletter-v2 article  .field-name-body,
.node-newsletter-des-services article .field-name-body{margin:.2em 0 0 0;color:#666}

.node-newsletter-rubriques-libres article  .field-name-body p,
.node-newsletter article  .field-name-body p,
.node-newsletter-v2 article  .field-name-body p,
.node-newsletter-des-services article .field-name-body p{margin-bottom:.5em}


.node-newsletter-rubriques-libres .node-ul-article,
.node-newsletter .node-ul-article,
.node-newsletter-v2 .node-ul-article,
.node-newsletter-des-services .node-ul-article {margin-bottom:1em}
 
/**champs image**/

.node-newsletter-orion  .field-type-image ,
.node-newsletter-rubriques-libres  .field-type-image ,
.node-newsletter  .field-type-image ,
.node-actualit-de-la-recherche  .field-type-image ,
.node-newsletter-v2 .field-type-image{border-right: 0 solid #FFFFFF;/*padding:0;margin:0.5em 0 0 0;float:left*/}


.node-newsletter-orion.field-type-image img ,
.node-newsletter-rubriques-libres .field-type-image img ,
.node-newsletter .field-type-image img ,
.node-actualit-de-la-recherche .field-type-image img ,
.node-newsletter-des-services   .rubrique-1 .field-type-image img,
.node-newsletter-des-services .field-type-image img
.node-newsletter-v2 .field-type-image img 
{border-left: 8px solid #666;margin-right:1em;margin-top:.5em;}

.node-newsletter-orion   .rubrique-1 .field-type-image img,
.node-newsletter-rubriques-libres   .rubrique-1 .field-type-image img,
.node-newsletter   .rubrique-1 .field-type-image img,
.node-actualit-de-la-recherche   .rubrique-1 .field-type-image img,
.node-newsletter-des-services   .rubrique-1 .field-type-image img,
.node-newsletter-v2  .rubrique-1 .field-type-image img{
    border-left: 8px solid #C82C7C;/**rose**/}

.node-newsletter-orion  .rubrique-2 .field-type-image img ,
.node-newsletter-rubriques-libres  .rubrique-2 .field-type-image img ,
.node-newsletter  .rubrique-2 .field-type-image img ,
.node-actualit-de-la-recherche  .rubrique-2 .field-type-image img ,
.node-newsletter-des-services   .rubrique-2 .field-type-image img,
.node-newsletter-v2 .rubrique-2 .field-type-image img{
    border-left: 8px solid #E89439; /**orange*/}

.node-newsletter-orion .rubrique-3  .field-type-image img,
.node-newsletter-rubriques-libres .rubrique-3  .field-type-image img,
.node-newsletter .rubrique-3  .field-type-image img,
.node-actualit-de-la-recherche .rubrique-3  .field-type-image img,
.node-newsletter-des-services   .rubrique-3 .field-type-image img,
.node-newsletter-v2 .rubrique-3  .field-type-image img{
    border-left: 8px solid #8CAF2E;/**vert**/}

.node-newsletter-orion  .rubrique-4 .field-type-image img,
.node-newsletter-rubriques-libres  .rubrique-4 .field-type-image img,
.node-newsletter  .rubrique-4 .field-type-image img,
.node-actualit-de-la-recherche  .rubrique-4 .field-type-image img,
.node-newsletter-des-services   .rubrique-4 .field-type-image img,
.node-newsletter-v2 .rubrique-4 .field-type-image img{
    border-left: 8px solid  #27A5AD;/**bleu**/}
.node-newsletter-orion  .rubrique-5 .field-type-image img,
.node-newsletter-rubriques-libres  .rubrique-5 .field-type-image img,
.node-newsletter  .rubrique-5 .field-type-image img,
.node-actualit-de-la-recherche  .rubrique-5 .field-type-image img,
.node-newsletter  .rubrique-6 .field-type-image img,
.node-actualit-de-la-recherche  .rubrique-6 .field-type-image img,
.node-newsletter-rubriques-libres .rubrique-6 .field-type-image img,
.node-newsletter-des-services   .rubrique-6 .field-type-image img,
.node-newsletter-v2 .rubrique-5 .field-type-image img,
.node-newsletter-v2 .rubrique-6 .field-type-image img{
    border-left: 8px solid  #666;/**gris**/}
.node-newsletter-orion  .rubrique-1178 .field-type-image img,
.node-newsletter-rubriques-libres  .rubrique-1178 .field-type-image img,
.node-newsletter  .rubrique-1178 .field-type-image img,
.node-actualit-de-la-recherche  .rubrique-1178 .field-type-image img,
.node-newsletter-des-services   .rubrique-1178 .field-type-image img,
.node-newsletter-v2  .rubrique-1178 .field-type-image img {
    border-left: 8px solid  #511B5B;/**violet**/}

/**champs date**/
.node-type-newsletter div.field-name-field-date,
.node-newsletter-orion .field-name-field-date, 
.node-newsletter-rubriques-libres .field-name-field-date, 
.node-type-newsletter-v2 .field-name-field-date, 
.node-type-actualit-de-la-recherche .field-name-field-date,
.node-type-newsletter-depas .field-name-field-date  
{ font-size: 14px;color:#fff;font-weight: bold;line-height:14px;display:inline-block;float:left;
  letter-spacing: -0.05em;float:left;margin-right:.6em;margin-bottom:.4em;padding:.3em .4em}




.node-type-newsletter .field-name-field-date {
    background-color: #27A5AD;
}
.node-type-newsletter  .rubrique-1  .field-name-field-date ,
.node-type-actualit-de-la-recherche  .rubrique-1  .field-name-field-date ,
.node-newsletter-orion   .rubrique-1  .field-name-field-date ,
.node-newsletter-rubriques-libres   .rubrique-1  .field-name-field-date ,
.node-newsletter-v2   .rubrique-1  .field-name-field-date, 
.node-actualit-de-la-recherche   .rubrique-1  .field-name-field-date,
.node-newsletter-depas   .rubrique-1  .field-name-field-date
{
	background-color: #C82C7C;
}


.node-newsletter-orion  .rubrique-2  .field-name-field-date ,
.node-newsletter-rubriques-libres  .rubrique-2  .field-name-field-date ,
.node-type-newsletter  .rubrique-2  .field-name-field-date ,
.node-newsletter-v2  .rubrique-2  .field-name-field-date, 
.node-actualit-de-la-recherche  .rubrique-2  .field-name-field-date,
.node-newsletter-depas   .rubrique-2  .field-name-field-date

{background-color: #E89439;}

.node-newsletter-orion  .rubrique-3  .field-name-field-date ,
.node-newsletter-rubriques-libres  .rubrique-3  .field-name-field-date ,
.node-type-newsletter  .rubrique-3  .field-name-field-date ,
.node-newsletter-v2  .rubrique-3  .field-name-field-date, 
.node-actualit-de-la-recherche  .rubrique-3  .field-name-field-date, 
.node-newsletter-depas   .rubrique-3  .field-name-field-date
{background-color: #8CAF2E ;}

.node-newsletter-orion   .rubrique-4  .field-name-field-date ,
.node-newsletter-rubriques-libres   .rubrique-4  .field-name-field-date ,
.node-type-newsletter   .rubrique-4  .field-name-field-date ,
.node-newsletter-v2   .rubrique-4  .field-name-field-date,
.node-actualit-de-la-recherche   .rubrique-4  .field-name-field-date,
.node-newsletter-depas   .rubrique-4  .field-name-field-date
{background-color: #27A5AD;}


.node-newsletter-orion  .rubrique-6  .field-name-field-date ,
.node-newsletter-rubriques-libres  .rubrique-6  .field-name-field-date ,
.node-type-newsletter  .rubrique-6  .field-name-field-date ,
.node-newsletter-v2  .rubrique-6  .field-name-field-date,
.node-actualit-de-la-recherche  .rubrique-6  .field-name-field-date,
.node-newsletter-depas   .rubrique-6  .field-name-field-date

{background-color: #666  ;}


.node-newsletter-orion  .rubrique-1178  .field-name-field-date ,
.node-newsletter-rubriques-libres  .rubrique-1178  .field-name-field-date ,
.node-type-newsletter  .rubrique-1178  .field-name-field-date ,
.node-newsletter-v2 .rubrique-1178  .field-name-field-date, 
.node-actualit-de-la-recherche .rubrique-1178  .field-name-field-date,
.node-newsletter-depas   .rubrique-1178  .field-name-field-date

{background-color: #511B5B ;}

/**couleurs en fonction des rubriques***/



/*****barre en ce moment 25/08/2014*****/

/*******************1 octobre 2021 - amélioration******************/

#block-menu-menu-dossiers  {
  margin: 2em 0 1em 0;
  background: transparent;
}

#block-menu-menu-dossiers ul.menu li {
  display:inline-block;
  margin-bottom:5px;
}

#block-menu-menu-dossiers ul.menu li a{
  border: 1px solid #DDD;
  border-radius: 17px;
  padding: 6px 10px !important;;
  background-color: #F5F5F5;
  text-decoration:none;
  color:#000;
  text-align: center;
  min-width: 80px;
  display: inline-block;
}

#block-menu-menu-dossiers ul.menu li a:hover,
#block-menu-menu-dossiers ul.menu li a.active{
  color:#FFF;
  background-color: #666;
}

#block-menu-menu-dossiers div#h2 {
  background: rgb(255, 239, 101) none no-repeat scroll right 0;
  float: left;
  font-weight: normal;
}

#block-menu-menu-dossiers div#h2 h2.block-title{
  border-bottom: 0px;
  line-height:32px;
  margin:0;
  padding:0 1em 0 1em;
  font-weight: unset;
}


/*******************formatage d'une vue de taxonomie******************/

/********************************************************************/
  .view-taxonomy-term  .views-row{ margin-bottom:1.5em;} 

  .view-taxonomy-term  .views-row-odd{ background:#eee;padding:.5em;

-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px;} 

.view-taxonomy-term  .views-row-even{padding:.5em;}


/****titre et date de création sur la même ligne********/
  #section-content .view-taxonomy-term   h3 
   {font-size:13px;margin-bottom:0/*letter-spacing:-1px**/} 
  .view-taxonomy-term   h3 a
   {text-decoration:none;font-weight:normal;/*color:rgb(0, 51, 102);*/color:#666;text-transform:uppercase;} 
  .view-taxonomy-term   h3 a:hover
   {text-decoration:underline;color:#333;}
  

.view-taxonomy-term   h3 a  span.date
   {text-transform:none;} 


.view-taxonomy-term   .views-row .views-field-body   {margin-top:.5em}



/***couleur  date de publication en fonction de la rubrique********/

  .view-taxonomy-term   h3.Espace-interne a span.date
   {color:#000}


  .view-taxonomy-term   h3.Nos-formations  a span.date 
   {font-weight:normal;color:rgb(232, 148, 57)}

  .view-taxonomy-term   h3.Nos-laboratoires  a span.date
   {font-weight:normal;color: #8caf2e;}


  .view-taxonomy-term   h3.Nos-campus  a span.date
   {font-weight:normal;color: rgb(39, 165, 173);}


  .view-taxonomy-term   h3.Notre-établissement a span.date
   {font-weight:normal;color: rgb(200, 44, 124);}

  .view-taxonomy-term   h3.Autour-de-nous a span.date
   {font-weight:normal;color: rgb(81, 27, 91);}

/***ne pas afficher la date de publication pour les évènements********/
  .view-taxonomy-term   a span.ul_evenement
   {display:none;}


/*********************formatage image *******************/
 .view-taxonomy-term  .views-field-field-image .field-content img{
    border-left: 8px solid rgb(153, 153, 153);float:left;margin-right:1em;
padding-left:5px;margin-top:.5em}

/******** vert recherche******/
 .view-taxonomy-term  .views-field-field-image .Nos-laboratoires img{
 border-left-color: #8caf2e;}


/******** bleu campus*****/
 .view-taxonomy-term  .views-field-field-image .Nos-campus img{
 border-left-color:rgb(39, 165, 173);}

/******* rose institution******/
  .view-taxonomy-term  .views-field-field-image .Notre-établissement img{
 border-left-color:rgb(200, 44, 124);}

/********orange formation*****/
  .view-taxonomy-term  .views-field-field-image .Nos-formations img{
 border-left-color: rgb(232, 148, 57);}
/********violet autour de nous *****/
  .view-taxonomy-term  .views-field-field-image  .Autour-de-nous img{
 border-left-color: rgb(81, 27, 91);}


/*********************formatage date evenement*********************/
 .view-taxonomy-term .views-field-field-date{
  /*  border-bottom: 1px dotted rgb(153, 153, 153);border: 1px dotted rgb(250, 250, 250);***/

font-style: italic;font-size:12px;
display:inline-block;float:left; padding:0 0.5em 0em 34px;
margin:.75em .5em 0  0;color:#fff;min-height:26px;line-height:26px;
   background-color:#aaa ;
 background-image:url("../images/event_icon.gif") ;
  background-repeat:no-repeat;
  background-position:-2px -2px;
background-size:30px 30px } 


 .view-taxonomy-term .views-field-field-date:before{/*width:20px;height:20px;
content:url("../images/event_icon.gif") ;display:inline-block ;float:left*/} 

 .view-taxonomy-term .views-field-field-date strong{
font-weight:normal; 
} 


/***couleur background  date en fonction de la rubrique****

  .view-taxonomy-term   .views-field-field-date .Espace-interne
   {background-color:#666;   padding:0em 0.25em}


  .view-taxonomy-term   .views-field-field-date .Nos-formations  
   {   padding:0em 0.25em;background-color:rgb(232, 148, 57)}

  .view-taxonomy-term   .views-field-field-date .Nos-laboratoires 
   {   padding:0em 0.25em;background-color: rgb(232, 148, 57);}


  .view-taxonomy-term    .views-field-field-date .Nos-campus  
   {   padding:0em 0.25em;background-color: rgb(39, 165, 173);}


  .view-taxonomy-term  .views-field-field-date  .Notre-établissement
   {background-color:rgb(200, 44, 124);   padding:0em 0.25em}****/

/*********************formatage lien *****************/


  .view-taxonomy-term   .views-field-field-url  .field-content{
padding:.25em .5em;margin:0;display:inline-block;} 


.view-taxonomy-term   .views-field-field-url  .field-content a{
text-decoration:none;color:#fff;font-size:12px;font-weight:bold} 

.view-taxonomy-term   .views-field-field-url  .field-content a:hover{
text-decoration:underline;/*color:#333;*/} 

/***couleur border  date en fonction de la rubrique********/

.view-taxonomy-term   .views-field-field-url  .field-content.Notre-établissement
   {/*border-left-color:rgb(200, 44, 124);**/
  background-color:rgb(200, 44, 124); }


  .view-taxonomy-term   .views-field-field-url  .field-content.Espace-interne
   {background-color:#666;  }

  .view-taxonomy-term   .views-field-field-url  .field-content.Nos-formations 
   {  background-color:rgb(232, 148, 57)}

  .view-taxonomy-term   .views-field-field-url  .field-content.Nos-laboratoires
   { background-color: #8caf2e;}


  .view-taxonomy-term    .views-field-field-url  .field-content.Nos-campus 
      { background-color:rgb(39, 165, 173);}


  .view-taxonomy-term    .views-field-field-url  .field-content.Autour-de-nous 
      { background-color:rgb(81, 27, 91);;}


/*******nouveua formatage de la partie agenda today***********/


.view-clone-de-carousel-aujourd-hui  .views-row{
margin-bottom:0.5em;}

 .view-clone-de-carousel-aujourd-hui  .views-row img{margin-bottom:1em;}

 .view-clone-de-carousel-aujourd-hui  .views-row-1,
 .view-clone-de-carousel-aujourd-hui  .views-row-3,
.view-clone-de-carousel-aujourd-hui  .views-row-2,
 .view-clone-de-carousel-aujourd-hui  .views-row-4{
position:relative;}


 .view-clone-de-carousel-aujourd-hui  .views-row:after
{content:'.';display:block;height:0px;width:100%;font-size:0;
  clear:both;background:#eee}

.view-clone-de-carousel-aujourd-hui .views-field-title
{margin-right:.5em;font-size:12px}

 .view-clone-de-carousel-aujourd-hui .views-field-field-image-1
{float:left;margin-right:.5em;}


 .view-clone-de-carousel-aujourd-hui  .views-field-field-date
{max-height:70px;overflow:hidden;}


 .view-clone-de-carousel-aujourd-hui  .views-row-1 .views-field-field-date,
 .view-clone-de-carousel-aujourd-hui  .views-row-2 .views-field-field-date,
 .view-clone-de-carousel-aujourd-hui  .views-row-3 .views-field-field-date,
 .view-clone-de-carousel-aujourd-hui  .views-row-4 .views-field-field-date
{position:absolute;top:0;padding-left:5px;width:65px;height:auto;
  font-size:10px;background:rgba(0,0,0,.5);color:#fff}

 .view-clone-de-carousel-aujourd-hui  .rubriq-5 .views-field-field-date,
 .view-clone-de-carousel-aujourd-hui  .rubriq-6 .views-field-field-date
{background:rgba(0,0,0,.5);/***interne***/}

 .view-clone-de-carousel-aujourd-hui  .rubriq-4 .views-field-field-date
{background:rgba(39, 165, 173,.70);/***campus***/}
 .view-clone-de-carousel-aujourd-hui   .rubriq-1 .views-field-field-date
{background:rgba(200, 44, 124,.5);}
 .view-clone-de-carousel-aujourd-hui   .rubriq-2 .views-field-field-date
{background:rgba(232, 148, 57,.5);}
 .view-clone-de-carousel-aujourd-hui   .rubriq-3 .views-field-field-date
{background:rgba(140, 175, 46,.70)/****recherche***/}
 .view-clone-de-carousel-aujourd-hui  .rubriq-1178 .views-field-field-date
{background:rgba(81, 27, 91,.8) /****autour de nous***/}

 .view-clone-de-carousel-aujourd-hui  .rubriq-1178 .views-field-field-date
{background:rgba(81, 27, 91,.8) /****autour de nous***/}


 .view-clone-de-carousel-aujourd-hui  .views-row-5{
clear:both}
 .view-clone-de-carousel-aujourd-hui  .views-row-5 .li_content
{}
 .view-clone-de-carousel-aujourd-hui  .views-row-5 .li_content:before
{content:'.';display:block;height:0px;font-size:0;clear:both;}


 .view-clone-de-carousel-aujourd-hui  .views-row:nth-child(n+5)
{background:#eee;padding-bottom:.25em;padding-top:.25em;margin-bottom:0;}
.view-clone-de-carousel-aujourd-hui  .views-row:nth-child(n+5).views-row-last
{padding-bottom:.5em}


 .view-clone-de-carousel-aujourd-hui  .views-row:nth-child(n+5) img
{display:none}


 .view-clone-de-carousel-aujourd-hui  .views-row:nth-child(n+5) .views-field-title,
 .view-clone-de-carousel-aujourd-hui  .views-row:nth-child(n+5) .views-field-field-date:after
{display:inline;  content: "|";}

 .view-clone-de-carousel-aujourd-hui  .views-row:nth-child(n+5) .views-field-field-date
{display:inline;background:transparent; color: rgb(102, 102, 102);font-size:11px}



 .view-clone-de-carousel-aujourd-hui .views-row:nth-child(n+5)  .rubrique {
    padding-left: 20px;margin-left:2em}


 .view-clone-de-carousel-aujourd-hui  .rubriq-2.views-row:nth-child(n+5) div.rubrique {
    background: url("../images/icon_agenda_formation.png") no-repeat scroll 0 0.3em rgba(0, 0, 0, 0);
}

 .view-clone-de-carousel-aujourd-hui  .rubriq-3.views-row:nth-child(n+5) div.rubrique {
    background: url("../images/icon_agenda_recherche.png") no-repeat scroll 0 0.3em rgba(0, 0, 0, 0);
}
 .view-clone-de-carousel-aujourd-hui  .rubriq-4.views-row:nth-child(n+5) div.rubrique {
    background: url("../images/icon_agenda_campus.png") no-repeat scroll 0 0.3em rgba(0, 0, 0, 0);
}
 .view-clone-de-carousel-aujourd-hui  .rubriq-5.views-row:nth-child(n+5) div.rubrique,
 .view-clone-de-carousel-aujourd-hui .rubriq-6.views-row:nth-child(n+5)  div.rubrique {
    background: url("../images/icon_agenda_personnel.png") no-repeat scroll 0 0.3em rgba(0, 0, 0, 0);
}
.view-clone-de-carousel-aujourd-hui  .rubriq-1178.views-row:nth-child(n+5) div.rubrique {
    background: url("../images/icon_agenda_autour.png") no-repeat scroll 0 0.3em rgba(0, 0, 0, 0);
}
.view-clone-de-carousel-aujourd-hui  .rubriq-1.views-row:nth-child(n+5) div.rubrique {
    background: url("../images/icon_agenda_institution.png") no-repeat scroll 0 0.3em rgba(0, 0, 0, 0);
}

 .view-clone-de-carousel-aujourd-hui  a:link,
 .view-clone-de-carousel-aujourd-hui a:visited {
    color: rgb(102, 102, 102);line-height:100%;
 text-decoration: none;
}

 .view-clone-de-carousel-aujourd-hui a:hover{
    text-decoration: underline;
}

 .view-clone-de-carousel-aujourd-hui .views-row-1 a:link,
.view-clone-de-carousel-aujourd-hui .views-row-2 a:link,
 .view-clone-de-carousel-aujourd-hui .views-row-3 a:link,
 .view-clone-de-carousel-aujourd-hui .views-row-4 a:link
 {display:block;height:90px;overflow:hidden;}



/*******************************pastille etudiant evenement*****************/
#bystudent
{/*background:transparent url('../images/soumission_etudiant.png') no-repeat right top;**/position:relative;
width:115px;height:106px;}


#bystudent #rond-coul
{display:inline-block;width:80px;height:80px;
border-radius:50%;background-color:#333;z-index:50;
  position:absolute;top:9px;right:18px;}
.autour_de_nous  #bystudent #rond-coul
{background-color:#511B5B;}

.institutionnelle  #bystudent #rond-coul
{background-color:#C82C7C/****rose****/}

.formation #bystudent #rond-coul
{background-color:#e89439/***orange***/}


.recherche  #bystudent #rond-coul
{background-color:#8CAF2E;/****vert****/}

.campus  #bystudent #rond-coul
{background-color:#27a5ad/***bleu***/}

.communaute #bystudent #rond-coul
{background-color:#333/**personnel gris**/}

#bystudent #txt
{display:inline-block;width:50px;height:50px;z-index:100;
  position:absolute;top:30px;right:33px;text-align:center;color:#fff}


a.bystudent
{color:#fff;text-decoration:none;display:inline;
text-transform:uppercase;font-size:11px;
  line-height:130%;float:left;/*text-indent:-5000px*/}
  
  
a.bystudent:after
{display:inline; content:'';clear:both; height:1px}    

a.bystudent:visited
{color:#fff;}    

/********* page du webform abonnement lettre electronique *********/
.page-node-478 #webform-client-form-478
{   left: 50%;
    margin-bottom: 2em;
    margin-left: -155px;
    position: relative;
    width: 310px;
}
.node-webform .submitted
{
  display: none;
}

/********* widget boutons de partage *********/
.widgets-element-horizontal {
	padding-right: 10px;
}




/*********bloc des articles et page sde la front******/
#block-views-articles-breves-block-1
{margin-bottom:2em;}

.front #block-views-articles-breves-block-1
{margin-top:30px}

/********************bloc articles********************************/
#block-views-articles-breves-block-1  .views-row,
.view-display-id-page_1 .views-row
{margin-bottom:1em;position:relative;min-height:63px}

#block-views-articles-breves-block-1 .views-row.oui

{margin-left:6px;}



#block-views-articles-breves-block-1 .views-row.Brève,
.view-display-id-page_1  .views-row.Brève{  
background-color: #fff;min-height:auto;
background-repeat: no-repeat ;
background-position: 0 0;
/*background-size: auto 1em;*/
margin-bottom:1em; padding: 5px 5px 5px 30px;}

#block-views-articles-breves-block-1 .rubrique-4.Brève,
.view-display-id-page_1 .rubrique-4.Brève {  
background-image : url("../images/internet-bleu.png") /***campus bleu**/}
#block-views-articles-breves-block-1 .rubrique-3.Brève,
.view-display-id-page_1  .rubrique-3.Brève {  
background-image : url("../images/internet-vert.png")/***vert*/}
#block-views-articles-breves-block-1 .rubrique-1.Brève,
.view-display-id-page_1   .rubrique-1.Brève
{  
background-image :  url("../images/internet-rose.png") /**rose**/}
#block-views-articles-breves-block-1 .rubrique-2.Brève,
.view-display-id-page_1   .rubrique-2.Brève{  
background-image :  url("../images/internet-orange.png")/**orange*/}
#block-views-articles-breves-block-1.rubrique-5.Brève,
#block-views-articles-breves-block-1 .rubrique-6.Brève,
.view-display-id-page_1   .rubrique-5.Brève,
.view-display-id-page_1  .rubrique-6.Brève
{  background-color: #fff;background-image: url("../images/internet-gris.png") /**orange*/}

#block-views-articles-breves-block-1 .rubrique-1178.Brève,
.view-display-id-page_1  .rubrique-1178.Brève{  
  background-image: url("../images/internet-violet.png")}



/***************************image************************/

/*#block-views-articles-breves-block-1 .views-row.Oui  .views-field-field-image{
  display:none}

#block-views-articles-breves-block-1 .views-row.Non .views-field-field-image,
.view-display-id-page_1   .views-row.Non .views-field-field-image
{float:left; min-height:70px }

#block-views-articles-breves-block-1 .views-row.Oui .views-field-field-grande-image{
width:60%;overflow:hidden !important;float:right}*/

#block-views-articles-breves-block-1 .views-row .views-field-field-image,
.view-display-id-page_1   .views-row.Non .views-field-field-image
{float:left; min-height:70px }

#block-views-articles-breves-block-1 .views-row.Oui .views-field-field-grande-image{display: none;}

/*remplacement des lignes précédentes*/

#block-views-articles-breves-block-1 .views-row.Non .views-field-field-grande-image,
.view-display-id-page_1  .views-row .views-field-field-grande-image{
  display:none}

/*#block-views-articles-breves-block-1  .views-row.Oui .views-field-field-grande-image img{
width:100%;height:auto !important;}

#block-views-articles-breves-block-1  .views-row.non  .views-field-field-image img,
.view-display-id-page_1   .views-row .views-field-field-image img
{margin-left:6px;border-left:10px SOLID #333}

*/

#block-views-articles-breves-block-1 .views-row.oui a:hover .views-field-field-grande-image img,
.view-display-id-page_1  .views-row  a:hover .views-field-field-grande-image img{
-ms-transform: scale(1.5); /* IE 9 */
    -webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
    transform:scale(1.5);
  width:100%;
   transition:transform 1s ease;
   -webkit-transition: transform 1s ease;
     -moz-transition: transform 1s ease;
       -o-transition: transform 1s ease;
    
}


/******************RUBRIQUES********************************************/
/*****************rubrique 5 et 6**********************/


#block-views-articles-breves-block-1  .views-row .views-field-field-grande-image
{border-left:SOLID 10PX #333;/*****1 rose institution***/}

#block-views-articles-breves-block-1  .views-row.oui .views-field-resume p,
.view-display-id-page_1   .views-row.oui .views-field-resume p
{ margin-bottom:1em;}

#block-views-articles-breves-block-1  .views-row.rubrique-5 .views-field-field-grande-image ,
#block-views-articles-breves-block-1  .views-row.rubrique-6 .views-field-field-grande-image 
{ border-left-color:#ccc;}

#block-views-articles-breves-block-1  .views-row.rubrique-1 .views-field-field-grande-image 
{border-left-color:#C82C7C;/*****1 rose institution***/}


#block-views-articles-breves-block-1  .views-row.rubrique-2 .views-field-field-grande-image 
{border-left-color:#E89439;}

#block-views-articles-breves-block-1  .views-row.rubrique-3 .views-field-field-grande-image 
{border-left-color:#8CAF2E;/****3 vert recherche**/}

#block-views-articles-breves-block-1 .views-row.rubrique-4 .views-field-field-grande-image 
{border-left-color:#27A5AD/***4 bleu campus***/}

#block-views-articles-breves-block-1  .views-row.rubrique-1178 .views-field-field-grande-image 

{border-left-color:#511b5b ;/***5 violet autour de nous****/}


#block-views-articles-breves-block-1 .views-row.rubrique-6 .views-field-field-grande-image ,
.view-display-id-page_1  .views-row.rubrique-5  .views-field-field-grande-image 
{  
  border-left-color:#ccc;
  /***page communaute: /iprendre en compte les icones personnels****/}
#block-views-articles-breves-block-1 .views-row.rubrique-1 .views-field-field-image img,
.view-display-id-page_1  .views-row.rubrique-1 .views-field-field-image img
{border-left-color:#C82C7C;/*****1 rose institution***/}


#block-views-articles-breves-block-1  .views-row.rubrique-2  .views-field-field-image img,
.view-display-id-page_1  .views-row.rubrique-2  .views-field-field-image img
{border-left-color:#E89439;}

#block-views-articles-breves-block-1  .views-row.rubrique-3  .views-field-field-image img,
.view-display-id-page_1   .views-row.rubrique-3  .views-field-field-image img

{border-left-color:#8CAF2E;/****3 vert recherche**/}

#block-views-articles-breves-block-1  .views-row.rubrique-4  .views-field-field-image img,
.view-display-id-page_1  .views-row.rubrique-4  .views-field-field-image img
{border-left-color:#27A5AD/***4 bleu campus***/}
#block-views-articles-breves-block-1  .views-row.rubrique-1178 .views-field-field-image img,
.view-display-id-page_1  .views-row.rubrique-1178 .views-field-field-image img

{border-left-color:#511b5b ;/***5 violet autour de nous****/}

/*****champs  RUBRIQUES***/

#block-views-articles-breves-block-1  .Brève .views-field-field-rubrique,

#block-views-articles-breves-block-1   .Brève  .views-field-field-image,
.view-display-id-page_1 .Brève .views-field-field-rubrique,
.view-display-id-page_1  .Brève  .views-field-field-image

{display:none}

/*{display:block;margin:0;padding:0}**/

.page-taxonomy-term-1  #block-views-articles-breves-block-1 .views-field-field-rubrique,
.page-taxonomy-term-2  #block-views-articles-breves-block-1 .views-field-field-rubrique,
.page-taxonomy-term-3  #block-views-articles-breves-block-1 .views-field-field-rubrique,
.page-taxonomy-term-4  #block-views-articles-breves-block-1 .views-field-field-rubrique,
.page-taxonomy-term-5  #block-views-articles-breves-block-1 .views-field-field-rubrique,
.page-taxonomy-term-6  #block-views-articles-breves-block-1 .views-field-field-rubrique,
.page-taxonomy-term-1178  #block-views-articles-breves-block-1 .views-field-field-rubrique
{display:none;visibility:hidden;font-size:0px;height:0;margin:0;padding:0/***pâs d'affichage de rubrique pour les grandes rubriques ***/}

#block-views-articles-breves-block-1  .views-row   .views-field-field-rubrique
{padding:0 0 0 90px }
#block-views-articles-breves-block-1  .views-row.oui   .views-field-field-rubrique
{padding:0 0 0 5px }


#block-views-articles-breves-block-1  .views-row   .views-field-field-rubrique 

 {color: #333;font-size: 13px; /*font-weight:bold;**/text-transform: uppercase;}


#block-views-articles-breves-block-1  .rubrique-1 .views-field-field-rubrique 

{color:#c82c7c /****rose****/}

#block-views-articles-breves-block-1   .rubrique-2  .views-field-field-rubrique 

{color:#e89439/***orange***/}

#block-views-articles-breves-block-1  .rubrique-3  .views-field-field-rubrique 


{color:#8CAF2E;/****vert****/}
#block-views-articles-breves-block-1 .rubrique-4  .views-field-field-rubrique 

{color:#27a5ad/***bleu***/}
#block-views-articles-breves-block-1  .rubrique-1178 .views-field-field-rubrique 

{color:#511B5B/***violet**/}



.page-taxonomy-term-5 #zone-content  #block-views-articles-breves-block-1  .views-row.rubrique-6   .views-field-title,
.page-taxonomy-term-5 #zone-content  #block-views-articles-breves-block-1  .views-row.rubrique-5  .views-field-title
{  background-image:none;padding-right:0
    /***page communaute: /interne : pas d'icones trop répétitif****/}

/********TITLE***********/

#zone-content  #block-views-articles-breves-block-1  .views-row  .views-field-title ,
#zone-content .view-display-id-page_1  .views-row   .views-field-title
{display:block;padding:0px 0 2px 90px;text-decoration:none;font-weight:bold;font-size:16px;color:#333;color : #fff\9;
  line-height:110%;/*text-transform:uppercase;*/}


#zone-content #block-views-articles-breves-block-1 .views-row.article.oui .views-field-title
{display: block;width:36%;padding:0 0 0 5px;margin-left:0}


#zone-content #block-views-articles-breves-block-1 .views-row.Brève .views-field-title,
#zone-content .view-display-id-page_1  .views-row.Brève .views-field-title{
    display: block;
    padding: 0 0;
}


/******resume*********/

#zone-content #block-views-articles-breves-block-1 .views-row  .views-field-resume,
#zone-content .view-display-id-page_1  .views-row.Brève  .views-field-resume
{display:block;padding:0px 0 2px 90px;font-size:12px}

#zone-content #block-views-articles-breves-block-1 .views-row.Brève  .views-field-resume
{padding:0 0; }


#zone-content #block-views-articles-breves-block-1 .views-row.article.oui .views-field-resume
{display: block;width:36%;padding:0 0 0 5px;margin-left:0}


#zone-content #block-views-articles-breves-block-1 .views-row.Brève   a:link ,
#zone-content .view-display-id-page_1  .views-row.Brève   a:visited
{min-height:1em}


#zone-content #block-views-articles-breves-block-1 .views-row .field-content>a:link ,
#zone-content #block-views-articles-breves-block-1 .views-row .field-content>a:visited ,

#zone-content .view-display-id-page_1  .views-row .field-content>a:link ,
#zone-content .view-display-id-page_1  .views-row .field-content>a:visited 
{text-decoration:none;display:block;color:#333}

#zone-content #block-views-articles-breves-block-1 .views-row.Article  .field-content>a:link ,
#zone-content #block-views-articles-breves-block-1 .views-row.Article  .field-content>a:visited,
#zone-content .view-display-id-page_1  .views-row.Article  .field-content>a:link ,
#zone-content .view-display-id-page_1  .views-row.Article  .field-content>a:visited
{min-height:70px;}


#zone-content #block-views-articles-breves-block-1 .views-row:hover,
#zone-content .view-display-id-page_1 .views-row:hover

{background-color:#eee}




#zone-content #block-views-articles-breves-block-1 .views-row.rubrique-1 .views-field-title a,

#zone-content .view-display-id-page_1 .views-row.rubrique-1 .views-field-title a
{color:#c82c7c}

#zone-content  #block-views-articles-breves-block-1  .views-row.rubrique-2  .views-field-title a,
#zone-content  .view-display-id-page_1  .views-row.rubrique-2  .views-field-title a{
  color:#e89439}

#zone-content  #block-views-articles-breves-block-1  .views-row.rubrique-3  .views-field-title a,
#zone-content .view-display-id-page_1  .views-row.rubrique-3  .views-field-title a
{color:#8CAF2E;}

#zone-content  #block-views-articles-breves-block-1  .views-row.rubrique-4 .views-field-title a,
#zone-content  .view-display-id-page_1  .views-row.rubrique-4 .views-field-title a{color:#27a5ad}

#zone-content  #block-views-articles-breves-block-1  .views-row.rubrique-1178 .views-field-title a,

#zone-content  .view-display-id-page_1  .views-row.rubrique-1178 .views-field-title a{color:#511B5B}

.page-taxonomy-term-1  #zone-content #block-views-articles-breves-block-1  .views-field-title a,
.page-taxonomy-term-2   #zone-content #block-views-articles-breves-block-1   .views-field-title a,
.page-taxonomy-term-3   #zone-content #block-views-articles-breves-block-1   .views-field-title a,
.page-taxonomy-term-4   #zone-content #block-views-articles-breves-block-1  .views-field-title a,
.page-taxonomy-term-5   #zone-content #block-views-articles-breves-block-1   .views-field-title a
{letter-spacing:0;line-height:120%;}


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


#block-views-articles-block-4 .views-row .views-field-resume
{  padding:0 0 0 10px;font-size:14px;}


#block-views-articles-block-4 .views-row .views-field-resume p
{ color:#333;margin-bottom:.5em}

/******lien au dessus****

/*****bloc de connxion***********/
/***bloc de connection dur 3 colonnes NON CONNECTE***/

#block-cas-login
{ 
 display:block;position:absolute;top:10px;left:130px;
  width:30px;height:35px;
  
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}


 #block-cas-login #h2,
#block-cas-login #edit-cas-login-redirection-message
{display:none;}

#block-cas-login .form-item, 
#block-cas-login .form-actions{
margin-bottom: 0;margin-top:0}


#block-cas-login  input#edit-submit--3,
#block-cas-login #edit-actions input#edit-submit{
  background: transparent url("../images/connexion.png") no-repeat  0 0;
  font-size:0;    margin: 0; padding: 0;border-radius: 0;
    border-width: 0;width:30px;height:35px;display:inline-block;
   /* background: rgb(0, 0, 0) none repeat scroll 0 0;
    color: rgb(253, 240, 91);
    display: block;
    line-height: 32px; text-shadow: none;
    text-transform: uppercase;
    width: 100%;*/
}



#block-cas-login #edit-cas-login-redirection-message--2{border-top:4px solid #5c5c5c;padding-top:10px}



/********/
#block-views-articles-breves-block-1 .views-field-field-grande-image-1 img,
#block-views-articles-breves-block-1 img
{max-width:100%;height:auto}





/* flux rss des view*/
.view  .view-header ,
#block-block-8 a.feed-icon,
#block-block-7 a.feed-icon,
#block-block-9 a.feed-icon,
#block-block-16 a.feed-icon{
float:right}
#block-views-articles-breves-block-1 .view-header  img{display:none;}

.view-display-id-page_1 .view-header p
{
position:relative;}
.view-display-id-page_1 .view-header 
{float:none;}





/* vue time lime ; mise en page des actus de le time lime bg 18/09/19*/
div.view.view-time-line  div.simple_timeline ul.timeline li  span.timeline-image a {
display:block;/*width:220px; height:220px;  overflow:hidden*/}



 .view-time-line  div.simple_timeline ul li span.timeline-content h3.timeline-date{text-transform:normal;font-style:italic;font-size:10px;color:#666}
 
 .view-time-line  div.simple_timeline ul li span.timeline-content h3.timeline-date  span.date-display-single
 {display:inline-block;text-transform:uppercase;
 background-color:#FFEF3F;font-size:12px;color:#333;font-style:normal; border-radius:4px;line-height:180%;padding:0 5px;} 
 
 
 
 div.view.view-time-line  div.simple_timeline  ul.timeline  li  span.timeline-image span.rub_1 a img
{border-radius:15px; border-bottom:5px solid #C82C7C;}
 

 
 
 .view-time-line  div.simple_timeline ul li span.timeline-content h3.timeline-date p.rub_1
 {margin-bottom:10px;color:#C82C7C;}
 /*******1institution rose**/
  .view-time-line  div.simple_timeline ul li span.timeline-content h3.timeline-date p.rub_2
  {margin-bottom:10px;color:#E89439;}
  /*******formation #E89439**/

 .view-time-line  div.simple_timeline ul li span.timeline-content h3.timeline-date p.rub_3
{color:#8CAF2E;}/*******3 recherche vert***/

 .view-time-line  div.simple_timeline ul li span.timeline-content h3.timeline-date p.rub_4
{color:#27A5AD ;}/*******4 campus bleu**}***/


 .view-time-line  div.simple_timeline ul li span.timeline-content h3.timeline-date p.rub_6
{  color: #501B59}/***autour violet****/

 
 .view-time-line  div.simple_timeline ul li span.timeline-content span.timeline-text{color:#333}
 
 
 .view-time-line  div.simple_timeline ul li span.timeline-content span.timeline-text a:link,
  .view-time-line  div.simple_timeline ul li span.timeline-content span.timeline-text a:visited,
   .view-time-line  div.simple_timeline ul li span.timeline-content span.timeline-text a:hover{color:#333; font-weight:bold}
   
   
   .simple_timeline ul li:nth-child(2n+1) > div,
      .simple_timeline ul li:nth-child(2n) > div {
  
    background-image: url('../images/li-bg2.png') ;}



/* vue time lime ; mise en page des actus de le time lime bg 18/09/19*/




section[id^="block-views-agenda-block"]  .rubrique-5  .views-field-field-date,
section[id^="block-views-agenda-block"]  .rubrique-6  .views-field-field-date
{  background: rgba(255, 255, 255, 0.9) url("../images/bg-diag.png") repeat scroll 0 0;color:black}

/*** icone rss autre pages de taxonomie  r********/
.page-taxonomy-term  #region-content  div.feed-icon
{ position:absolute;top:0;right:0px;
  display:block;margin-bottom:0.5em;margin-right:0px;margin-top:0;
font-size:0;
padding:0;height:26px;width:26px;overflow:hidden;text-align:right;
background:url("../images/logo-rss.png") no-repeat  0 0
 }
.page-taxonomy-term  #region-content  div.feed-icon a
{  display:block;margin:0;font-size:0;
padding:0;height:26px;width:26px; }

.page-taxonomy-term-1178  #region-content  div.feed-icon
{ display:none}
.page-taxonomy-term  #region-content  div.feed-icon img
{ visibility:hidden}



.view-display-id-page_1   .view-header p a.feed-icon,
.view  .view-header p a.feed-icon,
#block-block-8 a.feed-icon,
#block-block-7 a.feed-icon,
#block-block-9 a.feed-icon,
#block-block-13 a.feed-icon,
#block-block-16 a.feed-icon

{display:block;margin-bottom:0.5em;margin-right:0px;margin-left:-26px;
font-size:0;
padding:0;height:26px;width:26px;overflow:hidden;text-align:right;
  margin-top:-36px;background:url("../images/logo-rss.png") no-repeat  0 0}


#block-block-13 a.feed-icon
{margin-left:auto;  margin-top:-30px;
}



.page-archives #zone-content .view-header p{
  text-align:right;margin-bottom:0;top:-30px}

.view-display-id-page_1 .view-header p a.feed-icon
{/*position:absolute;top:-10px;right:0;  margin-top:0px;*/display:inline-block;margin:0;position:static}

.view  .view-header p a.feed-icon:hover,
#block-block-8 a.feed-icon:hover,
#block-block-7 a.feed-icon:hover,
#block-block-9 a.feed-icon:hover,
#block-block-13 a.feed-icon:hover,
#block-block-16 a.feed-icon:hover
{background:url("../images/logo-rss.png") no-repeat -26px 0}

#block-block-7  p/*revue de presse/ent/appels à projet**/,
#block-block-8  p,
#block-block-9  p,
#block-block-13  p,
#block-block-16  p
{margin-bottom:0;}


.view-display-id-page_1 .views-row.Brève  .views-field:nth-child(2) ,
#block-views-articles-breves-block-1 .views-row.Brève  .views-field:nth-child(2){display:none}

/*Soumettre une contribution*/

#toolbar .toolbar-shortcuts .first a { color: #000; background: #FFEF41; }
#toolbar .toolbar-shortcuts .first a:hover { background: #FFEF41; text-decoration:underline; }
#toolbar .toolbar-shortcuts .first a.active { color:#fff; }




.page-archives #zone-content #block-system-main {z-index:10;position:relative}
.page-archives #zone-content #block-views-exp-agenda-page-1 {z-index:20;position:relative
}






body.page-taxonomy-if-term-5296  #region-page-top,
body.page-taxonomy-if-term-5296  .contextual-links-wrapper
{display:none !important;}






/************************************revue de presse**********************************/


.node-type-revue-de-presse {
padding:0;margin:0 auto;text-align:left}
   
.node-type-revue-de-presse *{  box-sizing:border-box}
.node-type-revue-de-presse .field-name-field-image img
{width:100%; height:auto;margin:0;}


.node-type-revue-de-presse p{
margin:0;padding:0}
.node-type-revue-de-presse a:link,
.node-type-revue-de-presse a:visited{
color:black;text-decoration:none;}


.node-type-revue-de-presse h1#page-title{display:none;}

.node-type-revue-de-presse h2.node-title{
  color:#333;font-size:22px;font-weight:bold;margin:10px;}

.node-type-revue-de-presse .texte{
  color:#666;font-size:12px;font-style:italic;margin:1em 0 ;padding:0;}
  
  



/*.node-type-revue-de-presse table.tableRP{
margin:0;width:100%;padding:0; font-size:12px;background-color:#fff;border-collapse:collapse;border-width:0px}
.node-type-revue-de-presse table.tableRP tr{
padding:0;margin:0;border-width:0px}
.node-type-revue-de-presse table.tableRP td{
margin:0px;padding:0 0 15px 0;border:0px solid yellow;width:50%}
.node-type-revue-de-presse table.tableRP td div{
margin:0;padding:0;border-width:0px}
**/



/**champs texte long et liens pdf****/
.node-type-revue-de-presse div.field-type-text-long{
font-size:12px;margin-bottom:20px}

.node-type-revue-de-presse div.field-type-text-long:empty{
background:red}


.node-type-revue-de-presse .field-type-text-long ul,
.node-type-revue-de-presse  .field-type-text-long p{
margin:5px 0;padding-left:70px;box-sizing:border-box}


.node-type-revue-de-presse.field-type-text-long li{
padding:0;margin:0;box-sizing:border-box}



/*titres  de rubrique****/
.node-type-revue-de-presse .field-type-text{min-height:80px;box-sizing:border-box;position:relative}


.node-type-revue-de-presse  .field-type-text .field-items{ vertical-align:top;
  position:relative;margin-left:80px;top:20px;
  font-size:12px;line-height:30px;font-weight:bold; text-transform:uppercase;}


.node-type-revue-de-presse .field-type-text .field-item{ background-color:#fff04b;color:#333;padding:0 10px;}




 .node-type-revue-de-presse .field-type-text:before{height:80px;box-sizing:border-box;width:70px;position:absolute;top:0;left:0;
background-position:0 0;background-repeat: no-repeat;content:""}

.node-type-revue-de-presse  .field-name-field-rubrique-1-universit-de-lo:before{background-image : url("../images/ic-univv2.png")}
.node-type-revue-de-presse  .field-name-field-rubrique-2:before{background-image : url("../images/ic-formationv2.png")}
.node-type-revue-de-presse  .field-name-field-rubrique-3-recherche:before{background-image : url("../images/ic-recherchev2.png")}
.node-type-revue-de-presse  .field-name-field-rubrique-4-grande-r-gion-e:before{background-image : url("../images/ic-campusv2.png")}
.node-type-revue-de-presse  .field-name-field-rubrique-5-international:before{background-image : url("../images/ic-internationalv2.png")}
.node-type-revue-de-presse  .field-name-field-rubrique-6-vie-universitai:before{background-image : url("../images/ic-innovationv2.png")}
.node-type-revue-de-presse  .field-name-field-autre-rubrique:before{background-image : url("../images/ic-autour.png")}

div.fieldset-wrapper > :nth-child(odd) { }
div.fieldset-wrapper > :nth-child(even) {}




/************************************revue de presse* mobile*************************/
@media screen and (max-width:600px) {
  
.node-type-revue-de-presse h2.node-title{
font-size:16px;}


.node-type-revue-de-presse .field-type-text{min-height:50px;}

.node-type-revue-de-presse  .field-type-text .field-items{margin-left:40px;top:0px;
  font-size:11px;}
.node-type-revue-de-presse .field-type-text:before{height:40px;width:35px;
background-size:100% auto }


.node-type-revue-de-presse .field-type-text-long ul,
.node-type-revue-de-presse  .field-type-text-long p{
margin:0px 0;padding-left:40px;}
}
/********/


/************* calendrier évenements culturels - Davidg 23juillet2019*************************/
.evenementsculturels.view .view-header {width:100%;}
.evenementsculturels.view .date-nav-wrapper .date-heading {position: absolute;}
.evenementsculturels.view .pager {border:none;}
.evenementsculturels.view .date-nav-wrapper .date-next, .evenementsculturels.view .date-nav-wrapper .date-prev {background: none;}
.evenementsculturels.view .date-nav-wrapper .date-next a, .evenementsculturels.view .date-nav-wrapper .date-prev a {font-size:0;}
.evenementsculturels.view .views-exposed-form .views-exposed-widget {padding: 2em 1.5em .5em 0; font-size: large;}
.evenementsculturels.view #edit-tid, .evenementsculturels.view #edit-city {padding: 0 4em 0 0;}


.evenementsculturels .calendar-calendar .month-view .full td.multi-day div.monthview {background: #EEE;}
.evenementsculturels .calendar-calendar .month-view .full td.single-day div.monthview {background: #DDD;}
.evenementsculturels .calendar-calendar td a {font-weight: normal;}
.evenementsculturels a:link, a:visited {color: #333;}
.evenementsculturels .calendar-calendar .month-view .full td.multi-day .inner .monthview .continues {background: #DDD;}
.evenementsculturels .calendar-calendar .month-view .full tr td.multi-day img {display: none;}

.evenementsculturels .view-footer {text-align: right; margin-top: 1em;}

/************* calendrier évenements culturels - bg 30 sept 2019
*********************************************************************/
/****vue A venir à l'Espace BMK*********/


#block-views-similarterms-block-1  .views-row a img{display:inline-block;float:left;margin-right:10px;margin-bottom:10px;}
#block-views-similarterms-block-1  .views-row  span.views-field-field-date,

#block-views-similarterms-block-1 .views-row  span.views-field-field-date span{display:inline-block;color:purple;}

#block-views-similarterms-block-1 .views-row  span.views-field-title{display:inline;}
#block-views-similarterms-block-1 .views-row:after{display:block;content:'';height:1px;background-color:#666;clear:left;}




#region-content ul.pager li.date-prev,
 #region-content ul.pager li.date-next,
.view .date-nav-wrapper .date-prev {

    background-color: transparent;

}
/* Personnalisation du bouton je m'abonne à la lettre "recherche" Sept 20 + NL First-janvier23 */

.webform-client-form-14997,
.webform-client-form-22013 {
	padding: 10px 20px;
}
.webform-client-form-14997 {
	background-color: rgb(140, 175, 46);
}

.webform-client-form-22013 {
	background-color: #18286A;
}
.webform-client-form-22013 p,
.webform-client-form-22013 label,
.webform-client-form-22013 .description{
	color: #FFF;
}
.webform-client-form-14997 div.captcha,
.webform-client-form-22013 div.captcha{
width:304px;
margin :0 auto;
}

.webform-client-form-14997 .form-required,
.webform-client-form-22013 .form-required{
    display: none;
}

.webform-client-form-14997 .webform-component-email label,
.webform-client-form-22013 .webform-component-email label{
    font-size: 28px;
    line-height: 1.2;
    color: #FFF;
    margin: 0 0 10px 0;
}


.webform-client-form-14997 .webform-component-email input,
.webform-client-form-22013 .webform-component-email input{
	width: 100%;
	background-color: rgba(255,255,255,0.9);
	padding: 15px;
}


.webform-client-form-14997 .webform-submit,
.webform-client-form-22013 .webform-submit{
	background: #E3F9D5;
	border-color: #E3F9D5;
	padding: 10px 71px 10px;
	font-size: 20px;
	text-transform: uppercase;
	text-shadow: none;
	color: #000;
	width: 100%;
	border-radius: 30px;
}
.webform-client-form-22013 .webform-submit{
	background: #C3CAE6;
	border-color: #C3CAE6;
}



/*ajout d'un accordeon pour certaines pages*/
#accordeon .accordion {
  cursor: pointer;
  padding: 10px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
	#block-block-39 #accordeon .accordion {padding: 6px;}

#accordeon .active {
  background-color: #fea246; 
}

#accordeon .accordion:hover, #accordeon .accordion.active:hover {
  opacity: 0.5;
}

#accordeon .accordion:after {
  content: '\002B';
  color: #FFF;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

#accordeon .active:after {
  content: "\2212";
}

#accordeon .panel {
  padding: 10px;
  display: none;
  background-color: white;
  overflow: hidden;
}

#accordeon .panel p{
margin-bottom: 10px;
}

#accordeon .panel ul{
margin-left: 20px;
}

span.traduction {color:#444; font-style:italic; font-weight: normal; margin-left: 10px;}
p.traduction{background-color:#EEE; padding:5px;font-style:italic; margin-bottom:0;}
li.traduction{background-color:#EEE; padding:5px;font-style:italic;}
h5.traduction{background-color:#EEE; padding:5px;font-style:italic;}


#accordeon h2, h4.accordion{
	padding:10px;
	margin-top:18px;
	margin-bottom: 0;
}
	#block-block-39 h2.accordion{font-weight: initial; letter-spacing: inherit;}
}



#accordeon h2.accordion.bleucovid {background-color: rgba(45, 73, 107, 0.7);	color:#fff;}
#accordeon h2.accordion.bleucovid.active{background-color: rgba(45, 73, 107, 1);}

#accordeon h2.accordion.rose{background-color: rgba(200, 44, 124, 0.7);	color:#fff;}
#accordeon h2.accordion.rose.active{background-color: rgba(200, 44, 124, 1);}
#accordeon .panel.rose {background-color: rgba(200, 44, 124, 0.1);}


#accordeon h3.accordion.rose{background-color: rgba(200, 44, 124, 0.8);color:#fff;}
#accordeon h3.accordion.rose.active{background-color: rgba(200, 44, 124, 1);}

#accordeon h4.accordion.rose{background-color: rgba(200, 44, 124, 0.3);color: #444;}
#accordeon h4.accordion.rose.active{background-color: rgba(200, 44, 124, 1);color:#fff;}


#accordeon h2.accordion.orange{background-color: rgba(232, 148, 57, 0.7);	color:#fff;}
#accordeon h2.accordion.orange.active{background-color: rgba(232, 148, 57, 1);}

#accordeon h3.accordion.orange{background-color: rgba(232, 148, 57, 0.8);color:#fff;}
#accordeon h3.accordion.orange.active{background-color: rgba(232, 148, 57, 1);}

#accordeon h4.accordion.orange{background-color: rgba(232, 148, 57, 0.3);color: #444;}
#accordeon h4.accordion.orange.active{background-color: rgba(232, 148, 57, 1);color:#fff;}


#accordeon h2.accordion.vert{background-color: rgba(140, 175, 46, 0.7);	color:#fff;}
#accordeon h2.accordion.vert.active{background-color: rgba(140, 175, 46, 1);}

#accordeon h3.accordion.vert{background-color: rgba(140, 175, 46, 0.8);color:#fff;}
#accordeon h3.accordion.vert.active{background-color: rgba(140, 175, 46, 1);}

#accordeon h4.accordion.vert{background-color: rgba(140, 175, 46, 0.3);color: #444;}
#accordeon h4.accordion.vert.active{background-color: rgba(140, 175, 46, 1);color:#fff;}


#accordeon h2.accordion.bleu{background-color: rgba(39, 165, 173, 0.7);	color:#fff;}
#accordeon h2.accordion.bleu.active{background-color: rgba(39, 165, 173, 1);}
						
#accordeon h3.accordion.bleu{background-color: rgba(39, 165, 173, 0.8);color:#fff;}
#accordeon h3.accordion.bleu.active{background-color: rgba(39, 165, 173, 1);}
						
#accordeon h4.accordion.bleu{background-color: rgba(39, 165, 173, 0.3);color: #444;}
#accordeon h4.accordion.bleu.active{background-color: rgba(39, 165, 173, 1);color:#fff;}


#accordeon h2.accordion.violet{background-color: rgba(80, 28, 89, 0.7);	color:#fff;}
#accordeon h2.accordion.violet.active{background-color: rgba(80, 28, 89, 1);}
						 
#accordeon h3.accordion.violet{background-color: rgba(80, 28, 89, 0.8);color:#fff;}
#accordeon h3.accordion.violet.active{background-color: rgba(80, 28, 89, 1);}
						 
#accordeon h4.accordion.violet{background-color: rgba(80, 28, 89, 0.3);color: #444;}
#accordeon h4.accordion.violet.active{background-color: rgba(80, 28, 89, 1);color:#fff;}

#accordeon h2.accordion.gris{background-color: rgba(102, 102, 102, 0.7);	color:#fff;}
#accordeon h2.accordion.gris.active{background-color: rgba(102, 102, 102, 1);}
						 
#accordeon h3.accordion.gris{background-color: rgba(102, 102, 102, 0.8);color:#fff;}
#accordeon h3.accordion.gris.active{background-color: rgba(102, 102, 102, 1);}
						 
#accordeon h4.accordion.gris{background-color: rgba(102, 102, 102, 0.3);color: #444;}
#accordeon h4.accordion.gris.active{background-color: rgba(102, 102, 102, 1);color:#fff;}


/*page coronavirus*/
.page-node-17529 .step,
.page-node-13821 .step {
	font-weight: bold;
	border-bottom: 2px #2D496B solid;
	border-left: 20px #2D496B solid;
	padding-left: 7px;
}
.page-node-17529 .step2,
.page-node-13821 .step2 {
	font-weight: bold;
	border-left: 20px rgba(45, 73, 107, 0.5) solid;
	padding-left: 7px;
	margin-left: 28px;
}
.page-node-17529 .rouge19,
.page-node-13821 .rouge19 {
	font-weight:bold;
	color:#BE1622;
}

/*tableaux des consignes */
div.consignes {
  display: inline-block;
}

.consignes > div {
  width: 48%;
  float: left;
  margin: 1%;
  text-align: center;
}
.consignes p {
  margin-bottom:0;
  margin-top:10px;
}

.consignes div > div:first-child {
  padding: 5px;
  font-size: 16px;
  font-weight:bold;
  color:#FFF;
}

.consignes div > div:last-child {
  padding: 10px;
  margin:0 10px;
}

.consignes div:first-child > div:first-child {
  background-color: rgba(232, 148, 57, 1);
}
.consignes div:first-child div:last-child {
  background-color: rgba(232, 148, 57, 0.2);

}
.consignes div:last-child > div:first-child {
  background-color: rgba(102, 102, 102, 1);
}

.consignes div:last-child div:last-child {
  background-color: rgba(102, 102, 102, 0.2);
}

.consignes div a{
  font-weight:bold;
  padding: 8px;
  color:#fff;
}
.consignes div:first-child div:last-child a{
  background-color: rgba(232, 148, 57, 1);
}
.consignes div:last-child div:last-child a{
  background-color: rgba(102, 102, 102, 1);
}

.consignes div:first-child div:last-child a:hover{
  background-color: rgba(232, 148, 57, 0.2);
  color:#333;
}
.consignes div:last-child div:last-child a:hover{
  background-color: rgba(102, 102, 102, 0.2);
  color:#333;
}


/*fin de tableaux des consignes */




/*formulaire sumpps + formulaire jpo*/
.webform-client-form-15144 .webform-component-fieldset .form-text,
.webform-client-form-15144 .form-select#edit-submitted-votre-situation-etudiante-ufr-faculte-ecole,
.webform-client-form-15958 .webform-component .form-text,
.webform-client-form-15958 .form-select{
	width: 100%;
}

.webform-client-form-15958 .webform-component--naigation-jpo p {
width:46%;
background-color: rgba(231, 148, 57, 1);
float: left;  
height: 4em;
text-align: center;
margin:1%;
padding:1%;
border-radius: 5px;
display: table;
}

.webform-client-form-15958 .webform-component--naigation-jpo p a {
display: table-cell;
vertical-align: middle;
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
text-transform: uppercase;

}

.webform-client-form-15958 .webform-component--naigation-jpo p a:hover {
color: #DDD;
}
.webform-client-form-15958 .webform-component--vous-avez-une-question- {
  clear: both;
  padding-top:10px;
}




.webform-client-form-15144 .webform-component-fieldset {
border: 1px black solid;
padding: 10px;
}

.webform-client-form-15144 .fieldset-legend {
padding: 0 10px;
color:#333;
font-weight: bold;
}
.webform-client-form-15144 .webform-component--consentement{
	font-size:9px;
}

form.webform-client-form-15144,
form.webform-client-form-15958 {
padding: 5px;
border: 1px #999 solid;
}
	form.webform-client-form-15144 {
	background-color: #D8E8E7;
	}
	form.webform-client-form-15958 {
	background-color: rgba(231, 148, 57, 0.1);
	}

.webform-client-form-15144 .form-item,
.webform-client-form-15958 .form-item {
    margin-top: 5px;
    margin-bottom: 3px;
}

.webform-client-form-15144 .form-type-radio {
margin-right: 20px;
display: inline;
}

/*formulaire jpo - node/15717 et formulaire semaine de la recherche 15883 et quizz alternance 16062*/
.webform-client-form-17463 .webform-submit,
.webform-client-form-16527 .webform-submit,
.webform-client-form-16062 .webform-submit,
.webform-client-form-15717 .webform-submit,
.webform-client-form-15883 .webform-submit,
.webform-client-form-16462 .webform-submit,
.webform-client-form-17894 .webform-submit,
.webform-client-form-18824 .webform-submit{
	display:none;
}

/*
Pour afficher un formulaire sous la forme d'une liste sélectionable avec la classe formchoix
*/

.formchoix .form-checkboxes {
  display: flex;
  flex-flow: row wrap;
}
.formchoix .form-type-checkbox {
  padding-right: 1em;
}

.formchoix .webform-component-checkboxes label:first-child{
padding: 0.4em;
color: #FFF;
margin-top: 0;
margin-bottom: 0;
}
	.formchoix.campus .webform-component-checkboxes label:first-child{
	background-color: rgba(39,165,173, 1);
	}
	.formchoix.recherche .webform-component-checkboxes label:first-child{
	background-color: var(--coul-recherche);
	}
.formchoix .colonnes-3 .fieldset-wrapper {
column-count: 3;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
}
	@media screen and (max-width:600px) {
			.formchoix .colonnes-3 .fieldset-wrapper  {
			-webkit-column-count: 1; /* Chrome, Safari, Opera */
			-moz-column-count: 1; /* Firefox */
			column-count: 1;
			}
		}


.formchoix .webform-component-markup{
	float: inherit;
	width: calc(100% - 20px);
	padding: 15px 10px;
	break-inside: avoid;
	margin-top: 0;
	display: table;
	margin-bottom: 1em;
}

	.formchoix.campus .webform-component-markup {
		background-color: rgba(39,165,173, 0.3);
	}
	.formchoix.institutionnel .webform-component-markup {
		background-color: rgba(200,44,124, 0.3);
	}
	.formchoix.formation .webform-component-markup {
		background-color: rgba(232,148,57,0.3);
	}
	.formchoix.recherche .webform-component-markup {
		background-color: var(--coul-recherche-30);
	}	
	
.formchoix .webform-component-markup p:last-child{
	text-align: center;
}

.formchoix .webform-component-markup p > a{
color: #FFF;
font-size: 1.1em;
text-decoration: none;
padding: 10px;
border-radius: 10px;
font-weight: bold;
}

	.formchoix.campus .webform-component-markup p > a{
	background-color: rgba(39,165,173); /*campus*/
	}
	.formchoix.institutionnel .webform-component-markup p > a{
	background-color: rgba(200,44,124, 1); /*instit*/
	}	
	.formchoix.formation .webform-component-markup p > a{
	background-color: rgba(232,148,57,1); /*formation*/
	}		

.formchoix .webform-component-markup h6{
color: #fff;
text-transform: uppercase;
font-size: 0.9em;
padding: 5px 5px;
display: inline;
letter-spacing: 1px;
}

	.formchoix.campus .webform-component-markup h6{
	background-color: rgba(39,165,173); /*campus*/
	}
	.formchoix.formation .webform-component-markup h6 {
		background-color: rgba(232,148,57,1);/*formation*/
	}		

#section-content .formchoix h4{
font-size: 0.8em;
padding-top: 5px;	
}

.formchoix .webform-component-markup h2{
	margin-top: 10px;
}	

.formchoix ~ .form-actions .webform-submit {
  display: none;
}
	/* Formchoix - éléments */	
	.formchoix .elements .webform-component-markup > p:first-child:before{
	  content: '[';
	}
	.formchoix .elements .webform-component-markup > p:first-child:after{
	  content: ']';
	}

	.formchoix.recherche .elements .webform-component-markup > p:first-child {
	  margin-bottom : 5px;
	  font-weight: bold;
	  text-transform: uppercase;
	  color:#333;
	  font-size: 0.9em;
	}
	.formchoix .elements .image{
	  position: relative;
	}
	.formchoix .elements .image p:not(:first-child,:last-child){
	  margin-bottom:0;
	  padding:0;
	}

	.formchoix .elements .image p{
	  font-weight: bold;
	  text-transform: uppercase;
	  font-size: 0.9em;
	  padding: 0 5px;
	}

	.formchoix .elements .image p:first-child {
	  position: absolute;
	  top:5px;
	  left: 5px;
	  background-color: var(--coul-recherche);
	  color: #FFF;
	}

	.formchoix .elements .image p:last-child {
	  position: absolute;
	  bottom:5px;
	  right: 5px;
	  background-color: #FFF;
	  color: var(--coul-recherche);  
	}


	.formchoix .elements img {
	  width: 100% !important;
	  aspect-ratio: 16/9;
	  object-fit: cover;
	}

	.formchoix .elements .webform-component-markup p:last-child {
	  text-align: left;
	  margin-bottom:0;
	}

	.formchoix .elements .webform-component-markup p > a{
	  color:inherit;
	  font-size: 1.1em;
	  text-decoration: underline;
	  padding: 0px;
	  font-weight: bold;
	}
	.formchoix .elements .webform-component-markup p > a:hover{
	  text-decoration: none;
	}
	/* FIN de Formchoix - éléments */	

/* FIN du style pour formchoix */

.webform-client-form-15717 .webform-component--trouvez-votre-journee-portes-ouvertes{
	background-color: rgba(231, 148, 57, 0.4);
	padding: 0px 10px;
}

.webform-client-form-15883 .webform-component--rechercher-une-ressource {
	background-color: rgba(140, 175, 46, 0.4);
	padding: 0px 10px;
}

.webform-client-form-16462 .webform-component--rechercher-un-evenement--thematique, 
.webform-client-form-16462 .webform-component--rechercher-un-evenement--date {
	width:100%;
}

.webform-client-form-15717 .form-wrapper{
	background-color: rgba(231, 148, 57, 0.1);
padding: 0px 10px;
color: #333;
padding-top: 0.5em;
}

.webform-client-form-16462 .form-wrapper{
background-color: rgba(39,165,173, 0.1);
padding: 0px 10px;
color: #333;
padding-top: 0.5em;
}

.webform-client-form-15883 .form-wrapper,
.webform-client-form-18824 .form-wrapper{
background-color: rgba(140, 175, 46, 0.1);
padding: 0px 10px;
color: #333;
padding-top: 0.5em;
}



.webform-client-form-15717 .webform-component-checkboxes .form-item{
float: left;
margin-left: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
/*font-size: 0.9em;*/
}
.webform-client-form-15883 .form-item,
.webform-client-form-18824 .form-item{
float: left;
margin-left: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
/*font-size: 0.9em;*/
}

.webform-client-form-16462 .form-item {
float: left;
margin-left: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
/*font-size: 0.9em;*/
}



.webform-client-form-15717 .webform-component--trouvez-votre-journee-portes-ouvertes--date,
.webform-client-form-15717 .webform-component--trouvez-votre-journee-portes-ouvertes--ville,
.webform-client-form-15717 .webform-component--trouvez-votre-journee-portes-ouvertes--domaine,
.webform-client-form-15883 .webform-component--rechercher-une-ressource--thematique,
.webform-client-form-15883 .webform-component--rechercher-une-ressource--type,
.webform-client-form-16462 .webform-component--rechercher-un-evenement--thematique,
.webform-client-form-16462 .webform-component--rechercher-un-evenement--date{
	/*float: left;*/
	display: flow-root;
	/*width: 33%;*/
}

.webform-client-form-15717 .webform-component-checkboxes label:first-child{
background-color: rgb(231, 148, 57);
padding: 0.4em;
color: #FFF;
margin-top: 0;
margin-bottom: 0;
}

.webform-client-form-15883 .webform-component-checkboxes label:first-child,
.webform-client-form-18824 .webform-component-checkboxes label:first-child{
background-color: rgb(140, 175, 46);
padding: 0.4em;
color: #FFF;
margin-top: 0;
margin-bottom: 0;
}

.webform-client-form-16462 .webform-component-checkboxes label:first-child{
background-color: rgb(39,165,173);
padding: 0.4em;
color: #FFF;
margin-top: 0;
margin-bottom: 0;
}

.webform-client-form-15717 .webform-component-markup{
clear: both;
padding: 10px 0px;
border-bottom: #999 solid 1px;
width:100%;
}

.webform-client-form-16462 .webform-component--tous-les-evenements-jaces .fieldset-wrapper {
column-count: 3;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
}

	@media screen and (max-width:600px) {
			.webform-client-form-16462 .webform-component--tous-les-evenements-jaces .fieldset-wrapper {
			-webkit-column-count: 2; /* Chrome, Safari, Opera */
			-moz-column-count: 2; /* Firefox */
			column-count: 2;
			}
		}
	

.webform-client-form-15883 .webform-component--toutes-ressources .fieldset-wrapper,
.webform-client-form-18824 .webform-component--toutes-les-ressources2 .fieldset-wrapper,
.jpo-ressources-wrapper {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	}

	/* @media screen and (max-width:600px) { */
			.jpo-ressources-wrapper {
			-webkit-column-count: 2; /* Chrome, Safari, Opera */
			-moz-column-count: 2; /* Firefox */
			column-count: 2;
			}
		}
	

/*.webform-client-form-16462 .webform-component--tous-les-evenements-jaces,
.webform-client-form-15883 .webform-component--toutes-ressources {
	background-color: inherit;
}*/

.webform-client-form-16462 .webform-component-markup,
.webform-client-form-15883 .webform-component-markup,
.webform-client-form-18824 .webform-component-markup,
.jpo-ressources{
float: inherit;
padding: 10px 10px;
break-inside: avoid;
margin-top: 0;
display: table;
margin-bottom: 0.5em;
}	
		
	.webform-client-form-16462 .webform-component-markup{
	background-color: rgba(39,165,173, 0.1); /*campus*/
	}

	.webform-client-form-15883 .webform-component-markup,
	.webform-client-form-18824 .webform-component-markup{
	background-color: rgba(140, 175, 46, 0.1); /*recherche*/
	}

	.jpo-ressources {
	background-color: rgba(231, 148, 57, 0.1) /*formation*/
	}

.webform-client-form-16462 .webform-component--tous-les-evenements,
.webform-client-form-15883 .webform-component--toutes-les-ressources,
.webform-client-form-18824 .webform-component--toutes-les-ressources{
width:100%;
padding: 0;
background-color: inherit;
}

.webform-client-form-16462 .webform-component-markup p:last-child,
.webform-client-form-15883 .webform-component-markup p:last-child,
.webform-client-form-18824 .webform-component-markup p:last-child,

.jpo-ressources p:last-child{
	text-align: center;
}

.webform-client-form-16462 .webform-component-markup p > a,
.webform-client-form-15883 .webform-component-markup p > a,
.webform-client-form-18824 .webform-component-markup p > a,
.jpo-ressources p > a{
color: #FFF;
font-size: 1.1em;
text-decoration: none;
padding: 10px;
border-radius: 10px;
font-weight: bold;
}

.webform-client-form-16462 .webform-component-markup p > a{
	background-color: rgba(39,165,173); /*campus*/
	}
	
	.webform-client-form-15883 .webform-component-markup p > a,
  .webform-client-form-18824 .webform-component-markup p > a{
	background-color: rgba(140, 175, 46); /*recherche*/
	}

	.jpo-ressources p > a{
	background-color: rgba(231, 148, 57) /*formation*/
	}


.webform-client-form-16462 .webform-component-markup h6,
.webform-client-form-15883 .webform-component-markup h6,
.webform-client-form-18824 .webform-component-markup h6,
.jpo-ressources h6{
color: #fff;
text-transform: uppercase;
font-size: 0.9em;
padding: 5px 5px;
display: inline;
letter-spacing: 1px;
}

	.webform-client-form-16462 .webform-component-markup  h6{
	background-color: rgba(39,165,173); /*campus*/
	}

	.webform-client-form-15883 .webform-component-markup  h6,
	.webform-client-form-18824 .webform-component-markup  h6{
	background-color: rgba(140, 175, 46); /*recherche*/
	}

	.jpo-ressources  h6{
	background-color: rgba(231, 148, 57) /*formation*/
	}


#section-content .webform-client-form-16462 .webform-component-markup h4,
#section-content .webform-client-form-15883 .webform-component-markup h4,
#section-content .webform-client-form-18824 .webform-component-markup h4{
font-size: 0.8em;
padding-top: 5px;	
}


.webform-client-form-16462 .webform-component-markup h2,
.webform-client-form-15883 .webform-component-markup h2,
.webform-client-form-18824 .webform-component-markup h2,
.jpo-ressources h2{
margin-top: 10px;
}

.webform-client-form-15717 .form-item-submitted-trouvez-votre-journee-portes-ouvertes-date-non,
.webform-client-form-15717 .webform-component--deg-dea-sarreguemines{
	display:none !important;
}
.webform-client-form-15717 p{
	margin-bottom: 0px;
}

.webform-client-form-15717 p.ville{
float: left;
background-color: #e79439;
color: #FFF;
text-transform: uppercase;
padding: 0 10px;
font-weight: bold;
margin-right: 5px;
}
.webform-client-form-15717 p.url{
font-weight: bold;
color: #333;
font-stretch: condensed;
}
.webform-client-form-15717 h3{
padding-left: 0;
margin-top: 2px;
color: #000;
font-size: 18px;
}
.webform-client-form-15717 img{
  max-width: 180px !important;;
}
.webform-client-form-15717 p.lienjpo::before{
content: '➔ ';
color: #e79439;
}
.webform-client-form-15717 p.lienjpo a{
color: #e79439;
font-weight: bold;
}

.webform-client-form-15717 p.lienjpo {
	/*background-color: #e79439;*/
	clear: both;
    padding: 0.4em 1em;
    margin-left: 30px;
    margin-top: 10px;
	border:2px solid #e79439;
}

.block-webform-client-block-15844 {
	background-color: #c82c7c;
	padding: 10px;
	margin: 10px;
	color: #FFF;
}
.block-webform-client-block-15844 h2{
color: #FFF;
border-bottom: 1px solid #FFF;
}

/*  permet de ne pas afficher les mot clés/lien sur les pages en question quand intégration d'un formulaire dans une page*/
.page-node-17462 #node-ul-evenement-17462 .field-type-taxonomy-term-reference,
.page-node-17462 #node-ul-evenement-17462 .node-links,
.page-node-16529 #node-ul-article-16529 .field-type-taxonomy-term-reference,
.page-node-16529 #node-ul-article-16529 .node-links,
.page-node-16461 #node-ul-evenement-16461 .field-type-taxonomy-term-reference,
.page-node-16461 #node-ul-evenement-16461 .node-links,
.page-node-16501 #node-ul-evenement-16501 .field-type-taxonomy-term-reference,
.page-node-16501 #node-ul-evenement-16501 .node-links,
.page-node-16311 #node-ul-article-16311 .field-type-taxonomy-term-reference,
.page-node-16311 #node-ul-article-16311 .node-links,
.page-node-16094 #node-ul-evenement-16094 .field-type-taxonomy-term-reference,
.page-node-16094 #node-ul-evenement-16094 .node-links,
.page-node-15942 #node-ul-evenement-15942 .field-type-taxonomy-term-reference,
.page-node-15942 #node-ul-evenement-15942 .node-links,
#node-ul-evenement-15845 .field-type-taxonomy-term-reference,
#node-ul-evenement-15845 .node-links,
#node-ul-evenement-15815 .field-type-taxonomy-term-reference,
#node-ul-evenement-15815 .node-links,
#node-ul-evenement-18458 .field-type-taxonomy-term-reference,
#node-ul-evenement-18458 .node-links,
#node-ul-evenement-23421 .field-type-taxonomy-term-reference,
#node-ul-evenement-23421 .node-links {
	display:none;
}

.page-node-16501 .block-webform h2.block-title{
	background-color: rgba(39,165,173,1);
  border : none;
  padding:10px 10px 5px 10px;
  font-size: 1.5em;
  color:#FFF;
}

.page-node-16501 form#webform-client-form-16498,
.page-node-16501 form#webform-client-form-16502
  {
	padding: 10px;
	background-color: rgba(39,165,173,0.5);
}

.page-node-16501 form#webform-client-form-16500,
.page-node-16501 form#webform-client-form-16503
  {
	padding: 10px;
	background-color: rgba(39,165,173,0.2);
}


.page-node-16094 .webform-component--quizz {
    float: right;
    margin: 10px;
}

.page-node-16529 form#webform-client-form-16527,
.page-node-16094 form#webform-client-form-16062  {
	padding: 10px;
	background-color: rgba(100,80,123,0.2);
}

.page-node-16311 form#webform-client-form-16312 {
    background-color: rgba(200,44,124,0.2);
    padding: 25px;
}

#block-webform-client-block-21750 {
  background-color:rgba(39, 165, 173, 0.42);
  padding:25px;
}
/* Mauvaises réponses */
.page-node-16529 form#webform-client-form-16527 .webform-component--criteres-discrimination---15,
.page-node-16529 form#webform-client-form-16527 .webform-component--criteres-discrimination---35,
.page-node-16529 form#webform-client-form-16527 .webform-component--salaries-victimes---35,
.page-node-16529 form#webform-client-form-16527 .webform-component--salaries-victimes---65,
.page-node-16529 form#webform-client-form-16527 .webform-component--handicap---2-millions,
.page-node-16529 form#webform-client-form-16527 .webform-component--handicap---7-millions,
.page-node-16529 form#webform-client-form-16527 .webform-component--comportements-homophobes---40,
.page-node-16529 form#webform-client-form-16527 .webform-component--comportements-homophobes---55,
.page-node-16529 form#webform-client-form-16527 .webform-component--suicides---2-fois,
.page-node-16529 form#webform-client-form-16527 .webform-component--suicides---6-fois,
.page-node-16529 form#webform-client-form-16527 .webform-component--pourcentage-etrangers---8,
.page-node-16529 form#webform-client-form-16527 .webform-component--pourcentage-etrangers---22,
.page-node-16529 form#webform-client-form-16527 .webform-component--haine-internet---faux,
.page-node-16529 form#webform-client-form-16527 .webform-component--harcelement-travail---10,
.page-node-16529 form#webform-client-form-16527 .webform-component--harcelement-travail---50,
.page-node-16529 form#webform-client-form-16527 .webform-component--licence-scientifique---vrai,
.page-node-16529 form#webform-client-form-16527 .webform-component--signification-lgbt,
.page-node-16529 form#webform-client-form-16527 .webform-component--signification-lgbt---questionnement,
.page-node-16094 form#webform-client-form-16062 .webform-component--diplome-valeur---vrai,
.page-node-16094 form#webform-client-form-16062 .webform-component--mauvais-etudiants---vrai,
.page-node-16094 form#webform-client-form-16062 .webform-component--payes-entreprise---vrai,
.page-node-16094 form#webform-client-form-16062 .webform-component--emploi-garanti---vrai {
	background-color: rgba(230, 60, 60,0.5);
	padding: 20px 20px 1px 20px;
	margin: 0;
	font-weight: bold;
	}
/* Bonnes réponses */
.page-node-16529 form#webform-client-form-16527 .webform-component--signification-lgbt---queer,
.page-node-16529 form#webform-client-form-16527 .webform-component--licence-scientifique---faux,
.page-node-16529 form#webform-client-form-16527 .webform-component--harcelement-travail---30,
.page-node-16529 form#webform-client-form-16527 .webform-component--haine-internet---vrai,
.page-node-16529 form#webform-client-form-16527 .webform-component--pourcentage-etrangers---16,
.page-node-16529 form#webform-client-form-16527 .webform-component--suicides---4-fois,
.page-node-16529 form#webform-client-form-16527 .webform-component--comportements-homophobes---70,
.page-node-16529 form#webform-client-form-16527 .webform-component--salaries-victimes---50,
.page-node-16529 form#webform-client-form-16527 .webform-component--handicap---12-millions,
.page-node-16529 form#webform-client-form-16527 .webform-component--criteres-discrimination---25,
.page-node-16094 form#webform-client-form-16062 .webform-component--diplome-valeur---faux,
.page-node-16094 form#webform-client-form-16062 .webform-component--mauvais-etudiants---faux,
.page-node-16094 form#webform-client-form-16062 .webform-component--payes-entreprise---faux,
.page-node-16094 form#webform-client-form-16062 .webform-component--emploi-garanti---faux {
	background-color: rgba(40, 230, 100, 0.5);
	padding: 20px 20px 1px 20px;
	margin: 0;
	font-weight: bold;
	}	

/* Formulaire d'inscription 16971 - convient à de multiple situations */

.block-webform-client-block-16971 .webform-component--url-de-la-page {
	display:none;
	}
.block-webform-client-block-16971 input,
.block-webform-client-block-17800 input {
	width:100%;
	}
.block-webform-client-block-16971 input.webform-submit,
.block-webform-client-block-17800 input.webform-submit,
.block-webform-client-block-16971 input.form-radio,
.block-webform-client-block-17800 input.form-radio,
.block-webform-client-block-17800 input.form-submit {
    width: auto;
}

.block-webform-client-block-16971,
.block-webform-client-block-17800 {
    background: #DDD;
	margin: 1em;
    padding: 10px;
}
.recherche .block-webform-client-block-16971 {
    background: rgba(140,175,46,0.5);
	}
.institutionnelle .block-webform-client-block-16971,
.institutionnelle .block-webform-client-block-17800 {
    background: rgba(200,44,124,0.5);
	}
.formation .block-webform-client-block-16971 {
    background: rgba(232,148,57,0.5);
	}
.campus .block-webform-client-block-16971 {
    background:rgba(39,165,173,0.5) ;
	}
.autour_de_nous .block-webform-client-block-16971 {
    background: rgba(39,165,173,0.5) ;
	}
.communaute .block-webform-client-block-16971 {
    background: rgba(102,102,102,0.5);
	}

.block-webform-client-block-16971 legend{
  width: 100%
}

.block-webform-client-block-16971 .fieldset-legend{
border-bottom: 1px solid #333;
font-weight: bold;
display: block;
}		
	
/*formulaire de type liste avec tri pour donner de l'information*/
#node-ul-article-17149 .field-type-taxonomy-term-reference,
#node-ul-article-17149 .node-links {
	display:none;
}

fieldset.formulistechoix {
background-color:rgba(232, 148, 57, 0.3);
}

.formulistechoix .form-item {
float: left;
margin-left: 0.5em;
margin-top: 0.5em;
margin-bottom: 0.5em;
}


.formulisteoptions .fieldset-wrapper {
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}

	@media screen and (max-width:600px) {
			.formulisteoptions  .fieldset-wrapper {
			-webkit-column-count: 1; /* Chrome, Safari, Opera */
			-moz-column-count: 1; /* Firefox */
			column-count: 1;
			}
		}

.formulisteoptions .webform-component-markup {
float: inherit;
padding: 0;
break-inside: avoid;
margin-top: 0;
/*display: table;*/
margin-bottom: 0.5em;
}

.formulisteoptions #accordeon h2.accordion.orange {
  margin-top: 0;
  margin-bottom: 10px;
}

input[value^=nepasafficher].webform-submit {
	display:none;
}





/********citations*copie pour adapter au mobile*****/
blockquote{font-style:italic;display:inline-block;z-index:100;position:relative;
  padding-left:25px;padding-top:12px; padding-bottom:6px;padding-right:25px;
  margin-left:1em;  margin-bottom:1em;color:#666;
  background-image:url('../images/guillemet_g.png'), url('../images/guillemet_d.png');
  background-position : 0 0, 80% 100%;
  background-repeat : no-repeat;}

/********citation vert recherche******/
body.recherche blockquote{
  background-image:url('../images/guillemet_g_vert.png'), url('../images/guillemet_d_vert.png');
  background-position : top left, bottom right;
  background-repeat : no-repeat;}

/********citation bleu campus*****/
body.campus blockquote{
  background-image:url('../images/guillemet_g_bleu.png'), url('../images/guillemet_d_bleu.png');
  background-position : top left, bottom right;
  background-repeat : no-repeat;}

/********citation rose institution******/
body.institutionnelle blockquote{
  background-image:url('../images/guillemet_g_rose.png'), url('../images/guillemet_d_rose.png');
  background-position : top left, bottom right;
  background-repeat : no-repeat;}

/********citation orange formation*****/
body.formation blockquote{
  background-image:url('../images/guillemet_g_orange.png'), url('../images/guillemet_d_orange.png');
  background-position : top left, bottom right;
  background-repeat : no-repeat;}

/********citation violet  autour de nous*****/
body.autour_de_nous blockquote{
  background-image:url('../images/guillemet_g_autour.png'), url('../images/guillemet_d_violet.png');
  background-position : top left, bottom right;
  background-repeat : no-repeat;}
  
  
/* Travail sur "a la une" */


#region-content .alaune ul {
  font-size: 0;

}
#region-content .alaune.col2 li,
#region-content .alaune.col3 li{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
  display: inline-block;
  width: 100%;
  font-size: initial;
  vertical-align: top;
  border : 0px;
  padding:5px;
}
#region-content .alaune.col3 li div.alaune{
  width: 33%;
  float: left;
  padding-right:10px;
}
@media screen and (min-width:980px) {
	
  #region-content .alaune.col3 li div.alaune{
    width: 100%;
    float: none;
    padding-right:inherit;
  }
  
/*  #region-content .alaune.col2 li {
    width: 50%;
  }*/
  
  #region-content .alaune.col2 li:nth-child(-n+2) {
    width: 50%;
  }
  #region-content .alaune.col2 li {
    width: 33.33%;
  } 
  
  #region-content .alaune.col3 li {
    width: 33.33%;
  }  
  #region-content .alaune.col3 li.views-row-1{
    padding: 0 12px 0 0;
  }
  #region-content .alaune.col3 li.views-row-2{
    padding: 0 6px 0 6px;
  }
  #region-content .alaune.col3 li.views-row-3{
    padding: 0 0 0 12px;
  }
  #region-content .alaune.col2 li.views-row-1{
    padding: 0 5px 0 0;
  }
  #region-content .alaune.col2 li.views-row-2{
    padding: 0 0 0 5px;
  }  
}




#region-content .alaune span{
  font-size: 13px;
  text-transform: uppercase;
  color: #333;
}

#region-content .alaune span.rub-1{
  color:#c82c7c /****rose****/
}
#region-content .alaune span.rub-2{
  color:#e89439/***orange***/
}
#region-content .alaune span.rub-3{
  color:#8CAF2E;/****vert****/
}
#region-content .alaune span.rub-4{
  color:#27a5ad/***bleu***/
}
#region-content .alaune span.rub-1178{
  color:#511B5B/***violet**/
}


.alaune li a{
  display: block;
  text-decoration:none;
  font-weight:bold;
  font-size:15px;
  color:#333;
  line-height:110%;
  text-transform: initial;
}

.alaune li a:hover{
  background-color: #eee;
}
.alaune li div.alaune a img{
  opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.alaune li div.alaune:hover a img {
opacity: 0.5;
  }

#region-content .alaune li div.alaune a {
  background: #DDD;
}
#region-content .alaune li div.alaune.rub-1 a{
  background:var(--coul-instit-10); /****rose****/
}
#region-content .alaune li div.alaune.rub-2 a{
  background:var(--coul-formation-10);/***orange***/
}
#region-content .alaune li div.alaune.rub-3 a{
  background:var(--coul-recherche-10);/****vert****/
}
#region-content .alaune li div.alaune.rub-4 a{
  background:var(--coul-campus-10);/***bleu***/
}
#region-content .alaune li div.alaune.rub-1178 a{
  background:var(--coul-campus-10);/***violet**/
}
  
/* blague du 1er avril  
body.alpha-grid-debug {
  cursor: url(http://factuel.univ-lorraine.fr/sites/all/themes/mediaul0613_0/images/queen.png), auto;
}  


body.alpha-debug-processed {
	transform: rotate(1deg);
}

body.alpha-debug-processed,
body.alpha-debug-processed a{

  cursor: url(http://factuel.univ-lorraine.fr/sites/all/themes/mediaul0613_0/images/fanny1.png), auto;
}
   
*/


#node-webform-17144 #accordeon h3, h4.accordion {
	margin-top:0;
	padding:0;
}

#node-webform-17144 .webform-component--composantes--all-mz,
#node-webform-17144 .webform-component--composantes--iut-hpl,
#node-webform-17144 .webform-component--composantes--lmi-iae-mtz{display: none !important;}


a.bouton {
	background-color:#666666;
	padding: 10px;
	color: #FFF;
	font-weight: bold;
	line-height: 2em;
}
a.bouton::before{
  content:'\1F517\00A0';
  font-size: 80%;
}
body.institutionnelle a.bouton{
  background-color:var(--coul-instit);
}
body.formation a.bouton{
  background-color:var(--coul-formation);
}
body.recherche a.bouton{
  background-color:var(--coul-recherche);
}
body.campus a.bouton{
  background-color:var(--coul-campus);
}
body.autour_de_nous a.bouton{
  background-color:var(--coul-autour);
}

/*spécial quand il y a du live ie. cérémonie des docteurs

#block-menu-menu-dossiers .menu .first.leaf a{
 background-color: #4F2EA3;
 color: #FFF;
 font-weight: bold;
  animation-duration: .9s;
  animation-name: clignoter;
  animation-iteration-count: infinite;
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0.6; }
  100% { opacity:1; }
}
*/
/*#block-menu-menu-dossiers .menu .first.leaf a{
  background-color: #7C3A87;
  border-radius:0 !important;
  Color: #FFF;
  font-weight: bold;
  animation-duration: .9s;
  animation-name: clignoter;
  animation-iteration-count: infinite;
  transition: none;
  padding: 6px 10px !important;
  padding-left: 0!important;
}
#block-menu-menu-dossiers .menu .first.leaf a::before{
  content:'⸱ Live ';
  background-color: RED;
  padding:6px;
  margin:0 5px 0 0;
}
@keyframes clignoter {
  0%   { opacity:1; }
  40%   {opacity:0.6; }
  100% { opacity:1; }
}

/* pour page spéciale*/

.page-node-22968 #section-content h4.liste,
.page-node-22968 #section-content h5.liste  {
	background-color: var(--coul-instit-10);
	padding: 5px;
	color: #000;
	font-size: 1.1em;
	margin-right: -10px;
}