@charset "utf-8";/*	Less Framework 3
	by Joni Korpi
	http://lessframework.com	*/


/*	Resets
	------	*/


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figure,figcaption,hgroup,menu,header,footer,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}
article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section,audio,video{display:block}
a img{border:0}
figure{position:relative}
figure img{width:100%}


/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}

.huge,
h1 {
	font-size: 68px;
	line-height: 72px;
	letter-spacing: -1px;
}

.large,
h2 {
	font-size: 42px;
	line-height: 48px;
}

.big,
h3 {
	font-size: 26px;
	line-height: 36px;
}

.normal,
body {
	text-shadow: 1px 1px 1px rgba(0,0,0,.1); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,.1);
}

.small {
	font-size: 13px;
	line-height: 18px;
}

abbr,
acronym{
	border-bottom: 1px dotted;
	cursor: help;
	font-variant: small-caps;
}
address,
cite,
em,
i{
	font-style: italic;
}
a {
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
	-moz-transition: color .3s linear;
	-webkit-transition: border-color .3s linear;
	-o-transition: border-color .3s linear;
	-moz-transition: border-color .3s linear;
	text-decoration: none;
	outline: none;
}
a:active,
a:focus {
	text-decoration: none;
}

/*	Default 8-column layout
	60 px columns, 24 px gutters, 60 px margins, 768 px total
	---------------------------------------------------------
	1     2      3      4      5      6      7      8     
	60px  144px  228px  312px  396px  480px  564px  648px	*/

#if-logged-in {
	position: relative;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: #000;
	color: #aaa;
	font-size: 10px;
	z-index: 1000;
}
	#if-logged-in .container {
		padding-top: 0;
		padding-bottom: 0;
	}
	#if-logged-in p {
		margin: 0;
	}
	#if-logged-in a:link,
	#if-logged-in a:visited {
		color: #fff;
		text-decoration: none;
	}
	#if-logged-in a:hover {
		text-decoration: underline;
	}
	#if-logged-in a:active {
		text-decoration: underline;
		margin-bottom: -1px;
	}


.container {
	padding: 0 10px;
	width: 630px;
	margin: 0 auto;
	overflow: hidden;
}
body .container.header {padding: 30px 10px 10px;}

#header #top-menu-antennes {margin-left: 30px}
	#header-image {
		padding: 0;
		overflow: hidden;
	}
		/* HEADER IMAGE
			full size - 1068x300
			8 column layout resized to 890x250 displayed at 648x250
			5 column layout resized to 534x150 displayed at 396x150
			3 column layout resized to 365x100 displayed at 228x100
		 */
		#header-image img {
			width: 890px;
			height: 250px;
			margin-left: -121px;
			padding: 0;
		}
	#content {
		width: 630px; /* 5 columns */
		float: left;
		margin: 0;
		padding: 20px;
		/* overflow: hidden; */
	}
	#sidebar {
		width: 630px;
		margin:20px 0 10px;
		padding: 20px 0;
		float: left;
		border-top: 1px dotted #008AC9
		/* overflow: hidden; */
	}
	
	#sidebar aside#sidebar-calendar {width: 300px; margin: 0 auto;}
	#sidebar aside#sidebar-newsletter { display: block;}
	#footer .container {width: 648px;}
	
	#footer .widget-footer.footer-logo {width: 128px; padding: 15px 10px; min-height: 228px; background-position: 10px 220px;}
	#footer .widget-footer.footer-logo img {width: 130px; }
	#footer .widget-footer {width: 130px; min-height: 218px;}
	
::selection {
	background: #c6d8cd;
}
::-moz-selection {
	background: #c6d8cd;
}
img::selection {
	background: transparent;
}
img::-moz-selection {
	background: transparent;
}




/*	13-column layout
	60 px columns, 24 px gutters, 72 px margins, 1212 px total (extra space for scrollbars)
	---------------------------------------------------------------------------------------
	1     2      3      4      5      6      7      8      9      10     11     12     13
	60px  144px  228px  312px  396px  480px  564px  648px  732px  816px  900px  984px  1068px	*/

