/*
Theme Name:     Ifris
Theme URI:      https://ifris.org
Description:    Theme pour le site ifris.org migré en version PHP 7.x par <a href="https://www.orsal.fr">Guillaume Orsal</a>
Author:         MagicMorning
Author URI:     https://www.magicmorning.net

Version:        3.0

noir menu 231f20
bleu 5592ca
gris clair : 626262
rose : f16085

*/

/* 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{
	color:#626262;
	font:14px/19px 'Open Sans', sans-serif;
	background:#fff;
	min-width:990px;
}
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;
}
a{
	text-decoration:underline;
	color:#f16085;
}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% 'Open Sans', sans-serif;
	vertical-align:middle;
	color:#231f20;
}

select{
	font:150% 'Open Sans', sans-serif;
	width: 100%;
	padding: 30px;
	margin-top: 5px
}

/* WRAPPER */

#wrapper{
	width:980px;
	padding:0 5px;
	margin:0 auto;
}
#header{
	padding:30px 0 0;
	margin:0 0 26px;
	position: relative
}

#breadcrumb{padding:0;margin-bottom: 10px;margin-top: -10px;font-weight: 300;color:#333}

.header-holder{
	overflow:hidden;
	margin:0 0 23px;
}
.logo{
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	width:287px;
	height:89px;
	margin:0 134px 0 0;
}
.logo a{
	display:block;
	height:100%;
}
.search-form{
/* 	float:left; */
	margin:29px 0 0;
}
.search-form .row{
	float:left;
	border:solid #d1d1d1;
	border-width:1px 0 1px 1px;
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	position:relative;
}
.search-form input[type=search]{-webkit-appearance:none;}
.search-form input[type=search],
.search-form input[type=text]{
	float:left;
	font-weight:600;
	width:233px;
	height:17px;
	line-height:17px;
	padding:5px;
	background:none;
	border:0;
	box-sizing:inherit;
}
::-webkit-input-placeholder{color:#231f20;}
:-moz-placeholder{color:#231f20;}
.search-form input[type=submit]{
	float:left;
	text-transform:uppercase;
	min-width:46px;
	height:29px;
	border:1px solid #d1d1d1;
	background:#f0f0f0;
	cursor:pointer;
	padding:0 0 2px;
	margin:-1px 0 -1px 3px;
	border-radius:14px;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	position:relative;
}
input[type=submit]:hover{cursor:pointer;}


.social{
	text-align: right;
	position: absolute;
	right:20px;
	top:40px;
	font-size: 11px
}



.language-list{
	padding-top: 10px;
	float:right;
	font-weight:700;
}

.nav-holder{
	background:#231f20;
	border:solid #d1d1d1;
	border-width:1px 1px 1px 0;
}
#nav{
	text-transform:uppercase;
	font-weight:700;
	line-height:16px;
}
#nav:after,
#main:after{
	content:'';
	display:block;
	clear:both;
}
#nav li{
	border-left:1px solid #d1d1d1;
	float:left;
}
#nav a{
	text-decoration:none;
	color:#d1d1d1;
	float:left;
	text-align:center;
	padding:10px 15px 12px 13px;
}
#nav.scaling-active a{padding:10px 0 12px;}
#nav a span{
	padding:0 1px 0 0;
	text-align:left;
	display:inline-block;
	vertical-align:top;
	max-width:122px;
}
#nav a img{
	vertical-align:top;
	margin:7px 0 0 7px;
}

#nav li#menu-item-42 a img{
	display: none;
}

#nav li:hover a span,
#nav li a:hover span{text-decoration:underline;}
#nav li:hover{
	position:relative;
	z-index:10;
}
#nav li:hover ul{display:block;}
#nav ul{
	text-transform:none;
	position:absolute;
	top:100%;
	left:-2px;
	background:#231f20;
	border:solid #d1d1d1;
	border-width:0 1px 1px 1px;
	font-weight:400;
	width:195px;
	display:none;
}
#nav ul li{
	float:none;
	border-top:1px solid #d1d1d1;
}
#nav li.current-menu-ancestor{
	background: #f16085;
}


#nav li.current-menu-ancestor ul li.current-menu-item, .current_page_item{
	background: #f16085;
}
#nav li.current-menu-ancestor ul li.current-menu-item a{
	color: #FFF;
}
#nav li.current-menu-ancestor ul li.current_page_item a{
	color: #FFF;
}

