body#accueil .expos_en_ligne img, body#accueil #decouvrez_la_ville img, .espace_enseignants img, #images_en_ligne img, #aide_aux_genealogistes img { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }

body#accueil #colonne1, body#accueil #central, body#accueil .filrouge, body#accueil .titre_page { display: none; }
body#accueil #conteneur { padding-top: 85px; }
body#accueil #colonne2 { min-height: 1640px; padding-top: 0; display: flex; flex-wrap: wrap; }
body#accueil .expos_en_ligne { width: 290px; margin-right: 40px; padding-top: 35px; background-image: url(../images/accueil/filet_gauche.gif); background-position: 42px bottom; padding-bottom: 15px; margin-bottom: 20px; }
body#accueil .expos_en_ligne h1 { margin: 0; }
body#accueil .expos_en_ligne h1 a { background-image: url(../images/accueil/expos_en_ligne.png); background-position: 42px 0; height: 44px; display: block; margin-bottom: 10px; }
body#accueil .expos_en_ligne h1 span { display: none; }
body#accueil .expos_en_ligne .navigation { display: none; }
body#accueil .expos_en_ligne img { width: 290px; box-shadow: 2px 2px 4px rgba(107, 123, 143, 0.44); -webkit-box-shadow: 2px 2px 4px rgba(107, 123, 143, 0.44); }
body#accueil .expos_en_ligne img:hover { opacity: 0.7; }
body#accueil .expos_en_ligne h2 { color: #004d9d; font-size: 15px; margin-bottom: 4px; }
body#accueil .expos_en_ligne h3 { color: #536375; font-size: 12px; line-height: 16px; font-weight: normal; margin-top: 0px; }
body#accueil .expos_en_ligne .filet_invisible { display: none; }
body#accueil .actualites_accueil { flex: 1; float: right; display: inline-block; margin-bottom: 30px; }
body#accueil .actualites_accueil h1 { position: absolute; margin-left: 210px; margin-top: 240px; font-family: 'Oswald'; font-size: 12px; text-transform: uppercase; text-align: center; z-index: 10; }
body#accueil .actualites_accueil h1 a { color: #94a0ad; display: block; background-image: url(../images/accueil/cartouche_actus.png); height: 84px; width: 216px; }
body#accueil .actualites_accueil h1 a:hover { text-decoration: none; color: #455C74; opacity: 0.7; }
body#accueil .actualites_accueil h1 span { padding-top: 35px; display: block; }
body#accueil #pagerSlide, body#accueil .navigation span { display: none; }
body#accueil #prev2, body#accueil #next2 { position: absolute; display: block; width: 34px; height: 35px; background-image: url(../images/accueil/actu_precedente.png); z-index: 101; margin-top: 300px; margin-left: 70px; }
body#accueil #next2 { background-image: url(../images/accueil/actu_suivante.png); margin-left: 550px; }
body#accueil .navigation a:hover { opacity: 0.4; }
body#accueil .actualites_accueil #slider_cycle_1, body#accueil .actualites_accueil .slider_cycle_slide { width: 650px; }
body#accueil .actualites_accueil img { height: 395px; width: 650px; }
body#accueil .actualites_accueil .textes_slider { position: absolute; background-image: url(../images/accueil/fond_actu.png); text-align: center; margin-top: -160px; width: 650px; z-index: 20; height: 157px; padding-top: 55px; padding-left: 100px; padding-right: 100px; }
body#accueil .actualites_accueil h2 { font-size: 22px; margin-bottom: 4px; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); }
body#accueil .actualites_accueil h2 a { color: #FFFFFF; }
body#accueil .actualites_accueil h3 { color: #FFFFFF; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); font-size: 13px; margin-top: 5px; font-weight: bold; }
body#accueil .actualites_accueil p { color: #7C7A71; }
body#accueil #article_bloc_3 { width: 290px; margin-right: 40px; }
body#accueil #decouvrez_la_ville { background-image: url(../images/accueil/filet_gauche.gif); background-position: 42px bottom; padding-bottom: 25px; margin-bottom: 20px; }
body#accueil #decouvrez_la_ville a { background-image: url(../images/accueil/decouvrez_la_ville.png); background-position: 42px 0; padding-top: 65px; display: block; }
body#accueil #decouvrez_la_ville img { width: 290px; box-shadow: 2px 2px 4px rgba(107, 123, 143, 0.44); -webkit-box-shadow: 2px 2px 4px rgba(107, 123, 143, 0.44); }
body#accueil #decouvrez_la_ville a:hover > img { opacity: 0.7; }
body#accueil .archives_en_ligne { flex: 1; background-image: url(../images/accueil/fond_archives_en_ligne.png); padding: 50px 30px 10px; margin-bottom: 30px; }
body#accueil .archives_en_ligne .liste_resume { margin: 0; }
body#accueil .archives_en_ligne .liste_resume .affichage_liste_entree { padding-bottom: 30px; }

.espace_enseignants { padding-left: 30px; padding-right: 30px; flex: 1; margin-left: 330px; }
.espace_enseignants img { width: 280px; float: left; margin-right: 30px; box-shadow: 2px 2px 4px rgba(107, 123, 143, 0.44); -webkit-box-shadow: 2px 2px 4px rgba(107, 123, 143, 0.44); }
.espace_enseignants a:hover > img { opacity: 0.7; }
.espace_enseignants h2 { background-position: 310px 0; background-image: url(../images/accueil/espace_enseignants.gif); color: #004d9d; padding-top: 50px; font-size: 17px; margin-bottom: 5px; }
.espace_enseignants p { text-align: left; color: #536375; font-size: 12px; line-height: 16px; }

#images_en_ligne { background-image: url(../images/accueil/filet_gauche.gif); background-position: 42px bottom; padding-bottom: 25px; margin-bottom: 20px; }

#images_en_ligne a { background-image: url(../images/accueil/images_en_ligne.png); background-position: 42px 0; padding-top: 60px; display: block; }

#images_en_ligne img { width: 290px; box-shadow: 2px 2px 4px rgba(107, 123, 143, 0.44); -webkit-box-shadow: 2px 2px 4px rgba(107, 123, 143, 0.44); }

#images_en_ligne a:hover > img { opacity: 0.7; }

#moteur_collections { background-image: url(../images/accueil/filet_gauche.gif); background-position: 42px bottom; padding-bottom: 25px; margin-bottom: 20px; }

#moteur_collections a { background-image: url(../images/accueil/moteur_collections.png); background-position: 42px 0; height: 50px; display: block; }

#moteur_collections span { display: none; }

#moteur_bretania { background-image: url(../images/accueil/filet_gauche.gif); background-position: 42px bottom; padding-bottom: 25px; margin-bottom: 20px; }

#moteur_bretania a { background-image: url(../images/accueil/moteur_bretania.png); background-position: 42px 0; height: 50px; display: block; }

#moteur_bretania span { display: none; }

#aide_aux_genealogistes a { background-image: url(../images/accueil/aide_aux_genealogistes.png); background-position: 42px 0; padding-top: 65px; display: block; }

#aide_aux_genealogistes img { width: 290px; box-shadow: 2px 2px 4px rgba(107, 123, 143, 0.44); -webkit-box-shadow: 2px 2px 4px rgba(107, 123, 143, 0.44); }

#aide_aux_genealogistes a:hover > img { opacity: 0.7; }