/*
Theme Name: Codium Extend
Description: Codium Extend is a very simple wordpress theme with all the new features in Wordpress 3.9: personalized menus, choosing a color for the background, ready for translation, custom header image ... This theme is ideal for anyone seeking simplicity with the full articles on the homepage! Bonus : this theme is optimized for handheld and mobile devices (iphone, ipad, and smartphone) with a responsive design. Un thème disponible en français aussi! 
Author: Henri Labarre
Theme URI: http://codiumextend.code-2-reduction.fr/
Author URI: https://twitter.com/henrilabarre
Version: 1.2
Tags: custom-colors, two-columns, fixed-layout, custom-background, custom-header, threaded-comments, sticky-post, light, white, custom-background, translation-ready,custom-menu
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

*{margin:0; padding:0}
body{font:62.5% Georgia, "Times Roman", "Times New Roman", serif; color:#444; background-color:fff;background-repeat:repeat-x;background-attachment:fixed;}blockquote{border-left:0.4em solid #eee; margin:0 0 0 1.5em; padding:0 0 0 1em}
abbr,acronym {border-bottom: 1px dotted #555;cursor: help;}
pre{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); color:#222; line-height:18px; margin-bottom:18px; padding:1.5em}
address{background:transparent; border:0; margin-bottom:18px; padding:0; vertical-align:baseline}

/* Links */
a img, :link img, :visited img{border:0; outline:none; text-decoration:none}
a{
	color: #602A38;
	font-weight: normal;
	text-decoration: none;
}
a:hover{
	color:#ccc;
	font-weight: normal;
	text-decoration: none;
}

a:visited{
	color:#602A38;
	font-weight: normal;
	text-decoration: none;
}