#sidebarnav li.current-menu-ancestor ul li.current-menu-item, .current_page_item{
	background: none;
}

#nav li.current-menu-ancestor a{
	color: #FFF;
}
#nav li.current-menu-ancestor ul li a{
	color: #d1d1d1;
}
#nav ul a,
#nav.scaling-active ul a{
	float:none;
	display:block;
	padding:9px 10px 10px 13px;
	text-align:left;
}
#nav ul a:hover{
	text-decoration:none;
	background:#f16085;
	color:#fff;
}
#main{
	margin:0px;
	position:relative;
}
#content{
	float:left;
	width:643px;
	border-top:1px solid #d1d1d1;
	padding:15px 0 0;
}




/* ## hp slideshow
############################## */
.content-section{
	overflow:hidden;
	padding:0 0px 0 14px;
	margin:0 0 13px;
	min-height: 300px
}
.content-section img{float:left;}


/* ## hp slideshow
############################## */

.slideset {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slideset li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.slideset li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.slideset img {
	float:left;
	left:0px;
	border: 0;
}
  
#content .slideset ul h2{
	color:#231f20;
	font-size:20px;
	line-height:20px;
	font-weight:700;
	font-style:normal;
	text-transform:none;
	padding:0;
	}
#content .slideset ul h2 a {
	color:#231f20;
	text-decoration: none;
	}	
#content .slideset ul h2 span{
	text-transform:uppercase;
	font-weight:800;
	font-style:italic;
	font-size:12px;
	line-height:15px;
	color:#231f20;
	display:block;
	margin-bottom:20px;
	}
	
.slideset_tabs{
	font-style:italic;
	font-weight:800;
	font-size:12px;
	line-height:15px;
	overflow:hidden;
	display:inline-block;
	vertical-align:top;
	padding:0 0 0 5px;
	position:absolute;
	top:290px;
	left:410px;
}
.slideset_tabs li{
	float:left;
	padding:0 3px 0 2px;
}
 .slideset_tabs a{
	color:#ed145b;
	text-decoration:none;
	text-align:center;
	float:left;
	border:1px solid #d2d2d2;
	width:18px;
	height:18px;
	padding:2px 1px 0;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}
