/*

Theme Name: ipw

Author: lpm

Description: Thème pour ipw

Version: 1.3

License: GNU General Public License

License URI: license.txt

Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

*/



/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)

*/



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

  display: block;

}

body {

  line-height: 1;

}

ol, ul {

  list-style: none;

}

blockquote, q {

  quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}



/*

 * HTML5 Boilerplate

 *

 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 *

 * Detailed information about this CSS: h5bp.com/css

 *

 * ==|== normalize ==========================================================

 */





/* =============================================================================

   HTML5 display definitions

   ========================================================================== */



article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }





/* =============================================================================

   Base

   ========================================================================== */



/*

 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units

 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g

 */



html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection declarations have to be separate

 * Also: hot pink! (or customize the background color to match your design)

 */



::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }

::selection { background: #fe57a1; color: #fff; text-shadow: none; }





/* =============================================================================

   Links

   ========================================================================== 



a { color: #00e; }

a:visited { color: #551a8b; }

a:hover { color: #06e; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }*/





/* =============================================================================

   Typography

   ========================================================================== */



b, strong { font-weight: bold; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }



small { font-size: 85%; }



/* Position subscript and superscript content without affecting line-height: h5bp.com/k */

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }





/* =============================================================================

   Lists

   ========================================================================== */



ul, ol { margin: 0; padding: 0; }



/* =============================================================================

   Embedded content

   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }



/* =============================================================================

   Forms

   ========================================================================== */



form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }



/* Indicate that 'label' will shift focus to the associated form element */

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }

input:invalid, textarea:invalid { background-color: #f0dddd; }





/* =============================================================================

   Tables

   ========================================================================== */



table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }



/* ==|== primary styles =====================================================

   Author:

   ========================================================================== */



body {

  overflow-x: hidden;

}



a { text-decoration: none;}



.color1 {color: #e2001a;}  /* Couleur rouge */



.surline {



  padding: 1px 7px;



  color: #FFF;



  background: #e2001a;



  font-size: 12px;



  font-weight: bold;



}

.surline a {



  color: #FFF;



}



.tleft { text-align: left;}

.tcenter { text-align: center;}

.tright { text-align: right;}



.btn,



.wpcf7-submit {

  display: inline-block !important;

  width: auto !important;

  padding: 7px 11px 8px !important;

  color: #FFF !important;

  background: #000 !important;

  border: none !important;

  font-size: 14px !important;

  font-weight: bold !important;

}

.btnred {

  display: inline-block !important;

  width: auto !important;

  padding: 7px 11px 8px !important;

  color: #FFF !important;

  background: #e2001a !important;

  border: none !important;

  font-size: 14px !important;

  font-weight: bold !important;

}

.btnred:hover,



.btn:hover {



  background: #650D0E;



}







#header {

  height: 75px;

  padding-top: 30px;

  background: #FFF;

}



#innerheader {

  width: 980px;

  height: 75px;

  margin: 0 auto;

  padding: 0 0px;

}



#header .logo {

    float: left;

}



#header .nav {

    float: right;

    font-size: 13px;

    font-weight: bold;

}



#header .nav > li {



    float: left;



    margin: 0 1px;



    position: relative;



}



#header .nav > li > a {



    display: block;



    padding: 5px;



    color: #000;



}



#header .nav > li.current-menu-item > a,



#header .nav > li.current-menu-ancestor > a,



#header .nav > li.current-post-ancestor > a,



#header .nav > li > a.selected,



#header .nav > li > a:hover {



    background: #000;



    color: #fff;



}



#header .sub-menu {

    width: 210px;

    position: absolute;

    left: 0;

}



#header .nav li > a.ssmenutrigger.selected + .sub-menu,



#header .nav li.menu-item-object-category > a.selected + .sub-menu



 {

    display: block;

}



#header .sub-menu li {



    display: block;



    display: none;



    z-index: 9;



    position:  relative;

}



#header .sub-menu a {



  display: block;



    padding: 0 10px;



    color: #666;



    background: #FFF;



}

#header .sub-menu li.current-menu-item a,



#header .sub-menu li.current-post-ancestor a,