/* Heading */
h1, h2, h3, h4{font-family:Calibri, Tahoma, Arial, Verdana, "san serif";}
h1{font-family:Calibri, Tahoma, Arial, Verdana, "san serif";font-size:4.5em;}
h1.blogtitle{font-family: 'PT+Sans&subset=latin', Helvetica,Verdana,Arial,Sans-Serif;font-size:4em;margin: 0 0 0 0px;}
h1 a{color:#444;}
h1 a:hover{color:#444;background:transparent;}
h1 a:link{color:#444}
h1 a:visited{color:#444}
h2 a,h3 a, h4 a{color:#000000; font-weight:normal}
h2.entry-title{
	font-family: Georgia, "Times Roman", "Times New Roman", serif;
	font-size: 1.8em;
	line-height: 1.4em;
	letter-spacing: .009em;
	font-weight: normal;
	padding-right: 2px;
	margin-bottom: 3px;
}

h2.single-entry-title{
	font-family: Georgia, "Times Roman", "Times New Roman", serif;
	font-size: 1.8em;
	line-height: 1.4em;
	letter-spacing: .009em;
	font-weight: normal;
	padding-right: 2px;
	margin-bottom: 3px;
}

.postsubtitle {
	font-family: Calibri,Tahoma, Helvetica, "san serif";
	font-size: 1.9em;
	line-height: 1.4em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}

h2.page-title{font-weight:bold !important; text-align:center; margin:0 0 0.5em 0;font-size:28px;}
h3.widgettitle {
	font-family: Calibri, Tahoma, Arial, Verdana, "san serif";
	font-size: 1.2em;
	font-weight: bold;
	color: #602A38;
	text-transform:uppercase;
	padding: 2px 2px 2px;
	margin-top: 0px;
	margin-bottom:2px;
	border-top: 1px solid #bca;
}
.description{color:#444;font-family: 'PT+Sans&subset=latin', Helvetica,Verdana,Arial,Sans-Serif;font-size:1.3em;margin:0.5em 0 0 0px;}

/* header*/ 
div#header{margin:5px 0 0px 0; padding:0.1em 1em 1em 0em; /*height:10em;*/ background-color:#fff;}
div#headertop{margin:20px 0 0 0; padding:10px 0 20px 0; background-color:#fff;}
#logo{margin: 0px 0px; padding: 10px 25px 0px 25px;}
#logo img {
	width: 100%; 
	max-width: 550px; 
	height: auto;
	display: block;
	clear: both;
}
* html #logo{
	margin:-2.5em 0 0 -1em; 
	padding:0.3em 0.7em;
}
#logo a{background-color:transparent}


#networks {
	float: right;	
	text-align: right;
	padding: 5px 0px 5px 0px;
	margin: 0px;
}

#networks ul {
	padding: 0px;
	margin: 0px;
}

#networks li {
	list-style-type: none;
	float: left;
	padding-left: 10px;
	padding-bottom: 0px;
	margin: 0px;
}

/* Navigation */
#access{background:#f1f2f4;display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;}
#access .menu-header,div.menu{font-family:Calibri, Tahoma, Arial, Verdana, "san serif";}
#access .menu-header,div.menu{font-size:1.1em;margin-left:10px;}
#access .menu-header ul,div.menu ul{list-style:none;margin:0;}
#access .menu-header li,div.menu li{float:left;position:relative;}
#access a{color:#444;display:block;line-height:25px;text-decoration:none;padding:0 10px;}
#access ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:180px;z-index:99999;}
#access ul ul li{min-width:180px;}
#access ul ul ul{left:100%;top:0;}
#access ul ul a{background:#f1f2f4;line-height:1em;width:160px;height:auto;padding:10px;}
#access li:hover > a,#access ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
#access ul li:hover > ul{display:block;}
#access ul li.current_page_item > a,#access ul li.current-menu-ancestor > a,#access ul li.current-menu-item > a,#access ul li.current-menu-parent > a,* html #access ul li.current_page_item a,* html #access ul li.current-menu-ancestor a,* html #access ul li.current-menu-item a,* html #access ul li.current-menu-parent a,* html #access ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;}


/* Layout */
#wrapperpub{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; text-align:left;}
#wrapper{margin: 0 auto;background-color:#fff; position:relative; text-align:left;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
#wrappertop{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; text-align:left}
#container{}
#containerlarge{margin:0.8em 0 2em 2em; display:inline; clear:both;background-color:transparent;}
* html #containerlarge{margin:2em 0 2em 2em; background-color:transparent;}
#content{background-color:transparent padding: 10px 0 0 0px;overflow:hidden;}
#content h1{font-size:2.7em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
/* Switched h2 h3 sizes to accommodate coding error in sidebar features*/
#content h2{font-size:2.7em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
#content h3{font-size:1.8em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
#content h4{font-size:1.5em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
#content h5{font-size:1.3em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
#content h6{font-size:1.1em; font-weight:normal; letter-spacing:-0.05em;margin:0 0 0.5em 0}
#content code {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 11px;} 

/* Footer */

#footer{color:#bbb;margin:auto; padding:3em 0 0.5em 2em; clear:both;  text-align:left; font-size:1.1em; line-height:1.5em;}
#footer a,#footerlink a{
	color: #602A38;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover,#footerlink a:hover{
	color:#bca;
	font-weight: bold;
	text-decoration: none;
}
#footer p,#footerlink p{color:#bbb;}
#footerlink{color:#bbb;margin:0 0.5em 2em 0.5em; padding:1em 0 1em 0; clear:both;  text-align:left; font-size:1.1em; line-height:1em;}

/* Legacy Footer */

#footer {
	margin: 0px auto;
	width: 100%;
	max-width: 950px;
	text-align: center;
	color: #A7BEA2;
	width: 100%;
	clear: both;
	}

#copyright {
	color: #3E2504;
	font-family: Calibri, Arial, Helvetica, "san serif";
	text-align: center;
	padding: 20px;
	}

#footerad {
	margin: 0 auto;

	}