.slideset_tabs .slideset_here a,
.slideset_tabs a:hover{color:#231f20;}
  
/* ## hp other blocks
############################## */
  
.content-block{
	background:#f9f9f9;
	border:solid #d1d1d1;
	border-width:1px 0;
	padding:11px 1px 28px;
	margin:0 0 12px;
}
.item-list{
	margin:0 -32px 0 0;
	padding:6px 0 0 13px;
	overflow:hidden;
	line-height:22px;
}
.item-list li{
	float:left;
	padding:0 17px 0 14px;
	width:195px;
	overflow:hidden;
	background:url(images/separator-item-list.gif) no-repeat 0 6px;
}
.item-list li:first-child{
	background:none;
	padding:0 16px 0 0;
	width:178px;
}
.item-list a{
	background:url(images/bg-item-list.png) no-repeat 0 6px;
	padding:0 0 0 47px;
	float:left;
	text-decoration:none;
}
.item-list a:hover{text-decoration:underline;}
.news-holder{
	overflow:hidden;
	margin:0 -16px 16px;
	padding:1px 0 0;
}
.news-holder article{
	display:inline-block;
	vertical-align:top;
	width:198px;
	border-left:1px solid #d1d1d1;
	margin:0 0 0 -1px;
	padding:0 9px 0 14px;
}
.news-holder .text-holder{
	padding:0 0 6px;
	min-height:191px;
}
#content .news-holder h3 {
	font-size:18px;
	line-height:22px;
	margin:6px 0 8px;
	font-weight:normal;
	letter-spacing:0;
}
.news-holder h3 a{
	text-decoration:none;
	color:#231f20;
}
.news-holder h3 a:hover{text-decoration:underline;}
#content p{margin:0 0 10px;}
.news-holder img{
	display:block;
	margin:0 auto;
}
.box-holder{
	border:solid #d1d1d1;
	border-width:1px 0;
	padding:14px 0;
	overflow:hidden;
	margin:0 0 12px;
}
.box-holder article{
	float:left;
	width:280px;
	border-left:1px solid #d1d1d1;
	line-height:18px;
	padding:14px 0 10px 19px;
	margin:0 0 0 35px;
}
.box-holder article:first-child{
	border:none;
	padding:14px 0 10px 7px;
	margin:0;
}
.box-holder article .holder{
	float:left;
	margin:0 10px 0 0;
	position:relative;
}
#content .box-holder h2{
	margin:0;
	padding:0 7px;
	position:absolute;
	top:0;
	left:0;
}
#content .box-holder h2 a{
	color:#000;
	font-weight:600;
	font-size:14px;
	font-style: italic;

}
.ads-holder{
	display:table;
	width:100%;
	height:167px;
}
.ads-holder .frame{
	display:table-cell;
	vertical-align:middle;
	padding:18px 0;
}
.box-holder article img{vertical-align:top;}
.box-holder article .text-holder{
	overflow:hidden;
	padding:0 0 3px;
}
#content .box-holder p{margin:0 0 2px;}
.box-holder article a{
	font-size:12px;
	line-height:15px;
}
.heading-box{
	overflow:hidden;
	padding:0 15px 0 11px;
	margin:0 0 20px;
}
.heading-box a{
	float:right;
	padding:6px 0 0 20px;
}
#content h3{
	overflow:hidden;
	color:#231f20;
	font-size:25px;
	line-height:33px;
	font-weight:300;
	letter-spacing:-1px;
}
.post-holder{
	background:url(images/bg-post-holder.gif) no-repeat 0 100%;
	padding:0 0 7px 12px;
	overflow:hidden;
}
.post-holder article{
	width:180px;
	float:left;
	border-left:1px solid #d1d1d1;
	padding:0 15px 1px 14px;
	margin:0 0 0 15px;
	line-height:18px;
}
.post-holder article:first-child{
	border:none;
	padding:0;
	margin:0;
}
.post-holder article h4{
	font-weight:600;
	color:#231f20;
	font-size:16px;
	line-height:20px;
	margin:0 0 6px;
}
.post-holder article h4 a{
	text-decoration:none;
	color:#231f20;
}
.post-holder article h4 a:hover{text-decoration:underline;}


/* ## page
############################## */

.content-page{
	overflow:hidden;
	border-bottom: 1px solid #D1D1D1;
	padding-bottom:20px;
}

/* permalien de post */
#content .content-page h2 a{ text-decoration:none; color:#f16085;}
#content .content-page h2 a:hover{text-decoration:none;}
/* liens dans content */
#content .content-page a{ text-decoration:none; color:#f16085;}
#content .content-page a:hover{text-decoration:underline;color:#000;}
#content .content-page .nolink a{text-decoration:none;}
#content .content-page .nolink a:hover{text-decoration:underline;}

/* em */

/* global */
.entry-header h2{
	text-transform: none;
	font-style: normal;
	font-size:30px;
	font-weight: bold;
	line-height:34px;
	color:#231f20;
	margin:0 0 14px;
	padding:0px;
}

.entry-content h2{	
	text-transform: none;
	font-weight:600;
	font-style: bold;
	font-size:30px;
	line-height:28px;
	color:#231f20;
	margin:0 0 14px;
	padding:0px;
}
.entry-header h2 a{
	font-size:28px;
	font-weight: bold;
	text-decoration: none
}
.entry-content h2 a{
	font-size:18px;
}
.entete{
	text-transform: none;
	font-weight:600;
	font-style: normal;
	font-size:25px;
	line-height:28px;
	color:#231f20;
	margin:0 0 14px;
	padding:0px;
}

/* global */
#content h3 {
	overflow: hidden;
	color: #231F20;
	font-size: 16px;
	line-height: 33px;
	font-weight: 700;
	letter-spacing: -1px;
	margin-top: 20px;
}
/* special */
#content .content-page .entry-content h3{
	text-transform: none;
	font-size:18px;
	color:#231f20;
	padding:0px;
	font-weight: 600;
}
#content .content-page .entry-header h4{
	text-transform: none;
	font-size:13px;
	color:#231f20;
	margin:14px 0 14px 0;
	padding:0px;
	font-weight: 800;
	letter-spacing: normal;
}

