/*
Theme Name: Codilight Lite GEOPOLYMER
Theme URI: http://www.famethemes.com/themes/codilight-lite
Version: 1.0
Description: C'est le thème principal <a href="Codilight Lite">Codilite/a> qu'on met à jour, pas celui-ci. Ici ce n'est que pour conserver les personnalisations (<a href="http://codex.wordpress.org/fr:Th%C3%A8mes_Enfant">voir la doc Wordpress</a>) comme le dossier "/wp-content/themes/codilite-lite-child/" pour les modèles de factures ou les feuilles de styles ou modèles de pages. Designed by <a href="http://www.famethemes.com">FameThemes</a>.
Author: Ralph Davidovits
Author URI: http://www.famethemes.com
Template: codilight-lite
Text Domain: codilight-lite
Copyright: (c) 2015 FameThemes.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*//* Don't add any custom styles above this line!!! */
/* @import url("../storefront/style.css");*/
/* Add whatever you like below*/

/*import polices de caractères, version allégée de fontawesome avec d'autres icones, avec adaptation du n° unicode de fontawesome, voir fontello.com */
@import url("css/font-awesome-gpi.css"); /* CHARGEMENT LOCAL */ 
@import url("css/font-source-sans-pro.css"); /* CHARGEMENT LOCAL */

/* nouvelles polices de caractères */
body, button, input, select, textarea {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	font-size: 1.04rem;
	font-weight: 400;
	letter-spacing: 0.025em;
	line-height: 1.7em;
	color: #000000;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .site-header .site-branding .site-title, .topbar-elements li, .ft-menu a, .footer-navigation ul li a, .mobile-navigation ul li a, .block2_widget .slider-content .meta-category {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
}

/* taille et emplacement du logo */
.site-header .site-branding { text-align: left; }
a.site-logo img {height: 77px; width: 303px;}

/* couleur des fonds et liens au lieu de #46a28d */
a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, .site-topbar .home-menu a:hover i, .topbar-elements li:hover, .topbar-elements li:hover span, .topbar-elements li:hover i, .site-header .site-branding .site-title a:hover, .ft-menu a:hover, .ft-menu ul li a:hover, .ft-menu ul li.current-menu-item > a, .mobile-navigation ul li a:hover, .block1_list article:hover .entry-title a, .block1_grid article:hover .entry-title a, .entry-meta a:hover, #comments .comment .comment-wrapper .comment-meta cite span:hover, #comments .comment .comment-wrapper .comment-meta .comment-time:hover, #comments .comment .comment-wrapper .comment-meta .comment-reply-link:hover, #comments .comment .comment-wrapper .comment-meta .comment-edit-link:hover, #comments .comment .comment-wrapper .comment-reply-login:hover, #comments .comment .comment-wrapper .comment-meta cite .fn a:hover, .widget-title a, .widget a:hover, .widget .widget-title a, .widget.widget_recent_comments .comment-author-link a, .widget.widget_recent_comments a {color: #0073aa;}

input[type="reset"], input[type="submit"], input[type="submit"], .site-topbar, #nav-toggle:hover span, #nav-toggle:hover span:before, #nav-toggle:hover span:after, #nav-toggle.nav-is-visible span:before, #nav-toggle.nav-is-visible span:after, .entry-category:hover, .block2_widget .slider-content .meta-category, .entry-taxonomies span, .ft-paginate span.current, .widget_categories ul li:hover .cat-count {background: #0073aa;}