/* sidebar */
div.sidebar{overflow:hidden; background-color:#fff}
.sidebar h3{font-size:1.5em; font-weight:normal; letter-spacing:-0.03em}
.sidebar li{margin:0; padding:0;}
.sidebar ul li ul li{padding:0.5em 0 0}
.sidebar ul li ul li li{margin:0 0 0 1em;padding:0.5em 0 0}
.sidebar ul{list-style:none; margin:0; padding:0}
div#primary{}
* html #primary{}
div#secondary{clear:right}
* html #secondary{margin:1em 1em 0 1em}

/*Legacy Sidebar*/

#legacy_sidebar {
	max-width: 340px;
	width: 100%;
	padding-left: 0px;
	margin-top: 8px;
}

#legacy_sidebar h4 {
	font-family: Calibri, Tahoma, Arial, Verdana, "san serif";
	font-size:1.4em;
	color: #602A38;
	text-transform:uppercase;
	padding: 2px 2px 2px;
	margin-top: 0px;
	margin-bottom:2px;
	border-top: 1px solid #bca;
	}

h4 a:link, h3 a:visited {
	color: #602A38;
	}


/* .rtbox {
	padding: 0px 5px 1px 5px;
	margin-bottom: 30px;
	border: 1px solid #fff;
} 

.sidebar-entry {
	padding: 0px 5px 1px 5px;
	margin-bottom: 30px;
	border: 1px solid #eee;
background: #eee;
}

*/

.moredit {
	text-align: right;
	font-family: Arial, Helvetica, "san serif";
	font-size: 1.1em;
	}

.moredit a {
	font-weight: normal;
	hover: #602A38;
	color: #602A38;
	}

.ad300 {
	padding: 0px 0px 20px;
	}

#ennumerati a {
	text-decoration: underline;
}


#ennumerati ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
	}

#ennumerati li {
	list-style-type: none;
	padding-bottom: 20px;
	}

#ennumerati .excp {
	font-family: Calibri, Tahoma, Arial, Verdana, "san serif";
	font-weight: normal;
	color: #3D3D3D;
	padding: 5px 20px 10px 20px;
	margin-bottom: 5px;
 	border: 1px solid #E1E8D9;
	}

/* quote */
#ennumerati h3 {
	font-size: 2.5em;
	line-height: 1.5em;
	color: #3D3D3D;
	font-weight: bold;
	text-align: center;
	text-transform: none;
	margin-top: 5px;
	margin-bottom:5px;
	border-top: 0px;
	}

/* citation */
#ennumerati h2 {
	font-size: 1.5em;
	color: #333;
	font-weight: normal;
	line-height: 1.5em;
	font-weight: none;
	padding-top:4px;
	margin-top:3px;
	}


#poetic {
	font-family: Tahoma, Arial, Verdana, "san serif";
	padding: 5px 20px 10px 20px;
 	border: 1px solid #E1E8D9;
}

#poetic .head {
	font-size: 1.3em;
	float: none;
	text-align: left;
	font-weight: bold;
}

#poetic .head a {
	font-weight: bold;
}

#poetic .byline {
	font-size: 1.1em;
	margin: 5px 0px 5px;
	float: none;
	text-align: left;
}

#poetic .text {
	font-size: 1.4em;
	line-height: 1.5em;
	color: #3D3D3D;
	font-weight: normal;
}

#poetic .text a {
	text-decoration: underline;
}

#poetic img {
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 10px;
}

#verbatim ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

#verbatim li {
	list-style-type: none;
	padding-bottom: 20px;
	}

#verbatim a {
	text-decoration: underline;
}

#verbatim .excp {
	font-family: Calibri, Tahoma, Arial, Verdana, "san serif";
	font-weight: normal;
	color: #3D3D3D;
	padding: 5px 20px 10px 20px;
	margin-bottom: 5px;
 	border: 1px solid #E1E8D9;
	}

/* quote */
#verbatim h3 {
	font-size: 1.5em;
	font-weight: normal;
	text-transform: none;
	line-height: 1.5em;
	margin: 5px 0px 5px;
	border-top: 0px;
	}

