@charset "utf-8";
@import url(reset.css);

html{
    background:#e2e2e2;
}

section#publi_gene_2801{
    position: relative;
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color:#4D4D4C;
    font-size: 1em;
    background: #fff;
}
    section#publi_gene_2801 .hidden-xs{
        display:none;
    }
    section#publi_gene_2801 *{
        -moz-transition: all 0.2s ease 0s;
        -webkit-transition: all 0.2s ease 0s;
        -o-transition: all 0.2s ease 0s;
        transition: all 0.2s ease 0s;
    }
    section#publi_gene_2801 h3{
        font-family: 'Roboto Slab', serif;
    }
    section#publi_gene_2801 p{
        font-family: 'Roboto Slab', serif;
    }
    section#publi_gene_2801 a{
        text-decoration:none;
    }
    section#publi_gene_2801 header{
        float:left;
        position: relative;
        width: 100%;
        height: 833px;
        text-align:center;
        background:url("../img/img1.jpg") no-repeat;
        -webkit-background-size: cover; /* pour anciens Chrome et Safari */
        background-size: cover;
        background-position:center center;
    }
        section#publi_gene_2801 header h1{
            padding-top:20px;
        }
        section#publi_gene_2801 header h2{
            float:left;
            width:100%;
            padding-top:185px;
            padding-left:870px;
            padding-right:270px;
            color:#1d1d1b;
            font-weight:700;
            font-size:60px;
            font-family: 'Roboto Slab', serif;
            text-decoration:none;
            text-align:left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
            section#publi_gene_2801 header h2 span{
                color:#ca082e;
            }
        section#publi_gene_2801 header div{
            float:left;
            width:100%;
            padding-top:40px;
            padding-left:870px;
            text-align:left;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
            section#publi_gene_2801 header div a{
                margin-right:8px;
            }
    section#publi_gene_2801 article.article1{
        float:left;
        position: relative;
        width: 100%;
        padding-top:50px;
        padding-bottom:50px;
        text-align:center;
        background:#fff;
    }
        section#publi_gene_2801 article.article1 p{
            display:inline-block;
            width: 100%;
            text-align:center;
            font-size:24px;
            font-weight:600;
            line-height:30px;
            color:#4d4d4c;
            padding-left:300px;
            padding-right:300px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
    section#publi_gene_2801 article.article2{
        float:left;
        position: relative;
        width: 100%;
    }
        section#publi_gene_2801 article.article2 ul{
            float:left;
            position: relative;
            width: 100%;
        }
            section#publi_gene_2801 article.article2 ul li{
                float:left;
                width:24%;
                background:#ca082e;
            }
            section#publi_gene_2801 article.article2 ul li.tel1,
            section#publi_gene_2801 article.article2 ul li.tel4{
                width:26%;
            }
                section#publi_gene_2801 article.article2 ul li div{
                    float:left;
                    width:100%;
                    text-align:center;
                }
                    section#publi_gene_2801 article.article2 ul li .image{
                        float:left;
                        width:100%;
                        text-align:center;
                        background:#fff;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                    }
                        section#publi_gene_2801 article.article2 ul li .image img{
                            display:inline-block;
                            vertical-align:bottom;
                            height:300px;
                            width:auto;
                        }
                        section#publi_gene_2801 article.article2 ul li.tel1 .image img{
                            padding-left:10%;
                        }
                        section#publi_gene_2801 article.article2 ul li.tel4 .image img{
                            padding-right:10%;
                        }
                    section#publi_gene_2801 article.article2 ul li .texte{
                        float:left;
                        width:100%;
                        height:215px;
                        padding-top:56px;
                        color:#fff;
                        font-size:22px;
                        font-weight:400;
                        text-align:center;
                        line-height:24px;
                        font-family: 'Roboto Slab', serif;
                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;
                    }
                        section#publi_gene_2801 article.article2 ul li.tel1 .texte{
                            padding-left:10%;
                        }
                        section#publi_gene_2801 article.article2 ul li.tel4 .texte{
                            padding-right:10%;
                        }
                        section#publi_gene_2801 article.article2 ul li .texte em{
                            font-size:14px;
                        }
    
    section#publi_gene_2801 article.article3{
        float:left;
        position: relative;
        width: 100%;
        padding-top:30px;
        padding-bottom:30px;
        padding-left:50px;
        padding-right:50px;
        text-align:center;
        background:#f1f1f1;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        section#publi_gene_2801 article.article3 h3{
            display:inline-block;
            width: 100%;
            text-align:center;
            font-size:24px;
            font-weight:600;
            line-height:30px;
            color:#000000;
            text-transform:uppercase;
        }
        section#publi_gene_2801 article.article3 p{
            display:inline-block;
            width: 100%;
            padding-bottom:30px;
            text-align:center;
            font-size:24px;
            font-weight:400;
            line-height:30px;
            color:#000000;
        }
            section#publi_gene_2801 article.article3 p strong{
                font-weight:600;
            }
    
    section#publi_gene_2801 footer{
        float:left;
        position: relative;
        width: 100%;
        padding-top:50px;
        padding-bottom:50px;
        padding-left:50px;
        padding-right:50px;
        text-align:center;
        background:#fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
        section#publi_gene_2801 footer h3{
            display:inline-block;
            width: 100%;
            padding-bottom:30px;
            text-align:center;
            font-size:24px;
            font-weight:600;
            line-height:30px;
            color:#ca082e;
            text-transform:uppercase;
        }
        section#publi_gene_2801 footer p{
            display:inline-block;
            width: 100%;
            padding-bottom:30px;
            text-align:center;
            font-size:24px;
            font-weight:400;
            line-height:30px;
            color:#000000;
        }
            section#publi_gene_2801 footer p strong{
                font-weight:600;
            }
        section#publi_gene_2801 footer a.bouton{
            display:inline-block;
            padding:20px;
            font-size:24px;
            font-weight:600;
            font-family: 'Roboto Slab', serif;
            color:#fff;
            background:#ca082e;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
    
/*responsive*/
@media (max-width: 1620px){ 
section#publi_gene_2801{
    width: 1200px;
}
    section#publi_gene_2801 header{
        height: 638px;
    }
        section#publi_gene_2801 header h1{
            padding-top:19px;
        }
        section#publi_gene_2801 header h2{
            padding-top:110px;
            padding-left:657px;
            padding-right:120px;
            font-size:55px;
        }
        section#publi_gene_2801 header div{
            padding-left:657px;
        }
            section#publi_gene_2801 header div img{
                height:63px;
                width:auto;
            }
    section#publi_gene_2801 article.article1{
        padding-top:30px;
        padding-bottom:20px;
    }
        section#publi_gene_2801 article.article1 p{
            font-size:22px;
            line-height:30px;
            padding-left:150px;
            padding-right:150px;
        }
}


@media (max-width: 1220px){ 
section#publi_gene_2801{
    width: 1024px;
}
    section#publi_gene_2801 header{
        height: 602px;
    }
        section#publi_gene_2801 header h1{
            padding-top:19px;
        }
        section#publi_gene_2801 header h2{
            padding-top:130px;
            padding-left:550px;
            padding-right:80px;
            font-size:50px;
        }
        section#publi_gene_2801 header div{
            padding-left:550px;
        }
            section#publi_gene_2801 header div img{
                height:63px;
                width:auto;
            }
    section#publi_gene_2801 article.article1{
        padding-top:30px;
        padding-bottom:20px;
    }
        section#publi_gene_2801 article.article1 p{
            font-size:20px;
            line-height:26px;
            padding-left:100px;
            padding-right:100px;
        }

                        section#publi_gene_2801 article.article2 ul li .image img{
                            height:260px;
                            width:auto;
                        }
                    section#publi_gene_2801 article.article2 ul li .texte{
                        height:150px;
                        padding-top:36px;
                        font-size:18px;
                        line-height:22px;
                    }
                        section#publi_gene_2801 article.article2 ul li .texte em{
                            font-size:12px;
                        }
}



