/*
Theme Name: APIMIG
Theme URL : http://www.apimig.org
Author: Irina EWOMBA
Author URI: http://www.ewi-creations.com
Description: Thème pour le nouveau site de l'APIMIG.
Version: 1.0

*/


@charset "utf-8";
/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role RESET for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {color: #000;}

/* COULEURS
Marron : #543d13
Orange : #f1911f*/

/* STYLES GÉNÉRAUX*/
body {background-color:#fff; text-align: left; font-family: "Trebuchet", Arial, Helvetica, sans-serif;}

header {position: relative; margin-bottom: 2%;}

header a {display: block;}

.clear {clear: both;}

.img-float-left, .alignleft {float: left; margin-right: 20px;}

.gras, strong {font-weight: bold}

.gras-orange {font-weight: bold; color: #f1911f;}

.souligne {text-decoration: underline;}

.intertitre {font-size: 16px!important; margin-top: 15px;}

#content img {max-width: 600px;}

/* TOPBAR*/
.topbar {text-align: right; padding: 10px 5px; position: relative;}
	.topbar #don-entete {background-color: #f1911f; position: absolute; top: 0px; right: 0px; padding: 20px 20px;}
	.topbar #don-entete a {color: #fff; text-decoration:none; display: block;}
	
	
	/*Recherche*/
	#search {display: inline-block; margin-right: 220px; margin-top: 22px;}
	.screen-reader-text {display: none;}
	.search-field {	border: 1px solid #f1911f; height: 20px;}
	.search-submit, .submit {
	background-color: #f1911f;
	color: #fff;
	border: 1px solid #f1911f;
	height: 24px;
	
}
	
/* NAVIGATION*/
.logo {background:url(images/apimig_logo_apimig.gif) no-repeat; width: 30%; float: left;}
.home-link { display: block;}
#menu-menu-principal {width: 100%;}
.menu { text-align: right; padding-top: 3.5%; padding-bottom: 1%; width: 70%; float: left;}
	.menu ul {margin: 0 auto;}
	.menu ul li {text-align: right; padding: 2% 2%; display: inline-block; position: relative; line-height: 1.2em;}
	.menu ul li a {color: #543d13; text-decoration: none; display: inline-block; font-family: "Trebuchet", Arial, Helvetica, sans-serif; font-size: 0.8em; letter-spacing: 0.1em; line-height: 1.2em; text-transform: uppercase!important;}
	.menu ul li ul {display:none; z-index: 200;}
	.menu ul li:hover {border: 1px solid #f1911f;}
	.menu ul li:hover ul {display: block; position: absolute; left: 0px; top: 47px;}
	.menu ul li ul li  {text-align: center; background-color: #FFF;}
	.menu ul li ul li:hover {border: none;}
	.menu ul li ul li:hover a {color: #f1911f;}
	.menu ul li ul li a {display: block;}

/*HOME*/
#slider {width: 600px; float: left; margin-bottom: 40px;}
	#advps_container1 img {height: 400px!important;}

#aside {width: 300px; padding: 30px; float: left; background-color: #543d13; color: #fff; height: 340px;}
	h3.titre-widget {font-family: "Trebuchet", Arial, Helvetica, sans-serif; font-size: 20px; text-transform:uppercase; margin-bottom: 20px; text-decoration: none; letter-spacing: 0.1em;}
	.textwidget p {font-family: "Trebuchet", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 20px; margin-bottom: 4%;}

/*Rubriques*/
.col14-home {width: 220px;  float:left; border: solid 1px #543d13; text-align: center; margin-right: 24px; margin-bottom: 40px; height: 285px; position: relative;}
.col14-home-last {width: 220px; float:left; border: solid 1px #543d13; text-align: center; margin-right: 0px!important; margin-bottom: 40px; height: 285px; position: relative;}
	.col14-home a, .col14-home-last a {text-decoration: none;}
	.img-boite {margin: 15px 15px}
	.text-boite {padding: 0 15px; margin-bottom: 20px; text-align: left; font-size: 0.9em; line-height: 1.2em}
	.titre-boite {padding: 0 15px; line-height: 36px; color: #FFF; background-color: #543d13; text-align: left; font-size: 18px; position: absolute; bottom: 0px; left: 0px; width: 190px;}
	
/*Slider actus*/
#advpsslideshow_3 .advps-slide-field-three {border-top: solid 2px #543d13;}
	#advps_container3 {margin-bottom: 10px!important;}
	#advps_container3 .active {background-color: #f1911f!important;}
	#advps_container3 .bx-pager-item {border-radius: 0!important;}

/*Slider témoignage*/
#advpsslideshow_5 .attachment-medium {max-width: 140px!important; float: left!important; margin-right: 40px!important;}
	#advps_container5 .advs-title a {font-weight: normal!important;}
	#advps_container5 {margin-bottom: 45px!important;}
	#advpsslideshow_5 .advps-slide-field-three {width: 100%!important;}
	#advpsslideshow_5 .advps-excerpt-three p {font-family: "Times", Times New Roman, serif!important; font-style: italic;}

/*Slider activités culturelles*/
#advps_container7 {margin-bottom: 110px!important;}

/*Don*/
#bouton-don {border: solid 1px #f1911f; padding: 10px 20px; width: 300px; text-align: center; position: absolute; bottom: 45px; left: 320px;}
	#bouton-don a {text-decoration: none; color: #f1911f; font-weight: bold; letter-spacing: 0.1em;}

/*CONTENUS*/

h1.entry-title { color: #f1911f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; letter-spacing: 0.1em; margin-bottom: 30px; text-align: left!important;} 
	.entry-content, {color: #333; font-family: "Trebuchet", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; text-align: left!important;}
	.entry-content h2 {margin-bottom: 1%; margin-top: 2%; color: #f1911f; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold;}
	.entry-content ul {margin-bottom: 3%;}
	.entry-content ul li {list-style-type: square;list-style-position: inside; text-indent: 20px;}
	.entry-content p {margin-bottom: 2%;}
	.content-area {color: #333; font-family: "Trebuchet", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 24px; width: 960px;} 
	#commentaires {border-top: solid 1px #f1911f; padding-top: 15px; margin-top: 20px;}
	.comment-reply-title  {color: #f1911f; font-size: 1.2em;}
	#commentform label {width: 200px;}
	#commentform p {margin-bottom: 10px;}
	#commentform label {display: block!important; width: 200px!important; vertical-align: top;}
	#commentform input, #commentform textarea {width: 300px; border: solid 1px #f1911f;}
	#commentform input {height: 25px; }
	#form-allowed-tags {display: none;}

/*Articles*/
.contenu {width: 600px; margin-right: 40px; float: left; text-align: justify;}
	.contenu ul li {list-style-type: square; margin-left: 20px;}
	.contenu h2 {color: #f1911f; font-weight: bold; font-size: 16px; margin-bottom: 10px; margin-top: 20px;}
	.contenu p {margin-bottom: 10px;}
	.entry-thumbnail {margin-bottom: 30px;}
	.categories {margin-top: 20px; margin-bottom: 30px;}
	.categories ul li {list-style: none!important; margin-left: 0px!important}
	.categories a {text-decoration: none; color: #FFF; display: inline-block; ; font-size: 18px;  background-color: #f1911f; padding: 10px 30px; text-transform: uppercase;}
	.tags {margin-bottom: 30px;}
	.tags a {text-decoration: none; color: #f1911f; display: inline-block; font-size: 14px; font-variant: small-caps; border: solid 1px #f1911f; padding: 10px 30px;}
#sidebar {width: 280px; float: left; padding: 20px; background-color: #e7e7e7;}
	#sidebar ul {margin-bottom: 45px;}
	#sidebar ul li {margin-bottom: 10px; line-height: 18px;}
	#sidebar a {text-decoration: none; }
	#sidebar a:hover {color: #f1911f;}

/*Catégories*/
.article-categorie {margin-bottom: 40px;}
	.titre-categorie {margin-bottom: 30px;}
	.titre-categorie a { color: #000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 24px; line-height: 30px; letter-spacing: 0.1em;  text-align: left!important; text-decoration: none;}
	.thumbnail-categorie {width: 150px; float: left; margin-right: 20px}
	.extrait {width: 770px; float: left;}
	.extrait .titre-article-cat a {text-decoration: none; color: #f1911f; font-size: 18px; font-weight: bold;}
	.extrait .titre-article-cat a:hover {color: #000;}
	

/*Galerie d'images*/
#gallery-1 .attachment-thumbnail {float: left; margin-right: 10px; margin-bottom: 10px;}

/*Nous contacter*/
#wpgmza_map {margin-bottom: 30px;}
#bus, #metro {float: left; width: 200px;}
#formulaire-contact, #adresse-contact {float: left; width: 480px;}
.wpcf7-form-control {border: solid 1px #f1911f; width: 478px; height: 40px; font-size: 14px;}
.wpcf7-textarea {height: 120px!important;} 
.wpcf7-submit {background-color: #f1911f; color: #FFF; font-size: 14px;}

/**FOOTER**/
footer {text-align: center; font-family: "Trebuchet", Arial, Helvetica,  sans-serif; background-color: #543d13; color: #FFF; margin-bottom: 0; padding: 2% 2%;}
	footer a {text-décoration: none; font-family: "Trebuchet", Arial, Helvetica,  sans-serif;  color: #cab298;}
	footer a:hover {text-décoration: underline; font-family: "Trebuchet", Arial, Helvetica,  sans-serif;  color: #FFF;}
	.titre-footer {margin-bottom: 10px; font-size: 16px; font-weight: bold;}
	.col14-footer ul li {line-height: 24px;}
	.col14-footer ul li a {font-size: 14px; text-decoration:none;}
	.texte-footer {font-size: 14px; text-decoration:none; line-height: 18px; margin-bottom: 4px; color: #cab298!important;}
	.entry-meta { background-color: #fff;}

footer .reseaux {vertical-align: bottom;}
	footer .reseaux ul { vertical-align: bottom;}
	footer .reseaux ul li { display: inline-block; height: 60px; margin-top: 10px; margin-right: 10px; vertical-align: bottom;}
	footer .reseaux ul li a { display: block; height: 60px; width: 60px; vertical-align: bottom;}
	footer .reseaux li#fb a {background-image: url(http://www.apimig.com/images/facebook-couleur-e1439882451914.png); background-repeat: no-repeat; background-position: center bottom;}
	footer .reseaux ul #fb:hover a {background-image: url(http://www.apimig.com/images/facebook-e1439882494677.png); background-repeat: no-repeat; background-position: center bottom;}
	footer .reseaux li#twit a { background-image: url(http://www.apimig.com/images/twitter-couleur-e1439883637845.png); background-repeat: no-repeat; background-position: center bottom;}
	footer .reseaux ul #twit:hover a { background-image: url(http://www.apimig.com/images/twitter-blanc-e1439883622997.png); background-repeat: no-repeat; background-position: center bottom;}
	footer .reseaux li#google a { background-image: url(http://www.apimig.com/images/logo-google-plus-couleur-e1439882577183.png); background-repeat: no-repeat; background-position: center bottom;}
	footer .reseaux ul #google:hover a { background-image: url(http://www.apimig.com/images/logo-google-plus-blanc-e1439882525260.png); background-repeat: no-repeat; background-position: center bottom;}

#mentions-legales { font-size: 0.8em; color: #fff;}
	#mentions-legales a {color: #fff; text-decoration: none;} 
	#mentions-legales a:hover {text-decoration: underline;}

/*Résultats recherche*/
#primary #content .entry-header a {text-decoration: none; color: #f1911f;}
	#primary #content .entry-meta {display: none;}
	#primary #content .entry-summary {font-family: "Trebuchet", Arial, Helvetica, sans-serif; font-size: 0.8em; color: #818181;}
	.type-page {margin-bottom: 2%;}


/*Responsive*/
@media screen and (min-width:961px) {
	.wrapper {width: 960px; margin: 0 auto; padding-bottom: 2%; position: relative;}
	.menu-mobile {display: none;}
	.col14-footer {width: 220px; float: left; margin-right: 20px;; margin-bottom: 30px; text-align:left;}
	.inner-footer {width: 960px; margin: 0 auto;}
	.logo {float:left; width: 30%; height: 94px;}
	.menu {width: 70%; float:right; }
	#reseaux {width: 20%; }
}

@media screen and (max-width:960px) {
	.wrapper {width: 96%%; padding: 2% 2%;}
	.menu-mobile {display: none;}
	.col14-footer {width: 30%; float: left; padding-left: 1.5%; padding-right: 1.5%; margin-bottom: 3%;}
	.inner-footer {width: 100%;}
	.menu .logo {float: clear;}
	#reseaux {width: 30%; }
}