blockquote {border-left: #0073aa;}

.entry-taxonomies .post-categories li a:hover, .entry-taxonomies .post-tags li a:hover, .ft-paginate a:hover, .ft-paginate span.current, .widget_tag_cloud a:hover {border-color: #0073aa;}

a:hover, .topbar-elements .dropdown-content, article.sticky .entry-title:before, .entry-taxonomies .post-categories li a, .entry-taxonomies .post-tags li a, .ft-paginate span.current, .ft-paginate a, #comments .comment .comment-wrapper .comment-meta cite .fn a, .widget-title a:hover, .widget a, .widget .widget-title a:hover, .widget_categories ul li:before {color: #00a0d2;}

/* titre du slider en page d'accueil avec fond sombre et modif block_2_widget.php pour nombre de posts et jQuery variables */
@media screen and (min-width: 48em) {
h2.slider-title {background-color:rgba(0, 0, 0, 0.6);padding-left:0.34em;}
}

/* En mode écran pour mobile */
/* taille des marges externes et police */
@media screen and (max-width: 47.9em) {
.container {padding-right: 0px; padding-right: 0rem; padding-left: 0px; padding-left: 0rem;}
p { font-size: 17px; }
}
@media screen and (max-width: 33.9em) {
.container {padding-right: 0px; padding-right: 0rem; padding-left: 0px; padding-left: 0rem;}
p { font-size: 17px; }
}

/* efface l'auteur article en page d'accueil */
.entry-meta .author a { display:none; }

/* pas d'image en avant dans les articles */
div.entry-thumb img.attachment-codilight_lte_codilight_lite_single_medium { display:none; }

/* interligne menu categorie sidebar */
div.menu-categories-container {line-height:1em; font-size:0.9em;}

/* widget title */
h2.widget-title {color: #0073aa; border-bottom: 1px solid #0073aa;}

/* fond couleur alterné pour les lignes des tableaux */
table tr:nth-child(odd) td{}
table tr:nth-child(even) td{background:#f4f4f4;}

/* anciens placements de figures avec légende - à nettoyer  - voir page science, applications et archéo */
div.figureright {float:right; border:none; margin:5px 0 0 5px; text-align:center;}
div.figurecenter {margin-left:auto; margin-right:auto; border:none; padding:5px; text-align:center;}
div.figureleft {float:left; border:none; margin:5px 8px 0 0; text-align:center;}
div.figureright, div.figureleft, div.figurecenter {font-style:italic; font-size:0.9em; line-height:1.3em;}

/* texte petit */
.small {font-size:0.9em; line-height:1.3em;}

/* style pour category sticky plugin */
.category-sticky { border: 1px solid rgba(0, 115, 170, 0.2); 
border-radius: 7px; 
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px; 
box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; 
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; 
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

/*-------------------------------------------------------------------------------------------*/
/* 1. Info Box */
/* <p class="infobox none|full|small|medium|large rounded alert|download|tick|info|note|link|pdf|normal">text</p>*/
/*-------------------------------------------------------------------------------------------*/
p.infobox, div.infobox {margin:1em 0 1.5em 0; padding:9px 10px 9px 50px; border-width:1px 0 1px 0; border-style:solid;color:#555;text-shadow:none;}
.infobox.none {border-width:0;}
.infobox.full {border-width:1px;}
.infobox.small {padding:15px 20px 15px 50px; font-size:0.9em;}
.infobox.medium {padding:18px 20px 18px 50px; font-size:1.1em;}
.infobox.large {padding:25px 27px 25px 50px; font-size:1.2em; }
.infobox.rounded { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.infobox.alert { border-color:#f0baa2; background:#ffd9c8; }
.infobox.alert:before {content: "\f071";color:#CC0000;font-family: "FontAwesome";font-size: 1.2em;float:left;margin-right:.3em;margin-left: -35px;display: inline-block; }
.infobox.download { border-color:#d4ebaf; background:#edfcd5; }
.infobox.download:before {content: "\f019";color:#339966;font-family: "FontAwesome";font-size: 1.2em;float:left;margin-right:.3em;margin-left: -35px;display: inline-block; }
.infobox.tick { border-color:#d4ebaf; background:#edfcd5; }
.infobox.tick:before {content: "\f058";color:#339966;font-family: "FontAwesome";font-size: 1.2em;float:left;margin-right:.3em;margin-left: -35px;display: inline-block; }
/* .infobox.info { border-color:#ccc; background:#eee url(images/ico-info.png) no-repeat 20px 45%; } */
.infobox.info { border-color:#ccc; background:#eee; }
.infobox.info:before {content: "\f06a";color:#0066CC;font-family: "FontAwesome";font-size: 1.2em;float:left;margin-right:.3em;margin-left: -35px;display: inline-block; }
.infobox.note { border-color:#5687C6; background:#D8EDFF; }
.infobox.note:before {content: "\f05a";color:#0099FF;font-family: "FontAwesome";font-size: 1.2em;float:left;margin-right:.3em;margin-left: -35px;display: inline-block; }
.infobox.link { border-color:#ccc; background:#eee; }
.infobox.link:before {content: "\f0c1";color:#0099FF;font-family: "FontAwesome";font-size: 1.2em;float:left;margin-right:.3em;margin-left: -35px;display: inline-block; }
.infobox.pdf { border-color:#efe3ae; background:#fef6d2; }
.infobox.pdf:before {content: "\f1c1";color:#FF3333;font-family: "FontAwesome";font-size: 1.2em;float:left;margin-right:.3em;margin-left: -35px;display: inline-block; }
.infobox.book { border-color:#efe3ae; background:#fef6d2; }
.infobox.book:before {content: "\f02d";color:#FF3333;font-family: "FontAwesome";font-size: 1.2em;float:left;margin-right:.3em;margin-left: -35px;display: inline-block; }
.infobox.video { border-color:#5687C6; background:#D8EDFF; }
.infobox.video:before {content: "\f03d";color:#0099FF;font-family: "FontAwesome";font-size: 1.2em;float:left;margin-right:.3em;margin-left: -35px;display: inline-block; }
.infobox.normal { border-color:#ccc; background:#eee; padding:9px 15px;}

/*-------------------------------------------------------------------------------------------*/
/* 2. Boutons */
/* <a href="url" class="bouton small|large|xl red|orange|green|aqua|teal|purple|pink|silver ico-info|ico-download|ico-tick|ico-note|ico-alert|ico-link|ico-pdf">text</a> */
/*-------------------------------------------------------------------------------------------*/
a.bouton {
	font-family: sans-serif;
	display: inline-block;
	line-height: 1em;
	padding: 6px 13px;
	margin:0 .6em 1.5em 0;
	border: 1px solid #4081af;
	border-bottom-color: #20559a;
	color: white !important;
	text-align: center;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-decoration: none !important;

	/*Border radius*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	/*Background*/
	background-color: #237fd7; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #52a8e8), color-stop(1, #2e76cf) );
	background: -moz-linear-gradient( center top, #52a8e8 20%, #2e76cf 100% );

	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
						inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
						0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
					inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
					0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/,
				inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/,
				0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

a.bouton.small { padding:2px 10px; font-size:0.9em;}
a.bouton.large { padding:7px 16px; font-size:1.4em;}
a.bouton.xl { padding:9px 20px; font-size:1.8em;}

a.bouton:hover,
a.bouton.hover,
a.bouton.active {
	text-decoration: none !important;
	/*Background*/
	background: #0073d2; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3e9ee5), color-stop(1, #1666ca) );
	background: -moz-linear-gradient( center top, #3e9ee5 20%, #1666ca 100% );
}

a.bouton:active,
a.bouton.active  {
	border-color: #20559a;

	/*Box shadow*/
	-webkit-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
					0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	box-shadow: inset 0 0 7px hsla(0,0%,0%,.3) /*Shine*/,
				0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
}

a.ico-info:before {content: "\f06a";font-family: "FontAwesome";font-size: 1.1em;float:left;margin-right:.5em; }
a.ico-download:before {content: "\f019";font-family: "FontAwesome";font-size: 1.1em;float:left;margin-right:.5em; }
a.ico-tick:before {content: "\f058";font-family: "FontAwesome";font-size: 1.1em;float:left;margin-right:.5em; }
a.ico-note:before {content: "\f05a";font-family: "FontAwesome";font-size: 1.1em;float:left;margin-right:.5em; }
a.ico-alert:before {content: "\f071";font-family: "FontAwesome";font-size: 1.1em;float:left;margin-right:.5em; }
a.ico-link:before {content: "\f0c1";font-family: "FontAwesome";font-size: 1.1em;float:left;margin-right:.5em; }
a.ico-pdf:before {content: "\f1c1";font-family: "FontAwesome";font-size: 1.1em;float:left;margin-right:.5em; }
a.ico-book:before {content: "\f02d";font-family: "FontAwesome";font-size: 1.1em;float:left;margin-right:.5em; }
a.ico-video:before {content: "\f03d";font-family: "FontAwesome";font-size: 1.1em;float:left;margin-right:.5em; }

a.bouton.red {
	border-color: #af4040; border-bottom-color: #9a2020; background-color: #d20000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e53e3e),color-stop(1, #ca1616));
	background: -moz-linear-gradient(center top,#e53e3e 20%,#ca1616 100%);
}
a.bouton.red:hover {
	background: #d72323;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e85252),color-stop(1, #cf2e2e));
	background: -moz-linear-gradient(center top,#e85252 20%,#cf2e2e 100%);
}

a.bouton.orange {
	border-color: #af7440; border-bottom-color: #9a5420; background-color: #d25e00;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e57d3e),color-stop(1, #ca5116));
	background: -moz-linear-gradient(center top,#e57d3e 20%,#ca5116 100%);
}
a.bouton.orange:hover {
	background: #d76b23;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e88e52),color-stop(1, #cf6e2e));
	background: -moz-linear-gradient(center top,#e88e52 20%,#cf6e2e 100%);
}

a.bouton.green {
	border-color: #87bf00; border-bottom-color: #7ca122; background-color: #87c000;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #a0d53a),color-stop(1, #60b513));
	background: -moz-linear-gradient(center top,#a0d53a 20%,#60b513 100%);
}
a.bouton.green:hover {
	background: #8dc11e;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #ace53e),color-stop(1, #8dca16));
	background: -moz-linear-gradient(center top,#ace53e 20%,#6bca16 100%);
}

a.bouton.aqua {
	border-color: #40af96; border-bottom-color: #209a82; background-color: #00d2a8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ee5c0),color-stop(1, #16ca9e));
	background: -moz-linear-gradient(center top,#3ee5c0 20%,#16ca9e 100%);
}
a.bouton.aqua:hover {
	background: #23d7af;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52e8c6),color-stop(1, #2ecfab));
	background: -moz-linear-gradient(center top,#52e8c6 20%,#2ecfab 100%);
}

a.bouton.teal {
	border-color: #23a6d6; border-bottom-color: #20799a; background-color: #009ed2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3ebce5),color-stop(1, #16a2ca));
	background: -moz-linear-gradient(center top,#3ebce5 20%,#16a2ca 100%);
}
a.bouton.teal:hover {
	background: #23abd7;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #52c3e8),color-stop(1, #2eabcf));
	background: -moz-linear-gradient(center top,#52c3e8 20%,#2eabcf 100%);
}

a.bouton.purple {
	border-color: #234dd6; border-bottom-color: #20489a; background-color: #0036d2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #3e5ae5),color-stop(1, #1638ca));
	background: -moz-linear-gradient(center top,#3e5ae5 20%,#1638ca 100%);
}
a.bouton.purple:hover {
	background: #2356d7;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #526ee8),color-stop(1, #2e58cf));
	background: -moz-linear-gradient(center top,#526ee8 20%,#2e58cf 100%);
}

a.bouton.pink {
	border-color: #d623cb; border-bottom-color: #9a2096; background-color: #bc00d2;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #c83ee5),color-stop(1, #ae16ca));
	background: -moz-linear-gradient(center top,#c83ee5 20%,#ae16ca 100%);
}
a.bouton.pink:hover {
	background: #d723d5;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e852e6),color-stop(1, #cd2ecf));
	background: -moz-linear-gradient(center top,#e852e6 20%,#cd2ecf 100%);
}

a.bouton.silver {
	color: #444 !important;
	text-shadow:0 1px #fff;
	border-color: #bbb; border-bottom-color: #999; background-color: #d8d8d8;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e9e9e9),color-stop(1, #ccc));
	background: -moz-linear-gradient(center top,#e9e9e9 20%,#ccc 100%);
}
a.bouton.silver:hover {
	background: #ccc;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #e0e0e0),color-stop(1, #bebebe));
	background: -moz-linear-gradient(center top,#e0e0e0 20%,#bebebe 100%);
}