#header .sub-menu a.selected,



#header .sub-menu a:hover { color: #e2001a;}

#header .sub-menu li.current-menu-item, #header .sub-menu li.current-post-ancestor {display: inline-block; z-index: 8;}









#subfooter {

  padding-top: 3px;

  color: #000;

  font-size: 14px;

  font-weight: bold;

  text-align: center;

}



#subfooter a {

  color: #000;

}



#footer {

  background: #e2001a url(../img/bg-footer.jpg) no-repeat center -7px;

  overflow: hidden;

}



#innerfooter {

  width: 920px;

  margin: 0 auto;

  padding-top: 80px;

  padding-bottom: 15px;

  overflow: hidden;

}





.blocactu{

  width:240px;

  float:left;

  margin-right: 20px;

  width: 200px;

}



.blocactu .dateactu{

  font-size:12px;

  color: #FFF;

}

.blocactu h3 a{

  font-size:16px;

  font-weight:bold;

  color: #FFF;

}

.blocactu p{

}

.blocactu p a{

  font-size:16px;

  color: #000;

}





.blocsocial {



width: 240px;

  position: relative;

  overflow: hidden;

}



.blocsocial li {

  float: left;

  width: 41px;

  margin-top:25px;

}

.blocsocial li.margright {

  margin-right: 25px;

}



.blocsocial .ssblocsocial {

  display: none;

  width: 290px;

  background: white;

  position: absolute;

  top: 0;

  left: 0;

  height: 36px;

  z-index: 9;

  padding: 15px;

}





.blocsocial .ssblocsocial > img {

  vertical-align: bottom;

}

.bloccontact {

  float: left;

  width: 240px;

  margin-right: 50px;

  color: #FFF;

}



.bloccenter {

  float: left;

  width: 240px;

  margin-right: 50px;

  color: #FFF;

}





.bloccontact li {

  margin-bottom: 20px;



}



.bloccontact .blocontactheader {

  padding: 5px;

  color: #000;

  background-color: #FFF;

  font-size: 16px;

  font-weight: bold;

  cursor: pointer;

}



.bloccontact .ssbloccontact {

  display: none;

  /*padding-left: 20px;*/

  padding-top: 6px;

}

.bloccontact label {



  display: block;



  padding-left: 10px;



  color: #FFF;



}



.bloccontact input,

.bloccontact select,

.bloccontact textarea  {

  margin-bottom: 5px;

  height: 30px;

  font-size: 12px;

}



.bloccontact input,

.bloccontact textarea {

  width: 100%;

  padding: 0 5px;

  border: 0;

}

.bloccontact input[type=checkbox] {



  width: auto;



  vertical-align: middle;



}







.bloccontact textarea {

  height: 100px;

}





.blocslidervideo {

  float: left;

  width: 380px;

  position: relative;

  top: -22px;

}



.blocslidervideo .title {

  color: #FFF;

  font-size: 16px;

  font-weight: bold;

}



.blocslidervideo .videoslider {

  width: 380px;

  height: 223px;

  overflow: hidden;

  position: relative;

  z-index: 2; 

}



.blocslidervideo .contenor {

  width: 380px;

  height: 223px;

  position: absolute;

  left: 0;

}



.blocslidervideo .contenor li {

  float: left;

  width: 380px;

  height: 223px;



  position: relative;

}





.blocslidervideo .slidernav {

  width: 380px;

  height: 223px;

  position: absolute;

  top: 0;

  z-index: 1;

}



.blocslidervideo .sliderprev,

.blocslidervideo .slidernext {

  float: left;

  margin-top: -75px;

  cursor: pointer;

  position: relative;

  left: -35px;

  display: none;

  padding-top:20px;

}



.blocslidervideo .slidernext {

  float: right;

  display: block;

  position: relative;

  right: -35px;

  left: auto;

}

















#content {

  background: #000 url(../img/bg-content.jpg) no-repeat center -115px;

}

#content.type2 {

  background: #e2001a url(../img/bg-content2.png) no-repeat center -115px;

  padding-bottom: 20px;

}



#content.type3 {

  background: #e2001a;

}