/* citation */
#verbatim h2 {
	font-size: 1.3em;
	color: #333;
	font-weight: normal;
	line-height: 1.5em;
	padding-top:4px;
	margin-top:3px;
	margin-left:5px;
	margin-right:5px;
	}

#pjad {
	padding: 5px 10px 5px 10px;
 	border: 1px solid #E1E8D9;
}

#pjad .text {
	font-family: Tahoma, Arial, Verdana, "san serif";
	font-size: 0.78em;
	line-height: 1.5em;
	color: #3D3D3D;
	font-weight: normal;
	margin: 10px 0px 0px;
}

/* PensitoWire */

#pw {
	clear:both;
	display: block;
	padding: 20px 20px 10px 0px;
	}

#pw ul {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	}

#pw li {
	font-size: 0.8em;
	list-style-type: none;
	font-weight: bold;
	line-height: 1.6em;
	padding-left: 0px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #bca;
	}

#pw li a {
	text-decoration: none;
	}

/* PensitoWire Box */

#pwire {
	clear:both;
	display: block;*
	padding: 10px 20px 10px 20px;
 	border: 1px solid #E1E8D9;
	font-family: calibri, arial, helvetica, "san serif";
	}

#pwire a {
	text-decoration: none;
	}

#pwire ul {
	list-style-image: url(/images/bullpr.gif);
	list-style-position: outside;
	padding: 10px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
	border: none;
	}

#pwire li {
	font-family: calibri, arial, helvetica, "san serif";
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
	padding-top: 0px;
	margin: 0px 0px 5px 0px;
	}

#pwire li a {
	text-decoration: none;
	font-style: italic;
	}

/* TheReview */

#review {
	clear:both;
	display: block;
	padding: 20px 20px 10px 0px;
	}

#review ul {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	}

#review li {
	font-size: 0.8em;
	list-style-type: none;
	font-weight: normal;
	line-height: 1.6em;
	padding-left: 0px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	}

#review li a {
	text-decoration: none;
	}

/* PensitoWire Box */

#pwire {
	clear:both;
	display: block;*
	padding: 10px 20px 10px 20px;
 	border: 1px solid #E1E8D9;
	font-family: calibri, arial, helvetica, "san serif";
	}

#pwire a {
	text-decoration: none;
	}

#pwire ul {
	list-style-image: url(/images/bullpr.gif);
	list-style-position: outside;
	padding: 10px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
	border: none;
	}

#pwire li {
	font-family: calibri, arial, helvetica, "san serif";
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
	padding-top: 0px;
	margin: 0px 0px 5px 0px;
	}

#pwire li a {
	text-decoration: none;
	font-style: italic;
	}

/*Infografix*/

#infograf img {
	width: 100%;
	height: auto;
}

/* Most Recent */

#most {
	clear:both;
	display: block;
	padding: 5px 20px 10px 20px;
 	border: 1px solid #E1E8D9;
	}

#most ul {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	}

#most li {
	font-family: calibri, arial, helvetica, "san serif";
	font-size: .9em;
	list-style-type: none;
	font-weight: bold;
	line-height: 1.5em;
	padding-left: 0px;
	padding-bottom: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #bca;
	}


#connect .text {
	padding: 0px;
}

#connect table {
	font-size: .75em;
	text-align: center;
	padding: 0px;
}

#connect ul {
	list-style-type: none;
	font-size: .7em;
	color: #bca;
	font-weight: bold;
	padding: 0px;
	margin-bottom: 5px;
}

#connect img {
	padding-top: 2px;
	padding-bottom: 2px;
}


/* Misc */
.clear{clear:both}

#pq {
	float: right;
	text-align:left;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: bold;
	font-style: oblique;
	letter-spacing: -0.01em;
	width: 230px;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 0px;
	border-top: 1px solid #DEE6DC /*Grn Fog*/;
	border-bottom: 1px solid #DEE6DC /*Grn Fog*/;
	color: #000;
}

#pq a {
	color: #602A38;
	hover: #bca;
	text-decoration: underline;
}