.content-page p{
	font-size: 16px;
	font-weight:300;
	line-height: 24px;
}

.content-page p strong{
	font-weight:600;
}
.content-page p em, .entry-content p em {
	font-style: italic;
	font-weight:600italic;
}

.content-page form.filter{
	margin-top: 20px;
	margin-bottom: 20px;
}
.content-page p.mini{
	font-size: 13px;
}

.content-page blockquote {margin-top:30px;margin-bottom:30px;}
.content-page blockquote p{	}
.content-page blockquote {quotes: "\201C" "\201D";}
.content-page blockquote p:before { content: open-quote; font-size:22px;font-weight: bold; padding-right:10px;}
.content-page blockquote p:after { content: close-quote; font-size:22px;font-weight: bold; padding-left:10px;}
 
.content-page ul {margin-bottom: 20px }
.content-page ul li {list-style: none;font-size: 16px;font-weight:300;line-height: 22px;margin-left:20px}
.content-page ul li:before { content: "●";font-size:16px;font-weight: bold;padding-right:5px;}

.content-page ol { counter-reset: item; font-size: 16px;font-weight:300;line-height: 22px;}
.content-page ol li {  *list-style: decimal; margin-bottom: 1em;margin-left:20px}
.content-page ol li:before { content: counters(item, ". "); counter-increment:item; font-size:14px;font-weight:bold;padding-right:5px;}

.content-page li.linkcat{list-style: none;}
.content-page ul.blogroll li{margin-bottom:10px;}

.content-page .alignleft{float:left;padding-right:30px;padding-bottom: 10px;}
.content-page .alignright{float:right;padding-left:30px;padding-bottom: 10px;}

/* structure */
#tabs{list-style: none;padding: 0;margin: 0}
#tabs li {display: inline;list-style: none;margin-left:0px}
#content .content-page ul#tabs li a{color: #FFF;text-decoration: none}
ul#tabs li::before {content: "";padding:0px;}

a.tab{
background: #000;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
}

li.active a{background: #f16085; color:#FFF}

.content-page td{
	vertical-align: top;
	padding-bottom: 20px;
	padding-right: 10px;
	font-size: 16px;
	font-weight:300;
	line-height: 24px;
}

.content-page td strong{
	font-weight:600;
}

/* attachements  */
li.pdf{	
	list-style:none;
	background:url(images/icon_pdf.png) no-repeat 0 100%;
	height:52px;
	padding-left:72px;
	line-height:16px;
	}
li.word{	
	list-style:none;
	background:url(images/icon_word.png) no-repeat 0 100%;
	height:52px;
	padding-left:72px;
	line-height:16px;
	}
/* postbox appels */
#postbox  p{font-size:12px;}
#postbox  p input {font-size:25px;}
#postbox  p textarea {width:620px;padding: 10px}

#postbox  p select.postform {font-size:25px;}
#postbox  p input.type{font-size: 16px;}

/* ## SIDEBAR
############################## */
#sidebar{
	float:right;
	width:307px;
	border:solid #d1d1d1;
	border-width:1px 0 1px 1px;
	padding:15px 0 17px 15px;
}
#sidebar .heading{
	overflow:hidden;
	border-bottom:1px solid #d1d1d1;
	padding:0 0 20px;
	margin:0 0 14px;
}
#sidebar .heading img{
	float:left;
	margin:0 17px 0 0;
}
#sidebar .heading .holder{
	overflow:hidden;
	padding:1px 0 0;
}
#sidebar h3{
	color:#231f20;
	font-size:25px;
	line-height:28px;
	font-weight:600;
	margin:0 0 11px;
}


/**** sidebar contextual menu ****/
#sidebarnav{position: relative;}

#sidebarnav li{
	float:left;
}
#sidebarnav a{
	text-decoration:none;
	color:#231f20;
	font-size:25px;
	line-height:28px;
	font-weight:600;
	margin:0 0 11px;
	float:left;
}
#sidebarnav.scaling-active a{padding:10px 0 12px;}

#sidebarnav li:hover a span,
#sidebarnav li a:hover span{text-decoration:underline;}
#sidebarnav li:hover{
	position:relative;
	z-index:10;
}

