/*
	Theme Name: Boilerplate
	Description: description
	Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
	Author URI: http://gregcourdier.fr/
	Version: 4.1
	Tags: custom-menu, editor-style, theme-options, threaded-comments, sticky-post, microformats, rtl-language-support, translation-ready
*/

/** START HTML5 Boilerplate CSS **/
 
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */


article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {    display: block;}
audio,canvas,video {    display: inline-block;    *display: inline;    *zoom: 1;}

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

/* ==========================================================================
   Base
   ========================================================================== */

html {    font-size: 100%; /* 1 */    -webkit-text-size-adjust: 100%; /* 2 */    -ms-text-size-adjust: 100%; /* 2 */}
html,button,input,select,textarea {    font-family: sans-serif;}
body {    margin: 0;}

/* ==========================================================================
   Links
   ========================================================================== */

a:focus {    outline: thin dotted;}
a:active,a:hover {    outline: 0;}

/* ==========================================================================
   Typography
   ========================================================================== */

	@font-face {
	font-family: 'icons';
	src:url('typo/icons/gregcourdier.eot');
	src:url('typo/icons/gregcourdier.eot?#iefix') format('embedded-opentype'),
		url('typo/icons/gregcourdier.woff') format('woff'),
		url('typo/icons/gregcourdier.ttf') format('truetype'),
		url('typo/icons/gregcourdier.svg#gregcourdier') format('svg');
	font-weight: normal;
	font-style: normal;
}
   
   @import url(http://fonts.googleapis.com/css?family=Raleway:400,800);
   
h1 {    font-size: 2em;}
h2 {    font-size: 1.5em;}
h3 {    font-size: 1.17em;}
h4 {    font-size: 1em;}
h5 {    font-size: 0.83em;}
h6 {    font-size: 0.75em;}
abbr[title] {    border-bottom: 1px dotted;}
b,strong {    font-weight: bold;}
blockquote {    margin: 1em 40px;}
dfn {    font-style: italic;}
mark {    background: #ff0;    color: #000;}
p,pre {    margin: 1em 0;}
code,kbd,pre,samp {    font-family: monospace, serif;    _font-family: 'courier new', monospace;    font-size: 1em;}
pre {    white-space: pre;    white-space: pre-wrap;    word-wrap: break-word;}
q {    quotes: none;}
q:before,q:after {    content: '';    content: none;}
small {    font-size: 80%;}
sub,sup {    font-size: 75%;    line-height: 0;    position: relative;    vertical-align: baseline;}
sup {    top: -0.5em;}
sub {    bottom: -0.25em;}

/* ==========================================================================
   Lists
   ========================================================================== */

dl,menu,ol,ul {    margin: 1em 0;}
dd {    margin: 0 0 0 40px;}
menu,ol,ul {    padding: 0 0 0 40px;}
nav ul,nav ol {    list-style: none;    list-style-image: none;}

/* ==========================================================================
   Embedded content
   ========================================================================== */

img {    border: 0; /* 1 */    -ms-interpolation-mode: bicubic; /* 2 */}
svg:not(:root) {    overflow: hidden;}

/* ==========================================================================
   Figures
   ========================================================================== */

figure {    margin: 0;}

/* ==========================================================================
   Forms
   ========================================================================== */

form {    margin: 0;}
fieldset {    border: 1px solid #c0c0c0;    margin: 0 2px;    padding: 0.35em 0.625em 0.75em;}
legend {    border: 0; /* 1 */    padding: 0;    white-space: normal; /* 2 */    *margin-left: -7px; /* 3 */}
button,input,select,textarea {    font-size: 100%; /* 1 */    margin: 0; /* 2 */    vertical-align: baseline; /* 3 */    *vertical-align: middle; /* 3 */}
button,input {    line-height: normal;}
button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] {    -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled],input[disabled] {    cursor: default;}
input[type="checkbox"],input[type="radio"] {    box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="text"], input[type="email"],input[type="tel"],textarea {
		padding: 5px;
		border-radius: 5px;
		border: 1px solid #ccc;
		margin-bottom: 3px;
		box-sizing: border-box;
}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box;-webkit-box-sizing: content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {    -webkit-appearance: none;}
button::-moz-focus-inner,input::-moz-focus-inner {    border: 0;    padding: 0;}
textarea {    overflow: auto; vertical-align: top; }
input.width25{ min-width:23%;max-width:23%;margin-right: 2%;}
input.width50{ min-width:48%;margin-right: 2%;}
input.width75{ min-width:73%;margin-right: 2%;}
textarea.width75{ min-width:73%;margin-right: 2%;}
span.required{ color:red;}
/* ==========================================================================
   Tables
   ========================================================================== */

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

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,button,input,select,textarea {    color: #222;}
body {    font-size: 1em;    line-height: 1.4em;}

::-moz-selection {    background: #b3d4fc;    text-shadow: none;}
::selection {    background: #b3d4fc;    text-shadow: none;}
hr {    display: block;    height: 1px;    border: 0;    border-top: 1px solid #ccc;    margin: 1em 0;    padding: 0;}
img {    vertical-align: middle;max-width:100%;height:auto;}
fieldset {    border: 0;    margin: 0;    padding: 0;}
textarea {    resize: vertical;}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}

   
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {    background-color: transparent;    border: 0;    overflow: hidden;    /* IE 6/7 fallback */    *text-indent: -9999px;}
.ir:before {    content: "";    display: block;    width: 0;    height: 100%;}

.hidden {    display: none !important;    visibility: hidden;}
.visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static;width: auto;}
.invisible {    visibility: hidden;}

.clearfix:before,.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}
.clearfix:after {    clear: both;}
.clearfix {    *zoom: 1;}


.none {display:none!important;}
/* RESET GENERAL */
ul,li,ol,h1,h2,h3,h4,h5,h6,div,span,table,tr,td,th,a,header,footer,section,nav,input,textarea,fieldset,legend {
margin:0;padding:0;}

/* ==========================================================================
   Author's custom styles
   THEME FIRST MOBILE
   
   ========================================================================== */

   /* Couleurs
    *	Rouge -> #c1001f
	*
	*
	*
	*
	*/

.one_half, .one_third, .two_third, .one_fourth, .three_fourth,
.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth,
.five_sixth, .one_one
{ width:96.8%;min-width:96.8%;margin: 1% auto;}
   
	body {/*background:url(images/background.jpg) top left no-repeat #ffffff;*/
	}
   
	a{color:black;}
	p, *{font-family: 'Merriweather','Raleway', sans-serif; font-weight: 400;}
   
	hr {width:50%;margin:10px auto;border:2px dotted #6D0A14;clear:both;position:relative;z-index:100;}
	hr:before,hr:after {    content: " "; /* 1 */    display: table; /* 2 */}
	hr:after {    clear: both;}
	hr {    *zoom: 1;}

   
	header,nav,section,section#content,footer,ul.sidebar,#site{
		width:99%;
		margin:0 auto;
		padding:0;
		display:block!important;
	}
	
	header *{text-decoration:none;}
	header {border-bottom:3px solid #6D0A14;min-height:270px;}
	header .header_search {float:left;margin-top:10px;}
	header .header_search label.screen-reader-text {display:none;}
	header .header_search input { border:none;padding:0;margin:0;}
	
	header .header_search input[type="text"],
	header .header_search input[type="search"],
	header .header_search input[type^="submit"] {
		width:0px;
		 -webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
				 transition: all 0.3s ease;
	}
	
	header .header_search input[type="text"],
	header .header_search input[type="search"],
	header .header_search input[type="text"]:focus + input[type^="submit"],
	header .header_search input[type="search"]:focus + input[type^="submit"] {
		display:inline-block;
		 -webkit-border-radius: 0 6px 6px 0;
			-moz-border-radius: 0 6px 6px 0;
			 -ms-border-radius: 0 6px 6px 0;
			  -o-border-radius: 0 6px 6px 0;
				 border-radius: 0 6px 6px 0;
		background: url('images/search.png') center center no-repeat #919191;
		border:1px solid #ccc;
		border-left:none;
		width:24px;
		padding-left:0;
		float:left;
		text-indent: -400px;
		color:rgba(200,200,200,0);
	}
	header .header_search input[type="text"]:focus,
	header .header_search input[type="search"]:focus {
		 -webkit-border-radius: 6px 0 0 6px;
			-moz-border-radius: 6px 0 0 6px;
			 -ms-border-radius: 6px 0 0 6px;
			  -o-border-radius: 6px 0 0 6px;
				 border-radius: 6px 0 0 6px;
		border:1px solid #ccc;
		border-right:none;
		background:none;
		margin-right:0;
		float:left;
		text-indent:10px;
		color:#444;
		width:auto;
	}
	
	header #logo{ text-align:center;margin:0 auto;position:absolute;left:50%;margin-left:-91px!important;}
	header #logo a{ text-decoration:none;width:182px;height:260px; background-image: url('images/logo.jpg');background-size:contain;display:block; }
	header #logo img{ width:100%!important;height:auto!important; }
	header .logo_GC { display:none; }
	
	
	header #nav_secondaire {float:right;z-index:1000; padding-top:5px}
	header #nav_secondaire ul {position: relative;	margin:0px auto;display:block;text-align:right;padding:0;}
	header #nav_secondaire li { display:inline-block; list-style: none; margin: 0; padding:0 7px; line-height:35px;}
	
	div.menu_reseaux li{ line-height:20px!important; padding: 0!important;}
	div.menu_reseaux a{ font-size:0px; color:#919191;
	-webkit-transition-duration: 0.6s;
	   -moz-transition-duration: 0.6s;
			transition-duration: 0.6s;	}
	div.menu_reseaux a:hover{ font-size:0px;color:#c1001f;}
	.icon_tel a:before,
	.icon-skype a:before,
	.icon_twitter a:before,
	.icon_facebook a:before,
	.icon_google a:before,
	.icon_linkedin a:before,
	.icon_vcard a:before,
	.widget-container h3.widget-title:before,
	h3.widget-title:before {
		font-family: 'icons';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		/*line-height: 1;*/
		-webkit-font-smoothing: antialiased;
		font-size:18px;
		 padding-right:5px;
		 content: "\e039";
	}
	
	.icon_tel a:before {  content: "\e019"; }
	.icon-skype a:before {  content: "\e055"; }
	.icon_twitter a:before {  content: "\e006"; }
	.icon_facebook a:before {  content: "\e007"; }
	.icon_google a:before {  content: "\e009"; }
	.icon_linkedin a:before {  content: "\e013"; }
	.icon_vcard a:before {  content: "\e017"; }
	
			ul#menu-menu-secondaire-droite li.back {
				border-bottom: 1px solid #ccc;
				bottom:0px;
				z-index: 8;
				position: absolute;
			 }
			ul#menu-menu-secondaire-droite li:hover ~ .back{
				border-bottom: 1px solid #c1001f!important;
			 }
			ul#menu-menu-secondaire-droite li a {
				font-family: 'Merriweather',serif;
				font-size:0.8em;
				text-decoration: none;
				outline: none;
				text-align: center;
				text-transform: Capitalize;
				letter-spacing: 0;
				z-index: 10;
				width:100%;
				display: block;
				position: relative;
				-webkit-font-smoothing: antialiased;
			}   
			ul#menu-menu-secondaire-droite li a:hover {
				color:#c1001f;
				font-family: 'Lobster Two',serif;
				letter-spacing: 1.1px;
			}
			ul#menu-menu-secondaire-droite li a:hover, ul#menu-menu-secondaire-droite li a:active, ul#menu-menu-secondaire-droite li a:visited {
				border: none;
			}
	
	/*Menu principal*/
	.menu-header ul li {
		text-decoration:none;
		text-align:center;
		font-size: 2.5em;
		color:#3D3D3D;
		width:49%;
		line-height:50px;
	}
	.menu-header ul li ul,.menu-header ul li ul li{width:100%;background-color:#ffffff;}
	.menu-header ul li a{display:block;	padding:2px 0 2px 0;}
	.menu-header a {	text-decoration:none;	text-align:center;	color:#3D3D3D;	display:block;
		font-family: 'Merriweather',serif;
		font-size:		18px;
		font-weight:	700;
		text-transform:	Capitalize;
		 -webkit-transition: 0.3s;
			-moz-transition: 0.3s;
				 transition: 0.3s;
	}
	.menu-header a:hover {	
		font-family: 'Lobster Two', serif;
		letter-spacing: 1.1px;
		font-size:		20px;
	}
	/*.menu-header a:hover{
		color: #ccc;
	}*/
	.menu-header ul li a:active,.menu-header ul li a:focus{
		color: #ccc;
	}
	
	/* Fil d'Ariane */
	#arianefil {overflow:hidden;padding:0;}
	#arianefil > p {padding:0;overflow:hidden;height:30px;}
	#arianefil > p > span > span{	float:left;position: relative;height:30px;display:block;background-color:#444444;padding:0px 5px 0px 15px;}
	#arianefil > p > span > span > a{text-decoration : none; color:#f2f2f2; padding:3px 0px 3px 25px;
						position: relative;height:24px;display:block;float:left;}
	#arianefil > p > span > span:after{	content: " "; display:block; width:0;height:0;
							position:absolute;top:50%;margin-top:-50px;left:100%; z-index:2;
							border-top:50px solid transparent;border-bottom:50px solid transparent;	border-left:30px solid #444444;
							}
	#arianefil > p > span > span:before{	content: " "; display:block; width:0;height:0;
							position:absolute;top:50%;margin-top:-50px;margin-left:3px;left:100%; z-index:1;
							border-top:50px solid transparent;border-bottom:50px solid transparent;	border-left:30px solid #ffffff;
							}
	#arianefil > p > span > span:first-child, #arianefil > p > span > span:first-child a{ padding-left:10px;}
	#arianefil > p > span > span:nth-child(2){ 		background-color:	#595959;}
	#arianefil > p > span > span:nth-child(2):after{ 	border-left-color:	#595959;}
	#arianefil > p > span > span:nth-child(3){ 		background-color:	#666666;}
	#arianefil > p > span > span:nth-child(3):after{ 	border-left-color:	#666666;}
	#arianefil > p > span > span:nth-child(4){ 		background-color:	#707070;}
	#arianefil > p > span > span:nth-child(4):after{ 	border-left-color:	#707070;}
	#arianefil > p > span > span:nth-child(5){ 		background-color:	#7d7d7d;}
	#arianefil > p > span > span:nth-child(5):after{ 	border-left-color:	#7d7d7d;}
	#arianefil > p > span > span:last-child,#arianefil > p > span > span:hover:last-child { padding:3px 10px 3px 45px;background:#f2f2f2; border:none;}
	#arianefil > p > span > span:last-child:after,#arianefil > p > span > span:last-child:before {background-color:#f2f2f2; border:none;}
	#arianefil > p > span > span:hover{ 		background-color:	#6D0A14;}
	#arianefil > p > span > span:hover:after{ 	border-left-color:	#6D0A14;}
	
	/* preview and next post */
	#nav-above, #nav-below { width:100%;padding-bottom:20px;}
	#nav-above a, #nav-below a { text-decoration:none;font-size:0.9em;}
	#nav-above a:hover, #nav-below a:hover { color:#6D0A14;}
	.nav-previous {float:left;text-align:left;}
	.nav-previous a {position:relative;}
	.nav-previous a:before {content:'<';position:absolute;left:-15px;}
	.nav-next {float:right;text-align:right;}
	.nav-next a {position:relative;}
	.nav-next a:after {content:'>';position:absolute;right:-15px;}
	
	
	/*Section*/
	
	section#content article{ margin-bottom: 10px; }
	section#content article h1{ text-indent:15px; font-size:1.6em; font-weight:bold; font-variant:small-caps;padding: 5px 0px;}
	section#content article h2{ text-indent:15px; font-size:1.4em; font-weight:bold; font-variant:small-caps;}
	section#content article h3{ text-indent:15px; font-size:1.17em;  font-variant:small-caps;}
	section#content article h4{ text-indent:15px; font-size:1em; font-weight:bold;}
	section#content article h5{ text-indent:15px; font-size:0.9em; font-weight:bold;}
	section#content article h6{ text-indent:15px; font-size:0.7em; font-weight:bold;}
	section#content article a{}
	section#content article a:hover{ font-weight:bold;}
	section#content article ul,section#content article ol{margin: 1% 2%;}
	section#content article ul li{list-style-type:square;list-style-position:inside;}
	section#content article ol li{list-style-type:upper-latin;list-style-position:inside;}
	section#content article ul.line {background: url('images/ul-line-background.png') left top repeat-y}
	section#content article ul.line li{list-style-image:url(images/ul-line-li.png);
									/*list-style-position: outside;*/
									text-indent:-20px;
									padding-left:20px;}
	section#content input[type^="submit"]{padding:1%;background-color:#464646;color:#ffffff;border:none;}
	#article_thumbnail img{max-width:100%!important;width:100%!important;height:auto!important;}
	h1.entry-title{background-color:#464646;color:#ffffff;top:-1.6em;width:auto!important;}
	h2.entry-title{background-color:#464646;color:#ffffff;top:-1.4em;width:auto!important;}
	h1.entry-title a, h2.entry-title a{color:#ffffff;text-decoration:none;}
	div.entry-meta{float:right;}
	div.entry-meta *{font-size:0.75em;text-decoration:none;}
	.link_more{float:right;padding:5px 10px;background-color:#464646;color:#f2f2f2;font-size:0.7em;text-decoration:none;}
	.link_more:hover{font-weight:normal;}
	.edit {font-size:small; padding-left:15px;}
	/* Protect Page */
	.protected-post-form{
		display: block;
		margin: 30px auto 40% auto;
		width:70%;
		border:		1px solid #464646;
	}
	.protected-post-form .entry-title {	padding: 3%;}
	.protected-post-form .entry-content {	padding: 3%;}
	.protected-post-form .entry-content input{	display:inline-block;}
	.protected-post-form ~ #comments{ display:none;}
	
	
	/* COMMENTAIRES */
	#comments {
		width:auto;
		max-width:100%;
	}
	#comments a{
		text-decoration:none;
	}
	#comments ol li.comment{
		list-style-type: none;
	}
	
	li div.reply{
		width: 20%;
		min-width: 90px;
		background-color: #EAFBF9;
		padding: 1px 5px;
		border: 1px dotted #5AF0DC;
		 -webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			 -ms-border-radius: 6px;
			  -o-border-radius: 6px;
			     border-radius: 6px;
	}
	
	#comments h3#comments-title{
		clear:both;
		/*background-color: #95F428;
		max-width:20%;*/
	}
	li.comment article *{
		font-size:0.8em;
	}
	li.comment article{
		padding: 0 0 5px 20px;
		background-color: #D1F2F0;
		margin: 0 0 15px 0;
	}
	ul.children li.comment article{
		width: 98%;
		margin-left: 2%;
		padding-bottom: 5px;
	}
	li cite.fn{
		font-size: 1.2em;
	}
	li span.says{ 
		font-size: 0.8em;
	}
	li div.comment-body{
		font-size: 1em;
		color: #798383;
	}
	li footer.comment-meta{
		border: none;
		border-bottom: 1px solid #6D0A14;
	}
	li footer.comment-meta a{
		color: #34615B;
		font-size: 0.9em;
	}
	.comment_close { display:none; }
	/* Laisser un commentaire */
	#respond{width:100%;position:relative;}
	#respond form{
		color: #ffffff;
		background-color: #cccccc;
		/*float:left;*/
		border-top: 4px dashed #FFFFFF;
		margin-bottom: 15px;
	}
	
	#respond h3#reply-title{
		color: white;
		font-family: 'Merriweather','Raleway', serif;
		font-weight: bold;
		font-size: 1.4em;
		line-height: 1em;
		position: absolute;
		margin: 25px 4%;
	}

	#respond form p{
		padding: 0;
		margin: 0 4%;
	}
	
	#respond form p.comment-notes{
		padding-top: 60px;
	}
	#respond form p.comment-form-author,
	#respond form p.comment-form-email,
	#respond form p.comment-form-url,
	#respond form p.form-submit{
		padding:0;
		margin-top: 5px;
	}
	
	#respond form p.comment-form-comment{
		padding: 0;
		margin-top: 10px;
	}	
	
	#respond form p.form-submit{
		text-align: center;
		margin: 15px;
	}
	
	#respond form p.form-submit input{ 
		background-color: #6D0A14;
		color: #cccccc;
		font-weight: bold;
		padding: 1px 5px;
	}
	#respond form p.form-submit input:hover{ 
		background-color: #444444;
		color: #FFFFFF;
		font-weight: bold;
	}

	#respond form p.form-allowed-tags{
		display:none;
		margin: 1%;
		width: 28%;
		float:right;
		font-size:0.6em;
	}
	
	#respond form p label{
		display: block;
	}
	#respondform#commentform input {
	width:100%;
	}
	#respond form p.comment-form-comment textarea{
	width:100%!important;
	}

	form#commentform textarea, form#commentform input {
		border:1px solid #ccc;
		 -webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			 -ms-border-radius: 6px;
			  -o-border-radius: 6px;
			     border-radius: 6px;
		 -webkit-box-shadow : 0px 0px 25px rgba(180,180,180,0.4);
			-moz-box-shadow : 0px 0px 25px rgba(180,180,180,0.4);
				 box-shadow : 0px 0px 25px rgba(180,180,180,0.4);
	}
	 
	/*rightcolumn*/
	ul.sidebar {
		list-style: none;
		width:100%;
	}
	.widget-container *{ 	list-style-type: none;	}
	ul.sidebar .widget-container {	padding: 20px 5px 15px 15px;
							margin-bottom:25px;
							background-color:#f2f2f2;}
	.widget-container li{	}
	ul.sidebar .widget-container h3.widget-title{
		width:auto!important;
		max-width:90%;
		min-width:100px;
		text-align:right;
		float:right;
		padding-right:10px;
		margin-top:-30px;
		background-color : #464646;
		color:#f2f2f2;
		position:relative;
		text-indent:10px;
	}
	ul.sidebar .widget-container h3.widget-title:after{
		content: url(images/h3-sidebar.png);
		right:10px;
		bottom:-15px;
		position:absolute;
		overflow:hidden;
	}
	.widget-container a{
		text-decoration:none;
		color: #6C6B7D;
		font-size: 0.9em;
	}
	.widget-container a:hover{
		color: #C30518;
	}

	.widget_meta h3.widget-title:before{ content: "\e04c"; }
	.widget_categories h3.widget-title:before{ content: "\e01f"; }
	.widget_archive h3.widget-title:before{ content: "\e03e"; }
	.widget_recent_comments h3.widget-title:before{ content: "\e016"; }
	.widget_calendar h3.widget-title:before{ content: "\e01a"; }
	.widget_recent_entries h3.widget-title:before{ content: "\e03d"; }
	.widget_tag_cloud h3.widget-title:before{ content: "\e00e"; }
	.widget_pages h3.widget-title:before{ content: "\e022"; }
	.widget_text h3.widget-title:before{ content: "\e030"; }
	.widget_nav_menu h3.widget-title:before{ content: "\e022"; }
	/*.widget_text h3.widget-title:before{ content: "\e039"; }*/
	.widget_search h3.widget-title:before{ content: "\e03b"; }
	.widget_actu h3.widget-title:before {  content: "\e04d"; }

	.widget-container ul li a{
		overflow: 		hidden;
		text-overflow: 	ellipsis;
		white-space:	nowrap;
		display:		block;
		width:			100%;
		max-width:		95%;
	}
	
	/* Calendrier */
	table#wp-calendar{
		margin: 5px auto;
		background-color: #D1F2F0;
	}
	table#wp-calendar caption{
		background-color: #D8F9F4;
		border: 1px solid #D1F2F0;
			-webkit-border-radius: 8px 8px 0 0;
			 -moz-border-radius: 8px 8px 0 0;
			  -ms-border-radius: 8px 8px 0 0;
			   -o-border-radius: 8px 8px 0 0;
			     border-radius: 8px 8px 0 0;
	}
	table#wp-calendar th{
		padding: 0 5px;
	}
	table#wp-calendar td{
		padding: 0 5px;
	}
	
	/* PORTFOLIO */
	/* général */
	div#afp-container, ul#afp-filter, ul.afp-items {width:100%;}
	#afp-filter li a{background-color:#464646;color:#f2f2f2; padding:5px 10px;text-decoration:none;}
	#afp-filter li a:hover{background-color:#6C121D;font-weight:normal;}
	li.afp-single-item {/*position:relative;*/}
	li.afp-single-item img{width:100%;}
	li.afp-single-item span{/*position:absolute;bottom:0;right:0;*/}
	
	/* FOIRE AUX QUESTION */
	.page-template-page-faq-php h2.entry-title{display:none;}
	.page-template-page-faq-php div.entry-meta{display:none;}
	.qa-category{clear:both;margin-top:15px;}
	h2.faq-catname{background-color:#6C121D;font-weight:normal;
		margin:15px 0 -05px 0;padding:10px 15px 10px 0px;text-indent:0px;clear:both;color:#f2f2f2;
		float:left;}
	.qa-faq { clear:both;}
	h3.qa-faq-title { 
		color: #f2f2f2;
		background-color: #464646;
		position : relative;
		width:auto;
		text-indent : 15px;	
		line-height:1.4em;
		padding:0;
		margin:15px auto;
	}
	h3.qa-faq-title a{ 
		color: #f2f2f2;
		text-decoration: none;
		width:auto;
		padding:0;
		margin:0;
	}
	h3.qa-faq-title:before {
		content: url(images/h3-sidebar.png);
		position: absolute;
		left: 12px;
		bottom:-15px;
	}
	.qa-show-more{		float:right;	}
	.qa-show-more{
		background-color:#464646;
		color:#f2f2f2;
		text-decoration:none;
		padding:5px 10px;
	}
		
	/**************
	** GALLERY
	**************/
	.gallery { margin: 0 auto 18px;}
	.gallery .gallery-item {
			float: left;
			margin-top: 0;
			text-align: center;
			width: 33%;
	}
	.gallery-columns-2 .gallery-item {width: 50%;}
	.gallery-columns-3 .gallery-item {width: 33.3%;}
	.gallery-columns-4 .gallery-item {width: 25%;}
	.gallery-columns-5 .gallery-item {width: 20%;}
	.gallery-columns-6 .gallery-item {width: 16.6%;}
	.gallery-columns-7 .gallery-item {width: 14.2%;}
	.gallery-columns-8 .gallery-item {width: 12.5%;}
	.gallery-columns-9 .gallery-item {width: 11%;}
	.gallery-columns-2 .attachment-medium {max-width: 92%;	height: auto;}
	.gallery-columns-4 .attachment-thumbnail {max-width: 84%;	height: auto;}
	.gallery .gallery-caption {color: #888;	font-size: 12px;	margin: 0 0 12px;}
	.gallery dl {	margin: 0;}
	.gallery img {	border: 10px solid #f2f2f2;max-width:100%;
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
		filter: grayscale(100%);
		filter: url(css/desaturate.svg#greyscale);
		filter: gray;
		-webkit-filter: grayscale(1);
		transition:all 0.3s ease;
	}
	.gallery img:hover {	border: 10px solid #6D0A14;max-width:100%;
		filter: none;
		-webkit-filter: none; -moz-filter:none;
		/*filter: url(css/desaturate.svg#greyscale);
		filter: gray;*/
	}
	.gallery br+br {	display: none;}


	/* FOOTER DE PAGE */
	footer#footer{
		margin: 0px auto;
		width: 100%;
		border-top: 3px solid #6D0A14;
		background : url('images/footer-background.jpg') top center repeat-x #434343;
	}
	footer#footer *{
		color:#f2f2f2;
	}
	footer#footer > div{
		margin: 0px auto;
		width: 100%;
		max-width:984px;
	}
	
	footer#footer div a{
		list-style-type: none;
		text-decoration: none;
	}
	
	footer .xoxo {
		width:95%;
		margin:2.49%;
		float:left;
		list-style:none;
		color:#3D3D3D;
	}
	/* footer widget général */
	.xoxo .widget-container h3{	font-size: 0.9em;text-indent:10px;background-color:#6C121D;clear:both;position:relative;}
	.xoxo .widget-container h3:after{	
		content: url(images/h3-footer.png);
		right:10px;
		bottom:-15px;
		position:absolute;
		overflow:hidden;}
	.xoxo .widget-container h3:before{	font-size: 0.9em;	}
	.xoxo .widget-container a:hover{	color: #6C121D!important;	}
	/* footer widget recherche */
	.xoxo .widget_search{	margin-bottom: 20px;padding-bottom: 20px;	}
	.xoxo .widget_search label.screen-reader-text{	display: none;	}
	.xoxo .widget_search input{	margin-top: 15px;		float: left; color:#3D3D3D;	}
	.xoxo .widget_search input[type="text"],
	.xoxo .widget_search input[type="search"] {
		 -webkit-border-radius: 6px 0 0 6px;
			-moz-border-radius: 6px 0 0 6px;
			 -ms-border-radius: 6px 0 0 6px;
			  -o-border-radius: 6px 0 0 6px;
				 border-radius: 6px 0 0 6px;
		border: 1px solid #ccc;
		border-right: none;
		width: 84%;

	}
	.xoxo .widget_search input[type^="submit"] {
		 -webkit-border-radius: 0 6px 6px 0;
			-moz-border-radius: 0 6px 6px 0;
			 -ms-border-radius: 0 6px 6px 0;
			  -o-border-radius: 0 6px 6px 0;
				 border-radius: 0 6px 6px 0;
		background: url('images/search.png') center center no-repeat #919191;
		border: 1px solid #ccc;
		border-left: none;
		width: 15%;
		padding-left: 0;
		border:1px solid #ccc;
		text-indent: -400px;
		color:rgba(200,200,200,0);

	}
	/* footer widget archive */
	.xoxo .widget_archive li{color:#3D3D3D;}
	/*.xoxo .widget-container .menu-reseaux-sociaux-container  a:before {  content: none; }*/
	
	/* Page Portfolio */
	
	article.category-portfolio *,
		article.portfolio * {font-size:0.9em;text-indent:0px;}
	article.category-portfolio h2,
		article.portfolio h2 {font-size:1.5em!important;text-indent:0px!important;}
	article.category-portfolio h2 span,
		article.portfolio h2 span{width: 100%;font-size:0.7em;}
	article.category-portfolio h3,
		article.portfolio h3 {/*font-size:1em;*/text-indent:0px!important;border-bottom:1px solid #6D0A14;margin-top:1em;}
	article.category-portfolio li,
		article.portfolio li {font-size:1.2em;}
	article.category-portfolio li strong,
		article.portfolio li strong{font-weight:normal;
				font-family: 'Lobster Two',serif;}
	
	
	/* shareaholic */
	ul.sidebar .shareaholic-show-on-load,
	.xoxo .shareaholic-show-on-load,
	.qa-faq-answer .shareaholic-show-on-load{
		display:none!important;
		overflow:hidden;
	}
	.shr-bookmarks li{
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
		filter: url(css/desaturate.svg#greyscale);
		filter: gray;
		-webkit-filter: grayscale(1);
		transition:filter 0.3s linear;
	}
	.shr-bookmarks li:hover {	
		filter: none;
		-webkit-filter: none; -moz-filter:none;
	}
	.shareaholic-show-on-load {
		display: inline-block !important;
	}
/* ==========================================================================
   Author's custom styles
   THEME TABLETTE DESKTOP
   
   ========================================================================== */
@media only screen and (max-width: 40em) and (orientation : portrait) {
	/* ajustement spécial mobile
	*{font-size:2em!important;} */
	header .header_search {
		display: none;
	}
	
	#nav_secondaire{
		display: none;
	}
	
	.menu-header ul li {
		text-decoration:none;
		text-align:center;
		color:#3D3D3D;
		font-size: 3em;
		width:49%;
		line-height:60px;
	}
	/*.menu-header a:hover{
		color: #ccc;
	}*/
	.menu-header ul li a:active{
		color: #ccc;
	}
	.menu-header ul li a:focus{
		color: #ccc;
	}
	#comments ol{
		list-style-type: none;
	}
}

/* ==========================================================================
   Author's custom styles
   THEME TABLETTE DESKTOP
   
   ========================================================================== */
@media only screen and (min-width: 40em) and (orientation : landscape) {	
    /* Ajustements de style pour les viewport qui remplissent la condition */
	.one_one	 { clear: both; width: 100%;padding:0;margin:0;}
	.one_half { width: 48%; min-width: 48%;}
	.one_third { width: 31.2%; min-width: 31.2%;}
	.two_third{ width: 64.4%; min-width: 64.4%;}
	.one_fourth{ width: 23%; min-width: 23%;}
	.three_fourth {width: 73%; min-width: 73%;}
	.one_fifth	{ width: 18%; min-width: 18%;}
	.two_fifth	{ width: 38%; min-width:38%;}
	.three_fifth{ width: 58%; min-width: 58%;}
	.four_fifth	{ width: 78%; min-width: 78%;}
	.one_sixth	{ width: 14.4%; min-width: 14.4%;}
	.five_sixth 	{ width: 81.1%; min-width: 81.1%;}
	.one_half, .one_third, .two_third, .one_fourth, .three_fourth,
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth,
	.five_sixth
	{ margin: 1%;float: left;padding:0;}
	
	
	#site{	
		max-width:984px;
	}
	header { position:relative;background-color:#ffffff;z-index:5;}
	/*header #logo{ display:none;}
	header .logo_GC { display: block;
					position:absolute;
					top:10px;
					left:50%;
					margin:0px auto;
					margin-left:-225px;
					z-index:0;}*/
	#Stage_G, #Stage_r, #Stage_e, #Stage_g,
	#Stage_C, #Stage_o, #Stage_u, #Stage_r2, #Stage_d, #Stage_i, #Stage_e2, #Stage_r3,
	#Stage_L	{
		margin-top:20px!important;
	}
	.Stage_L_id {
		top:0px!important;
	}
	#nav_secondaire {
		/*Position:absolute;*/
		top:0;
		float:right;
	}

	.menu-header ul{
        position: relative;
		margin:0px auto;
        width: 90%;
        }
			
    .menu-header ul li {
		display:inline-block;
        list-style: none;
		width:20%;
		font-size: 1.2em;
		margin: 0;
		padding:0;
		line-height:50px;
	}
    .menu-header ul li.back {
        border-bottom: 3px solid #cccccc;
		bottom:5px;
        z-index: 1000;
        position: absolute;
    }
    .menu-header ul li:hover ~ .back{ border-bottom: 3px solid #6D0A14; }
    .menu-header ul li a {
        text-decoration: none;
        outline: none;
        text-align: center;
        letter-spacing: 0px;
        z-index: 10;
		width:100%;
		display: block;
		position: relative;
        /*overflow: hidden;*/
	}   
	.menu-header ul li a:hover, .menu-header ul li a:active, .menu-header ul li a:visited {
		border: none;
    } 
	.menu-header ul li ul, .menu-header ul li ul li {
		padding:0;
		margin:0;
		top:0;
		background-color:#ffffff;
	}
	.menu-header a:hover,
		.menu-header li:hover{
		color: #3D3D3D;
		background-color:#F2F2F2;
	}
	
	/* TEST MENU */
	.menu-header li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.menu-header li ul ul {
		top: 0;
		left: 100%;
	}
	.menu-header ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.menu-header li ul li a {
		display: block;
		font-size:11px;
		white-space: normal;
		text-align: left;
		padding: 0px;
		line-height: 24px;
		text-indent: 15px;
		background-color: #6D0A14;
		color:	#ffffff;
	}
	.menu-header li ul li a:hover {
		font-size:11px;
		white-space: normal;
		text-align: left;
		padding: 0px;
		line-height: 24px;
		text-indent: 15px;
		background-color: #6D0A14;
		color:	#ffffff;
	}
	
	
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	
	
	
	
	
	
	
	/* FIN TEST MENU */
	
	#content2-3{ float:left;width:69.8%;}

	/*article*/
	section{
		margin: 0px auto;
		/*position:relative;*/
	}
	/*section article {
		width:69.8%;
		float:left;
	}*/
	
	/*widgets*/
	ul.sidebar{   
		width:29%;
		float:right;
	}

	/* PORTFOLIO */
	/* spécial desktop*/
	li.afp-single-item {width:23%;margin:0.99%;
	}
	
	
		/* preview and next post */
	#nav-above, #nav-below { width:100%;position: fixed;top: 50%;left: 0;z-index:100;}
	#nav-above a, #nav-below a { text-decoration:none;font-size:0.9em;display: block;width: 75px;
			line-height:10px;
			background-color:#fff;
			opacity:0.4;
			box-shadow: 0px 0px 50px 5px #c0c0c0;
			-webkit-transition: all 0.2s ease;
			   -moz-transition: all 0.2s ease;
				    transition: all 0.2s ease;}
	#nav-above a:hover, #nav-below a:hover { color:#6D0A14;opacity:1;font-variant:small-caps;}
	.nav-previous {float:left;text-align:left;position:relative;}
	.nav-previous a {position:relative;left:0;padding-left:0px;height:75px;font-size:5em!important;overflow:hidden;
			color:#fff;
			 -webkit-border-radius: 0px 5px 5px 0px;
				-moz-border-radius: 0px 5px 5px 0px;
					 border-radius: 0px 5px 5px 0px;
			}
	.nav-previous a:hover {padding: 0px 30px;min-height:75px;font-size:0.9em!important;width:auto!important;line-height:75px!important;}
	.nav-previous a:before {content:'<';position:absolute;left:10px;top:50%;color:#444;}
	.nav-previous a:hover:before {line-height:10px!important;}
	.nav-next {float:right;text-align:right;position:relative;}
	.nav-next a {position:relative;right:0;padding-right:0px;height:75px;font-size:5em!important;overflow:hidden;
			color:#fff;
			 -webkit-border-radius: 5px 0px 0px 5px;
				-moz-border-radius: 5px 0px 0px 5px;
					 border-radius: 5px 0px 0px 5px;}
	.nav-next a:hover {padding: 0px 30px;min-height:75px;font-size:0.9em!important;width:auto!important;line-height:75px!important;}
	.nav-next a:after {content:'>';position:absolute;right:10px;top:50%;color:#444;}
	.nav-next a:hover:after {line-height:10px!important;}
	
	
	/*Commentaire*/
	#comments{
		width: 100%;
	}
	#comments ol{
		width:70%;
		list-style-type: none;
	}
	#comments ol > li > article{
		width:100%;
	}
	
	/*Laisser un commentaire*/
	#respond{
		clear:both;
		position:relative;
		width:100%;
	}
	#respond form{
		width:100%;
		float:left;
		border-top: 4px dashed #FFFFFF;
		height: 235px;
		position:relative;
		z-index:10;
	}
	#respond h3#reply-title{
		font-weight: 800;
		font-size: 1.9em;
		line-height: 1.1em;
		position:absolute;
		margin: 14px 1% 0 2%!important;
		width: 27%;
		z-index:1000;
	}

	#respond form p.comment-notes{
		margin: 35px 1% 150px 2%;
		width:24%;
		float:left;
	}
	#respond form p.comment-form-author,
	#respond form p.comment-form-email,
	#respond form p.comment-form-url,
	#respond form p.form-submit{
		margin: 4px 150px 0 1%;
		padding: 7px;
		width: 31%;
		float:left!important;
	}
	#respond form p.form-submit{
	padding-left: 75px;
	}
	#respond form p.comment-form-comment{
		top: 0!important;
		margin: 10px 2% 0 1%;
		width: 37%;
		right: 0;
		position: absolute;
	}
	#respond form p.form-allowed-tags{
		display:none;
		margin: 1%;
		width: 28%;
		float:right;
		font-size:0.6em;
	}
	#respond form p label{
		display: block;
	}
	form#commentform input {
	width: 95%;
	}
	#respond form p.comment-form-comment textarea{
	width:100%!important;
	height: 155px;
	}
	form#commentform textarea, form#commentform input {
		border:1px solid #ccc;
		 -webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			 -ms-border-radius: 6px;
			  -o-border-radius: 6px;
			     border-radius: 6px;
		 -webkit-box-shadow : 0px 0px 25px rgba(180,180,180,0.4);
			-moz-box-shadow : 0px 0px 25px rgba(180,180,180,0.4);
				 box-shadow : 0px 0px 25px rgba(180,180,180,0.4);
	}
	
	
	footer .xoxo {
		width:20%;
		margin:2.49%;
		float:left;
		list-style:none;
		color:#3D3D3D;
	}
	footer .xoxo:first-child{
		margin-left:2.49%;
	}
	/*footer.xoxo h3{text-indent:0px; font-size:1.6em; font-weight:bold; line-height:56px; font-variant:small-caps;}*/
}	
@media only screen and (min-width: 1000px) {	/* preview and next post */
	#nav-above a, #nav-below a { opacity:1;}
}
/* ==========================================================================
   Author's custom styles
   Style Nav
   
   ========================================================================== */
@media only screen and (min-width: 35em){ 
	.one_one	 { clear: both; width: 100%;}
	.one_half { width: 48%; min-width: 48%;}
	.one_third { width: 31.2%; min-width: 31.2%;}
	.two_third{ width: 64.4%; min-width: 64.4%;}
	.one_fourth{ width: 23%; min-width: 23%;}
	.three_fourth {width: 73%; min-width: 73%;}
	.one_fifth	{ width: 18%; min-width: 18%;}
	.two_fifth	{ width: 38%; min-width:38%;}
	.three_fifth{ width: 58%; min-width: 58%;}
	.four_fifth	{ width: 78%; min-width: 78%;}
	.one_sixth	{ width: 14.4%; min-width: 14.4%;}
	.five_sixth 	{ width: 81.1%; min-width: 81.1%;}
	.one_half, .one_third, .two_third, .one_fourth, .three_fourth,
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth,
	.five_sixth
	{ margin: 1%;float: left;padding:0;}
}


/* ==========================================================================
   Author's custom styles
   HACK IE
   
   ========================================================================== */

   
   
   
   
   

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
	#content2-3{width:100%;}
	/*#content * {font-size:1.2em;}
	h1{font-size:3em;}
	h2,h3,h2:before,h3:before{font-size:3em;}*/
	
	/*rightcolumn*/
	ul.sidebar {
		list-style: none;
		width:100%!important;
	}
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {  background: transparent !important;color: #000 !important;box-shadow:none !important;text-shadow: none !important;}
    a,a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
    abbr[title]:after {content: " (" attr(title) ")";}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
    pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
    thead {display: table-header-group;}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
    p,h2,h3 {orphans: 3;widows: 3;}
    h2,h3 {page-break-after: avoid;}
}

/** END HTML5 Boilerplate CSS **/

/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

/* TYPOGRAPHY */
/* ----------------------------------------- */


.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.





/** END Starkers CSS **/

/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** Keep drop-downs working **/
#access li {
	float: left;
	position: relative;
}
#access ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 95%;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul li:hover > ul {
	display: block;
}
/** END WordPress-Defined CSS Classes **/