#related {
	float: right;
	text-align:left;
	font-size: .7em;
	font-weight: regular;
	font-weight: bold;
	width: 210px;
	padding: 10px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #333;
	border: 1px solid  #F2F7F1 /* Mist */;
}

#related a {
	font-weight: bold;
}

#related ul {
	list-style-type: none;
	width: 205px;
	padding:0px;
	margin:0px;
}

#related li {
	list-style-type: none;
	background: #eee;
	padding-bottom: 3px;
	/* border-bottom: 1px dotted #bca;*/
}


#fame {
	float: right;
	text-align:left;
	font-size: .7em;
	font-weight: regular;
	font-weight: bold;
	width: 125px;
	padding: 10px;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 10px;
	color: #333;
	border: 1px solid  #F2F7F1 /* Mist */;
}

#fame a {
	font-weight: bold;
}

#fame ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
}

#fame li {
	list-style-type: none;
	background: #eee;
	width: 125px;
	padding-bottom: 3px;
	/* border-bottom: 1px dotted #bca;*/
}


/* Entry Date */
.entry-date{color:#bbb;margin:1em 0 1em 0} 

/* Byline */

.byline {
	font-size: 1.2em;
	margin:1em 0 1em 0;
	text-transform: uppercase;
	font-weight: bold;
}

/* Post area */
.hentry{font-weight:normal; margin-bottom:2em}
.entry-content{font:1.6em/1.8em Georgia, "Times Roman", "Times New Roman", serif; text-align:left; color:#444; margin: 1em 0 0 0}
.entry-content p{margin:0.5em 0 0.5em 0}
* html .entry-content p{margin:0em 0}
.entry-content ol{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;}
.entry-content ol li{margin:0 0 0.2em}
.entry-content ul{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;}
.entry-content ul li{margin:0 0 0.2em}
.entry-content pre{margin:0 0 .5em 2em; padding:0em 1em 1em 0em;}
.entry-content a{color:#602A38;text-decoration: underline;}
.entry-content a:visited{color:#602A38;}
.entry-content a:hover{color:#bca;}
.entry-content h2{font-size:1.1em !important}
.entry-content h3{font-size:1.3em !important}
.entry-content h4{font-size:1em !important}
.entry-content h5{font-size:0.9em !important}
.entry-content h6{font-size:0.8em !important}
.alignleft{float:left}
.alignright{float:right}
.center{text-align:center;margin:0 0 1.5em 0}
.readmore{
	font-size: .7em;
	font-weight: bold;
	text-align: right;
	float: right;
}
.entry-meta{color:#444; padding:0em; font-size:1.1em; line-height:1.5em}
.entry-meta .tag-links a{color:#444;}
.entry-meta .tag-links a:hover{color:#f3f3f3; background:#444}

#postcon {
	width: 100%;
	height: 20px;
	clear: both;
	display: block;
	margin: 0px 0px 20px;
}

#postcon ul {
	list-style: none;
}

#postcon li {
	float: left;
	padding-right: 30px;
}

.sticky{background-color:transparent}
.page-link{clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em}
.page-link a:link, 
.page-link a:visited{background-color:#FFF;background-color: rgba(255, 255, 255, 0.5); font-weight:normal; padding:0.5em 0.75em; text-decoration:none;color:#444}
.page-link a{background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);color:#444}
.page-link a:active, 
.page-link a:hover{background:#f3f3f3; color:#0299FF; text-decoration:none; outline:0}

/* Page navigation */
.navigation{margin:0 0 1.8em; height:2em; width:auto;font-size:1.1em; line-height:1.3em} 
.navigation a{color:#777}
.navigation a:hover{text-decoration:none}
.nav-next{float:right}
.nav-previous{float:left}
.navigation_mobile{display:none}

/* Comment */
#comments .comment-body{padding:1em 0; font-size:1.5em; line-height:1.8em;}
#comments .comment-body ul, 
#comments .comment-body li,
#comments .comment-body ol{margin:0 1em}
#comments .comment-body p:last-child{margin-bottom:6px}
#comments .comment-body blockquote p:last-child{margin-bottom:24px}
#comments li{margin:1em 0; padding:1em 1em; background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);}
#comments li.alt{margin:1em 0; padding:1em 1em;background-color:#F8F8F5;background-color: rgba(248, 248, 245, 0.9);}
#comments{list-style-type:none; margin:0; padding:0}
#comments .byuser{}
#comments .byuser.alt{}
#comments .bypostauthor{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); !important;}
#comments .bypostauthor.alt{background-color:#FFF;background-color: rgba(255, 255, 255, 0.7); !important;}
#comments .comment p{}
#comments .comment-author{margin: 0 0 0 3px;font-size:1.5em; font-weight:bold; letter-spacing:-0.1em}
#comments .comment-meta a{color:#777}
#comments .comment-meta{margin:0.3em 0; color:#777}
#comments .comment-author-admin{background-color: #FFF; background-repeat: no-repeat; background-position:right top;}
#comments ul.children{list-style:none;margin:0 0 0 2em}
#comments .count {float:right;padding: 10px;font-size:20px;color:#606566;}
#comments .pingback{border-bottom:1px solid #e7e7e7; margin-bottom:18px; padding-bottom:18px}
.commentlist li.comment+li.pingback{margin-top:-6px}
#comments .pingback p{color:#888; display:block; font-size:12px; line-height:18px; margin:0}
#comments .pingback .url{font-size:13px; font-style:italic}
#comments .nocomments {color: #bbb;font-size: 24px;font-weight: 100;margin: 26px 0;text-align: center;}

/* Comment form */
div.formcontainer{width:100%}
#commentform .comment-form-author, .comment-form-email, .comment-form-url{padding:0.3em; color:#777; font:1.3em Helvetica,Verdana,Arial,Sans-Serif; width:40%; clear:both}
#commentform .comment-form-comment{padding:0.3em; color:#777; font:1.3em Helvetica,Verdana,Arial,Sans-Serif; clear:both}
#commentform .comment-form-comment label{background:#fff;-webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8);-moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8);box-shadow:1px 2px 2px rgba(204,204,204,0.8);color:#555;display:inline-block;font-size:13px;left:4px;min-width:60px;padding:4px 10px;}
#commentform #comment-notes{margin:1em 0 0 0; color:#bbb}
#commentform #submit{width:auto;margin:0.5em 0; float:right}
#commentform label{margin:1em 0;padding:1em 1em; color:#777; font:1.1em Helvetica,Arial,sans-serif;}
#commentform textarea#comment{padding:0.3em 0 0.3em 0.3em; font:1.1em Helvetica,Arial,sans-serif; color:#777; width:99%; height:15em}
#commentform .form-allowed-tags {line-height: 1em;}
#commentform .form-allowed-tags {color: #888;font-size: 12px;line-height: 18px;}
#commentform .form-allowed-tags code {font-size: 11px;}
#commentform .required {color: #ff4b33;font-weight: bold;}
#commentform .comments-navigation{font-family:Arial, Helvetica, sans-serif;font-size:1.2em;margin:1em 0}
#commentform .page-numbers.current{text-decoration: underline;}

/* Comment navigation */
.comments-navigation{font-family:Arial, Helvetica, sans-serif;font-size:1.2em;margin:1em 0;clear:both; color:#000; font-weight:bold; margin:0 0 22px 0; word-spacing:0.5em;}
.comments-navigation a{background:#f3f3f3; padding: 5px 7px;color:#0299FF; text-decoration:none; outline:0}
.comments-navigation a:active{color:#0299FF; text-decoration:none; outline:0} 
.comments-navigation a:hover{background:#444; color:#FFF; text-decoration:none; outline:0}

/* Error page */
.four04 #content p{font-size:1.2em}
.four04 .sidebar{clear:right; display:block}
.four04 #content{width:590px; text-align:left}

/*widget*/
.widget {}
.widgetblock img{max-width: 300px;height:auto}
.widgetblock{font-size:1.2em;background: transparent;margin:0 0 0.5em 0;padding:0.5em 0 0 0;}
.widgettitleb {	
	font-size: 0.9em;
	font-weight: bold;
}
.screen-reader-text{display:none}


/*Gallery Shorcode*/
.gallery{margin:0 auto;padding:10px 0}
.attachment-medium{max-width:90%; height:auto;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);}
.gallery .gallery-caption{color:#888; font-size:12px; margin:0 0 12px}
.gallery br+br{display:none}
.attachment-thumbnail{max-width:90%; height:auto;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);}

/*line break style*/
.linebreak {padding :1em 0 0.5em 0; border-top:2px solid #f1f2f4;}
.linebreaktop {float: right; font-size:0.8em; }


/*Gravatar*/
img.avatar {float:left; margin-right:5px;padding: 0 0.5em 0 0;}

/*Caption and images*/
#content .wp-caption{font-family: Calibri, Arial, Helvetica, 'san serif';background:#eee;line-height:18px;margin-left:auto !important;margin-right:auto !important;margin-bottom:20px;text-align:center;padding:0px;max-width: 100%;}
#content .wp-caption img{margin:10px 10px;max-width: 90%;height: auto;}
#content .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px 0;}
#content .attachment img{max-width: 100%;height: auto; }
#content .alignleft,#content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
#content .alignright,#content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
#content .aligncenter,#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-top:4px;}
#content img,img.alignleft,#content img.alignright,#content img.aligncenter{max-width: 100%;height: auto; }
#content .attachment img {display: block;margin: 0 auto;max-width: 100%;height: auto; }
iframe, object, embed{max-width: 100%;}


/*form box*/
#formbox label{font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444;display:block;font-weight:400;font-size:1.3em;margin-bottom:6px;}
#formbox{position:relative;margin-right:1px;font-size:12px;padding:16px 18px;}
#formbox .avatar{margin-top:16px;float:left;border:0;}
#formbox .avatar img{border:1px solid #ccc;padding:0;}
#formbox .inputarea{padding-left:66px;height:100%;font-size:12px;}
#formbox textarea#posttext#posttitle{width:98%;margin-bottom:10px;background:#fafafa;border:1px solid #d1d1d1;color:#666;font-size:13px;padding:1%;}
#wrapper form input[type="text"]{border:1px solid #d1d1d1;background:#fafafa;color:#666;font-size:13px;line-height:16px;padding:5px 7px;}
#sidebar form input[type="text"]{background:#fff;}
#formbox input#tags#display-name#m-address#home-page{width:75%;float:left;}
#formbox input#submit{margin-left:6px;float:right;padding:0 20px;}
#formbox .postrow{height:28px;}
#wrapper button,#wrapper input[type="submit"]{margin-left:10px;border:1px solid #ccc;border-radius:3px;-moz-border-radius:3px;line-height:27px;height:28px;background:#F2F2F2;text-shadow:0 1px 0 #fff;font-size:13px;font-weight:700;color:#333;padding:0 10px;}
#wrapper button{margin:10px 10px 0 0;}
#wrapper button:active,#wrapper input[type="submit"]:active{background:#eee;}

/*searchbox*/
#search fieldset {border: none;position: relative;}
#search input[type="text"]{border:1px solid #CCCCCC;color:#516064;font-family: Helvetica,arial,sans-serif;font-size:14px;margin-bottom:20px;padding:8px;width:275px;text-indent:0px;}
#search label{font-family: Helvetica,arial,sans-serif;font-size: 15px;font-weight: bold;color: #FFFFFF;right:6px;top:6px;position:absolute;background:#dad8d8;padding: 4px 6px 2px 6px;-moz-border-radius:3px;border-radius:3px;}
#search input.button{background-color:transparent;background-position:0 -27px;cursor:pointer;background-repeat:no-repeat;border:none;height:27px;position:absolute;text-indent:-9999px;top:3px;padding:0;}
#search input.button:hover{background-position:0 0px;}
#search input.button {background-position:0 -27px;}
input#searchsubmitbutton{right:10px;width:100px;}

/*category color*/
span.cat-links a {color: #FFF;text-transform: uppercase;line-height:3em;background:#444;padding: 4px 6px 4px 6px;-moz-border-radius:3px;border-radius:3px;}

/*Image sur homepage*/
.imgshadow img{-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.8);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.8);}

/*Table*/
table {border-collapse:collapse;margin:0 0 0.5em 0}
th {font-size:1.2em;padding:4px 6px;border-width:1px;border-style:solid}
td {padding:4px;border-width:1px;border-style:solid}

/*definition*/
dl{margin:0 0 24px 0}
dt{font-weight:bold}
dd{margin-bottom:18px}

.mobileon{display:none}


/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .column, .columns                           { float: left; display: inline; margin-left: 25px; margin-right: 25px; margin-top: 10px; margin-bottom: 10px;}
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column                      { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 960px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 550px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 960px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }

        .container .one.column                      { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 348px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
        
       .container  iframe, object, embed{width: 100%;}
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 380px; }
        .columns, .column { margin: 10px; }
        

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 380px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
        
        .container iframe, object, embed{width: 100%;}
        
        #access,.wp-pagenavi,.mobileoff{display:none}
        #accessmobile{background:#f1f2f4;display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;}
		#accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;}
		#accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;}
		#accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;}
		#accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;}
		#accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:100%;;z-index:99999;}
		#accessmobile ul ul li{min-width:100%;;}
		#accessmobile ul ul ul{left:100%;top:0;}
		#accessmobile ul ul a{background:#f1f2f4;line-height:1em;height:auto;padding:10px 0 10px 10px;}
		#accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
		#accessmobile ul li:hover > ul{display:block;}
		#accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;}
		
		.mobileon{width:auto;}
		.navigation_mobile{display:inline}
	


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .columns, .column { margin: 10px; }

        .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 400px; }
        
       .container iframe, object, embed{width: 100%;}
       
       #access,.wp-pagenavi,.mobileoff{display:none}
        #accessmobile{background:#f1f2f4;display:block;float:left;width:100%;margin:0 auto;text-transform: uppercase;}
		#accessmobile .menu-header,div.menu{font-size:1.3em;margin-left:0px;}
		#accessmobile .menu-header ul,div.menu ul{list-style:none;margin:0;}
		#accessmobile .menu-header li,div.menu li{float:left;position:relative;width:100%;}
		#accessmobile a{color:#444;display:block;line-height:40px;text-decoration:none;padding:0 10px;}
		#accessmobile ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.2);display:none;position:absolute;top:40px;left:0;float:left;width:100%;;z-index:99999;}
		#accessmobile ul ul li{min-width:100%;;}
		#accessmobile ul ul ul{left:100%;top:0;}
		#accessmobile ul ul a{background:#f1f2f4;line-height:1em;height:auto;padding:10px 0 10px 10px;}
		#accessmobile li:hover > a,#accessmobile ul ul :hover > a{background:#444;background:rgba(0,0,0,0.7);color:#fff;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
		#accessmobile ul li:hover > ul{display:block;}
		#accessmobile ul li.current_page_item > a,#accessmobile ul li.current-menu-ancestor > a,#accessmobile ul li.current-menu-item > a,#accessmobile ul li.current-menu-parent > a,* html #accessmobile ul li.current_page_item a,* html #accessmobile ul li.current-menu-ancestor a,* html #accessmobile ul li.current-menu-item a,* html #accessmobile ul li.current-menu-parent a,* html #accessmobile ul li a:hover{background:#444;background:rgba(0,0,0,0.7);color:#fff;}
	
		.mobileon{width:auto;}
		.navigation_mobile{display:inline}
	
       
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }