style.css

@charset utf-8;
/*
Theme Name: Institut Français
Theme URI: http://if-final.wp.anou.dev.smol.org
Github Theme URI: https://github.com/anou/iftheme
GitHub Branch: master
Version: 3.5
Author: David THOMAS - SMOL
Author URI: http://www.smol.org
Description: The 2012 WordPress Base Theme for all Institut Français over the world.
License: GNU General Public License
License URI: license.txt
Tags: blue, theme-options, translation-ready, responsive
Text Domain: iftheme
Domain Path: /languages


 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

/*
 * The Whiteboard Framework is licensed under the GPL license.
 * Feel free to use the Whiteboard Framework for commercial and non-commercial ventures.
 * We require a link in the CSS file and request a link on the website
*/

/*
 * FONTS
 */
@font-face {
    font-family: 'dinMed';
    src: url("fonts/DINWebPro-Medium.eot");
    src: url('fonts/DINWebPro-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/DINWebPro-Medium.woff') format('woff'),
         url('fonts/DINCompPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinMedOT';
    src: url('fonts/dinot-medium.eot');
    src: url('fonts/dinot-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/dinot-medium.woff') format('woff'),
         url('fonts/dinot-medium.ttf') format('truetype'),
         url('fonts/dinot-medium.svg#dinot-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinBCOT';
    src: url('fonts/dincondb.eot');
    src: url('fonts/dincondb.eot?#iefix') format('embedded-opentype'),
         url('fonts/dincondb.woff') format('woff'),
         url('fonts/dincondb.ttf') format('truetype'),
         url('fonts/dincondb.svg#dinot-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*	12-column layout
	60 px columns, 20 px gutters, 10 px margins, 960 px total 
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12   
	60px  140px  220px  300px  380px  460px  540px  620px  700px  780px  860px  940px	*/

@media only screen and (min-width: 960px) {
	
	.container {
		padding: 0 10px;
		width: 940px;
	}
	.main-container {padding: 10px;}
	body .container.header {padding: 30px 10px 10px;}

		#header-image img {
			width: 940px;
			height: 264px;
			margin-left: 0;
		}
		#content {
			width: 630px; /* 8 columns */
		}
		#sidebar {
			width: 300px; /* 4 columns */
			padding: 0;
			margin: 0 0 10px 0
		}
		#sidebar aside#sidebar-newsletter {width: 280px;}
		body #footer .widget-footer.footer-logo {width: 210px;}
		#footer .footer-all-block {width: 690px;}
		#footer .container {width: 960px;}
		  #footer .widget-footer.footer-logo {width: auto; min-height: 188px; height: 188px; padding: 25px 20px;}
		  #footer .widget-footer {width: 200px; min-height: 198px;}
      #footer .widget-footer.ifnopadding {width: 220px};


}

/* DEBUG help */
.debug { display: none; }

/* GENERAL */
body {
  color: #231F20;
  font: normal 14px/1.4em "Arial", sans-serif;
  background: #fff url('') no-repeat fixed center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body.custom-background { background-position: center top; }

a, a:link, a:visited { color: #3E647E; }
a:hover { color: #008AC9; }

img {max-width: 100%}
.metasize {max-width: 50%}

h1,h2,h3,h4,h5,h6 {font-weight: normal; line-height: 1.2em;}

p {margin: 1em 0;}

table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #008ac9; font-size: 14px;}
legend { font-family: 'dinMed', sans-serif; color: #58585A; padding: 3px 0;  }
th, td {text-align: left; border: 1px solid #008ac9; padding: 5px 10px;}
th { background-clip: #f2f2f2; }


#content ul, #content ol { margin: 0 0 0 15px; }

#content h1 {font-size: 34px; text-transform: uppercase; color: #008ac9; font-family: 'dinMed',sans-serif;margin-bottom: 5px}

blockquote {color: #008AC9; font-size: 18px; padding:15px 50px; text-align: justify;}
/* blockquote p {float: left;} */
blockquote .open, blockquote .close  {background: transparent url(images/open-quote.png) no-repeat left top; width: 25px; height: 26px; display: inline-block; margin: 0 0 -20px -30px; }
blockquote .close {background-image: url(images/closing-quote.png); margin: -15px -30px 0 0; float: right; }

/*LAYOUT*/

.sides {
    background:transparent url("images/f1.png") repeat left top;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
}
#side-right.sides { right: 0;}

.container {background: #fff;}
.container.header {padding: 30px 5px 5px; overflow: visible;}

#main {}

.breadcrumbs {font-family: 'dinMed',sans-serif; font-size: 12px; color: #008ac9; clear: both; text-transform: uppercase; margin-bottom: 12px}
.breadcrumbs a {color: #58585A;}
.breadcrumbs a:hover {color: #008ac9;}
.breadcrumbs a img {display: inline;}

.bxshadow { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow:  0 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:  0 2px 2px rgba(0, 0, 0, 0.2); padding: 10px}
/*
 * HEADER
 */
header { }
  header #header-img {
	padding: 0;
	overflow: hidden;
	float: left;
	max-width: 440px;
	max-height: 95px;
}

	header .widget {margin-bottom: 10px;}
	#logo-container {float: left; margin-left: 10px}
	#logo img { display: block; }
	.tagline {font: normal 1em/1em 'dinMed',sans-serif; text-transform: uppercase; color: #58585A; margin-top: 3px; }

	#header-search {text-align: right;}
	
	#header-widget {float: right; margin-right: 10px;}
	#header-widget ul, 	#header-widget ul li {padding: 0; margin: 0; list-style: none none;}
	#header-widget #header-pages-menu ul li {padding: 3px 5px;}
	#header-pages-menu {font: normal 12px 'dinMed',sans-serif; color: #58585A; text-transform: uppercase;}
	
	nav#antennes { background: #fff url(images/bg-header-menu.png) repeat left top; margin: 0 -10px 10px; padding:0; line-height: 0em; font-size: 0em; position: relative;}
	nav#antennes ul, nav#antennes ul li { padding: 0; margin: 0; list-style: none none;}
	nav#antennes ul li {float: left;}
	/* nav#antennes ul.menu li {border-right: 1px solid white;} */
	nav#antennes ul.menu li.last-cat-item {border-right: 0 none}
	nav#antennes ul li a {font: normal 14px/2.3em "dinMed",sans-serif; color: #fff; text-transform: uppercase; height: 30px; padding: 0 17px; display: inline-block; text-decoration: none;}
	nav#antennes ul li:first-child a {padding-left:10px}
	nav#antennes ul li a:hover {background: #008ac9 url(images/bg-header-menu-on.png) repeat left top;}
	nav#antennes ul li.current-cat a,
	nav#antennes ul li.current-cat-parent a,
	nav#antennes ul li.current-cat-ancestor a {color: #fff; background: #008ac9 url(images/bg-post-title.png) repeat left top; }
	/*submenu*/
	nav#antennes ul li ul.children,
	nav#antennes ul.children {display: none; position: absolute; left: 0; z-index: 100; background:#008AC9 url("images/bg-post-title.png") repeat left top; width: 100%;}
	nav#antennes ul.children { position: relative; float: left; margin-bottom: 10px; }
	nav#antennes ul li ul.children { z-index: 101; }
	nav#antennes ul li ul.children li a,
	nav#antennes ul.children li a {background:transparent none; padding: 0 17px; color: #414042;}
	nav#antennes ul li ul.children li:first-child a,
	nav#antennes ul.children li:first-child a { padding-left: 10px;}
	nav#antennes ul li ul.children li a:hover,
	nav#antennes ul li ul.children li.current-cat a,
	nav#antennes ul li ul.children li.current-cat-parent a,
	nav#antennes ul.children li a:hover,
	nav#antennes ul.children li.current-cat a,
	nav#antennes ul.children li.current-cat-parent a,
	nav#antennes ul.children li.current-cat-ancestor a {color: #fff}
	
	nav.footer {}
	#widget-header {}
	#widget-alert {}
	
	#top-menu-antennes  {float: left; margin: 0 15px 0 60px;}
	#top-menu-antennes ul, #top-menu-antennes ul li {padding: 0; margin: 0; list-style: none none;}
	#top-menu-antennes ul li {font-family: 'dinMed',sans-serif; font-size: 18px; text-transform: uppercase; color: #58585A; margin-bottom: 4px}
	#top-menu-antennes ul li a {color: #58585A}
	#top-menu-antennes ul li a:hover, 
	#top-menu-antennes ul li.current-cat a,
	#top-menu-antennes ul li.current-cat-parent a,
	#top-menu-antennes ul li.current-cat-ancestor a { color: #008AC9; }
/* 	.current-cat-ancestor:not(.current-cat-parent) a { color: #008AC9 !important; } */
	
	#header_language_list {text-align: right;}
	#header_language_list ul { list-style: none; margin:0; padding:0;}
	#header_language_list ul li {text-align: center; display:inline-block; margin:0 0 0 5px; padding:0; color: #fff; text-decoration:none; text-transform: uppercase; font-family: 'dinMed',sans-serif; font-size: 12px; background: #008AC9;}
	#header_language_list ul li.active {width: 25px; height: 19px; padding-top: 1px;}
	
	#header_language_list ul li a, 
	#header_language_list ul li a:visited { background: #58585A; color: #fff; display: inline-block;width: 25px; height: 19px; padding-top: 1px; }
	#header_language_list ul li a:hover, #header_language_list ul li a:active{background: #008AC9;}

.container.for-angle {background: transparent !important; overflow: visible; position: relative;}
.right-corner {height: 0px; border-top: 25px solid #fff; border-right: 25px solid transparent; margin:0 -10px 10px;}
.left-corner {height: 0px; border-top: 25px solid #fff; border-left: 25px solid transparent; margin:0 -10px 10px;}


/** CUSTOM FRONT PAGE **/
/* Your css here */

/** /CUSTOM FRONT PAGE **/


#content { padding: 0; }
	#content .description {text-align: justify; margin: 5px 0 20px}
		#content .description ul, #content .description ol {list-style: disc outside url('images/bullet.png'); margin: 10px 0 10px 15px;}
		#content .description ol {list-style: decimal outside none; margin-left: 20px}
		#content .description ul li {}
	div#home-list { width: 100%; }
	div.block-home { background: #fff; margin:0 0 20px 0}
		h2.posts-category {font: normal 22px/1.2em 'dinMed',sans-serif !important; text-transform: uppercase; color: #008AC9; background-color: #fff;}
		div.block-home h2.posts-category {max-width: 310px;}

		article.post-single-home { display: block; width: 310px; margin: 10px 0 5px 0; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);}

/** class XXX-single MUST BE the last one!!! **/
  article[class$="-single"] { margin: 0 0 23px; width: 100%}

		article.post-single { margin: 0 0 23px; width: 100%}
    .featured-thumbnail {
    	display: inline-block;
    	margin-right: 10px;
    	max-width: 290px;
    	vertical-align: top;
    }		
    .featured-thumbnail img {width: 200px; height: auto;}
		.featured-thumbnail-home img {width: auto; height: auto; margin: 0 auto;}
		.featured-thumbnail img, .featured-thumbnail-home img, .categ-image img {display: block;}
		
		.list-post-infos {
    	display: inline-block;
    	max-width: 66%;
    	width: 100%;
    }

		.categ-image { text-align: center; }
		.categ-image img { display: inline-block; }
.list-post-infos {
    	display: inline-block;
    	max-width: 66%;
    	width: 100%;
    }
		.top-block {
  		background: #0099cc url(images/bg-post-title.png) repeat left top; 
  		font: normal 12px/1.2em 'dinMed',sans-serif; 
  		text-transform: uppercase; 
  		padding: 10px;
    }
    .oldposts .top-block { opacity: 0.8; }
    .news .top-block {
  		background: #0099cc url(images/bg-top-post.png) repeat left top; 
    }
		.date-time {}
			.date-time .start {text-transform: uppercase;}
			.date-time .end {text-transform: uppercase;}
/** class XXX-single MUST BE the last one!!! **/
		.block-home h3.post-title, 
		#content article[class$="-single"] h2 { font-family: 'dinMed',sans-serif ; font-size: 18px; color: #fff; text-transform: none;}
		
/** class XXX-single MUST BE the last one!!! **/
		.block-home h3.post-title a, 
		#content article[class$="-single"] h2 a { 
    	color: #fff;
    }
/** class XXX-single MUST BE the last one!!! **/
    .block-home .news h3.post-title a, 
    #content article[class$="-single"].news h2 a {
  		color: #008AC9;
    }		
		.block-home .post-excerpt {background: #f1f2f2; padding: 2px 10px 15px; font-size: 13px;}
		
	ul.display-children, ul.display-children li {margin: 0; padding: 0; list-style: none none;}
	ul.display-children { width: 103%; margin: 0 !important;}
	ul.display-children li { display: inline-block; float: left; text-align: left;  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); padding: 10px; text-transform: uppercase; color: #3E647E; border: 1px solid #939598; width: 287px; margin:0 10px 10px 0;}
	
	h2.upcoming {font-size: 28px; font-family: 'dinMed',sans-serif; color: #3E647E; text-transform: uppercase; clear: both; margin:30px 0 5px}
/** class XXX-single MUST BE the last one!!! **/
	#content article[class$="-single"] h2 {}
		.post-content { position: relative; }
			.pagination {}
	.post-meta, .read-more  {text-transform: uppercase; font-size: 10px; color:#3E647E; padding: 0 10px; margin-top: -1em; }
	.read-more {float: right; padding: 0; position: relative; top: 15px; margin: 0.7em 0 0;}
	.post-single-home .read-more {top:0;}
	.post-navigation {}
	
	/*BOOKING FORM*/
	.booking-container{}
	  #booking-form { margin-top: 20px; }
	  h3.booking-title { 
		  background: #FFF url("images/bg-top-post.png") repeat left top; 
		  font-family: 'dinMed',sans-serif; 
		  font-size: 16px; 
		  padding:9px 0 7px 10px; 
		  color: #008ac9;
	  } 
	  
	  .add-infos {font-size: 12px; margin-bottom: 10px}
	  .add-infos h4 {font-size: 14px; font-weight: bold}
	  .add-infos p {margin: 0 0 0.5em}
	  .date-time {text-transform: uppercase;}
	  .picto-book {display: inline-block; width: 14px; height: 13px; background: transparent url(images/pict-booking.png) no-repeat center center; margin-right: 4px;}
	  .form-content {border: 1px solid #d1d1d1; padding: 8px 8px 10px;}
		.bookdesc { font-size: 12px; color: #58585A; padding: 10px 0;}
		.form-content label {margin:0 10px 10px 0; white-space: nowrap; float: left;}
		#captcha-container {margin: 10px 0 0; width: 100%}
		  .form-content #captcha-img {float: left; width: 200px; margin: 0 auto; display: block;}
		  .form-content label[for="captcha"] {margin: 20px 0 0; float: right;}
		.form-content label[for="bookmail"] {margin-right: 0; float: right}
		
		.label {display: inline-block; font-family: 'dinMed',sans-serif; font-size: 12px; color: #008ac9; text-transform: uppercase; }
		input.book-text { width: 116px; border: 1px solid #ababac; font-size: 12px; height: 19px; padding: 0 3px}
    .book-textarea, textarea { width: 99%; border: 1px solid #ababac; font-size: 12px; height: auto; padding: 3px; font-family: "Arial", sans-serif; margin-bottom: 10px;}
    .book-textarea#message { margin-top: -5px; }
		input.book-text#bookmail, input.book-text#captcha {width: 170px;}
		
		input.book-submit, #searchsubmit, .wysija-submit, input[type="button"], input[type="submit"] {
			text-transform: uppercase; 
			color: #fff; 
			font-family: 'dinMed',sans-serif; 
			font-size: 12px; 
			background-color: #58585A; 
			float: right;
			cursor: pointer;
			border: 0 none;
			padding: 1px 14px;
			margin: 0 0 0;
		}
		
		.wp-caption-text{white-space: nowrap; margin-top: 0; color: #58585A}

.page {}
	#page-content {}
	#page-meta {}

/** POST **/
#post{}
.post {}
	.postContent {}
	.post .infos-post {background: #fff url(images/bg-top-post.png) repeat left top; padding: 10px; font-size: 18px; font-family: 'dinMed',sans-serif; text-transform: uppercase; margin-bottom: 16px}
	.post-excerpt {font-size: 13px; padding: 5px 10px 0; min-height: 15px}
	#post-meta {text-transform: uppercase; font-size: 10px; color:#3E647E; }

.featured-post-img { text-align: center; }

nav.oldernewer {}
	.older {}
	.newer {}

.search {}

#searchform .search-container input.type-text,
input.defaultlabels { border: 1px solid #ababac; padding: 0; width: 150px; height: 20px; /* text-transform: uppercase; */ color: #008ac9; font-family: 'dinMed',sans-serif; font-size: 12px;}
#searchsubmit {margin: 0 0 0 5px; padding:3px 2px 2px; border: 1px solid #58585A; float: none;}

.author {}
#recent-author-posts {}
#recent-author-comments {}

#error404 {}

/** SIDEBAR **/
#sidebar { border-top: 0 none; float: right; }
	#sidebar aside { padding: 0 0 10px; margin-bottom: 15px; width: 100%; display: inline-block; }
	#sidebar h3 { color: #fff; background: #008ac9 url(images/bg-post-title.png) repeat left top; font-family: 'dinMed'; font-size: 18px; padding: 10px;}
	#sidebar ul, #sidebar ul li {padding: 0; margin: 0; list-style: none none;}
	#sidebar .ifworldlinks { padding: 0; }
	#sidebar .ifworldlinks h3 { color: #008ac9; background: #fff url(images/bg-sidebar-h2.png) repeat left top; text-transform: uppercase;}
		#sidebar .ifworldlinks ul {padding: 10px 10px 5px; border: 1px solid #d3d3d3;}
		#sidebar .ifworldlinks ul li {padding: 10px; background: #008ac9 url(images/bg-post-title.png) repeat left top; color: #fff; font-family: 'dinMed'; font-size: 16px; margin-bottom: 5px }
		#sidebar .ifworldlinks ul li a {color: #fff; }
		
  #sidebar .ifmobile .ifmobile-content {padding:0 10px}
  .ifmobile {line-height:1.3em}
  .ifmobile-content p { margin: 0 0 0.5em;}
  #sidebar .ifmobile-content p { margin: 0.8em 0;}
   div.ifmobile-apps { padding: 0 !important; margin-top: 8px; text-align: center}
    div.ifmobile-apps .apple { max-width: 86px; }
    div.ifmobile-apps .google { margin-top: -7px;}
   #sidebar div.ifmobile-apps { margin-top: 12px;}
   .ifmobile a {text-align: center; display: inline-block; max-width: 100%;}
   div.ifmobile-apps a { display: inline-block; vertical-align: middle; width: 50%; float: left;}
   div.ifmobile-apps a img { display: inline; }
   
   #sidebar aside.ifnopadding, #footer .widget-footer.ifnopadding, #sidebar aside.ifnopadding div {padding: 0; box-shadow: none;}
   #footer .widget-footer.ifnopadding h3 { margin: 10px}
		
	#sidebar .widget-sidebar ul {padding: 10px;}
/* 	#sidebar .widget-sidebar div {padding: 10px;} */ 
	#sidebar .widget-sidebar .wysija-msg,
	#sidebar .widget-sidebar div.textwidget {padding: 0}
		#sidebar-search {}
		#sidebar-nav {}
		#sidebar-archives {}
		#sidebar-meta {		}
		.widget {margin-bottom: 10px}

		
	#sidebar aside#sidebar-newsletter {width: auto; padding: 10px; border: 1px solid #e4e5e5}
	#sidebar aside#sidebar-newsletter div {padding: 0}
	  aside#sidebar-newsletter h3 {font-size: 16px; text-transform: none; background: #fff none;color: #008ac9; padding: 0;}
	  .widget_wysija_cont {margin-top: 10px}
	  .wysija-p-email {margin: 0; float: left;}
	  input.defaultlabels { width: 268px; padding-left: 10px}
	  input.wysija-input { width: auto; padding-left: 10px; border: 1px solid #ababac; height: 20px; color: #008ac9; font-family: 'dinMed',sans-serif; font-size: 12px; }
	  p.wysija-instruct { color: #58585A; font-family: 'dinMed',sans-serif; font-size: 16px; margin: 0; background: transparent url(images/fleche-nl.png) no-repeat right 2px; padding: 0 20px 0 0; position: relative; top: -30px; float: right;}
     .widget_wysija .wysija-submit {margin: 0; padding:3px 2px 2px; border: 1px solid #58585A; float: right;}
     
     .wysija_lists {float: left; width: 100%; margin: 10px 0 0;}
     p.wysija_list_check {margin: 0;}
     .wysija_list_check label,
     .mailpoet_checkbox_label {
       color: #414042;
       text-transform: uppercase;
       font-size: 14px;
       font-weight: normal !important;
       font-family: 'dinMed',sans-serif;
       position: relative;
     }
     .wysija_list_check label input[type="checkbox"]{}
     
     .wysija-msg {font-size: 12px; color: #414042;}
     
     .checkbox-span {display: inline-block; width: 12px; height: 12px; background: transparent url(images/checkbox-if.png) no-repeat left top; position: absolute; top: 4px; left: 1px;}
     label.checked .checkbox-span {background-position: left bottom;}

    #sidebar-social {border: 1px solid #d3d3d3}
	#sidebar-social h3 {
		float: left;
	    background: transparent none;
	    color: #008ac9;
	    font-family: 'dinMed';
	    font-size: 16px;
	    padding: 10px 5px 10px 10px;
	}     
    #sidebar-social ul {float: right; padding: 10px;}
    #sidebar-social ul li {float: left; margin-left: 5px}
/*
     .wysija_lists input.checkbox { display: none; }
     .wysija_lists .disabled { opacity: 0.5; filter: alpha(opacity=50); }
*/
	  
#footer { font-size: 12px;}
  #footer .container {background-color: transparent; display: block; padding: 0; /* margin-bottom: 10px */}
  	#footer .footer-all-block {background-color: #fff; padding: 10px 10px 0 0; width: auto;}
  	#footer .widget-footer {background-color: #f2f2f2; float: left; margin: 0 0 10px 10px;  padding: 10px;}
  	#footer .widget-footer.footer-logo {background: #fff url('images/logo-rf.png') no-repeat 20px bottom; margin:0 10px 0 0; position: relative;}

#smol-logo {position: absolute; bottom: 5px; right: 20px; opacity: 0.1;}

  	#footer .widget-footer h3, #footer .widget-footer h2.widgettitle {font-family: 'dinMed',sans-serif; font-size: 16px; color:#008ac9; text-transform: uppercase; margin-bottom: 6px;}
  	#footer .widget-footer ul, #footer .widget-footer ul li  {margin: 0; padding: 0; list-style: none none;}
  	#footer .widget-footer a {color: #58585A; font-size: 12px;}
  	#footer a:hover {color: #008ac9;}
	#widget-footer {}
	#footer-nav {}
	
.no-results {}

.widget-area {}

/*
 * Calendrier
 */
#ajax_calendrier { background: #fff url(images/bg-top-post.png) repeat left top; margin-bottom: 15px;}

#calendrier { width: 300px; position: relative;}

#calendrier a {	color:#008ac9; cursor:pointer;}

#calendrier table{border: 0 none; border-collapse:separate; width:100%; border-spacing: 10px; font-size:12px; }

#calendrier th, #calendrier td { border: 0 none; padding: 0; }
#calendrier th { color: #008ac9; font: normal 12px/1.2em 'dinMed',sans-serif; }
#calendrier th.mois { font-size: 14px; text-align: center;}

#calendrier th.semaine{}
#calendrier th.jour{text-align: center;vertical-align: middle;}

#calendrier td{
	text-align:left;
	vertical-align: bottom;
	width:30px;
	height: 30px;
	background: #f2f2f2;
	color: #008ac9;
	padding-left: 6px;
}
#calendrier td.today{background-color:#008ac9; color: #fff;}
#calendrier td.today a {color: #fff;}

#calendrier td.inactif{
	font-style:italic;
	color:#999999;
}
#calendrier td.actif{}

#calendrier td.event{background-color:#fff;}
#calendrier td.event:hover {background-color: #008ac9; }
#calendrier td.event:hover a {color:#fff; }
#calendrier_events{
	font-size:12px;
	background-color:#fff;
}
#calendrier_events .event{padding:5px; color: #008ac9; text-transform: uppercase;}
/* end calendrier */

/* SLIDER */
.slider h3 {font-family: 'dinMed',sans-serif; font-size: 14px; color:#008ac9; text-transform: uppercase; margin:15px 0 6px;}

#slider { width:630px; height:290px; position:relative; clear: both; margin-bottom: 30px; background: #f0f0f0; }

#slides {position:absolute; z-index:100;}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container { width:630px; overflow:hidden; position:relative; display:none; background-color: #fff;}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:630px;
	height:290px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-24px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {left:620px;}

/*
	Pagination
*/

#slider .pagination { margin:0; position: absolute; bottom:30px; z-index: 501; right:-99999px; margin-right: 2px;}

#slider .pagination li {float:left;	margin:0 5px 0 0; list-style:none none;}

#slider .pagination li a {
	display: block;
	width: 10px;
	height: 31px;
	background-color: #fff;
	float: left;
	overflow: hidden;
	text-indent: -9999px;
	box-shadow: 1px 0px 1px rgba(0,0,0,0.2);
}

#slider .pagination li.current a { background:#fff url(images/bg-post-title.png) repeat center center;}

/*
	Caption
*/

#slider .caption {
	z-index: 500;
	position: absolute;
	right: 0;
	bottom: 30px;
	height: auto;
	padding: 6px 40px 6px 15px;
	background: #fff url(images/bg-post-title.png) repeat left top;	
	width: auto;
	font-size: 16px;
	font-family: 'dinMed',sans-serif;
	color: #fff;
	text-shadow: none;
	min-height: 19px;
	max-width: 80%;
}
/*PARTNERS*/
body #sidebar .widget-sidebar .partners {padding: 0; /* margin-bottom: -10px; */ border: 1px solid #D3D3D3;}
body #sidebar .widget-sidebar .partners div {padding: 0;}
.ifantennapartners { padding-bottom: 0 !important; }
.partners_container { height:150px; }
.partners_container div {
    width:300px;
    height:150px;
    vertical-align: middle;
}
.partners_container div img {margin: 0 auto;  display: block;}
.widget-footer .partners_container, .widget-footer .partners_container div {width: 200px;}
.widget-footer .partners_container div img {max-width: 130px; height: auto;}

.msg, .allmsgs, .formError .formErrorContent {background: #F2F2F2; color: #008aca; padding: 10px; border: 2px solid #bbb; margin: 10px 0;}
.msg.warning, .formError .formErrorContent {color: #e41212;}
.msg.info, .allmsgs .updated {color: #0ba026;}
.none { display: none !important; display: none;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.aligncenter {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}

.nav-previous,
.previous-image,
.nav-next,
.next-image {	width: 50%; background: #008ac9 url(images/bg-header-menu-on.png) repeat left top; color: #fff; font-size: 10px; text-transform: uppercase;}
.nav-previous a, .nav-next a { color: #fff; padding: 5px 10px; display: inline-block;}
.nav-previous a:hover, .nav-next a:hover { background-image: url(images/bg-post-title.png); color: #fff}


.navigation { min-height: 10px; }
.nav-previous{	float: right; }
.nav-next { float: left; }


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
#wp-admin-bar-wp-logo > .ab-item .ab-icon { background-image: url(images/admin-icon.png) !important; background-position: 0 0 !important; }

.mceContentBody {background: #FFF;}

#content h2,
#content .description h2,
#content .post h2,
.mceContentBody h2 {font-family: "dinMed";font-size:28px;font-weight: normal;text-transform: uppercase;text-align: left}

#content .description h3,
#content .post h3,
.mceContentBody h3 {font-family: "dinMed";font-size:22px;font-weight: normal;text-transform: uppercase;text-align: left}

#content .description .chapo,
#content .post .chapo,
.mceContentBody .chapo {font-size: 1.2em; color: #484849; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
.chapo { color: #484849; }

#content .description .note,
#content .post .note,
.mceContentBody .note {font-size: 0.9em}

#content .description .framed,
#content .post .framed,
.mceContentBody .framed {border:1px solid #DDD;padding:0 15px;margin-bottom: 1em}


/* Always remember to compress your live stylesheet and keep an uncompressed backup */

.kint {position: relative; z-index: 1000;}
/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}


.crunchify-social a.crunchify-link { font-size: 18px; padding: 4px 5px 6px; width: 20px; display: inline-block; text-align: center; color: #fff; }


@media only screen and (max-width: 800px) {
  .list-post-infos { max-width: 100%; }
  .featured-thumbnail { margin-right: 0; }
}