/*
Theme Name:   ChiFouMi
Author: brice terzaghi
Author URI: http://www.terzag.info/
Description: Association ChiFouMi
Version:      2.3.15
*/

@import url('fonts/alegreya/stylesheet.css');
/*
AlegreyaRegular / AlegreyaBold / AlegreyaItalic / AlegreyaBoldItalic / AlegreyaBlack / AlegreyaBlackItalic
AlegreyaSCRegular / AlegreyaSCBold / AlegreyaSCItalic / AlegreyaSCBoldItalic / AlegreyaSCBlack / AlegreyaSCBlackItalic
*/

@import url('fonts/alegreya-sans/stylesheet.css');
/*
AlegreyaSansThin / AlegreyaSansThinItalic /
AlegreyaSansLight / AlegreyaSansLightItalic /
AlegreyaSansRegular / AlegreyaSansBold / AlegreyaSansItalic / AlegreyaSansBoldItalic /
AlegreyaSansMedium / AlegreyaSansMediumItalic /
AlegreyaSansExtrabold / AlegreyaSansExtraboldItalic /
AlegreyaSansBlack / AlegreyaSansBlackItalic
AlegreyaSansSCLight / AlegreyaSansSCLightItalic /
AlegreyaSansSCThin / AlegreyaSansSCThinItalic /
AlegreyaSansSCRegular / AlegreyaSansSCItalic / AlegreyaSansSCBold / AlegreyaSansSCBoldItalic /
AlegreyaSansSCMedium / AlegreyaSansSCMediumItalic /
AlegreyaSansSCExtrabold / AlegreyaSansSCExtraboldItalic /
AlegreyaSansSCBlack / AlegreyaSansSCBlackItalic
*/

@import url('fonts/heydings/stylesheet.css');
/*
heydings_iconsregular / heydings_controlsregular
*/

@import url('fonts/bebas_neue/stylesheet.css');
/*
BabesNeueThin
BabesNeueLight
BabesNeueBook
BabesNeueRegular
BabesNeueBold
*/
@import url('fonts/ptsans/stylesheet.css');

/* IE 8 */
header,
nav,
section,
article,
aside,
footer,
hgroup{
display: block;
}

/* RESET CSS */
*{
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6{
font-size: 1em;
}
a{
/*color: inherit;*/
font-family: inherit;
text-decoration: none;
outline: none;
}

/* BASE (FONTS SIZE FIX + COLUMNS) */
html{
background-color: #fff;
color: #000;
height: 100%;
font-size: 100.01%;
}

body{
font-size: 16px;
}

/* FONTS */
#wrapper{
font-family: 'AlegreyaSansRegular';
}
strong,em,a,blockquote{
font-style: normal;
font-weight: normal;
}
strong{
font-family: 'AlegreyaSansBold';
}
em,blockquote{
font-family: 'AlegreyaSansItalic';
}
strong em, em strong{
font-family: 'AlegreyaSansBoldItalic';
}
a{
}
h1,h2,h3,h4,h5,h6{
font-weight: normal;
font-family: 'AlegreyaSansBold';
}
input,textarea{
font-family: 'AlegreyaSansRegular';
}
input[type="submit"]{
outline: none;
font-family: 'AlegreyaSansRegular';
}

iframe+em,
.wp-caption-text{
font-family: 'AlegreyaSansItalic';
font-style: normal;
}

header .menu a{
font-family: 'AlegreyaSansExtrabold';
font-weight: normal;
font-style: normal;
text-transform: uppercase;
}
.post-title,
#sidebar h2,
#searchlabel{
font-family: 'BebasNeueBold';
letter-spacing: .065em;
font-weight: normal;
text-transform: uppercase;
}
.navigation{
font-family: 'BebasNeueBold';
letter-spacing: .065em;
font-weight: normal;
}
#reply-title{
font-family: 'BebasNeueBold';
letter-spacing: .065em;
font-weight: normal;
}
.widget_bcms_ical .vevent .infos .date{
font-family: 'AlegreyaSansBold';
font-weight: normal;
}
.widget_bcms_ical .vevent .summary{
font-weight: normal;
font-family: 'BebasNeueBold';
letter-spacing: .08em;
}
#sidebar a.pagelink{
font-family: 'BebasNeueBold';
letter-spacing: .065em;
font-weight: normal;
}

/* STD ELEMENTS */
*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{
margin-top: 2em;
}
*+p{
margin-top: 1em;
}
h1+p,h2+p,h3+p,h4+p,h5+p,h6+p{
margin-top: 0;
}
*+ul,*+ol,*+dl{
margin-top: 
}
ul+*,ol+*,dl+*{
margin-top: 1em;
}
*+form{
margin-top: 1em;
}
ul,ol{
list-style-position: outside;
padding-left: 1.15em;
}
a{
color: #06f;
font-weight: normal;
}
blockquote{
background-color: #eee;
padding: .5em 1em;
margin: .5em 0;
border-radius: .5em;
}
img{
/*width: 100%;*/ /* Hack Firefox */
width: auto;
height: auto;
max-width: 100%;
}
input,
textarea{
font-size: 1em;
width: 16em;
height: 1em;
padding: .5em;
border: none;
border-radius: .25em;
outline: none;
}
textarea{
display: block;
height: 10em;
}
input[type="submit"]{
background-color: #ccc;
color: #000;
cursor: pointer;
margin-top: .5em;
padding: .25em .5em;
width: auto;
height: auto;
}
input[type="submit"]:hover{
background-color: #ddd;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea{
/*width: 24em;*/
}
address.vcard{
font-style: normal;
}
address.vcard p{
}
address.vcard p+p{
margin-top: 0;
}
address.vcard a{
/*color: #fff;*/
color: inherit;
}
address.vcard .tel::before{
content: 'q';
font-family: 'heydings_iconsregular';
margin-right: .5em;
vertical-align: middle;
}
address.vcard .email::before{
content: 'E';
font-family: 'heydings_iconsregular';
margin-right: .5em;
vertical-align: middle;
}
iframe{
display: block;
width: 100%;
max-width: 100%;
}

/* ELEMENTS */
#viewport{
display: table;
text-align: center;
width: 100%;
height: 100%;
}
#wrapper{
width: 1024px;
height: 100%;
line-height: 1.5em;
margin: 0 auto;
display: table;
}
header{
background-color: transparent;
height: 1em;
display: table-row;
text-align: center;
}
header h1{
font-size: 2em;
line-height: 1em;
padding: 1em;
}
header #menu_wrapper{
background: transparent url('images/bandeau_trame_trans.png') no-repeat center center;
color: #fff;
padding: 0 96px;
}
header .menu{
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 0;
width: 100%;
height: 2em;
min-height: 32px;
list-style: none;
padding: 0;
}
header .menu{
border-spacing: .5em 0;
}
header .menu li{
display: table-cell;
vertical-align: middle;
}
header .menu a{
color: #999;
display: block;
line-height: 1.25em;
}
header .menu .current-menu-item a,
header .menu .current-menu-parent a,
header .menu .current-page-ancestor a,
header .menu a:hover{
color: #fff;
}
#content{
background-color: #fff;
color: #000;
display: table;
width: 100%;
max-width: 100%;
height: 100%;
text-align: left;
}
.column{
display: table-cell;
padding: 1em;
vertical-align: top;
}
#main{
width: 46em; /* 736px */
}
#main > *{
max-width: 46em;
}
#sidebar{
background-color: #eee;
width: 16em;  /* 256px */
}
#sidebar > *{
max-width: 16em;
}
footer{
background-color: #ddd;
color: #000;
text-align: center;
height: 1em;
display: table-row;
}
footer p{
font-size: .85em;
text-align: left;
padding: .5em 1em;
}

