/*
Theme Name: Fresh And Clean
Theme URI: http://wpexplorer.com
Description: A clean and minimal WordPress theme by AJ Clarke. Download more <a href="http://www.wpexplorer.com">WordPress Themes</a>.
Author: AJ Clarke
Author URI: http://www.wpexplorer.com
Version: 1.3
Tags: mimal, two-columns, fixed-width, threaded-comments, custom-menu, post thumbnails, featured slider
License: GPL
*/

/*get google fonts*/
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic&subset=latin&v2);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700&subset=latin&v2);
@import url(http://fonts.googleapis.com/css?family=Pacifico&subset=latin&v2);

/*images*/
img.alignleft, div.alignleft{float:left;margin:0 0.5em 0.5em 0;}
img.alignright, div.alignright{float:right;margin:0 0 0.5em 0.5em;}
img.aligncenter, div.aligncenter{float:none;text-align:center;margin:0 auto;}


/*** Reset Browser Settings ***/
*{margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img{border:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, 
blockquote:after, 
q:before, 
q:after{content:""}
blockquote, 
q{quotes:""""}

/*** Main Body ***/
body{
   -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EDEDE5!important;
    background-repeat: repeat-x;
    border-color: #ff7f27;
    border-style: solid none;
    border-width: 15px;
    width: 100%;

font-size:17px; font-family: 'Georgia','Helvetica','Droid Sans', arial, serif; line-height:1.5em; color:#0000FF; /*background:#696969;*/}


 




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

/*** Links ***/
a{text-decoration:none; color:#ff7f27; font-weight:bold}
a:hover{text-decoration:underline}

/*** Styles ***/
p{margin:0 0 1em}
textarea, input{font-size:13px}
strong{font-weight:bold; color:#0000FF}
em{font-style:italic}
test{font-size:9px}

small{font-size:12px; color:#565656}

/*** Headings ***/
h1, h2, h3, h4, h5, h6{font-family: 'Helvetica','Droid Serif';line-height:140%; color:#ff7f27; font-weight:normal}
h1{font-size:1.4em}
h3{font-size:1.1em}
h4{font-size:0,9em}
.postcontent h2{font-size:1.5em; margin-top:30px; margin-bottom:10px}
h1{margin-bottom:20px; border-bottom:1px solid #ff7f27; line-height:1}
h1#category-title{padding-bottom: 5px;margin:0 0 40px 0}
h1#single-title{padding-bottom:5px;margin-bottom:0 !important}
// .postcontent h3{font-size:1.3em; font-weight:normal; margin:2em 0em 0.63em 0em; font-style:italic}
// correction du 1.10.2019
#respond h3{font-size:1.43em; padding:10px 0}
h2.posttitlehome{font-size:1.57em; margin-bottom:10px}
h1.category-title{font-style:italic; margin-bottom:20px; border-bottom:1px solid #CCC}

/*** Main Layout ***/
#wrap{

/*border: 1px outset #AAAAAA;*/
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.05) inset, 0 10px 20px rgba(0, 0, 0, 0.2);

/*box-shadow: 10px 10px 5px #888;
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;*/

width:900px; padding:20px 30px; background:#F9F9F9; margin:10px auto 25px auto; 
/*border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;border-bottom:1px solid #fff;*/ 
-moz-border-radius-topleft : 10px; -moz-border-radius-topright : 10px; -moz-border-radius-bottomleft : 10px; -moz-border-radius-bottomright : 10px;
border-radius-topleft : 10px;
border-radius-topright : 10px;
border-radius-bottomleft : 10px;
border-radius-bottomright : 10px;}
#main{float:left; width:580px; padding:10px 0; font-size:0.93em}
.full-width{width:900px !important}
.static-image{border:10px solid #ECECEC; margin-top:20px}

/*** Header ***/

#header{

/*background:#FFF; */margin:35px auto 0px; width:920px; /*padding: 20px;*/ /*border-top: 1px solid #ccc; border-left:1px solid #CCC; border-right:1px solid #CCC; min-height:60px;*/ position:relative;}
#header-logo{width:900px; text-align:center;}
#header-description{text-transform:capitalize; font-size:12px; margin:0 0 0 5px}

#header-logo h1{font-size:50px; /*text-shadow:1px 1px 1px #0000ff;*/ #header-logo h2{font-family: arial, serif; font-size:60px; margin:0; border:none; line-height: 1.2em; padding: 0;}
#header-logo a{color:#0000FF; text-decoration:none;}

#header-banner{width:468px; height:60px; position:absolute; right:20px; top:20px}

/*** Post  ***/
.post{float:left; width:620px; margin:0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #EEE}
.thumbnail-wrap img, #related-posts img{float:left; margin:0 20px 10px 0 !important; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;  border-radius:5px; -moz-box-shadow:0px 1px 2px #ababab; -khtml-box-shadow:0px 1px 2px #ababab; -webkit-box-shadow:0px 1px 2px #ababab; box-shadow:0px 1px 2px #ababab}
.thumbnail-wrap a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; -moz-box-shadow:0px 5px 5px #ababab; -khtml-box-shadow:0px 5px 5px #ababab; -webkit-box-shadow:0px 5px 5px #ababab; box-shadow:0px 5px 5px #ababab}
img.single{float:left; border:5px solid #ECECEC; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px;  border-radius:5px; -moz-box-shadow:0px 1px 2px #ababab; -khtml-box-shadow:0px 1px 2px #ababab; -webkit-box-shadow:0px 1px 2px #ababab; box-shadow:0px 1px 2px #ababab; margin:0 20px 0 0;}
.noborder{border-bottom:none}

/*** Post Content ***/
.postcontentt h1{font-weight:bold; color:#ff7f27}
.postcontent{color:#29219A; margin-bottom:20px}
h2.entry-title{font-size:1.5em; margin-top:0 !important}
h2.entry-title a{color:#726763; font-weight:100}
h2.entry-title a:hover{text-decoration:none; color:#09F}
.postcontent ul{margin:10px 40px}
.postcontent ol{margin:10px 40px}
.postcontent .alignleft{float:left; margin:0 10px 10px 0}
.postcontent .alignright{float:right; margin:0 0 10px 10px}
.postcontent .aligncenter, 
.postcontent .center{text-align:center; margin:0 auto; display:block}
.postcontent blockquote{color:#0099ff; padding: 20px; margin: 20px 0px; border: 1px solid #CCC; /*background: #688000;*/ -moz-border-radius-topleft : 10px; -moz-border-radius-topright : 10px; -moz-border-radius-bottomleft : 10px; -moz-border-radius-bottomright : 10px;
border-radius-topleft : 10px;
border-radius-topright : 10px;
border-radius-bottomleft : 10px;
border-radius-bottomright : 10px;}}
a.read-more{position:absolute; right:0; bottom:0; font-size:0.93em; color:#09F}

/*** Pagination ***/
#pagination{clear:both;position:relative; font-size:11px; line-height:13px; text-shadow:1px 1px 1px #E6E6E6}
#pagination span, #pagination a{display:block; float:left; margin:2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#666; background:#EEE}
#pagination a:hover{background:#D7D7D7}
#pagination .current{padding:6px 9px 5px 9px; background:#D7D7D7}

/*** Byline ***/
#byline{font-family: Arial, Helvetica, sans-serif; font-size:11px; margin-top: 5px;margin-bottom:20px; color:#999}
#byline a{color:#09F; text-decoration:none}
#byline a:hover{text-decoration:underline}

/* ----------------------  Related Posts -------------------------- */
#related-posts{margin:15px 0 0;padding:15px 0 0;border-top:1px solid #EEE}
#related-posts img{float:left; margin:0 15px 10px 0}
#related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
#related-posts ul{list-style:none}
#related-posts li{margin:0 0 20px 0}

#related-posts h3{font-size:12px; margin:0 0 5px}
#related-posts h4{font-size:18px; margin:0 0 20px}

/*** Comments ***/
#commentsbox{margin:15px 0 0}
h3#comments{font-size:18px;margin:0 0 10px}
ol.commentlist{margin:0px 0 0; clear:both; overflow:hidden; list-style:none}
ol.commentlist li{margin:10px 0; line-height:18px; padding:10px; border:1px solid #EEE}
.bypostauthor{}
.comment-author{}
.comment-author a:link, 
.comment-author a:visited{font-weight:bold; text-decoration:none !important}
.comment-author .fn{}
cite.fn{font-weight:700; font-size:12px}
.comment-author .avatar{float:left; margin:0 10px 0 0}
.comment-meta{font-size:11px}
.comment-meta .commentmetadata{color:#000}
.comment-meta a{color:#999;border-bottom:1px solid #EEE; text-decoration:none !important}
ol.commentlist li p{line-height:22px; margin:5px 0 0}
.reply{text-align:right; margin-top:10px; font-size:10px}
li.odd{}
li.even{}
.children{list-style:none; margin:1em 0 0; text-indent:0}
.children li.depth-2{margin:0 0 0px 50px}
.children li.depth-3{margin:0 0 0px 50px}
.children li.depth-4{margin:0 0 0px 50px}
.children li.depth-5{margin:0 0 0px 50px}
.comment-nav{padding:5px; height:20px}
.comment-nav a:link, .comment-nav a:visited{}
.cancel-comment-reply a{color:#F00; font-weight:700}
#respond{margin:20px 0px}
#respond h3{font-size:18px; margin:0 0 20px}
#commentform{}
#commentform p{margin:5px 0px}
#respond label{display:block; padding:5px 0}
#respond label small{font-size:10px}
#respond input{margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd}
#commentform input{width:50%}
input#commentSubmit{font-size:14px;background:#EFEFEF;color:#999;text-decoration:none;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px 10px; width:100px; margin:10px 0px; cursor:pointer; border:1px solid #CCC; outline:none;text-shadow:1px 1px 1px #FFF}
input#commentSubmit:focus, #comment:focus{border:1px solid #C3C3C3;}
#commentSubmit:hover{border:1px solid #B7B7B7 !important;}
textarea#comment{border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px}

/*** Footer ***/
#footer{width:900px; padding:20px 30px; position:relative; 

color:#a7a7a7; font-size:.60em; padding:10px 0 0;margin: 10px auto 10px auto}
#footer a{color:#a7a7a7 !important}
#footer-left{float:left}
#footer-right{float:right; font-size:0.79em}

/*** Sidebar ***/
#sidebar{float:right; width:250px; padding:10px 0; font-size:0.93em}
#sidebar ul{background:#fff; list-style:none; margin:0}
#sidebar li{margin:5px 0}
.box{margin:0 0 20px 20px}
.textwidget{padding:10px 0}
#sidebar h4{font-size:1.3em; font-weight:normal; padding: 2px 0 5px 8px; margin: 0 0 15px; /*border-bottom:1px solid #CCC background:#688000;*/ color:#29219A; -moz-border-radius-topleft : 10px; -moz-border-radius-topright : 10px; -moz-border-radius-bottomleft : 10px; -moz-border-radius-bottomright : 10px;
border-radius-topleft : 10px;
border-radius-topright : 10px;
border-radius-bottomleft : 10px;
border-radius-bottomright : 10px;}

/*** WordPress Styles ***/
.wp-caption{border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption {
	text-align: right;
	color: #333;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 15px;
}
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/***Search***/
#searchbar{margin-top:15px; position:relative;width:250px;}
#search{background:#FFF url(images/searchbg.png) top repeat-x; padding:5px 25px 5px 5px; font-size:14px; width:218px; border:1px solid #CCC; moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color:#999}
#searchsubmit{position:absolute; right:5px; top:8px; display:block; background:url(images/searchsubmit.png) no-repeat; height:15px; width:15px; border:0; text-indent:-9999px}

/*** Navigation Bar ***/
#primary-nav{font-family:'Arial'; font-weight:bold; /*background:#688000;*/ width:900px; position:relative; z-index:99; margin:0 auto;}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{position:absolute; top:-999em; width:18em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:3em; /* match top ul list item height */z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:18em; /* match ul width */top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:18em; /* match ul width */top:0}

/*Style From Here On */
.sf-menu{float:left}
.sf-menu a{font-size:1em; padding:0.9em; text-decoration:none; text-transform:uppercase; /*text-shadow:1px 1px 1px #345100*/}
.sf-menu a, .sf-menu a:visited{/* visited pseudo selector so IE6 applies text colour*/color:#29219A}
.sf-menu li{background:#EDEDE5}
.sf-menu li li{/*background:#E6E6E6; border-bottom:1px solid #688000; border-top:1px solid #688000*/}
.sf-menu li ul{border-top:1px solid #CCC}
.sf-with-ul a, 
.sf-menu li a:hover, 
.current_page_item a, 
.current-menu-item a{color:#ff7f27!important; background:#EDEDE5; outline:0} /*fonds*/
.sf-menu li li a:hover{color:#EDEDE5; background:#9ebea4} /*fonds hover9ebea4*/

/*** shadows for all but IE6 ***/
.sf-shadow ul{background:url('images/shadow.png') no-repeat bottom right; padding:0 8px 9px 0; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px}
.sf-shadow ul.sf-shadow-off{background:transparent}

#slider{z-index:5; width:880px; border:0px solid #696969; height:280px; margin:0 0 55px 0; position:relative; -moz-border-radius-topleft : 5px; -moz-border-radius-topright : 5px; -moz-border-radius-bottomleft : 5px; -moz-border-radius-bottomright : 5px;
border-radius-topleft : 5px;
border-radius-topright : 5px;
border-radius-bottomleft : 5px;
border-radius-bottomright : 5px;}
#slider img{position:absolute; top:0; left:0; display:none}
#slider a{border:0}

/* The Nivo Slider styles */
.nivoSlider{position:relative}
.nivoSlider img{position:absolute; top:0px; left:0px}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}
.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}

/* Caption styles */
.nivo-caption{position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */width:100%; z-index:89}
.nivo-caption p{padding:5px; margin:0}

/* Control nav styles (e.g. 1, 2, 3...) */
.nivo-controlNav a{position:relative; z-index:99; cursor:pointer}
.nivo-controlNav a.active{font-weight:bold}
.nivo-controlNav{position:absolute; left:47%; bottom:-30px}

/* Slider Directional Arrows */
.nivo-directionNav a{position:absolute; top:43%; z-index:99; display:block; width:47px; height:60px; text-indent:-9999px; border:0; cursor:pointer}
.nivo-prevNav,.nivo-nextNav{background:url('images/arrows.png') no-repeat; }
.nivo-nextNav{background-position:0 -120px; right:15px}
.nivo-nextNav:hover{background-position:0 -180px}
.nivo-prevNav{background-position:0 0; left: 15px}
.nivo-prevNav:hover{background-position:0 -60px}

/* corrections par Silvain Dupertuis 
 * le 16.05.2015 */
li{list-style-position: outside;
    margin-left:20px;}
 
 /* corrections par Silvain Dupertuis 
 * le 1.10.2019 */   
.postcontent h3{color:blue;font-style:normal;font-size:1.3em; font-weight:bold; margin:1.4em 0em 0.5em 0em; font-style:normal;}
.postcontent h2{color:blue;font-style:normal;font-size:1.6em; font-weight:bold; margin:1.4em 0em 0.5em 0em; font-style:normal;}
.postcontent p{margin:0 0 0.6em;text-align:justify;}