#sidebarnav li:hover ul{display:block;}

#sidebarnav ul{
	font-weight:400;
}

#sidebarnav ul li{list-style: square;margin-left: 20px;	clear: both;color:#5592ca}

#sidebarnav ul a,
#sidebarnav.scaling-active ul a{
	float:none;
	font-size: 16px;
	font-weight: 100;
	color:#000;
}
#sidebarnav ul a:hover{
	text-decoration:underline;
	color:#f16085;
}

#sidebarnav ul li.current_page_item,#sidebarnav ul li.current-menu-item a{
	text-decoration:underline;
	color:#f16085;
}






.news{
	color:#000;
	font-size:12px;
	line-height:18px;
	background:#b3c6d6;
	padding:0 0 3px;
}
.news article{
	border-top:1px solid #fff;
	padding:18px 15px 13px;
}
.news article:first-child{padding:10px 15px 13px;}
.news time{
	font-size:16px;
	line-height:24px;
	font-weight:800;
	display:block;

}
.news h4{
	color:#fff;
	font-size:14px;
	line-height:20px;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 12px;
}
.news h4 a{
	color:#fff;
	text-decoration:none;
}
.news h4 a:hover{text-decoration:underline;}
.news .img-holder{
	padding:3px 0 0;
	margin:0 0 14px;
}
.news .img-holder img{vertical-align:top;}
#main .bg-top,
#main .bg-bottom{
	position:absolute;
	top:-15px;
	right:308px;
	background:#fff;
	height:30px;
	width:30px;
}
#main .bg-bottom{
	position:absolute;
	top:auto;
	bottom:-15px;
}




#content,.content-page,.box-holder,#sidebar{
	border-bottom: none
}

/**** Isotope CSS3 transitions ****/

.element{width:321px;height:180px;margin-bottom: 10px;font-size: 12px;}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* ## FOOTER
############################## */
#footer{
	color:#231f20;
	border-top:8px solid rgba(181, 200, 215, 0.75);
	border-bottom:8px solid rgba(181, 200, 215, 0.75);

}
#footer article{
	display: inline-block;
    vertical-align: top;
    width: 250px;
    margin: 0 0 0 -1px;
    margin-top: 20px;
    padding: 5px;
    padding-left: 35px;
	font-size:11px ;

}
#footer article.carte{
    width: 375px;
    padding-left: 0px;
}
#footer article.right{
    width: 285px;
    padding-left: 0px;
}

#footer article ul li {
    list-style: square;
    margin-left: 0px;
    clear: both;
    line-height: 15px
}

#footer article ul.partenaires{
    margin-top: 40px;

}

#footer article ul.partenaires li{
      line-height: 16px;
}

#footer article ul.normal li{
    list-style: none;
    margin-left: 0px;
    clear: both;
    line-height: 16px;
}
#footer article ul.normal li.footerlogo{
	margin-top: 20px;
	margin-bottom: 20px
}
#footer article ul.normal li.fat{
	font-weight: bold
}
#footer article ul li.section{
	font-weight: bold;
	margin-top: 10px;
	list-style: none;
}

#footer article ul li a{
	text-decoration: none
}
#footer article ul li a:hover{
	text-decoration: underline
}



#mc_embed_signup{margin:0 auto;margin-bottom:40px;padding:0px;}
#mc_embed_signup p{margin:0;padding:0}
#mc_embed_signup input{margin-bottom:10px;padding:8px;font-size:11px;width:98%;background:#f16085;border:1px solid #2A2A2A;color:#FFF;display:block}
#mc_embed_signup input[type="submit"]{-webkit-appearance:none;cursor:pointer;width:25%;display:inline;background:#2A2A2A;border:1px solid #2A2A2A}
::-webkit-input-placeholder{color:#OOO}
::-moz-placeholder{color:#OOO}
::-ms-input-placeholder{color:#OOO}
::-moz-placeholder{color:#OOO}



.credits{
	display: block;
	margin-top: 40px;
	margin-bottom: 40px;
	font-size: 11px;
}
.credits span{
	border-bottom: 3px solid rgba(181, 200, 215, 0.75)
}
.creditsR{
	float: right
}


.top{
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
}
.menubtn {
    font-size: 22px;
    margin-top: 10px;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    text-align: center;
}