/*
Theme Name: Blog Irsam 2020
Theme URI: http://www.webmaster-freelance.paris
Author: Benjamin Levaux
Author URI: http://www.webmaster-freelance.paris
Description: Le thème de l'IRSAM 
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*//* ------------------------------ RESET ------------------------------ */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, 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: inherit;
	vertical-align: baseline;
	outline:none;
	font-size:100%;
    box-sizing: border-box;
    
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
table {border-collapse: collapse;border-spacing: 0;}

/* ------------------------------ END RESET ------------------------------ */

/* ------------------------------ GLOBAL ------------------------------ */

body {
    font-family: 'Arial';
    font-weight: normal;
    font-style: normal;
    font-size:1rem;
	line-height:1.35;
	margin:0;
	max-width:100%;
	-webkit-text-size-adjust: none;
	position:relative;
    color:#13235b;    
    overflow-x: hidden;
}
img {max-width:100%;height:auto;max-height:100%;width:auto;}
a img {border:0;}

a {}
a:hover {}

strong {font-weight:700;}

.no_margin {margin: 0;}

.clear {clear:both;}

.gauche {float:left;width:50%;}
.droite {float:right;width:50%;}

.container {position: relative;width:1200px;margin:0 auto;padding:0 15px;}

.bleu {color:#007ac1;}
.orange, .orange .date_post {color:#e9600f;}
.vert, a {color:#86b918;}
.rose {color:#e72557;}

h2.bleu {background-color:#007ac1;}
h1.orange, h2.orange {background-color:#e9600f;}
h2.vert {background-color:#86b918;}
h2.rose {background-color:#e72557;}

hr {height:1px;background:#13235b;border:0;margin:25px 0;}

/* ------------------------------ HEADER ------------------------------ */

.logo_irsam {float:left;width:170px;height:auto;margin:20px 0 10px 0;}

.header_right {margin-left:170px;}

#recherche {clear:right;display: none;text-align: right;padding:15px 0;margin-left:170px;}

.baseline {clear:right;text-align:  right;font-family: 'Bebas Neue', cursive;font-size:1.5rem;text-transform: uppercase;font-weight: normal;margin:0 0 20px 170px;}
.boutons {}

.bouton {float:right;width:92px;margin:20px 0 10px 0;text-align: center;font-size: 0.8rem;line-height: 0.8rem;}
.bouton .fa-stack {
    display: block;
    margin: 0 auto 10px auto;
    font-size: 1.8rem; 
}
.accessibilite, .recherche {cursor: pointer;}

header .logo_irsam {margin:15px 0 0 0;}

header nav {
    background-color:#13235b;
    text-transform: uppercase;
}
header nav ul {list-style-type: none;padding:0;margin:0;display: flex;position: relative;}
header nav ul li ul {display: none;}
header nav li:hover .sub-menu {display: block;}
header nav li {flex:1;position: relative;}
header nav li li a {padding:8px 12px 5px 12px;}
header nav a, #open_menu {font-family: 'Bebas Neue', cursive;font-size:1.2rem;color:#FFF;text-decoration: none;display: block;padding:8px 2px 5px 2px;text-align: center;cursor: pointer;}
header li a:hover, header li.current-menu-item > a, header li.current-menu-ancestor > a, header li.current-category-ancestor > a, header li.current-post-ancestor >a, header li.current-post-parent >a, .expertise-template-default .menu-item-58, .structure-template-default .menu-item-57 {background-color:#007ac1;}   

header .sub-menu {
	display: none;
	position: absolute;
    background-color:#13235b;
	top:38px;
	left:0;
    z-index:1000;
    min-width:180px;
}
header .sub-menu a {text-align: left;}

#burger {position: absolute;right:15px;top:9px;}

.widget_nav_menu .menu, .sous_menu {margin:0 0 25px 0;padding:0;list-style-type: none;}
.widget_nav_menu .menu li,.sous_menu li {padding:8px 12px 5px 12px;text-align: left;background-color:#13235b;margin-bottom:1px;}
.widget_nav_menu .menu li a,.sous_menu li a {font-family: 'Bebas Neue', cursive;font-size:1.2rem;color:#FFF;text-decoration: none;text-transform: uppercase;display: block;}
.widget_nav_menu .menu li:hover,.sous_menu li:hover {background-color:#007ac1;}
.widget_nav_menu .menu li.current-menu-item, .sous_menu li.current-menu-item  {background-color:#86b918;}

.img_structure {height:250px;background-color: #cfd1d2;background-size: cover;background-position: center;}

/* ------------------------------ BLOG ------------------------------ */

.img_header {background-size: cover;background-position: center;}
.blog-name {
    text-transform: uppercase;
    color: #ffffff;
    font-family: 'Bebas Neue', cursive;
    line-height: 1;
    padding: 50px 15px; 
    font-size:3.5rem;
    font-weight: bold;
}
.blog-name span {
    display: block;
    text-align: right;
}
.blog-name span:nth-child(3) { 
    font-size:1.5rem;
    font-family: 'Arial';
    font-weight: normal;
}

/* ------------------------------ CONTENT ------------------------------ */

.content {margin-top:30px;}

.un_quart {float:left;width:25%;}
.trois_quarts {float:left;width:75%;}

h1, h2, h3, h4, h5, .vc_tta-tab a {font-family: 'Bebas Neue', cursive;font-weight: normal;}

h1, h2, .vc_tta-tab > a {font-size:1.2rem;color:#FFF !important;text-transform: uppercase;padding:8px 12px 5px 12px;text-align: left;background-color:#86b918;margin:0 0 35px 0;}

h2 {margin: 35px 0 20px 0;}
h3 {font-size:1.3rem;font-weight:bold;margin:30px 0 0 0;}

h3.titre_sous_menu:first-child {margin-top:0;}
h3.titre_sous_menu {padding:8px 12px 5px 12px;background-color:#cfd1d2;}
h3.titre_sous_menu a {text-decoration: none;color:#13235b;display: block;}

.vc_tta-tab > a {margin:0;background-color:#13235b !important;color:#FFF !important;padding:8px 12px 5px 12px !important;}
.vc_active > a {background-color:#007ac1 !important;}

/* ------------------------------ HOMEPAGE ------------------------------ */
.fa-stack {
    display: block;
    margin: 0 auto;
    font-size: 3em; 
}

.btn, .nav-links a, .nav-links .current, .nav_actu a {font-family: 'Bebas Neue', cursive;font-size:1.2rem;color:#FFF;text-decoration: none;text-transform: uppercase;padding:8px 12px 5px 12px;text-align: center;background-color:#13235b;cursor: pointer;}
.nav-links a, .nav-links .current, .nav_actu a {margin: 0 0 10px 0;display: inline-block;}

.nav-links {text-align: center;margin:35px 0;}
.nav_actu {margin:35px 0;}
.nav-links .current {background-color:#007ac1;cursor: default;}
.pagination h2 {display: none;}

.btn:hover, .nav-links a:hover {background-color:#007ac1;}   

.btn.orange {background: #e9600f;display: block;}
.btn i {padding-left:5px;}

.wpcu_block_title {display: none;}
.insideframe .insideframe {padding:0 15px;}
.insideframe .title {font-family: 'Bebas Neue', cursive;font-size:1.3rem !important;font-weight:normal;margin:10px 0 5px 0;}
.insideframe .date {font-size: 0.9rem !important;color:#13235b !important;}
.insideframe li:nth-child(odd) .title {color:#007ac1;}
.insideframe li:nth-child(even) .title {color:#e9600f;}
.wplp_container .flex-control-paging li a {
    width: 20px;
    height: 20px;
}
.wplp_container .flex-control-paging li a {background: #13235b;}
.wplp_container .flex-control-paging li a.flex-active {background: #007ac1;}

/* ------------------------------ SUITE ------------------------------ */

.actualites {display: flex;flex-wrap: wrap; margin:0 -15px;}

.actualite {width:50%;padding:0 15px 85px 15px;position: relative;}

.actualite h3 {margin:20px 0 0 0;}

.right {text-align: right !important;}

.actualite .right {position: absolute;right:15px;bottom:30px}

p {margin:15px 0;text-align: justify;}

.justify {text-align: justify;}

.galerie div {float:left;width:24%;padding:5px;margin:0.5%;}
.galerie img:hover {opacity: 0.8;}

/* ------------------------------  OFFRES -----------------------------*/

.date_post {font-size:0.9rem;color:#86b918;}
.resume {margin-top: 10px;text-align: justify;}


/* ------------------------------  FOOTER -----------------------------*/
.pre_footer {margin:80px auto 10px auto;}

.logo_irsam_footer {float:left;width:150px;height:auto;}
.pre_footer .baseline {float:right;text-align: right;font-family: 'Bebas Neue', cursive;font-size:1.5rem;text-transform: uppercase;font-weight: normal;width:calc(100% - 150px);margin:2px 0 0 0;}

footer {background-color:#13235b;color:#FFF;padding:20px 0;}

footer ul {margin:0;padding:0 0 0 10px;list-style-type: none;border-left:1px solid #FFF;}
footer li {margin-bottom: 5px;}
footer a {color:#FFF;text-decoration: none;}

footer .container {display: flex;flex-wrap: wrap;}
.col_4 {width:25%;padding:0 10px 0 0;}

/* ------------------------------  FORMS -----------------------------*/
#searchform label {display: none;}
#searchform input {width:auto;display: inline-block;margin:0 2px;padding:8px 10px;border-radius: 0;}
#searchform input[type=submit] {font-size:0.9rem;border-radius: 0;}

.form-style-contact, .form-style-candidature {
    display: table;
    margin: 0 auto;
    width: 85%;
}
.form-style-contact > div, .form-style-candidature > div {
    margin-bottom: 15px;
}
label {
    padding-right: 30px;
    text-align: right;
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}
.select-style {
    background: #fff url(img/form-select.jpg) no-repeat scroll 100% 50%/39px 39px;
    border: solid 1px #13235b;
    margin: 0 0 0 -3px;
    overflow: hidden;
    padding: 0;
    width: 55%;
    display: inline-block;
}
input[type="text"], input[type="email"],  select {
    width: 55%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: solid 1px #13235b;
    border-radius: 0;
    display: inline-block;
    outline: 0 none;
    padding: 8px 10px;
    font-family: 'Arial';
    font-size:1rem; 
    color:#13235b;
}
.select-style select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    padding: 8px 10px;
    width: 100%;
    line-height: 15px;
}
.fld-etablissement p, .fld-sujet p {display: inline-block;}

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: solid 1px #13235b;
    border-radius: 0;
    display: inline-block;
    outline: 0 none;
    padding: 8px 10px;
    width: 55%;
    margin: 0;
    font-family: 'Arial';
    font-size:1rem; 
    color:#13235b;
}
.form-style-contact .wpcf7-submit, .form-style-candidature .wpcf7-submit, input[type=submit] {
    display: block;
    font-size: 1rem;
    margin: 0 auto 0 30%;
    padding: 8px 0;
    text-transform: uppercase;
    width: 55%;
    color:#FFF;
    background: #13235b;
    border: solid 1px #13235b;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
}
/* ------------------------------  RESPONSIVE -----------------------------*/
@media (max-width: 1200px) {
    .container {width:100%;}
}
@media (min-width: 769px) {
    .mobile {display: none !important;}
}
@media (max-width: 768px) {
    .desktop, .menu_container, .titre_legende, .legende {display: none;}
    
    header .logo_irsam {width:140px;margin:10px 0 10px 0;}
    .header_right {margin-left:140px;}
    header .baseline {clear:both;margin:15px 0;text-align: center;}
    
    .bouton {margin: 28px 30px 10px 0;}
    #recherche {clear:both;margin:0;text-align: center;}
    
    nav .container {padding: 0;} 
    header nav ul {display: block;}
    header nav ul li {display: block;border-top:1px solid #FFF;}
    header nav ul.sub-menu {background: #cfd1d2;position: relative;	top:auto;width:100%;display: none;}
    header nav li:hover .sub-menu {display: none;}
    header .sub-menu a {text-align: center;color:#13235b;font-size:1rem;}

    .blog-name {
        padding: 25px 15px; 
        font-size:2.5rem;
    }
    .blog-name span:nth-child(3) { 
        font-size:1rem;
    }


    .structure, .actualite, .expertise {width:100%;}

    .wpb-js-composer .vc_tta.vc_tta-tabs .vc_tta-tabs-container {display: block !important;}
    .vc_tta-panel-heading {display: none;}
    .wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tab {margin:0 !important;width: 100% !important;}
    .wpb-js-composer .vc_tta.vc_tta-spacing-1 .vc_tta-tabs-list {margin: 0 !important;}
    .wpb-js-composer .vc_tta.vc_tta-style-classic .vc_tta-tab > a {border-width: 1px 0 0 0 !important;}
    
    .pre_footer {margin:50px auto 10px auto;}
    footer {font-size:0.9rem;}
    .logo_irsam_footer {width:120px;}
    .pre_footer .baseline {font-size:1.3rem;width:calc(100% - 120px);margin:0;}

    .col_4 {width:50%;}
    
    .container_4_col .partenaire {width:33%;}

}
@media (max-width: 480px) {
    .container_4_col .partenaire {width:50%;}
}