/* WP */
.hentry{
position: relative;
}
.sticky{
background-color: #eee;
color: #000;
padding: 1em;
margin: -1em -1em 0 -1em;
}
.hentry+.hentry{
margin-top: 2em;
border-top: 4px solid #eee;
padding-top: 2em;
}
.sticky+.hentry{
border: none;
padding-top: 0;
}
.post-edit-link{
background-color: #069;
color: #fff;
display: inline-block;
font-size: 1em;
font-style: normal;
font-weight: normal;
text-transform: none;
padding: .25em .5em;
margin: 0;
margin-bottom: 1em;
border-radius: .25em;
position: absolute;
right: 0;
}
.post-edit-link:hover{
background-color: #09c;
}
.post-title{
text-transform: uppercase;
font-size: 1.5em;
line-height: 1em;
}
.post-title,
#sidebar h2,
#searchlabel{
font-size: 1.75em;
line-height: 1em;
margin-bottom: 0;
}
.post-title,
.post-title a{
color: #b1b1b1;
}
.post-title a{
text-decoration: none;
font-family: inherit;
}
.post-date{
color: #666;
display: inline-block;
font-size: .85em;
line-height: 1em;
text-transform: uppercase;
margin-top: .25em;
margin-bottom: 1em;
padding-top: .25em;
border-top: 1px solid #ccc;
}
.post-content{
margin-top: .5em;
overflow: hidden;
}
.post-info{
color: #666;
font-size: .85em;
margin-top: 1em;
font-style: normal;
}
.post-info a{
}
img.alignnone{
}
img.alignleft{
float: left;
margin-right: 1em;
margin-bottom: .5em;
}
img.aligncenter{
display: block;
margin: 0 auto;
}
img.alignright{
float: right;
margin-left: 1em;
margin-bottom: .5em;
}
.wp-caption{
margin: 1em 0;
display: block;
text-align: center;
width: 100% !important;
max-width: 100%;
}
.wp-caption img{
display: block;
width: 100%;
}
iframe+em,
.wp-caption-text{
background-color: #ccc;
display: block;
font-size: .85em;
line-height: 1.25em;
margin-top: 0;
padding: .5em;
}
.navigation{
font-size: 1.5em;
margin-top: 1em;
overflow: hidden;
}
.navigation a{
color: inherit;
font-family: inherit;
}
.navigation .alignleft{
width: 50%;
float: left;
text-align: left;
}
.navigation .alignright{
width: 50%;
float: right;
text-align: right;
}
#comments{
background-color: #ccc;
margin: 1em -1em 0 -1em;
padding: 0 1em;
}
#comments-title{
padding-top: 1em;
}
.commentlist{
list-style: none;
padding: 1em 0;
}
.commentlist .comment+.comment{
margin-top: 1.5em;
}
.commentlist .children{
margin-top: 1em;
list-style: none;
margin-left: 1em;
}
.commentlist .comment{
}
.comment-body{
background-color: #fff;
margin-top: 1.5em;
padding: 1em;
border-radius: 1em;
border-top-left-radius: 0;
position: relative;
}
.comment-body:before{
color: #fff;
content: "◣";
position: absolute;
left: 0;
top: -1em;
font-family: 'heydings_iconsregular';
font-size: 1.5em;
}
.comment-author{
background-color: #fff;
color: #000;
overflow: hidden;
}
.comment-author .avatar{
display: block;
float: left;
width: 2em;
height: 2em;
margin-right: .5em;
}
.comment-author .fn{
font-style: normal;
vertical-align: bottom;
}
.comment-author .fn a{
}
.comment-author .says{
}
.comment-meta{
background-color: #fff;
color: #000;
border-bottom: 1px solid #eee;
}
.comment-body .reply{
background-color: #ccc;
color: #000;
display: inline-block;
margin-top: .5em;
padding: .25em .5em;
border-radius: .25em;
}
.comment-body .reply a{
color: inherit;
}
.comment-body p{
margin: 1em 0;
}
.comment-body p+p{
margin-top: 1em;
}
.commentlist + #respond{
border-top: 1px dashed #999;
}
#respond{
padding-top: 1em;
}
#reply-title{
font-size: 1.5em;
}
#commentform{
padding-bottom: 1em;
}
#commentform p+p{
margin-top: .5em;
}
#commentform label{
display: block;
}
#commentform #author,
#commentform #email,
#commentform #url{
}
#commentform input[type="text"],
#commentform textarea{
}
#respond input#submit{
background-color: #999;
color: #000;
}

.widget{
}
.widget+.widget{
margin-top: 1.5em;
}
#sidebar h2,
#searchlabel{
color: #000;
margin-bottom: .25em;
}
#sidebar a{
color: #069;
}
#sidebar ul,
#sidebar form{
margin-bottom: 1em;
padding-left: 0;
}
.widget-title{
}
.widget_bcms_social ul{
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #000;
}
.widget_bcms_social li a{
border-radius: .25em;
}
.qtranxs_language_chooser{
display: table;
margin: 0 auto;
margin-bottom: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #000;
}
.qtranxs_language_chooser li{
display: table-cell;
list-style: none;
padding: .25em;
}
.qtranxs_flag,
.qtranxs_text{
height: 2em;
width: 2em;
border-radius: .25em;
display: block;
}
.qtranxs_text span{
display: none;
}
.qtranxs_flag_fr,
.qtranxs_text_fr{
background-image: url('images/flags/fr_256.png');
background-size: 2em 4em;
background-position: 0 -2em;
}
.qtranxs_flag_en,
.qtranxs_text_en{
background-image: url('images/flags/us_256.png');
background-size: 2em 4em;
background-position: 0 -2em;
}
.active .qtranxs_flag_fr,
.qtranxs_flag_fr:hover,
.active .qtranxs_flag_en,
.qtranxs_flag_en:hover,
.active .qtranxs_text_fr,
.qtranxs_text_fr:hover,
.active .qtranxs_text_en,
.qtranxs_text_en:hover{
background-position: 0 0;
}
.widget_bcms_ical{
padding-bottom: 0;
margin-bottom: 1em;
border-bottom: 1px solid #000;
}
.widget_bcms_ical h3{
margin-bottom: .25em;
}
.widget_bcms_ical ul{
color: #444;
margin: 0;
line-height: 1.75em;
}
.widget_bcms_ical li{
list-style: none;
border: 1px solid #ccc;
}
.widget_bcms_ical li+li{
margin-top: 1em;
}
.widget_bcms_ical .vevent .infos{
background-color: #ddd;
display: block;
line-height: 1.25em;
font-size: .85em;
padding: .25em;
margin: 0;
}
.widget_bcms_ical .vevent .infos .date{
color: #444;
display: inline;
}
.widget_bcms_ical .vevent .summary{
background-color: #fff;
color: #000;
font-size: 1em;
line-height: 1em;
padding: .25em;
margin: 0;
}
.widget_bcms_ical .vevent .dthour{
color: #999;
}
#sidebar #searchform div{
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
#sidebar #searchform #searchlabel{
display: block;
}
#sidebar #searchform #s{
background-color: #fff;
color: #000;
display: table-cell;
vertical-align: middle;
width: auto;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
#sidebar #searchform #searchsubmit{
background: #000 url('images/search.svg') no-repeat center center;
background-size: 1.5em;
display: table-cell;
vertical-align: middle;
width: 2em;
height: 2em;
margin: 0;
padding: .5em;
text-indent: -9999px;
border: none;
border-radius: .25em;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
#sidebar .widget_categories ul{
margin-left: 0;
}
#sidebar .widget_categories li{
list-style: none;
margin-bottom: .5em;
}
#sidebar .widget_categories li a{
background-color: #444;
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: block;
padding: .5em 1em;
font-size: .85em;
line-height: 1.5em;
}
#sidebar .widget_categories li a:hover{
background-color: #000;
}
#sidebar address{
margin-bottom: 0;
}
#sidebar .widget_mylinkorder{
color: #666;
margin-left: 0;
padding-left: 0;
list-style: none inside none;
}
#sidebar .widget_mylinkorder .blogroll{
padding: 0;
padding-left: 1.15em;
margin: 0;
}
#sidebar .widget_mylinkorder .blogroll li{
list-style: disc outside none;
}
#sidebar .widget_mylinkorder+.widget_mylinkorder{
border-top: 1px dashed #999;
margin-top: .75em;
padding-top: 1em;
}
#sidebar a.pagelink{
color: #666;
text-decoration: none;
display: block;
margin-top: .5em;
font-size: 1.5em;
margin-top: .5em;
margin-bottom: 1.25em;
}

