@charset "utf-8";

.hauteur_simple {
height: 200px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
transition: all 0.3s ease-in-out;
}

.hauteur_mini {
height: 100px;
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
transition: all 0.3s ease-in-out;
}

.hauteur_simple15 {
height: 320px;
}

.hauteur_double {
height: 700px;
}

.hauteur_auto {
height: auto;
padding-bottom: 40px;
}


.bloc .innerfloat {
float: left;
width: 25%;
}

.bloc .innerfloat50 {
float: left;
width: 50%;
}

.bloc p span.fontello {
font-family: Fontello;
margin: 0 5px 0 10px;
}

.bloc {
display: block;
float: left;
margin-right: 30px;
margin-bottom: 30px;
padding: 10px;

-webkit-border-radius: 4px;
        border-radius: 4px;

box-sizing: border-box;

background-color: #ffffff;
border-radius: 3px;
transition: all 0.3s ease-in-out;
}



.bloc:last-child {
margin-right: 0;
}

.bloc:hover {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33) !important;
transition: all 0.3s ease-in-out;
}







.bloc_1_3 { width: calc(33.33% - 20px); }
.bloc_2_3 { width: calc(66.66% - 10px); }

.bloc_full {
width: 100%;
margin-right: 0;
}


.bloc_noir {
background: rgba(0, 0, 0, 0.3);
}

.bloc_bleu {
background: #4d69a5;
}


.bloc .bigpicto {
float: left;
height: 5rem;
width: 5rem;
margin-right: 1.5rem;
font-family: Fontello;
text-align: center;
font-size: 2.1rem;
line-height: 5rem;
background: rgba(0, 0, 0, .2);
border-radius: 100%;
}

.bloc hr, .grille hr {
width: 100%;
height: 1px;
margin: 0 0 20px 0;
background: #dee2e6;
border: 0;
}

.bloc h1, .grille h1 {
margin: 0;
color: #3a405b;
font-size: 1.2em;
font-weight: 600;
line-height: 2em;
font-family: Poppins, sans-serif;
}

.bloc h1::after, .grille h1::after {
display: block;
height: 0.5em;
content: '';
border-top: 1px solid #dee2e6;
}

.bloc h2, .bloc h3, .grille h2, .grille h3 {
margin: 0;
color: #3a405b;
font-size: 1.6em;
font-weight: 300;
line-height: 2em;
font-family: Poppins, sans-serif;
}

.bloc h2::after, .bloc h3::after, .grille h2::after, .grille h3::after {
display: block;
height: 0.5em;
content: '';
border-top: 1px solid #dee2e6;
}

.bloc h2 span, .grille h2 span {
font-family: Fontello;
margin: 0 0.5em 0 0;
}

.bloc h2 span.tendance, .grille h2 span.tendance {
margin: 0 0 0 0.5em;
}

.bloc p, .bloc ul li, .grille p, .grille ul li {
font-family: Poppins, sans-serif;
font-size: 1.1em;
font-weight: 400;
line-height: 1.7em;
color: #3a405b;
margin: 0.25em 0;
}


/* GRILLES */
.grille {
display: grid;
grid-auto-rows: auto;
column-gap: 2em;
row-gap: 2em;
margin-bottom: 2em;
font-family: Poppins, sans-serif;
font-size: 1.1em;
}

.grille21 {
/*grid-column: span 2;*/
grid-template-columns: 2fr 1fr;
}

.grille div {
padding: 1em;
-webkit-border-radius: 4px;
        border-radius: 4px;
background-color: #ffffff;
transition: all 0.3s ease-in-out;
}

.grille > div:hover {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.33) !important;
transition: all 0.3s ease-in-out;
}




.plus {
color: #d00 !important;
}


#blocgerma {
background: url('../images/illustration1p.jpg') 50% 50% no-repeat;
background-size: cover;
}

#contlogo {
width: 70%;
margin: auto;
margin-top: 5%;
}

#contlogo #logo2 {
float: left;
width: 25%;
}

#contlogo img {
width: 70%;
}

#contlogo h1 {
float: left;
width: 75%;
margin: 0;
text-align: center;
font-family: Poppins, sans-serif;
line-height: 1.5em;
font-weight: 400;
font-size: 2em;
color: rgba(40, 40, 40, 0.7);
}

#contlogo h1::after {
display: none;
}

table {
border-collapse: collapse;
width: 100%;
font-family: Poppins, sans-serif;
font-size: 1em;
}

table tr {
}

table tr td, table tr th {
padding: 0.5em 0 0.5em 1em;
border-right: 1px solid #aaa;
margin-bottom: 2em;
text-align: left;
}

table tr td input[type="text"] {
width: 50%;
padding: 0.2em 0.5em;
}

table tr td:last-child, table tr th:last-child {
border-right: none;
}

table tr:nth-child(2n) {
background-color: #fff;
}

table tr:nth-child(2n+1) {
background-color: #eee;
}


#offre > div:first-child {
float: left;
width: calc(30% - 1em);
height: 250px;
margin-right: 1em;
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
}

#offre > div:last-child {
float: right;
width: 70%;
}