@font-face {font-family: 'calligraffiti-webfont'; src: url('f01calligraffiti-webfont.woff') format('woff');}

body{background-image: url(images/marbrerosefond340x286.jpg); background-repeat: repeat; background-attachment: fixed; margin: 0px; padding: 0px; font-family: "calligraffiti-webfont", "Comic Sans MS", Verdana, sans-serif; color: rgba(40,0,90,1);text-align: justify;}

h1{font-size: 5em;}
h2{font-size: 4em;}
h3{font-size: 3em;}
h4{margin-bottom: 0em; font-size: 2em;}
h5{font-size: 1.5em;}
h6{margin-bottom: 0em;font-size: 1.1em;}
em{color: rgba(255,96,255,1);}
acronym{color: rgba(100,00,20,1);}
.Aligneadroite{text-align: right;}

#MainHeader1{display: flex;}
.LogoGavrocheTete120x120{margin-top: 20px; margin-left: 15px;}
.LogoLampe1{margin-left: -15px; animation-duration: 1s; animation-name: clignoter; animation-iteration-count: infinite; transition: none;} @keyframes clignoter {0%{ opacity:1; }40%{opacity:0.0;} 100% { opacity:1;}}
.BandeauPresentationMain{margin: auto;}
#MainHeader1 h1{margin-top: 0em; margin-bottom: 0em; font-size: 4em; text-align: center; text-shadow: -4px 5px 6px rgba(0,0,0,0.4);}
#MainHeader1 h2{margin-top: 0em; font-family: "Comic Sans MS"; font-size: 5em; color: rgba(155,0,155,1);text-shadow: -4px 5px 6px rgba(0,0,0,0.4);}
#MainHeader1 h3{margin-top: -0.5em; margin-bottom: 0em; font-size: 1.36em; text-align: center; text-shadow: 7px 7px 7px rgba(0,0,0,0.4);}
#MainHeader1 h4{margin-top: -3em; margin-bottom: 0em; font-size: 1.2em; text-align: right; text-shadow: 7px 7px 7px rgba(0,0,0,0.4);}

#MainNav1{width: 150px; float: left; margin-left: 10px;}
.MainNav1Logo1{margin-bottom: 5px; margin-left: 10px;}

ul.menugauche1{list-style: none; margin: 0; padding: 0; width: 130px; position: relative;}
ul.menugauche1 li{border-top: 1px solid rgba(255,96,255,1); border-bottom: 1px solid rgba(255,96,255,1); position: relative; list-style: none; margin: 0; padding: 0; background-color: rgba(255,200,255,1);border-radius: 7px 7px 7px 7px; box-shadow: -4px 5px 6px rgba(0,0,0,0.4);}
ul.menugauche1 li a{font-size: 12px;padding: 2px 5px 2px 5px;color: rgba(38,38,38,1); display: block;height: 100%;text-decoration: none;}
ul.menugauche1 li:hover{cursor: pointer; background-color: rgba(255,96,255,1); border-top: 1px solid rgba(0,0,0,1); border-bottom: 1px solid rgba(0,0,0,1);}
ul.menugauche1 li:hover a{text-decoration: underline;color: rgba(0,0,150,1);}
ul.menugauche1 li#select select{margin: auto;}
ul.menugauche1 li#select, ul.menugauche1 li#select:hover{border: none; background-color: rgba(255,255,255,1); padding-bottom: 5px; padding-top: 5px; text-align: center;}
ul.menugauche1 li#select:hover+li{border-top: 1px solid rgba(192,192,192,1);}
ul.menugauche1 li#select select:hover, ul.menugauche1 li#select select:active{cursor: pointer;}
ul.menugauche1 li:hover+li{border-top: 1px solid rgba(255,255,255,1); border-bottom: 1px solid rgba(255,255,255,1);}
ul.menugauche1 li ul{display: none; background-color:rgba(239,239,239,1); border-left: none; margin: 0;padding: 0; position: absolute; top: -1px; left: 112px; width:180px; z-index: 1000;border-radius: 7px 7px 7px 7px;width: 130px;text-align: center;}
ul.menugauche1 li:hover ul{display: block;}
ul.menugauche1 li ul li{border-top: none; border-bottom: 1px solid rgba(255,96,255,1); border-left: 1px solid rgba(255,96,255,1); margin: 0; padding: 0;}
ul.menugauche1 li ul li:first-child{border-left: 1px solid rgba(0,0,0,1);}
ul.menugauche1 li ul li:last-child{border-bottom: none;}
#MainNav1 ul.menugauche1 li ul li a{width:100%; font-size:12px; color: rgba(38,38,38,1); text-decoration:none;}
#MainNav1 ul.menugauche1 li ul li:hover{ background-color:rgba(255,96,255,1); }
#MainNav1 ul.menugauche1 li ul li:hover a{text-decoration:underline; color:rgba(0,0,150,1);}

#MainSection1{position: relative; display: flex;}
#MainSection1::before{content: ""; background-image: url('images/gavroche1fulldetoure200x420g.png'); background-size: 35%; background-repeat: no-repeat; position: absolute; background-position: top center; top: 2em; right: 4em; bottom: 0px; left: 0px; opacity: 0.17;}

.IndexSection1Texte1{position: relative; margin: auto;}
.Pages01Section1Texte1{margin: auto; font-family: "Comic Sans MS", Verdana, sans-serif; color: rgba(0,70,70,1);}
.logoConstructionPages01{width: 450px; margin: auto;}

@media screen and (orientation: portrait){#MainSection1::before{background-size: 100%;} body{font-size: 1.2em;}}
@media screen and (max-width: 500px){#MainSection1::before{background-size: 90%;}}