body.tplprehome {

  background-color: #e2001a;

}



.prehome a {

  display: block;

  margin: 20px 0px;

  font-size: 20px;

  font-weight: bold;

}

.prehome a.langselect {



  display: inline-block;



  margin: 20px 0px;



  padding: 10px;



  font-size: 20px;



  font-weight: bold;



}



.topprehome {

  height: 195px;

  padding-top: 140px;

  padding-bottom: 100px;

  background: #FFF url(../img/bg-content3.png) no-repeat center 100%;

  text-align: center;

}



.topprehome a {color: #000;}

.topprehome a:hover {color: #e2001a;}

.prehome .topprehome a.langselect {



  color: #FFF;



  background-color: #e2001a;



}





.bottomprehome {

  margin-top: -50px;

  text-align: center;

}



.bottomprehome a {color: #650d0e;}

.bottomprehome a:hover {color: #FFF;}





.prehome .bottomprehome a.langselect {



  color: #650d0e;



  background-color: #fff;



}





#innercontent {

  width: 950px;

  margin: 0 auto;

  padding: 35px 0 0 30px ;

}





.measlider {

  position: relative;

}



.measlider .slider {

  width: 570px;

  height: 400px;

  margin: 30px auto 0;

  position: relative;

  z-index: 2; 

}



.measlider .contenor {



  width: 570px;



  height: 400px;



  background: #000 url(../img/bg-slider-timeline.jpg) repeat-x 0 100%;



  



  position: absolute;

  left: -572px;



  left: -2288px;

}



.measlider .contenor li {

  float: left;

  width: 570px;

  height: 375px;

  border-right: 1px solid #FFF;



  position: relative;

}



.measlider .contenor li:last-child {

  border-right: none;

}



.measlider .slidernav {



  width: 920px;



  height: 400px;



  position: absolute;



  top: 0;



  z-index: 3;



}

.measlider .sliderprev,



.measlider .slidernext {



  cursor: pointer;



  position: absolute;



  z-index: 3;



}

.measlider .sliderprev {



  left: 0;



}

.measlider .slidernext {



  right: 0;



}











.measlider .datemea {



  text-align: right;



  position: relative;



  top: 22px;

}

.measlider .datemea span {



  display: inline-block;



  height: 18px;



  padding: 0 5px;



  color: #FFF;



  background: #000;



  font-size: 12px;



  text-align: right;

}

.measlider .selected .datemea {



  text-align: center;



}

.measlider .selected .datemea span {



  padding-top: 3px;



  font-size: 14px;



  font-weight: bold;



}

/*.measlider .slideitem.selected .datemea + .measlider .slideitem .datemea,



.measlider .slideitem.selected + .measlider .slideitem .datemea + .measlider .slideitem .datemea,



.measlider .slideitem.selected + .measlider .slideitem .datemea + .measlider .slideitem .datemea + .measlider .slideitem .datemea,



.measlider .slideitem.selected + .measlider .slideitem .datemea + .measlider .slideitem .datemea + .measlider .slideitem .datemea + .measlider .slideitem .datemea,



.measlider .slideitem.selected + .measlider .slideitem .datemea + .measlider .slideitem .datemea + .measlider .slideitem .datemea + .measlider .slideitem .datemea + .measlider .slideitem .datemea,



.selected .datemea + .datemea {



  text-align: left;



  color: red;



}





.measlider .slideitem.selected + .measlider .slideitem .datemea  + .measlider .slideitem .datemea,



.measlider .slideitem.selected + .measlider .slideitem  + .measlider .slideitem .datemea {



  text-align: left;



  color: red;



}



*/

.slideitem.selected + .slideitem .datemea {



    text-align: left



}

.measlider .contentmea {



  display: none;



  width: 200px;



  padding: 25px 10px;



  background: rgba(255,255,255,0.9);



  position: absolute;



  top: 0;



  right: 0;



}



.measlider .contenor li .illustmea {

  width: 570px;

  height: 362px;

  overflow: hidden;



  position: relative;



  opacity: 0.3;



  -moz-opacity: 0.3;



  filter:alpha(opacity=30);



}



.measlider .contenor li.selected .illustmea {

  opacity: 1;

  -moz-opacity: 1;

  filter:alpha(opacity=1);

}



/*



.measlider .contenor li .illustmea .maskillustmea {



  position: absolute;



  top: 0;



  bottom: 0;



  left: 0;



  right: 0;



  background: white;



  opacity: 0.5;



  -moz-opacity: 0.5;



  filter:alpha(opacity=5);



}



.measlider .contenor li.selected .illustmea .maskillustmea {

  opacity: 0;

  -moz-opacity: 0;

  filter:alpha(opacity=0);

}



*/





.measlider .selected .contentmea {

  display: block;

}



.measlider .contentmea .titlemea {



  font-size: 20px;



  font-weight: bold;



  line-height: 1;



}



.measlider .contentmea .metamea1 {



  margin-top: 10px;



  margin-bottom: 10px;

  font-size: 14px;

  font-weight: bold;

  font-size: 12px;



  font-weight: normal;

}



.measlider .measlider .contentmea .metamea2 {

  font-size: 12px;

}

.measlider .contentmea .titlemea a,



.measlider .contentmea .metamea1 a,



.measlider .measlider .contentmea .metamea2 a {



  color: #000;



}



.measlider .meacursor {

  display: none;

  width: 4px;

  height: 20px;

  background: #e2001a;



  position: relative;

  bottom: 32px;

  left: 50%;

  margin-left: -2px;



}



.measlider .selected .meacursor {

  display: block;

}











.event .topevent, .topevent {

  color: #FFF;

}



.event .cycle, .topevent .cycle, .mediatheque .cycle {

  display: inline-block;

  padding: 6px 10px;

  margin-bottom: 10px;

  background: #e2001a;

  color: #FFF;

  font-size: 14px;

  font-weight: bold;

}

.event .cycle a {

  color: #FFF;





}



.event .dateevent,

.event .lieuevent {

  font-size: 14px;



  font-size: 18px;



  line-height: 1.2;

}



.event .lieuevent {

  margin-bottom: 30px;

}



.event .titrevent {

  margin-bottom: 20px;

  font-size: 40px;

  font-weight: bold;

}



.event .accrocheevent {

  font-size: 14px;

  font-weight: bold;

}



.bottomevent {

  position: relative;

  background-color: #FFF;

  overflow: hidden;

}



.bottomevent .maskevent {

  position: absolute;

  top: 0;

  z-index: 1;

  width: 950px;

  height: 50px;

  background: url(../img/bg-mask-event.png) no-repeat center -32px;

}



.bottomevent .illustevent {

  float: left;

}



.bottomevent .contentevent {

  float: right;

  width: 590px;

  padding-right: 30px;

  padding-top: 50px;

  font-size: 14px;

  line-height: 1.2;



  padding-bottom: 20px;

}



.bottomevent .contentevent p {



  margin-bottom: 16px;



}



.bottomevent .contentevent h3 {



  margin-bottom: 16px;



  color: #e2001a;



  font-size: 20px;



  font-weight: bold;



}

.bottomevent .contentevent h4 {



  margin-bottom: 16px;



  color: #000;



  font-size: 20px;



  font-weight: bold;



}

.bottomevent .contentevent h5 {



  margin-bottom: 16px;



  color: #000;



  font-size: 16px;



  font-weight: bold;



}





.bottomevent .contentevent a {



  border-bottom: 1px solid #000;



  color: #000;



  border-bottom: 1px solid #740b0b;



  color: #740b0b;

  font-weight: bold;



}



.paginationevent {



  overflow: hidden;



}



.paginationevent a {



  color: #000;



  font-weight: bold;



  font-size: 14px;

}



.paginationevent .eventprev { float: left;}



.paginationevent .eventnext { float: right;}





.calendar {

  overflow: auto;

}



.presse {

  padding-top: 25px;

  overflow: auto;

}



.calendar .yearpicker,

.presse .yearpicker {

  display: inline-block;

  padding: 6px 10px;

  margin-bottom: 10px;

  background: #e2001a;

  color: #FFF;

  font-size: 14px;

  font-weight: bold;

}



.calendar .yearpicker a,

.presse .yearpicker a {

  color: #FFF;

}



.calendar .listevent,

.presse .listpresse {

  margin-bottom: 15px;

  color: #FFF;

}



.calendar .listevent a,

.presse .listpresse a {

  color: #FFF;

}



.calendar .listevent li,

.presse .listpresse li {

  overflow: hidden;

  padding: 5px 0px;

  border-bottom: 1px solid #FFF;

}



.calendar .dateevent,

.presse .datepresse {

  float: left;

  width: 140px;

  font-size: 16px;

  font-weight: bold;

}



.calendar .titleevent,

.presse .titlepresse {

  float: left;

  width: 580px;

  font-size: 14px;

}



.calendar .cycleevent {

  float: left;

  max-width: 200px;

  display: inline-block;

  padding: 3px 10px;

  background: #e2001a;

  color: #FFF;

  font-size: 12px;

  font-weight: bold;

}



.presse .btnred {

  float: right;

}







.authpresse {

  width: 280px;

}



.authpresse {

  margin-bottom: 20px;

}



.authpresse .blocontactheader {

  padding: 5px;

  color: #000;

  background-color: #FFF;

  font-size: 16px;

  font-weight: bold;

  cursor: pointer;

}



.authpresse .ssbloccontact {

  padding-left: 20px;

  padding-top: 6px;

}



.authpresse input  {

  margin-bottom: 5px;

  height: 30px;

  font-size: 12px;

}



.authpresse input {

  width: 250px;

  padding: 0 5px;

  border: 0;

}



.authpresse .btnred {

  float: none;

}

.static {

  margin-top: 50px;

}



.innerstatic {

  position: relative;

  background-color: #FFF;

  overflow: hidden;

}

/* =============================================================================

   Médiatheque 

   ========================================================================== */



#mediatheque, .mediatheque {

	color: #fff;

 	font-size: 14px;

	line-height: 1.2;

	min-height: 500px;

	padding-bottom: 20px;

}

.mediatheque .titleformat {

color: #FFF;

font-size: 16px;

font-weight: bold;

float: left;

width: 100%;

margin-bottom: 10px;

margin-top: 20px;

}

.titremedia > a {

	color: #FFF;

}

.titremedia > a:hover{

	color: #999;

}



.mediatheque .vignettes {

	width:100%;

	overflow: auto;

}

.mediatheque .cycle a, .mediatheque .cycleevent a { 

	color:#fff;

}

.mediatheque .cycleevent:hover {

	background: #b90117;

}

.mediatheque .cycleevent {

  float: right;

  max-width: 200px;

  display: inline-block;

  padding: 3px 10px;

  background: #e2001a;

  color: #FFF;

  font-size: 12px;

  font-weight: bold;

}

a .blanc, a:active .blanc, a:hover .blanc{

	color:#fff;

}



.vignettes > .media{

	width: 300px;

	float: left;

	margin-right: 16px;

	margin-bottom: 30px;

	min-height: 250px; /* sinon passe pas à la ligne*/

}

.media img{

	max-width: 290px;

	max-height: 165px;

}

a.imgmedia{

	width: 290px;

	height: 165px;

}

.media .video, .media .audio, .media .photos{

	width: 290px;

	height: 165px;

	z-index: 10;

	position: absolute;

}

div.video:hover {

	background-image: url(../img/format-video.png);

	background-repeat: no-repeat;

	background-position: center;

	z-index: 20;	

}

div.audio:hover {

	background-image: url(../img/format-audio.png);

	background-repeat: no-repeat;

	background-position: center;

	z-index: 20;

}

div.photos:hover {

	background-image: url(../img/format-photo.png);

	background-repeat: no-repeat;

	background-position: center;

	z-index: 20;

}

.mediatheque .vignettes .titremedia {

	color: #FFF;

	font-size: 14px;

	margin-top:10px;



}

.contentmedia{

	margin-bottom:40px;

	color:#fff;

}



#recherchemedia {

	width: 100%;

	background-color: #000;

	/*overflow: auto;*/

	height: 80px;

}



#recherchemedia form {

	float: left;

}

#recherchemedia .sousemenu{

	margin-left: 87px;

}

#recherchemedia input {

width: 210px;

}



#recherchemedia input, #recherchemedia textarea, #recherchemedia select {

	padding: 0 5px;

	border: 0;

	margin-bottom: 5px;

	height: 30px;

	font-size: 12px;

	color: #999;

}



#recherchemedia .select {

	width:170px;

	height:30px;

	overflow:hidden;

	background:#fff url(../img/petite-fleche.png) no-repeat center right;

	margin-left: 20px;

}

#recherchemedia option {

	line-height:20px;

}

#recherchemedia .select select {

	width:195px;

	background: none;

}

#recherchemedia .filtrerecherche {

float: right;

}

#gallery-1 .gallery-item {

	margin-right: 3px;

	margin-bottom: 10px;

	color: #fff;

font-size: 12px;

text-align: left;

}

#gallery-1 .gallery-icon.portrait, #gallery-1 .gallery-icon{

	background-color: #000;

}

/* Image borders */

img[class*="align"],

img[class*="wp-image-"],

#gallery-1 .gallery-item .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */

border: none;



}

.videofull {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

.videofull iframe {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}







#recherchemedia .btn {

display: inline-block !important;

width: auto !important;

padding: 7px 11px 8px !important;

color: #FFF !important;

background: #000 !important;

border: none !important;

font-size: 14px !important;

font-weight: bold !important;

}