@media only screen and (min-width: 1212px) {
	
	.container {
		padding: 0 72px;
		width: 1068px;
	}
		#header-image img {
			width: 1068px;
			height: 300px;
			margin-left: 0;
		}
		#content {
			width: 608px; /* 8 columns */
		}
		#sidebar {
			width: 356px; /* 5 columns */
		}
	
}



/*	5-column layout
	60 px columns, 24 px gutters, 42 px margins, 480 px total
	---------------------------------------------------------
	1     2      3      4      5
	60px  144px  228px  312px  396px	*/

@media only screen and (max-width: 767px) and (min-width: 480px) {
  body {background: #000 !important;}	
	.container {
		padding: 0 10px;
		width: 420px;
		-webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
	}
		body nav#antennes {padding: 3px; border-radius: 5px}
		body nav#antennes select{width:100%}
		#header #header-widget {margin: 15px 10px 0 0;}
		
		body #slider,
		body .slides_container div.slide,
		body .slides_container div.slide img {width: 420px; height: 196px;}
		body div.block-home {float: none; width: 420px}
		
		
		.categ-image img,
		body .featured-thumbnail-home img,
		.featured-post-img img {width: 420px; height: auto;}
		
		body ul.display-children li {width:183px}
		
		.form-content label[for="bookmail"] {float: left}

		#footer .container {width: 440px}
		body #footer .widget-footer.footer-logo {width: 420px; margin-bottom: 10px; background-position: 383px 60px; min-height: 80px; padding-bottom: 0;}
		#footer .widget-footer {width: 400px; min-height: 1px;}

			#title {
				height: 60px !important;
			}
				#tagline {
					line-height: 20px !important;
				}
			#header-image {
				height: 150px !important;
				padding: 0;
			}
				#header-image img {
					width: 534px;
					height: 150px;
					margin-left: -69px;
				}
		#content {
			width: 420px; /* 5 columns */
			float: none;
			padding: 0;
		}
		#sidebar {
			width: 420px; /* 5 columns */
			float: none;
			padding: 10px 0;
		}
	
	.gigantic {
		font-size: 68px;
		line-height: 72px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 42px;
		line-height: 48px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {
		font-size: 13px;
		line-height: 18px;
	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
}


/*	3-column layout
	60 px columns, 24 px gutters, 46 px margins, 320 px total
	---------------------------------------------------------
	1     2      3
	60px  144px  228px	*/

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

	#if-logged-in {
		height: 40px;
		line-height: 20px;
	}
		#if-logged-in .right {
			float: left;
			clear: left;
		}
	
	.container {
		padding: 0 5px;
		width: 290px;
		-webkit-text-size-adjust: 100%; /* Prevents Mobile Safari from bumping up font sizes in landscape */
	}
	body .sides {display: none;}
	body .container.header {padding: 10px 5px 5px;}

		body #slider,
		body .slides_container div.slide,
		body .slides_container div.slide img {width: 290px; height: 135px;}
		body div.block-home {float: none; width: 290px}
		

		#title {
			height: 60px !important;
		}
			#tagline {
				line-height: 20px !important;
			}
		#header-image img {
			width: 365px;
			height: 100px;
			margin-left: -68px;
		}
		
		#header #top-menu-antennes {margin: 5px 0 0 5px;}
		#header #logo-container {margin-left: 5px}
		#header #header-widget { margin: 5px 5px 0 0; }
		
		.container.for-angle {width: 280px}
		
		body nav#antennes {padding: 3px; border-radius: 5px}
		body nav#antennes select{width:100%}
		
		#content {
			padding: 10px;
			width: 290px; /* 3 columns */
			float: none;
		}
		#sidebar {
			padding: 0;
			width: 290px; /* 3 columns */
			float: none;
		}
		body #sidebar aside#sidebar-calendar,
		body #calendrier {width: 290px}
		
		body ul.display-children li {width:268px}
		
		.categ-image img,
		body .post-single .featured-thumbnail img,
		body .featured-post-img img,
		body .featured-thumbnail-home img {min-width: 290px; height: auto;}

		.date-time {padding-top: 10px; clear: left;}
		
		.booking-container .form-content {width: 271px}
		.form-content label[for="bookmail"],
		body .form-content label[for="captcha"] {float: left; margin: 0}
		.form-content label[for="captcha"] span {display: block;}
		
		#footer .container {width: 300px}
		body #footer .widget-footer.footer-logo {width: 280px; margin-bottom: 10px; background-position: 243px 60px; min-height: 80px; padding-bottom: 0;}
		#footer .widget-footer {width: 260px; min-height: 1px;}
	
	
	.gigantic {
		font-size: 68px;
		line-height: 72px;
		letter-spacing: -2px;
	}
	
	.huge,
	h1 {
		font-size: 42px;
		line-height: 48px;
		letter-spacing: -1px;
	}
	
	.large,
	h2 {
		font-size: 26px;
		line-height: 36px;
	}
	
	.big,
	h3,
	#post-single h2 {
		font-size: 16px;
		line-height: 25px;
	}
	
	.normal,
	body,
	#post-single h3 {
		font-size: 11px;
		line-height: 16px;
	}
	
	.small {
		font-size: 11px;
		line-height: 16px;
	}
	
}

/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}

/*
Theme Name: Institut Français
Theme URI: https://github.com/anou/iftheme
Author: David THOMAS - SMOL
Author URI: http://www.smol.org/
Description: The 2012 WordPress Base Theme for all Institut Français over the world.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, blue, gray, one-column, two-columns, right-sidebar, fixed-width, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, rtl-language-support, theme-options, translation-ready

 * 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/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: 'dinBC';
    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 10px
		}
		#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;}

}

/*GENERAL*/
body { 
	font: normal 14px/1.4em "Arial", sans-serif;
	background-image: url('../images/background/trame.png');
	background-color: white;  /*#558ac9*/
/*
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
*/
	color: #231F20;
}	
body.custom-background {background-position: center top;}

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

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

p {margin: 1em 0; text-align: justify;}

table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #008ac9; font-size: 14px;}
th, td {text-align: left; border: 1px solid #008ac9; padding: 10px;}
th {background-clip: #f2f2f2;}

img {max-width: 100%;}

#content ul {margin: 1em 0 1em 25px;}
#content ol {margin: 1em 0 1em 25px;}

#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 10px; 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;}

.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 .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; }
	
	#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/2em "dinMed",sans-serif; color: #fff; text-transform: uppercase; height: 30px; padding: 0 14px; display: inline-block}
	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 {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 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 {color: #fff}
	
	nav.footer {}
	#widget-header {}
	#widget-alert {}
	
	#top-menu-antennes  {float: left; margin: 0 0 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 {color: #008AC9}
	
	#header_language_list{text-align: right;margin-bottom: 20px;}
	#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: 20px;}
	
	#header_language_list ul li a, 
	#header_language_list ul li a:visited { background: #58585A; color: #fff; display: inline-block;width: 25px; height: 20px;}
	#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;}

#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: 640px}
	div.block-home { width: 310px; float: left; background: #fff; margin:0 10px 20px 0}
		h2.posts-category {font: normal 22px/1.2em 'dinMed',sans-serif !important; text-transform: uppercase; color: #008AC9; background-color: #fff;}
		article.post-single-home { 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);}
		article.post-single { margin: 0 0 23px;}
		.featured-thumbnail {float: left; margin-right: 10px;}
		.featured-thumbnail img {width: 200px; height: auto;}
		.featured-thumbnail-home img {width: 310px; height: auto;}
		.featured-thumbnail img, .featured-thumbnail-home img, .categ-image img {display: block;}
		.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;}
		.date-time {}
			.date-time .start {}
			.date-time .end {}
		.block-home h3.post-title, #content .post-single h2 {font-family: 'dinMed',sans-serif ; font-size: 18px; color: #fff; text-transform: none;}
		.block-home h3.post-title a, #content .post-single h2 a { color: #fff;}
		.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}
	#content .post-single h2 {}
		.post-content {}
			.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{}
	  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: 0 0 10px;}
		.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}
		input.book-text#bookmail, input.book-text#captcha {width: 170px;}
		
		input.book-submit, #searchsubmit, .wysija-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 {}
	.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: 80px;}
	#post-meta {text-transform: uppercase; font-size: 10px; color:#3E647E; }

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

.search {}

#searchform .search-container input.type-text,
input.wysija-email { 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: 2px; float: none;}

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

#error404 {}

#sidebar {  }
	#sidebar aside {padding: 0; margin-bottom: 15px; width: 100%;}
	#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 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 .widget-sidebar ul,
	#sidebar .widget-sidebar div {padding: 10px }
		#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 0 10px;}
	  .wysija-p-email {margin: 0; float: left;}
	  input.wysija-email {width: 268px; padding-left: 10px}
	  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 bottom; padding: 0 20px 0 0; position: relative; top: -30px; float: right;}
     .widget_wysija .wysija-submit {margin: 0; padding: 2px; float: right;}
     
     .wysija_lists {float: left; width: 100%; margin: 10px 0 0;}
     p.wysija_list_check {margin: 0;}
     .wysija_list_check label {color: #414042; text-transform: uppercase; font-size: 14px; 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;
	}     
    #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 { margin-bottom: 40px; }
  #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;}

#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; text-transform: capitalize;}

#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_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:620px; 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; }

/*
	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;}

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

#slider .pagination li a {
	display:block;
	width:10px;
	height:30px;
	background-color:#fff;
	float:left;
	overflow:hidden;
	text-indent: -99px;
}

#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:16px;
	padding:3px 40px 11px 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;
}
/*PARTNERS*/
.partners_container {
    width:297px;
    height:150px;
    border: 1px solid #D3D3D3;
}
.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;}

.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: "DinBC";font-size:28px;font-weight: normal;text-transform: uppercase;text-align: left}

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

#content .description .chapo,
#content .post .chapo,
.mceContentBody .chapo {font-size: 1.2em}

#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 */

div.icp {
	margin-top: 1em;
	color: #58585A;
	text-align: right;
}

.ifc-button {
	display: inline-block;
	padding: 0.8em;
	border: 1px solid #3E647E;
	-moz-box-shadow: 2px 2px 5px #555555;
	-webkit-box-shadow: 2px 2px 5px #555555;
	box-shadow: 2px 2px 5px #555555;
}

.ifc-button:hover {
	border-color: #008AC9;
}

nav.pagination {
	text-align: center;
}

nav#antennes ul li ul.children, nav#antennes ul.children {
	display: none;
}

/* Custom */

.home-icon {
	padding-top:6px;
	width:18px;
}

.cycle-header {
	/* background: #0099cc url(../images/bg-post-title.png) repeat left top; 
	/* background: #0099cc url(../images/bg-header-menu.png) repeat left top;*/
	background: #0099cc url(../images/bg-header-menu-on.png) repeat left top;
	/* background-color:red; */
	display:inline-block;
	padding-right:10px;
	padding-left:10px;
	min-width:200px;
	max-width:290px;
	text-align:center;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	color:red;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}

.cycle-header a {
	color:white;
}

.cycle-header a:hover {
	text-decoration:underline;
	color:red;
}

.wechat-header {
	background: #0099cc url(../images/bg-post-title.png) repeat left top;
}

.wechat-header img {
	height:40px;
}

.side-menu-header {
	padding-top:0px !important;
	padding-bottom:0px !important;
}

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

.side-menu-logo-header {
	background: #0099cc url(../images/bg-post-title.png) repeat left top;
	color:#FFFFFF;
	font-weight:bold;
}

.article-header {
	padding-bottom:10px;
}

.selected-date-calendar {
	font-weight:bold;
	color:red !important;
}

.event a:hover, .today a:hover {
	color:red !important;
	font-weight:bold;
}

@media only screen and (min-width: 960px) {

	.no-thumb {
		float: left; 
		width: 400px; 
		margin-bottom: 15px;
	}


	.got-thumb {
		 float: left; 
		 width: 610px; 
		 margin-bottom: 15px;
	}

}
/*
 *


 */