/*
	Theme Name: Ouest Conseils
	Theme URI: https://alencrebleue.com
	Description: Ouest Conseils
	Version: CSS/ACCUEIL
	Author: Al'Encre bleue
	Author URI: https://alencrebleue.com

*/

/*------------------------------------*\
    DÉBUT DE PERSONNALISATION ACCUEIL
\*------------------------------------*/
/* DIFF2RENCIATION HEADER PAGE INTERNE */
.nivo2 {
    background-image:url(https://www.fileogroupe.coop/wp-content/themes/fileo-groupe/img/bandeau-header.jpg);
	background-size: cover;
}
/* FIN */
.intro-page{
    padding: 0 0 2.5em;
}
.header-titre{
    text-align: center;
    font-size: 48px;
    font-weight: 300;
    text-transform: uppercase;
    color: #545454;
    margin-top: 0.5em;
}
#breadcrumbs{
    margin-top:0.5em;
}
#breadcrumbs a, .breadcrumb_last, #breadcrumbs > span > span, #breadcrumbs > span > span > span{
    color: #B0B0AC;
}
.fg-section1, .fg-section3{
    background: #F1F1F1;
}
.fg-section2{
    background: #FFF;
}
.content-fg{
    padding: 2em 0 1em;
}
.fg-section2 > .content-fg{
    padding: 3em 0;
}
.fg-section3 > .content-fg{
    padding: 3em 0 1em;
}
/* MENTION LEGALE*/
.intro-mention {
	padding:2em 0 0;
}
.contenu-mention{
	padding:0 0 3em;
}
#page-legroupe > div.fg-section1 > div > div > div.contenu-mention > p > strong{
	font-size:1.2em;
}
#page-legroupe > div.fg-section1 > div > div > div.contenu-mention > h3{
	margin-top:1.5em;
}
#page-legroupe > div.fg-section1 > div > div > div.contenu-mention > ul > li {
    font-size: 1em;
    line-height: 1.4em;
    list-style: disc;
    margin-left: 1.5em;
}
/* FIN MENTIONS L2GALES*/
.h2 > a {
    color: #01AEBC;
    text-transform: uppercase;
}
/* BOUTON */
.but{
    display:flex;
}
.but a{
    background: #01AEBC;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    padding: 0.75em 1em 0.5em;
    align-self: flex-end;
	box-shadow: 0 0.8px 4px 0 rgba(0,0,0,.2);
}
.but a:hover{
	background: #444;
	color:#fff;
	transition:0.3s;
}
/* FIN BOUTON */
p {
	margin:0.5em 0;
}
.row div ul {
    align-self: center;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:432px) {

}
@media only screen and (min-width:480px) {
}
@media only screen and (min-width:600px) {
}
@media only screen and (min-width:720px) {
}
@media only screen and (min-width:768px) {

}
@media screen and (min-width: 481px) and (max-width: 991px) {
}
@media only screen and (min-width: 1025px){ 
#breadcrumbs{
	font-size: 1em;
}	
}	
@media screen and (min-width: 1024px) and (max-width:1040px) {
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
}
@media screen and (min-width: 1200px) and (max-width: 1279px) {
}
@media only screen and (min-width:1200px) {
}
@media only screen and (min-width:1366px) {
}
@media only screen and (min-width:1440px) {
}
@media only screen and (min-width:1500px) {
}
@media only screen and (min-width:1680px) {
}
@media only screen and (min-width:1920px) {
}
@media only screen and (min-width:2560px) {
}
@media only screen and (max-width:1680px) {
}
@media only screen and (max-width:1500px) {
}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1366px) {
}
@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width: 1140px) {
}
@media only screen and (max-width: 1024px) {
#breadcrumbs {
    font-size: 0.85em;
}
}
@media only screen and (max-width:992px) {
}
@media only screen and (max-width:800px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:720px) {
}
@media only screen and (max-width:600px) {
}
@media only screen and (max-width:480px) {
#breadcrumbs{
    font-size: 12px;
    width: 90%;
    margin: auto;
    margin-top: 0.5em;
}
.intro-page{
    padding: 0 0 1em;
}
.header-titre{
    font-size: 36px;
}
.content-fg {
    padding: 1.5em;
}
}
@media only screen and (max-width:432px) {
}
@media only screen and (max-width:414px) {
}
@media only screen and (max-width:411px) {
}
@media only screen and (max-width:384px) {
}
@media only screen and (max-width:375px) {
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}
@media only screen and (min-width:1800px) {
}
@media only screen and (min-width:2000px) {
}