@media (max-width: 1044px){ 
section#publi_gene_2801{
    width: 768px;
}
    section#publi_gene_2801 header{
        height: 530px;
    }
        section#publi_gene_2801 header h1{
            padding-top:19px;
        }
        section#publi_gene_2801 header h2{
            padding-top:100px;
            padding-left:405px;
            padding-right:20px;
            font-size:44px;
        }
        section#publi_gene_2801 header div{
            padding-left:405px;
        }
            section#publi_gene_2801 header div img{
                height:50px;
                width:auto;
            }
        section#publi_gene_2801 article.article1 p{
            font-size:16px;
            line-height:24px;
            padding-left:50px;
            padding-right:50px;
        }

                        section#publi_gene_2801 article.article2 ul li .image img{
                            height:200px;
                            width:auto;
                        }
                    section#publi_gene_2801 article.article2 ul li .texte{
                        height:150px;
                        padding-top:36px;
                        font-size:16px;
                        line-height:18px;
                    }

}



@media (max-width: 788px){ 
html{
    overflow-x:hidden;
}
section#publi_gene_2801{
    width: 320px;
}
    section#publi_gene_2801 .hidden-xs{
        display:inline;
    }
    section#publi_gene_2801 .hidden-sm{
        display:none;
    }   
    section#publi_gene_2801 header{
        height: 330px;
        background:url("../img/img1_mobile.jpg") no-repeat;
    }
        section#publi_gene_2801 header h1{
            padding-top:10px;
        }
            section#publi_gene_2801 header h1 img{
                height:50px;
                width:auto;
            }
        section#publi_gene_2801 header h2{
            padding-top:20px;
            padding-left:160px;
            font-size:22px;
        }
        section#publi_gene_2801 header div{
            padding-top:30px;
            padding-left:160px;
        }
            section#publi_gene_2801 header div a{
                margin-right:2px;
            }
            section#publi_gene_2801 header div img{
                height:45px;
                width:auto;
            }
    section#publi_gene_2801 article.article1{
        padding-top:30px;
        padding-bottom:20px;
    }
        section#publi_gene_2801 article.article1 p{
            width:280px;
            font-size:16px;
            line-height:22px;
            text-align:center;
            padding-left:10px;
            padding-right:10px;
        }
        
            section#publi_gene_2801 article.article2 ul li{
                width:100%;
            }
            section#publi_gene_2801 article.article2 ul li.tel1,
            section#publi_gene_2801 article.article2 ul li.tel4{
                width:100%;
            }
                    section#publi_gene_2801 article.article2 ul li .image{
                        padding-top:20px;
                    }
                        section#publi_gene_2801 article.article2 ul li .image img{
                            height:250px;
                            width:auto;
                        }
                        section#publi_gene_2801 article.article2 ul li.tel1 .image img{
                            padding-left:0;
                        }
                        section#publi_gene_2801 article.article2 ul li.tel4 .image img{
                            padding-right:0;
                        }
                    section#publi_gene_2801 article.article2 ul li .texte{
                        height:140px;
                        padding-top:30px;
                        font-size:22px;
                        line-height:24px;
                    }
                        section#publi_gene_2801 article.article2 ul li.tel1 .texte{
                            padding-top:45px;
                            padding-left:0;
                        }
                        section#publi_gene_2801 article.article2 ul li.tel4 .texte{
                            padding-right:0;
                        }
                        section#publi_gene_2801 article.article2 ul li .texte em{
                            font-size:14px;
                        }
        section#publi_gene_2801 article.article3 h3{
            font-size:20px;
            line-height:22px;
        }
        section#publi_gene_2801 article.article3 p{
            font-size:18px;
            line-height:22px;
        }

        section#publi_gene_2801 footer h3{
            font-size:20px;
            line-height:22px;
        }
        section#publi_gene_2801 footer p{
            font-size:18px;
            line-height:20px;
        }
        section#publi_gene_2801 footer a.bouton{
            padding:15px;
            font-size:20px;
        }
}