/* =============================================================================

   fin Médiatheque 

   ========================================================================== */



.innerstatic .maskstatic {

  position: absolute;

  top: 0;

  z-index: 1;

  width: 950px;

  height: 50px;

  background: url(../img/bg-mask-event.png) no-repeat center -32px;

}



.innerstatic .illuststatic {

  float: left;

}



.innerstatic .contentstatic {

  float: right;

  width: 590px;

  padding-right: 30px;

  padding-top: 50px;

  font-size: 14px;

  line-height: 1.2;

}



.innerstatic .contentstatic p {

  margin-bottom: 16px;

}



.innerstatic .contentstatic h3 {

  margin-bottom: 16px;

  color: #e2001a;

  font-size: 20px;

  font-weight: bold;

}





.innerstatic .contentstatic a  {



  border-bottom: 1px solid #000;



  color: #000;



  border-bottom: 1px solid #740b0b;



  color: #740b0b;

  font-weight: bold;

}



.contentevent .language,

.innerstatic .contentstatic .language{

	text-align : right;

}

.contentevent .language a,

.innerstatic .contentstatic .language a,

.contentevent .print a ,

.innerstatic .contentstatic .print a {

    border-bottom: 1px solid #000000;

    color: #000000;

    font-weight: bold;

}

.print{

	float : right;

	width : auto;

}









#home_intervenant{

	position : relative;

	left : 0px;

	top : 0px;

	height : 200px;

    width: 100%;

    margin : 0px 0px 0px 0px;

    padding : 0px 0px 0px 0px;

    overflow : hidden;

}

#home_intervenant,

#home_intervenant a,

#home_intervenant a:link,

#home_intervenant a :visited,

#home_intervenant a :hover {

	color: #FFFFFF;

    font-weight: bold;

    font-size : 40px;

	line-height : 42px;

    text-transform :uppercase;

    font-family : Arial,Verdana;

}

#home_intervenant a,

#home_intervenant a:link,

#home_intervenant a:visited,

#home_intervenant a:hover {

	padding : 0px 5px;

	display : inline;

	white-space :nowrap;

}

#home_intervenant a :hover{

	text-decoration : underline;

}

#home_intervenant .sliderprev a,

#home_intervenant .sliderprev a:link,

#home_intervenant .sliderprev a:visited,

#home_intervenant .sliderprev a:hover,

#home_intervenant .slidernext a,

#home_intervenant .slidernext a:link,

#home_intervenant .slidernext a:visited,

#home_intervenant .slidernext a:hover{

	text-decoration : none;

	padding : 0px 0px;

}

/*

#home_intervenant .blocsliderintervenant .intervenantslider {

    height: 200px;

    overflow: hidden;

    position: relative;

    left : 0px;

  	width: 1385px;

    z-index: 2;

}



.blocsliderintervenant {

  float: left;

  width: 1385px;

  position: relative;

}





.blocsliderintervenant .intervenantslider {

  width: 1385px;

  height: 200px;

  overflow: hidden;

  position: relative;

  z-index: 2; 

  left : 0px;

  top: 0px;

}



.blocsliderintervenant .contenor {

  width: 1385px;

  height: 200px;

  position: absolute;

  left: 0;

}







.blocsliderintervenant .slidernav {

  height: 200px;

  margin: 0 auto;

  padding: 0 0 0 30px;

  width: 1385px;

  position: absolute;

  top: 0;

  z-index: 3;

}

*/

.intervenantSlider{

	width : inherit;

	height: 200px;

	overflow : hidden;

	background-color :#f599a4;

}

#home_intervenant .sliderprev,

#home_intervenant .slidernext {

  cursor: pointer;

  position: absolute;

  z-index: 10;

  height : 91px;

  margin-top : 50px;



}

#home_intervenant .sliderprev {



  left: 240px;



}

#home_intervenant .slidernext {



  right: 240px;

  /*margin : 0px 20px 0px 0px;*/



}

.contenor_intervenant{

	background-color :#f599a4;

	left :0px;

	top :0px;

	margin : 0px 0px 0px 0px;

	padding : 0px 0px 0px 0px;

	position: absolute; /* pour l'animation : on doit avoir absolute !!!*/

	height: 200px;

	max-height : 200px;

	_height : 200px;

	text-align : left;

	width : auto;

}

.contenor_intervenant p{

	width : auto;

	white-space: nowrap;

	margin : 0px 0px 0px 0px;

	padding : 0px 0px 0px 0px;

}

.facebook{

	float : left;

	width : 450px;

	height : 29px;

}

.tellfriend{

	float : right;

	font-size : 14px;

	margin : 10px 0px 0px 100px;

	width: auto;

}

.tellfriend a,

.tellfriend a:link,

.tellfriend a:visited{

	border-bottom : none;

}

.tellfriend .at16t_email{

	display:none;

}

.tellfriend a,

.tellfriend a:link,

.tellfriend a:visited{

	border-bottom: 1px solid #000000;

    color: #000000;

    font-weight: bold;

}

#home_intervenant p.alone a, #home_intervenant p.alone a:link, #home_intervenant p.alone a:visited, #home_intervenant p.alone a:hover {

    display: inline;

    padding: 0 5px;

    white-space: normal;

}

.contenor_intervenant p.alone{

	text-align : justify;

	white-space: normal;

}



/* ==|== media queries ======================================================

   EXAMPLE Media Query for Responsive Design.

   This example overrides the primary ('mobile first') styles

   Modify as content requires.

   ========================================================================== */



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

  /* Style adjustments for viewports that meet the condition */









/* ==|== non-semantic helper classes ========================================

   Please define your styles before this section.

   ========================================================================== */



/* For image replacement */

.ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }



/* Hide from both screenreaders and browsers: h5bp.com/u */

.hidden { display: none !important; visibility: hidden; }



/* Hide only visually, but have it available for screenreaders: h5bp.com/v */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }



/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }



/* Hide visually and from screenreaders, but maintain layout */

.invisible { visibility: hidden; height: 30px; }



/* Contain floats: h5bp.com/q */

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }





  /* Style adjustments for viewports that meet the condition */

  .topprehome {



padding-top: 5px;

  }

  .prehome {

	  width: 100%;

overflow: hidden;

  }

  .prehome > img{

	  overflow: hidden;

	   width: 100%;

  }





#header .logo {



    float: left;



    padding: 0px;



    padding-right: 0;

	width: 100%;

margin-bottom: 10px;

}





#innerheader {



  margin: 0 auto;

	width: auto;

}



#header {

	overflow: hidden;

	min-height: 400px;

}





#header .nav {



    float: left;

	width: 100%;

    font-size: 16px;

    font-weight: bold;



}







#header .nav > li {

position: relative;

float: initial;

width: auto;



}







#header .nav > li > a {



    display: block;



    padding: 10px;



    color: #000;



}









#header .nav > li.current-menu-item > a,



#header .nav > li.current-menu-ancestor > a,



#header .nav > li.current-post-ancestor > a,



#header .nav > li > a.selected,



#header .nav > li > a:hover {



    background: #000;



    color: #fff;



}

 #header .sub-menu {

	position: relative;

	left: 0;

	display:none;

}

 #innercontent {

width: auto;

padding: 15px 0 0 0px;

 }

 



.measlider {



  position: relative;



}















.measlider .slider {



  width: 320px;



  height: 250px;



  margin: 30px auto 0;



  position: relative;



  z-index: 2;



  overflow: hidden; 



}















.measlider .contenor {



  width: 320px;



  height: 250px;  



  position: absolute;



}















.measlider .contenor li {



  float: left;



  width: 320px;



  height: 202px;



  position: relative;



}











.measlider .contenor li img {



  max-width: 100%;



}







.measlider .slidernav {



  height: 40px;



  margin-top: -42px;



  position: relative;



  z-index: 9;



}







.measlider .sliderprev,



.measlider .slidernext {



  cursor: pointer;



}







.measlider .sliderprev {



  float: left;



  margin-left: 10px;



}







.measlider .slidernext {



  float: right;



  margin-right: 10px;



}













.measlider .datemea {



  text-align: right;



  position: relative;



  top: 8px;







}







.measlider .datemea span {



  display: inline-block;



  height: 18px;



  padding: 0 5px;



  color: #FFF;



  background: #000;



  font-size: 12px;



  text-align: right;







}







.measlider .selected .datemea {



  text-align: center;



}







.measlider .selected .datemea span {



  padding-top: 3px;



  font-size: 14px;



  font-weight: bold;



}





.slideitem.selected + .slideitem .datemea {



    text-align: left



}







.measlider .contentmea {



  display: none;



  width: 180px;



  height: 182px;



  padding: 10px;



  background: rgba(255,255,255,0.9);



  position: absolute;



  top: 0;



  right: 0;



}















.measlider .contenor li .illustmea {



  opacity: 0.5;



  -moz-opacity: 0.5;



  filter:alpha(opacity=5);



}















.measlider .contenor li.selected .illustmea {



  opacity: 1;



  -moz-opacity: 1;



  filter:alpha(opacity=1);



}















.measlider .selected .contentmea {



  display: block;



}







.measlider .contentmea .titlemea {



  font-size: 20px;



  font-weight: bold;



  line-height: 1;



}















.measlider .contentmea .metamea1 {



  margin-top: 10px;



  margin-bottom: 10px;



  font-size: 14px;



  font-weight: bold;



  font-size: 12px;



  font-weight: normal;







}















.measlider .measlider .contentmea .metamea2 {



  font-size: 12px;



}







.measlider .contentmea .titlemea a,



.measlider .contentmea .metamea1 a,



.measlider .measlider .contentmea .metamea2 a {



  color: #000;



}



  

  

}







/* ==|== print styles =======================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */

  a, a:visited { text-decoration: underline; }

  a[href]:after { content: " (" attr(href) ")"; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; } /* h5bp.com/t */

  tr, img { page-break-inside: avoid; }

  img { max-width: 100% !important; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3 { page-break-after: avoid; }

  #header{

  	display:none;

  }

  .innerstatic .contentstatic,

  .innerstatic,

  #innercontent,

  .event .titrevent,

  .event .accrocheevent,

  .event .topevent {

  	width : 100%;

	padding : 0 0;

	margin : 0 0;

  }

  .event .cycle {

  	display:none;

  }

  .bottomevent .contentevent h3,

  .bottomevent .contentevent h4,

  .bottomevent .contentevent {

  	float:left;

  	width : 100%;

  }

  #subfooter,

  .print,

  .paginationevent,

  .facebook,

  .fb_iframe_widget,

   .contentevent .language, .innerstatic .contentstatic .language {

    display:none;

	}

}