ul.children-pages-list{
list-style: none;
padding: 0;
margin: 0 -.5em;
margin-bottom: 1em;
overflow: hidden;
}
ul.children-pages-list li{
background-color: #999;
color: #fff;
margin: .5em;
float: left;
width: 8em;
height: 8em;
}
ul.children-pages-list li a{
background-color: rgba(0,0,0,0);
color: inherit;
text-decoration: none;
display: table-cell;
width: inherit;
height: inherit;
text-align: center;
vertical-align: middle;
}
ul.children-pages-list li a:hover{
background-color: rgba(0,0,0,.5);
}

/* WP CONTACT FORM 7 */
.wpcf7 form.wpcf7-form{
}
.wpcf7 .wpcf7-not-valid{
}
.wpcf7 span.wpcf7-not-valid-tip{
background-color: #f20;
color: #fff;
display: inline-block;
vertical-align: middle;
font-family: 'AlegreyaSansRegular';
font-size: .75em;
margin-left: 1em;
padding: 0 .5em;
border-radius: .25em;
}
.wpcf7 div.wpcf7-response-output{
font-family: 'AlegreyaSansRegular';
padding: 0;
margin: 0;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-mail-sent-ok,
.wpcf7 div.wpcf7-mail-sent-ng,
.wpcf7 div.wpcf7-spam-blocked{
display: inline-block;
padding: .25em .5em;
margin-top: 1em;
border: none;
border-radius: .25em;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-mail-sent-ng,
.wpcf7 div.wpcf7-spam-blocked{
background-color: #f20;
}
.wpcf7 div.wpcf7-mail-sent-ok{
background-color: #090;
}
.wpcf7 img.ajax-loader{
background-color: #fff;
border-radius: 100%;
width: auto;
height: auto;
padding: 2px;
}

/* MOBILE */
#mobile_toggle{
display: none;
}
#mobile_toggle p{
font-family: 'AlegreyaSansExtrabold';
font-weight: normal;
font-style: normal;
text-transform: uppercase;
padding: .25em .5em;
}
@media only screen and (max-device-width: 480px) {
	#mobile_toggle{
	display: table-row;
	}
	body{
	font-size: 2.5em;
	}
	header h1{
	font-size: 1em;
	padding: .25em;
	}
	header #menu_wrapper{
	background-color: #000;
	background-image: none;
	padding: .5em;
	}
	header .menu a{
	font-size: .85em;
	padding: 0;
	}
	#main{
	}
	#sidebar{
	display: none;
	}
	.navigation{
	font-size: 1em;
	line-height: 1.25em;
	}
	.wpcf7 span.wpcf7-not-valid-tip{
	margin-left: 0 !important;
	margin-top: 1em !important;
	}
}
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
	body{
	font-size: 1.5em;
	}
}