*{margin:0;padding:0;}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{margin:0;padding:0;display:block;}audio,canvas,video{margin:0;padding:0;display:inline-block;}html{font-size:100%;}body{font-family:arial,helvetica,sans-serif;line-height:1.5;margin:0;padding:0;}h1{font-size:2em;}h2{font-size:1.5em;}h3{font-size:1.2em;}h4{font-size:1em;}h5{font-size:0.8em;}h6,small{font-size:0.7em;}ol,ul{padding-left:0;}dd,li{margin-left:20px;}mark{background:yellow;padding:0 5px;}code,pre,samp,kbd{font-family:monospace,serif;font-size:0.85em;overflow:auto;padding:5px 10px;white-space:nowrap;}pre{background:#efefef;border:1px solid #ddd;}sub,sup{position:relative;vertical-align:baseline;}sup{top:-5px;}sub{bottom:-5px;}abbr{border-bottom:1px solid;}blockquote{margin-left:0;}hr{height:1px;background:black;border:0;}img{border:none;height:auto;max-width:100%;}figure{margin:0;padding:0;}fieldset{border:none;margin:0;padding:0;}legend{margin-bottom:15px;}label{display:block;margin-bottom:5px;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0 0 15px 0;outline:none;padding:5px;}textarea{overflow:auto;}select{padding:4px;}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;padding:6px 9px 5.75px 9px;width:auto;}input[type="checkbox"],input[type="radio"]{width:auto;}input[type="file"]{border:none;margin:0;padding:0;width:auto;}table{border-collapse:collapse;border-spacing:0;margin:15px 0;width:100%;}caption,th,td{padding:5px;}@font-face{font-family:'Montserrat';font-style:normal;font-weight:400;src:local('Montserrat Regular'),local('Montserrat-Regular'),url('../fonts/Montserrat-Regular.ttf') format('truetype')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:500;src:local('Montserrat Medium'),local('Montserrat-Medium'),url('../fonts/Montserrat-Medium.ttf') format('truetype')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;src:local('Montserrat SemiBold'),local('Montserrat-SemiBold'),url('../fonts/Montserrat-SemiBold.ttf') format('truetype')}@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;src:local('Montserrat Bold'),local('Montserrat-Bold'),url('../fonts/Montserrat-Bold.ttf')) format('truetype')}body{font-family:'Montserrat',sans-serif;}html,body{width:100%;height:100%;}body{display:table;min-height:100%;background:#fff;}header{display:table;width:100%;height:210px;}header > p{position:fixed;width:100%;top:0;height:60px;line-height:60px;color:#222;font-size:1.4rem;text-align:center;font-weight:bold;background:#f5f5f5;vertical-align:middle;color:#222;border-bottom:1px solid #c5c5c5;z-index:99999;}.blinking-cursor{user-select:none;}@keyframes blink{to{visibility:hidden;}}header > div{margin-top:60px;height:150px;background:transparent url('../img/bandeau.jpg') 0 0 no-repeat;background-size:cover;}header > div > p{max-width:1260px;margin:0 auto;height:150px;line-height:150px;background:transparent url('../img/logo.png') center center no-repeat;background-size:150px 136px;}section{display:table;width:100%;height:calc(100% - 355px);margin:25px 0 45px 0;}section > div{width:1260px;height:100%;margin:0 auto;padding:0 40px;}section > div > div > div{position:relative;width:232px;height:232px;margin:0 5px 0 0;float:left;}section > div > div > div div{width:232px;height:232px;float:left;overflow:hidden;}section > div > div > div:nth-child(1) div{background:transparent url('../img/tuiles/aquarelle.jpg') 0 0 no-repeat;}section > div > div > div:nth-child(2) div{background:transparent url('../img/tuiles/corde-sauter.jpg') 0 0 no-repeat;}section > div > div > div:nth-child(3) div{background:transparent url('../img/tuiles/course.jpg') 0 0 no-repeat;}section > div > div > div:nth-child(4) div{background:transparent url('../img/tuiles/fille.jpg') 0 0 no-repeat;}section > div > div > div:nth-child(5) div{background:transparent url('../img/tuiles/gracon-livre.jpg') 0 0 no-repeat;}section > div > div > div:nth-child(6) div{background:transparent url('../img/tuiles/creation-dessin.jpg') 0 0 no-repeat;}section > div > div > div:nth-child(7) div{background:transparent url('../img/tuiles/dessin-soleil.jpg') 0 0 no-repeat;}section > div > div > div:nth-child(8) div{background:transparent url('../img/tuiles/dessin-arbre.jpg') 0 0 no-repeat;}section > div > div > div:nth-child(9) div{background:transparent url('../img/tuiles/enfants.jpg') 0 0 no-repeat;}section > div > div > div:nth-child(10) div{background:transparent url('../img/tuiles/plage.jpg') 0 0 no-repeat;}section > div > div > div:nth-child(2n+1) div,section > div > div > div:nth-child(2n) div{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;backgroud-position:center;}section > div > div > div.hl div{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);}section > div > div > div div a{display:block;width:232px;height:232px;text-decoration:none;background:rgba(0,0,0,0);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}section > div > div > div div a:hover{background:rgba(0,0,0,.35);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}section > div > div > div div a,section > div > div > div.hl span{width:232px;height:232px;}section > div > div > div.hl span{display:block;position:absolute;background:rgba(0,0,0,.35) url('../img/hors-ligne.png') 0 0 no-repeat;background-position:center;background-size:75px;color:#d01515;text-align:center;font-style:italic;font-size:12px;filter:opacity(95%);}section > div > div > div h2{background:#222;position:absolute;bottom:-13px;color:#fff;line-height:26px;font-weight:bold;font-size:12px;font-weight:400;text-transform:uppercase;padding:2px 10px 3px 10px;}section > div > div > div h2 a{color:#fff;text-decoration:none;}footer{display:table;width:100%;height:75px;background:#333;}footer p:first-child{margin-top:14px;}footer p{height:24px;line-height:24px;text-align:center;}footer p a{color:#fff;text-decoration:none;font-weight:bold;font-size:14px;}footer p a:hover{color:#258fd6;}@media (min-width:767px){section > div h1{position:relative;width:100%;height:25px;margin-bottom:25px;}section > div h1::before{content:'';width:100%;position:absolute;top:13px;height:1px;background:#222;}section > div h1 span{display:block;position:absolute;top:0;height:25px;line-height:25px;text-transform:uppercase;font-weight:400;font-size:25px;color:#222;background:#fff;}section > div h1 span::after{content:'';position:absolute;top:13px;height:1px;width:10px;background:#fff;}section > div > div > div:nth-child(5),section > div > div > div:nth-child(10){margin-right:0;}section > div > div > div:nth-child(-n+5){margin-bottom:18px;}}@media (max-width:1320px){section > div{width:1020px;padding:0 20px;}section > div > div > div,section > div > div > div div,section > div > div > div div a,section > div > div > div.hl span{width:192px;height:192px;}}@media (max-width:1090px){section > div{width:940px;padding:0 15px;}section > div > div > div,section > div > div > div div,section > div > div > div div a,section > div > div > div.hl span{width:178px;height:178px;}}@media (max-width:950px){section > div{width:750px;padding:0 10px;}section > div > div > div,section > div > div > div div,section > div > div > div div a,section > div > div > div.hl span{width:140px;height:140px;}section > div > div > div.hl span{background-size:40px;}section > div > div > div h2{font-size:11px;padding:2px 2px 3px 2px;}}@media (max-width:767px){header{display:block;width:auto;height:100px;}header > p{font-size:.84rem;background:#fff;}header > div{height:100px;}header > div > p{height:100px;line-height:100px;background-size:100px 88px;}section{display:block;}section > div{width:auto;padding:0;}section > div h1{height:auto;margin-bottom:25px;}section > div h1 span{display:block;height:auto;line-height:18px;text-transform:uppercase;font-weight:400;font-size:20px;color:#222;text-align:center;}section > div > div{width:340px;margin:0 auto;}section > div > div > div,section > div > div > div div,section > div > div > div div a,section > div > div > div.hl span{width:165px;height:165px;}section > div > div > div:nth-child(2n+1) div{margin-right:5px;}section > div > div > div:nth-child(2n) div{margin-right:0;}section > div > div > div{margin-bottom:43px;}section > div > div > div:nth-child(-n+8){margin-bottom:18px;}section > div > div > div div a:hover{background:rgba(0,0,0,0);}footer p a{font-weight:400;font-size:.75rem;}}