* { outline:none; } img { border:0; } a { color:#000; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } a:hover { color:#FFC201; } body, html { width:100%; overflow-x:hidden; } html { background:#ccc no-repeat center center; height:100%; } body { background:none;margin:0;font:12px verdana,arial,helvetica; color:#000; text-align:center; min-height:100%; } #small body { overflow:hidden; } #small #body { min-height:100%; } .clear { clear:both; } p { padding:0; margin:0 0 20px; } h1 { margin:0; padding:0; } h1 span { display:none; } #small .hidemobile { display:none; } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; src: url(https://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: url(https://themes.googleusercontent.com/static/fonts/oswald/v7/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); } @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; src: url(https://themes.googleusercontent.com/static/fonts/oswald/v7/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } h3 { color:#ffb801; font-family:'Oswald'; font-size:26px; margin:10px 0 5px; background:#333; padding:4px 10px; } h3 a { color:#ffb801; } h3 span { color:#fff; } h3.voyages { position:relative; height:90px; line-height:90px; padding:0; } h3.voyages img { float:left; max-height:90px; margin-right:10px; } #small2 h3.voyages { height:45px; line-height:45px; font-size:16px; } #small2 h3.voyages img { max-height:45px; } #btnContact { display:block; background:#ffb801; color:#000; border-radius:5px; padding:5px 0; text-align:center; font-size:18px; font-family:'Oswald'; margin-bottom:15px; box-shadow:1px 1px 10px rgba(0,0,0,0.5); text-decoration:none; } .btnContact { display:inline-block; margin-left:5px; background:#ffb801; color:#000; border-radius:5px; padding:5px 10px; text-align:center; font-size:18px; font-family:'Oswald'; margin-bottom:15px; box-shadow:1px 1px 10px rgba(0,0,0,0.5); text-decoration:none; } .btnContact:hover, #btnContact:hover { background:#333; color:#fff; } #content { position:relative; max-width:1280px; width:97%; margin:0 auto; background:#fff; box-shadow:1px 1px 10px rgba(0,0,0,0.5); padding-bottom:15px; } #small #content { width:95%; } #top { position:relative; height:87px; font-family:'Oswald'; font-size:25px; text-align:left; overflow:hidden; box-shadow:0px 1px 2px rgba(0,0,0,0.5); } #top span { position:absolute; top:43px; left:240px; width:100%; padding-left:65px; background:#555; color:#fff; line-height:44px; } #top strong { color:#ffec01; } #top img { position:absolute; top:0; left:0; } #small #top { height:44px; font-size:18px; } #small #top img { height:44px; } #small #top span { left:123px; top:0; padding-left:30px; } #small2 #top { height:88px; font-size:18px; background:#000; } #small2 #top img { height:44px; } #small2 #top span { position:relative; top:44px; left:0; display:block; padding-left:12px; } #menuBlog { margin:5px 0; } #menuBlog a { display:inline-block; margin-right:2px; padding:5px 10px; background:#eee; color:#000; font-size:15px; font-family:'Oswald'; text-decoration:none; } #menuBlog a:hover, #menuBlog a.select { background:#333; color:#ffec01; } #cover { position:relative; height:0; font-size:0; padding-top:30%; background:#000; overflow:hidden; } #cover .cover0 { position:absolute; top:0; left:0; width:100%; height:100%; } #cover .cover { display:block; width:100%; height:100%; background:no-repeat center center; background-size:cover; } #menu0 { font-family:'Oswald'; text-align:left; font-size:30px; background:#ccc; box-shadow:0px 1px 2px rgba(0,0,0,0.5); height:56px; } #menu { background:#ccc url(../images/logo.png) no-repeat -190px top; background-size:auto 100%; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #menu.fixed { position:fixed; top:0; left:0; background-position:0 top; width:100%; z-index:1000; border-bottom:5px solid #333; box-shadow:0px 2px 5px rgba(0,0,0,0.6); } #small2 #menu.fixed { background-position:-190px top; } #menu a { display:block; float:left; padding:0 15px; text-decoration:none; border-right:1px solid #aaa; line-height:56px; text-shadow:1px 1px 3px rgba(0,0,0,0.5); } #menu a:hover, #menu a.select { background:#333; color:#ffec01; text-shadow:-1px -1px 2px rgba(255,255,255,0.8); } #small2 #menu, #small #menu { font-size:23px; } #menu2 { -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #menu.fixed #menu2 { margin-left:190px; } #small2 #menu.fixed #menu2 { margin-left:0; } #content2 { padding:30px 15px 10px; } #colLeft { margin-right:270px; overflow:hidden; text-align:left; } #colLeft h2 { font-family:'Oswald'; font-size:30px; color:#000; } #actus2 .actus { border-bottom:1px dotted #555; padding-bottom:25px; margin-bottom:20px; clear:both; } #actus2 .actus a { text-decoration:none; } #actus2 .date { font-family:'Oswald'; width:50px; float:left;background:#ccc;padding:5px;margin-right:5px;color:#000;font-size:20px;font-weight:bold;text-align:center;line-height:20px; } #actus2 .date span { font-size:25px; } #actus2 .title { margin-bottom:5px; display:block; font-family:'Oswald'; } #actus2 .title2 { background:#ccc;padding:0 10px;color:#000;text-transform:uppercase;display:block;font-size:16px;line-height:28px;height:25px;overflow:hidden; } #actus2 .stats { line-height:25px;font-style:italic;font-size:12px; } #actus2 .gplus { position:relative;left:10px;top:5px } #actus2 .fb { position:relative } #actus2 .fb iframe { border:none; overflow:hidden; width:150px; height:25px;position:absolute;top:-3px;left:10px; } #actus2 .tw { position:relative; left:130px; top:5px; height:16px; width:100px; } #actus2 .more { text-decoration:none; } #actus2 .more strong { background:#ffec01;color:#000;padding:4px 10px; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #actus2 .more:hover strong { background:#eee; } #actus2 .fbcomments { background:#fff; border:none;overflow:hidden;width:180px;height:16px;position:relative;top:6px;padding:4px 6px 2px;-webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #actus2 .fbcomments:hover { background:#ffec01; } #actus2 .photoresume0, #actus2 .gallery { float:left;width:33%;margin-right:10px;position:relative; } #actus2 .photoresume1, #actus2 .galleryacc { position:relative;display:block;height:0;padding-top:66%;background:no-repeat center center;background-size:cover; } #actus2 .galleryacc a { display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat center center; background-size:cover; } #cours .cours { float:left; width:25%; margin-bottom:10px; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #small2 #cours .cours { width:100%; float:none; } #cours .cours:hover { z-index:100; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } #cours .cours .cours2 { margin-right:10px; display:block; } #cours .cours .photoresume1, #cours .cours .galleryacc { position:relative;display:block;height:0;padding-top:54%;background:no-repeat center center;background-size:cover; } #cours .cours .photoresume0 { margin-bottom:0 !important; } #cours .cours .photoresume0 a { margin-right:0 !important; } #cours .cours .title2 { text-align:center; text-transform:none; height:33px; font-size:15px; line-height:17px; padding:10px; } #cours h3 { margin:35px 0 5px; } #cours .cours a { text-decoration:none; } .navigation { position:relative;clear:both; height:25px; margin:20px 0; text-align:center; } .navigation a { display:block; height:25px; line-height:25px; padding:0 15px; background:#ccc; color:#000; text-decoration:none; } .navigation a:hover { background:#ffec01; } .navigation .center { display:inline-block; } .navigation .prev { float:left; } .navigation .next { float:right; } #small2 .navigation .center { display:none; } #actualites .actus { margin-bottom:20px;padding-bottom:25px;position:relative;border-bottom:1px dotted #555;clear:both; } #actualites a { text-decoration:none; } #actualites .date { font-family:'Oswald';width:50px; float:left;background:#ccc;padding:5px;margin-right:5px;color:#000;font-size:20px;font-weight:bold;text-align:center;line-height:20px; } #actualites .date span { font-size:25px } #actualites .title { margin-bottom:5px;display:block;font-family:'Oswald'; height:57px; } #actualites .title2 { background:#ccc;padding:0 10px;color:#000;text-transform:uppercase;display:block;font-size:16px;line-height:28px;height:25px;overflow:hidden; } #actualites .stats { line-height:25px;font-style:italic;font-size:12px; } #actualites .stats2 { position:relative; top:1px; float:left; } #actualites .gplus { position:relative;left:10px;top:5px; float:left; } #actualites .fb { position:relative; float:left; top:8px; } #actualites .fb iframe { border:none; overflow:hidden; width:150px; height:25px;position:absolute;top:-3px;left:10px; } #actualites .tw { position:relative; left:130px; top:5px; float:left; height:16px; width:100px; } #actualites .more { text-decoration:none;font-size:12px; } #actualites .more strong { background:#ffec01;color:#000;padding:4px 10px; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #actualites .more:hover strong { background:#eee; } #actualites .fbcomments { background:#fff; border:none;overflow:hidden;width:180px;height:16px;position:relative;top:6px;padding:4px 6px 2px;-webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #actualites .fbcomments:hover { background:#ffec01; } #titleVoyage { background:#ccc; margin-bottom:25px; padding:7px; height:62px; } #titleVoyage .title2 { padding:0; } #titleVoyage .stats { position:relative; top:5px; } #timelineBtn { margin:0 auto 5px; display:block; text-align:center; background:#333; color:#ffec01; padding:5px 10px; border-radius:4px; font-family:'Oswald'; font-size:16px; } #timelineVoyage { margin-bottom:25px; display:none; line-height:2.5em; background:url(../images/timeline.jpg) repeat-y center center; padding:10px 0; border:1px solid #333; border-left:0; border-right:0; } #timelineVoyage .left { width:50%; text-align:right; } #timelineVoyage .right { margin-left:49%; width:50%; text-align:left; } #timelineVoyage .select, #timelineVoyage .select a { color:#c00; } #timelineVoyage a:hover { color:#c00; } #timelineVoyage span { color:#c00; } /* #### WIDGETS ######## */ /* #### WIDGETS ######## */ .texte { margin-bottom:10px;color:#000 } .texteresume { height:202px;overflow:hidden;color:#000; } #small .texteresume { height:auto; max-height:70px; } .texteresume0 { height:auto; } #medium .texteresume0 { font-size:12px; } .gallery { position:relative; } .gallery2 { position:absolute; top:10px; right:10px; z-index:100; background:rgba(255,255,255,0.7); padding:4px 7px 2px; } .gallery .col1, .gallery .col2, .gallery .col3 { width:32%; margin-right:2%; float:left; } .gallery .col3 { margin-right:0; } .gallery .photo { margin-bottom:15px; } .gallery .photo img { width:100%; } .photoref img { width:auto !important; } #small .gallery2 { display:none; } .rel { position:relative; } .gallery .big { position:relative;width:100%;height:0;padding-top:67%;margin:2px 0 5px;background:rgba(0,0,0,0.5); } .gallery .big .img { position:absolute;top:0;left:0;display:block;width:100%;height:100%; background:no-repeat center center; background-size:contain; } .prevGal { position:absolute;top:50%;left:10px;margin-top:-27px; } .nextGal { position:absolute;top:50%;right:10px;margin-top:-27px; } .plgal { display:block;float:left;margin:0 2px 2px 0;width:70px;height:70px;background:no-repeat center center;background-size:cover;opacity:0.6;-moz-opacity:0.6;filter:Alpha(Opacity=60); } #small2 .plgal { display:none; } .plgal.select, .plgal:hover { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } .galleryresume0, .photoresume0, .photophotoresume { width:45%; float:left; margin-right:15px; margin-bottom:5px !important; } #actus2 .photophotoresume { width:33%; } #cours .cours .galleryresume0, #cours .cours .photoresume0, #cours .cours .photophotoresume { width:100%; float:none; margin-right:0; } #actus2 .photophotoresume > div { padding-top:66%; } #actus2 .photoresume0 { width:33%; float:left; position:relative; } #cours .cours .photoresume0 { width:100%; float:none; } .galleryresume { position:relative;height:240px;overflow:hidden; } .galleryresume .photos { position:absolute;top:0;left:0;width:100%;height:240px;background:rgba(0,0,0,0.8) no-repeat center center;background-size:contain; } #small.mobileHoriz .galleryresume, #small.mobileHoriz .galleryresume .photos { height:350px; } .galleryacc { position:relative; height:90px; } .galleryacc .photos { display:block;float:left;margin:0 2px 2px 0;width:94px;height:70px;background:#000 no-repeat center center;background-size:cover; position:relative; } .fb-comments { background:rgba(255,255,255,0.9) } #actuContent .photo img { width:100%; } .photophoto, .photo, .photophotophoto, .phototexte, .textephoto, .gallery { position:relative; margin-bottom:40px } #small2 .photophoto, #small2 .photo, #small2 .photophotophoto, #small2 .phototexte, #small2 .textephoto, #small2 .gallery { margin-bottom:20px } .photophoto .photo1, .photophoto .photo2 { width:49%; float:left; position:relative; margin-bottom:15px; } .photophoto .photo2 { left:2%; } .photophoto img { width:100%; } .photophoto2 .photo1 { width:29.9%; } .photophoto2 .photo2 { width:68%; } .photophoto3 .photo1 { width:68%; } .photophoto3 .photo2 { width:29.9%; } .photophotoresume .photos { position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/loading.gif) rgba(0,0,0,0.8) no-repeat center center;background-size:contain; } .galleryresume .mosaic { position:absolute; width:33.33%; height:33.33%; top:0; left:0; background:url(../images/loading.gif) no-repeat center center; background-size:cover; } .galleryresume .mosaic2 { left:33.33%; top:0%; } .galleryresume .mosaic3 { left:66.66%; top:0%; } .galleryresume .mosaic4 { left:0%; top:33.33%; } .galleryresume .mosaic5 { left:66.66%; top:33.33%; } .galleryresume .mosaic6 { left:33.33%; top:33.33%; } .galleryresume .mosaic7 { left:0%; top:66.66%; } .galleryresume .mosaic8 { left:66.66%; top:66.66%; } .galleryresume .mosaic9 { left:33.33%; top:66.66%; } .videolapse { padding-top:56.3%; position:relative; margin-bottom:20px; } .videolapse iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .video { margin-bottom:10px;text-align:left;position:relative; } .video .videoimg { position:relative;display:block;width:320px;height:180px;float:left;overflow:hidden; } #small.mobileVerti .video .videoimg { float:none; width:100%; height:auto; } #small.mobileHoriz .video .videoimg { width:45%; height:auto; } .video .videotitle { font-size:30px;padding:5px 10px;background:#ffec01;color:#000;float:left;display:block;position:relative;top:65px;width:455px; } #small.mobileVerti .video .videotitle { float:none; width:100%; top:0; margin:15px 0; } #small.mobileHoriz .video .videotitle { width:45%; top:0; margin-top:45px; } .video .videoimg2 { width:100%; } .video .videoplay { position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px; } .photo { text-align:center; } .photo img, .photophoto img, .photophotophoto img, .photophotophoto2 img, .photophotophoto3 img, .phototexte img, .textephoto img { max-height:900px; max-width:100%; box-shadow:2px 2px 2px rgba(0,0,0,0.5);-webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .photo a:hover img, .photophoto a:hover img, .photophotophoto a:hover img { box-shadow:1px 1px 1px rgba(0,0,0,0.5); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .label { display:block; font-style:italic; font-size:10px; padding:6px 3px 3px; } .reference { padding-bottom:25px; margin-bottom:25px; border-bottom:1px dashed #555; } .photoList { margin-top:15px; } .photoref { display:inline-block; width:auto; margin-bottom:5px; margin-right:8px; } .photoref img { height:150px; max-height:auto; width:auto; } .photoref img.wait { background:url(../images/loading.gif) no-repeat center center; } .descRef a { font-weight:bold; color:#b00; background:#ddd; padding:5px 10px; } .descRef a:hover { background:#c00; color:#fff; } .photoRef { float:left; width:15%; min-height:80px; } .photoRef img { width:100%; border:1px solid #000; } .descRef { float:left; width:83%; position:relative; left:2%; } /* #### WIDGETS ######## */ /* #### WIDGETS ######## */ .sondage { margin:15px 10px; background:rgba(0,0,0,0.7); overflow:hidden; color:#fff; } .sondage .titre { background:#999; color:#000; display:block; font-size:16px; padding:8px 10px 5px; text-transform:uppercase; font-family:'Oswald'; } .sondage .padding { padding:10px; } .sondage .padding strong { display:block; padding-bottom:3px; padding-top:7px; } .sondage label { padding:5px 10px 5px 0; color:#ddd; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .sondage label:hover { background:#fbdb0a; color:#000; border-radius:6px; } .sondage input[type=button] { border:1px solid #666; color:#fff; padding:7px 15px; background:#999; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .sondage input[type=button]:hover { background:#fbdb0a; color:#000 } #tagsArt { margin-bottom:20px; margin-top:20px; } #tagsArt a { padding:2px 5px; border-radius:4px; background:#eee; color:#444; font-size:11px; margin-right:5px; display:inline-block; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #tagsArt a:hover { background:#FFF9A9; } .tags { float:left; width:50%; margin-bottom:5px; } .tags a { display:block; padding-right:25px; } .tags span { font-weight:bold; float:right; font-size:10px; color:#555; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .tags a:hover span { color:#ffc201; } #realBack { position:relative; top:-28px; } #menuMosaic { position:relative; top:-20px; padding:10px 0; font-size:19px; z-index:1000; } #menuMosaic a { color:#000; font-size:14px; text-decoration:none; } #menuMosaic a.select { color:#c00; font-weight:bold; } #menuMosaic a:hover { color:#c00; } #mosaic .photo1 { float:left;width:10%;position:relative; } #mosaic .photo2 { margin:2px;position:relative; } #mosaic .photo3 { cursor:default; display:block;padding-top:100%;height:0;font-size:0;background:#eee no-repeat center center;background-size:cover; } #mosaic .photo3:hover { background-size:contain; } .pint-img { height:0px;overflow:hidden; } #shareArt { background:#eee;padding:10px;margin-top:50px; } .sameArts { float:left; width:33%; text-align:center; } .sameArts a { display:block; margin-right:10px; } #large #colRight, #medium #colRight { display:block !important; } #colRight { float:right; width:250px; position:relative; text-align:left; } #colRight .block { position:relative; background:#eee; box-shadow:0px 1px 3px rgba(0,0,0,0.5); margin-bottom:15px; } #colRight .block2 { padding:15px; } #colRight .block strong.titre { font-family:'Oswald'; font-size:18px; line-height:10px; display:block; padding-bottom:10px; } #blockNewsletter input { height:30px; margin-top:5px; padding:0; border:0; text-indent:5px; width:80%; } #blockNewsletter input:focus { background:#FFFBCF; } #blockNewsletter .submit { width:18%; position:relative; left:2%; text-indent:0; text-transform:uppercase; font-weight:bold; } #blockNewsletter .submit:hover { background:#ffec01 } #blockTags a, #blockMosaic a { text-decoration:none; } #blockTags .more { padding-top:5px;font-weight:bold; display:block; } #blockDate a { text-decoration:none; line-height:16px; } #blockView .line { font-size:11px; text-indent:-8px; margin-left:8px; margin-bottom:7px; } #blockView a { text-decoration:none; } #blockDate a span, #blockTags a span, #blockMosaic a span, #blockView span { font-weight:bold; float:right; font-size:10px; color:#555; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #blockView .line span { float:none; display:block; padding-left:8px; } #blockDate a:hover span { color:#ffc201; } #colRightNav { display:none; } #small #colRightNav, #small2 #colRightNav { display:block; font-size:15px; font-weight:bold; color:#000; background:#FEC400; padding:7px 15px; margin-bottom:15px; text-align:left; text-decoration:none; } #small #colRight, #small2 #colRight { float:none; margin-bottom:15px; width:100%; display:none; } #small #colRight .block { float:left; width:48%; margin:0 1% 10px; } #small #blockNewsletter { height:176px; } #small #blockNewsletter form { margin-top:40px; } #small #blockTags { height:274px; } #small #colLeft, #small2 #colLeft { margin-right:0; float:none; clear:both; } #footer { background:#bbb; padding:15px 10px; text-align:center; margin:20px 0 0; box-shadow:0px 1px 2px rgba(0,0,0,0.5); } #footer2 { font-size:10px; text-align:center; padding:5px 0; } #footerCol1, #footerCol2, #footerCol3, #footerCol4 { width:25%; float:left; text-align:left; } .footPadd { padding:0 15px; } #footerCol1 .titre, #footerCol2 .titre, #footerCol3 .titre, #footerCol4 .titre { font-weight:bold; font-size:16px; font-family:'Oswald'; } #footerCol1 a, #footerCol2 a, #footerCol3 a, #footerCol4 a { display:block; text-decoration:none; text-indent:-10px; margin-left:10px; } #footer a:before { content: "> " } #small #footerCol1, #small #footerCol2, #small #footerCol3, #small #footerCol4 { width:50%; float:left; margin-bottom:15px; } #small2 #footerCol1, #small2 #footerCol2, #small2 #footerCol3, #small2 #footerCol4 { width:100%; float:none; margin-bottom:15px; } .addthis_toolbox a { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }