body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} .social_feed_element{overflow:visible;padding:0;width:100%}.social_feed_element.extended .inner a{display:inline;padding:0;color:#1b95e0}.social_feed_element.extended .inner a:hover{text-decoration:underline}.social_feed_element.extended .inner>figure{padding:0}.social_feed_element.extended a.more{padding:0;font-size:14px;color:#1b95e0;font-weight:700;display:block}.social_feed_element.extended a.more:hover{text-decoration:underline}.social_feed_element.extended .inner{padding:0 20px 20px}.social_feed_element.extended p:first-child{margin-top:0}.social_feed_element.extended p:last-child{margin-bottom:0}.social_feed_element .inner{background:#f2f2f2;padding:0;margin:30px 10px 10px;position:relative;word-break:break-word;border-top:5px solid #c1c1c1}.social_feed_element .inner a{padding:0 20px;display:block}.social_feed_element .inner>figure{padding:0 20px}.social_feed_element .ce_text{padding:15px 0;color:#333;margin:0}.social_feed_element .icon{position:static;text-indent:0}.social_feed_element .icon img{position:absolute;top:-20px;border-radius:100%;max-width:50px}.social_feed_element .icon .image-wrapper:not(.loaded){height:0 !important}.social_feed_element .info{margin:0;padding:10px 0 0;text-align:right;font-size:14px;color:#989898;display:flex;align-items:center;justify-content:flex-end}.social_feed_element .info img{width:15px;margin-left:10px}.social_feed_element .title{margin:10px 0;font-size:16px;font-weight:700;color:#333}.social_feed_element a{color:#333;text-decoration:none}.social_feed_element .ce_text{font-size:14px}.social_feed_element .fa{font-size:18px;padding-left:5px}.social_feed_element .image_container>a{padding:0}.social_feed_container{width:calc(100% + 30px);margin-left:-15px;font-family:sans-serif}.social_feed_container:not(.masonry){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.social_feed_container:not(.masonry).columns2 .social_feed_element{-ms-flex:0 0 50%;flex:0 0 50%}.social_feed_container:not(.masonry).columns3 .social_feed_element{-ms-flex:0 0 33%;flex:0 0 33%}.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 25%;flex:0 0 25%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:left}.social_feed_container.masonry.columns2 .social_feed_element{width:50%}.social_feed_container.masonry.columns3 .social_feed_element{width:33.33%}.social_feed_container.masonry.columns4 .social_feed_element{width:25%}@media (max-width:767px){.social_feed_container{width:100%;margin-left:0}.social_feed_container:not(.masonry).columns2 .social_feed_element,.social_feed_container:not(.masonry).columns3 .social_feed_element,.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 100%;flex:0 0 100%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:none;width:100%}} .autogrid_grid{display:grid;margin-left:-15px;margin-right:-15px}.autogrid_grid .column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_none{margin-left:0;margin-right:0}.autogrid_grid.gutter_none>.column{padding-left:0;padding-right:0}.autogrid_grid.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_grid.gutter_s>.column{padding-left:15px;padding-right:15px}.autogrid_grid.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_grid.gutter_m>.column{padding-left:30px;padding-right:30px}.autogrid_grid.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_grid.gutter_l>.column{padding-left:40px;padding-right:40px}.autogrid_grid.same_height>.column>.attributes{height:100%}.autogrid_grid .column .attributes{background-size:cover}.autogrid_grid .column .attributes.p-xl{padding:200px 40px 200px 40px}.autogrid_grid .column .attributes.p-l{padding:160px 40px 160px 40px}.autogrid_grid .column .attributes.p-m{padding:115px 40px 115px 40px}.autogrid_grid .column .attributes.p-s{padding:80px 40px 80px 40px}.autogrid_grid .column .attributes.p-xs{padding:40px 40px 40px 40px}.autogrid_row,.autogrid_wrapper{margin-left:-15px;margin-right:-15px;display:flex;flex-wrap:wrap;box-sizing:border-box}.autogrid,.autogrid_row .column{padding-left:15px;padding-right:15px;flex-basis:1;flex-grow:1;width:100%;position:relative;box-sizing:border-box}.autogrid_clear{flex:0 0 100%;height:0}.col_1{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.autogrid_row.gutter_none,.autogrid_wrapper.gutter_none{margin-left:0;margin-right:0}.autogrid_row.gutter_none>div,.autogrid_wrapper.gutter_none>div{padding-left:0;padding-right:0}.autogrid_row.gutter_s,.autogrid_wrapper.gutter_s{margin-left:-15px;margin-right:-15px}.autogrid_row.gutter_s>div,.autogrid_wrapper.gutter_s>div{padding-left:15px;padding-right:15px}.autogrid_row.gutter_m,.autogrid_wrapper.gutter_m{margin-left:-30px;margin-right:-30px}.autogrid_row.gutter_m>div,.autogrid_wrapper.gutter_m>div{padding-left:30px;padding-right:30px}.autogrid_row.gutter_l,.autogrid_wrapper.gutter_l{margin-left:-40px;margin-right:-40px}.autogrid_row.gutter_l>div,.autogrid_wrapper.gutter_l>div{padding-left:40px;padding-right:40px}.order_1{order:1}.order_2{order:2}.order_3{order:3}.order_4{order:4}.order_5{order:5}.order_6{order:6}.full{flex:0 0 100%}.one_half{flex:0 0 calc(100% / 2)}.one_third{flex:0 0 calc(100% / 3)}.one_fourth{flex:0 0 calc(100% / 4)}.one_fifth{flex:0 0 calc(100% / 5)}.one_sixth{flex:0 0 calc(100% / 6)}.two_third{flex:0 0 calc((100% / 3) * 2)}.two_fourth{flex:0 0 calc((100% / 4) * 2)}.three_fourth{flex:0 0 calc((100% / 4) * 3)}.two_fifth{flex:0 0 calc((100% / 5) * 2)}.three_fifth{flex:0 0 calc((100% / 5) * 3)}.four_fifth{flex:0 0 calc((100% / 5) * 4)}.two_sixth{flex:0 0 calc((100% / 6) * 2)}.three_sixth{flex:0 0 calc((100% / 6) * 3)}.four_sixth{flex:0 0 calc((100% / 6) * 4)}.five_sixth{flex:0 0 calc((100% / 6) * 5)}.offset_col_1{margin-left:calc((100% / 12) * 1)}.offset_col_2{margin-left:calc((100% / 12) * 2)}.offset_col_3{margin-left:calc((100% / 12) * 3)}.offset_col_4{margin-left:calc((100% / 12) * 4)}.offset_col_5{margin-left:calc((100% / 12) * 5)}.offset_col_6{margin-left:calc((100% / 12) * 6)}.offset_col_7{margin-left:calc((100% / 12) * 7)}.offset_col_8{margin-left:calc((100% / 12) * 8)}.offset_col_9{margin-left:calc((100% / 12) * 9)}.offset_col_10{margin-left:calc((100% / 12) * 10)}.offset_col_11{margin-left:calc((100% / 12) * 11)}.autogrid_grid .column.align_left_top{text-align:left}.autogrid_grid .column.align_left_center{text-align:left;align-self:center}.autogrid_grid .column.align_left_bottom{text-align:left;align-self:flex-end}.autogrid_grid .column.align_center_top{text-align:center}.autogrid_grid .column.align_center_center{text-align:center;align-self:center}.autogrid_grid .column.align_center_bottom{text-align:center;align-self:flex-end}.autogrid_grid .column.align_right_top{text-align:right}.autogrid_grid .column.align_right_center{text-align:right;align-self:center}.autogrid_grid .column.align_right_bottom{text-align:right;align-self:flex-end}.autogrid_grid.same_height>.column{align-self:unset}.autogrid_grid.same_height>.column>.attributes{display:flex;flex-wrap:wrap}.autogrid_grid.same_height>.column>.attributes>.same-height-wrap{width:100%;flex:0 0 100%}.autogrid_grid.same_height>.column.align_left_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_left_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_center_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_center_bottom>.attributes{align-items:flex-end}.autogrid_grid.same_height>.column.align_right_center>.attributes{align-items:center}.autogrid_grid.same_height>.column.align_right_bottom>.attributes{align-items:flex-end}.autogrid_grid .column>.attributes .image_mob{display:none}.autogrid.no_gutter{padding-left:0;padding-right:0}@media only screen and (min-width :768px) and (max-width :1024px){.col_1_t{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_t{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_t{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_t{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_t{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_t{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_t{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_t{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_t{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_t{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_t{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_t{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_t{order:1}.order_2_t{order:2}.order_3_t{order:3}.order_4_t{order:4}.order_5_t{order:5}.order_6_t{order:6}}@media only screen and (max-width:767px){.five_sixth,.four_fifth,.one_fifth,.one_fourth,.one_half,.one_sixth,.one_third,.three_fifth,.three_fourth,.three_sixth .four_sixth,.two_fifth,.two_fourth,.two_sixth,.two_third,[class*=col_]{flex:0 0 100%;max-width:none}.autogrid_grid .column,.column[class*=col_]{padding-left:0!important;padding-right:0!important;margin-bottom:25px}.autogrid[class*=offset_],.autogrid_grid[class*=offset_],.column[class*=offset_]{margin-left:0}.autogrid_grid,.autogrid_row,.autogrid_wrapper{margin-left:0!important;margin-right:0!important}.autogrid_grid .column .attributes.has-image.empty>.image_mob,.autogrid_grid .column .attributes.has-image.empty>.same-height-wrap>.image_mob{display:block}.autogrid_grid .column .attributes.has-image.empty{background:0 0!important}.col_1_m{flex:0 0 calc((100% / 12) * 1);max-width:calc((100% / 12) * 1)}.col_2_m{flex:0 0 calc((100% / 12) * 2);max-width:calc((100% / 12) * 2)}.col_3_m{flex:0 0 calc((100% / 12) * 3);max-width:calc((100% / 12) * 3)}.col_4_m{flex:0 0 calc((100% / 12) * 4);max-width:calc((100% / 12) * 4)}.col_5_m{flex:0 0 calc((100% / 12) * 5);max-width:calc((100% / 12) * 5)}.col_6_m{flex:0 0 calc((100% / 12) * 6);max-width:calc((100% / 12) * 6)}.col_7_m{flex:0 0 calc((100% / 12) * 7);max-width:calc((100% / 12) * 7)}.col_8_m{flex:0 0 calc((100% / 12) * 8);max-width:calc((100% / 12) * 8)}.col_9_m{flex:0 0 calc((100% / 12) * 9);max-width:calc((100% / 12) * 9)}.col_10_m{flex:0 0 calc((100% / 12) * 10);max-width:calc((100% / 12) * 10)}.col_11_m{flex:0 0 calc((100% / 12) * 11);max-width:calc((100% / 12) * 11)}.col_12_m{flex:0 0 calc((100% / 12) * 12);max-width:calc((100% / 12) * 12)}.order_1_m{order:1}.order_2_m{order:2}.order_3_m{order:3}.order_4_m{order:4}.order_5_m{order:5}.order_6_m{order:6}.autogrid_grid .column .attributes.p-l,.autogrid_grid .column .attributes.p-m,.autogrid_grid .column .attributes.p-s,.autogrid_grid .column .attributes.p-xl,.autogrid_grid .column .attributes.p-xs{padding:20px}}body.edge column[class*=col_]{flex-basis:0}@media only screen and (max-width:767px){body.edge column[class*=col_]{flex-basis:100%}} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} @charset "utf-8"; /* CSS Document */ /* CLIENT : LYCEE NATURE SITE WEB : http://www.lyceenature.com DATE DE CREATION : FEVRIER 2015 CREATION : www.iGweb.fr MODIF : marquez - 24/11 */ /* font-family: 'Open Sans', sans-serif; font-family: 'Open Sans Condensed', sans-serif; */ /***********************************/ /* LAYOUT */ /***********************************/ body {font-family: 'Open Sans', sans-serif;font-size: 1em; background-color:#5c5952;} #header{margin-left: auto;margin-right: auto;width: 100%; background-color:#f8f6f1;} #header .inside {margin: 0 auto;padding: 0;position: relative;width: 1038px;} .custom {background-color:#f8f6f1;} #slide {margin-left: auto;margin-right: auto;width: 100%;} #slide .inside {margin: 0 auto;padding: 0;position: relative;width: 1500px;} #blocs-accueil {margin-left: auto;margin-right: auto;max-width: 1038px;z-index: 999; position:relative; margin-top:-20px;} #wrapper-container {background-color:#f8f6f1; padding: 40px 0;border: none !important;} #container {margin-left: auto;margin-right: auto;max-width: 958px;position:relative;background-color:#fff; padding: 20px 40px;} #footer {margin-left: auto;margin-right: auto;width: 100%; background-color:#5c5952; height:200px} #footer .inside {margin: 0 auto;padding: 0;position: relative;width: 1038px; padding-top:40px;} /********************/ #title h2 {margin:0 !important; background-image:none !important; padding-bottom:0 !important;} #title h2 a {color:#4d4743;} #title h2 a img {position:absolute;top:15px;} p {font-family: 'Open Sans', sans-serif;font-size: 0.9em;line-height: 1.4em;text-align: justify;color:#000;font-weight: 300;} h1, h2 {font-family: 'Open Sans Condensed', sans-serif;color:#5c5952; text-transform: uppercase;font-size: 1.3em;} h3 {font-family: 'Open Sans', sans-serif; font-size:1.3em; color:#e0a312;line-height: 1.2em;} a {color: #e0a312;text-decoration: none; -webkit-transition: 0.2s linear 0s; -moz-transition: 0.2s linear 0s; -o-transition: 0.2s linear 0s; -ms-transition: 0.2s linear 0s; transition: 0.2s linear 0s; } a:hover { text-decoration:underline;} strong {font-weight: 600;color: #5c5952;} em {font-style: italic;} .ce_hyperlink.more {text-align:center; margin-top:10px;} .ce_hyperlink.more a {padding:0px 10px;font-size: 0.8em;font-weight: 300;color: #1e1b1b;border: 1px solid #ea5b1d; text-decoration:none;} .ce_hyperlink.more a:hover {color: #fff;border: 1px solid #ea5b1d; background-color:#ea5b1d;} #cboxTitle {background-color: #000000;font-size: 0.9em;padding: 3px 15px; color:#fff; z-index:9;} /********** RS **********/ #menu-rs { position:absolute; right:10px; top: 50px;} #menu-rs li {position:relative;float:left; margin-right:10px;} #menu-rs .elyco a {background-image: url(../../files/lycee-nature/images/bt-elyco.gif);background-repeat: no-repeat;background-position: 0px 0px;display:block;text-indent:-999999px;height:32px;width:32px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} #menu-rs .elyco a:hover {background-position: 0px -36px;} #menu-rs .ypareo a {background-image: url(../../files/lycee-nature/images/bt-ypareo.gif);background-repeat: no-repeat;background-position: 0px 0px;display:block;text-indent:-999999px;height:32px;width:32px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} #menu-rs .ypareo a:hover {background-position: 0px -36px;} #menu-rs .fb a {background-image: url(../../files/lycee-nature/images/bt-fb.gif);background-repeat: no-repeat;background-position: 0px 0px;display:block;text-indent:-999999px;height:32px;width:32px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} #menu-rs .fb a:hover {background-position: 0px -36px;} #menu-rs .viadeo a {background-image: url(../../files/lycee-nature/images/bt-viadeo.gif);background-repeat: no-repeat;background-position: 0px 0px;display:block;text-indent:-999999px;height:32px;width:32px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} #menu-rs .viadeo a:hover {background-position: 0px -36px;} #menu-rs .google_plus a {background-image: url(../../files/lycee-nature/images/bt-gplus.gif);background-repeat: no-repeat;background-position: 0px 0px;display:block;text-indent:-999999px;height:32px;width:32px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} #menu-rs .google_plus a:hover {background-position: 0px -36px;} /********** FOOTER **********/ #texte-footer img {position:absolute; right:10px;} #texte-footer p { color:#b0ada6;} /********** COOKIES ***********/ #cookiebar {z-index: 999;background-color: rgba(75,75,75,0.90);} #cookiebar button {background-color: #99b815;} /********** LISTES **********/ li {list-style-type: none;} #main .ce_text ul {margin:0px 0 20px 0px} #main .ce_text ul {margin-top:0px} #main .ce_text li {font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 0.9em;line-height: 1.4em;padding-left: 30px;list-style-position: inside;background-image: url(../../files/lycee-nature/images/puce.png);background-repeat: no-repeat;background-position: 5px 3px;padding-bottom: 10px;} /********** FIL ARIANE **********/ .mod_breadcrumb {color: #5D5D5D;font-size: 0.8em;position: absolute;top: -50px;z-index: 9;padding: 3px 0;} .mod_breadcrumb li {float: left;list-style: none outside none;margin-right: 4px;} .mod_breadcrumb a {color: #99b815;} .mod_breadcrumb a:after { content: " > ";} /********** MENU *********/ /* ESSENTIAL STYLES */ .sf-menu,.sf-menu * {margin:0;padding:0;list-style: none;} .sf-menu {line-height:1.0;} .sf-menu ul {width:10em;top:-999em;position:absolute;} .sf-menu ul li {width:100%;} .sf-menu li:hover {visibility: inherit;} .sf-menu li {position:relative;float:left;} .sf-menu a {position:relative;display:block;} .sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.5em;z-index: 99;} ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;} ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:10em;top: 0;} ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;} ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em;top: 0;} /* MENU HORIZONTAL */ #header .block {overflow: visible !important;} #menu.mod_navigation {position: absolute;z-index: 999;background-color: #f4f2eb;top: 142px;right: 5px;background-image: url(../../files/lycee-nature/images/bg-menu.gif);background-repeat: repeat;} #menu>ul>li {float: left;list-style: none outside none;} #menu>ul>li>a {display: block;} #menu a {font-family: 'Open Sans Condensed', sans-serif;font-size:1em;color:#5c5952; text-transform: uppercase; padding: 15px 15px;} #menu a:hover {font-family: 'Open Sans Condensed', sans-serif;font-size:1em;color:#99b815; text-transform: uppercase; padding: 15px 15px; text-decoration:none;} #menu li.active span.active, #menu li.trail span.trail {font-family: 'Open Sans Condensed', sans-serif;font-size: 1em; color:#99b815; text-transform: uppercase; padding: 15px 15px; display:block;} #menu a.accueil {background-image: url('../../files/lycee-nature/images/bt_home.png');background-repeat: no-repeat;background-position: 13px 12px;display:block;text-indent:-999999px;height:45px;width:45px;padding: 0; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none;} #menu span.active.accueil, #menu a.accueil:hover {background-image: url('../../files/lycee-nature/images/bt_home.png');background-repeat: no-repeat;background-position: 13px -27px;display:block;text-indent:-999999px;height:45px;width:45px;padding: 0; padding:0 !important;} #menu .sf-menu .level_2 {margin-top: 6px;} #menu .sf-menu .level_2 a {font-family: 'Open Sans', sans-serif;text-transform: none;color:#fff;font-size: 0.9em; font-weight:300;background-color:#5c5952;padding: 10px 10px;} #menu .sf-menu .level_2 a:hover, #menu .sf-menu .level_2 a:visited:hover, #menu .sf-menu .level_2 span.active {font-family: 'Open Sans', sans-serif;background-color:#42403b; color:#fff;text-transform: none;font-weight:300;font-size:0.9em;padding: 10px 10px;} #menu .sf-menu .level_2 a:visited {color:#fff;} #menu .sf-menu .level_2 .lycee a {background-color:#99b815;} #menu .sf-menu .level_2 .lycee a:hover, #menu .sf-menu .level_2 .lycee a:visited:hover, #menu .sf-menu .level_2 .lycee span.active, #menu .sf-menu .level_2 .lycee .trail {background-color:#88a413;} #menu .sf-menu .level_2 .cfa a {background-color:#e0a312;} #menu .sf-menu .level_2 .cfa a:hover, #menu .sf-menu .level_2 .cfa a:visited:hover, #menu .sf-menu .level_2 .cfa span.active, #menu .sf-menu .level_2 .cfa .trail {background-color:#c89210;} #menu .sf-menu .level_2 .cfppa a {background-color:#38beb6;} #menu .sf-menu .level_2 .cfppa a:hover, #menu .sf-menu .level_2 .cfppa a:visited:hover, #menu .sf-menu .level_2 .cfppa span.active, #menu .sf-menu .level_2 .cfppa .trail {background-color:#31a59e;} .sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active,.sf-menu span.active{outline: 0;} .sf-menu .sf-sub-indicator {display:none;} /*** MENU MOBILE ***/ #bt_mobile a {display:none;} .mm-list > li > a, .mm-list > li > span { text-transform:uppercase; color:#C5C7C8;} .mm-list > li > a:hover, .mm-list > li > span:hover { color:#fff;} /* MENU RIGHT */ #menu-right {margin-left:40px; margin-top:40px;padding-left:30px; background-color:#ffffff;} #menu-right h3 { color:#fff; font-size:0.9em; font-weight:600;} #menu-right li a { color:#fff} #menu-right li span { color:#fff; font-weight:600;} #menu-right-lycee {margin-left:40px; margin-top:40px;padding-left:30px; background-color:#99b815;} #menu-right-lycee h3 { color:#fff; font-size:0.9em; font-weight:600;} #menu-right-lycee li {background-image: url(../../files/lycee-nature/images/puce-menu.png);background-repeat: no-repeat;background-position: 5px center;padding-left: 30px;padding-top: 8px;padding-bottom: 8px; font-size:0.9em;} #menu-right-lycee li a { color:#fff} #menu-right-lycee li span { color:#fff; font-weight:600;} #menu-right-cfa {margin-left:40px; margin-top:40px;padding-left:30px; background-color:#e0a312;} #menu-right-cfa h3 { color:#fff; font-size:0.9em; font-weight:600;} #menu-right-cfa li {background-image: url(../../files/lycee-nature/images/puce-menu.png);background-repeat: no-repeat;background-position: 5px center;padding-left: 30px;padding-top: 8px;padding-bottom: 8px; font-size:0.9em;} #menu-right-cfa li a { color:#fff} #menu-right-cfa li span { color:#fff; font-weight:600;} #menu-right-cfppa {margin-left:40px; margin-top:40px;padding-left:30px; background-color:#38beb6;} #menu-right-cfppa h3 { color:#fff; font-size:0.9em; font-weight:600;} #menu-right-cfppa li {background-image: url(../../files/lycee-nature/images/puce-menu.png);background-repeat: no-repeat;background-position: 5px center;padding-left: 30px;padding-top: 8px;padding-bottom: 8px; font-size:0.9em;} #menu-right-cfppa li a { color:#fff} #menu-right-cfppa li span { color:#fff; font-weight:600;} #menu-right-bio {margin-left:40px; margin-top:40px;padding-left:30px;border-left: 1px solid #D3D3D3;} #menu-right-bio h3 { color:#5c5952; font-size:0.9em; font-weight:600;} #menu-right-bio li {background-image: url(../../files/lycee-nature/images/puce.png);background-repeat: no-repeat;background-position: 5px center;padding-left: 30px;padding-top: 8px;padding-bottom: 8px; font-size:0.9em;} #menu-right-bio li a { color:#e0a312} #menu-right-bio li span { color:#e0a312; font-weight:600;} /***********************************/ /* ACCUEIL */ /***********************************/ #feuille {position: absolute;z-index: 99;right: 100px;bottom: 0;} /********** SLIDE **********/ .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {background-color: #5c5952 !important;} .camera_html {width: 435px;padding: 5px 20px;position: absolute;top: 150px;left: 150px;background-image: url(../../files/lycee-nature/images/bg-texte-slide.png);background-repeat: repeat;} .camera_html .more a{font-family: 'Open Sans Condensed', sans-serif;color:#fff;padding: 5px 10px;background-color: #5c5952;display: block;float: right;margin-bottom: 15px; font-size:0.9em} .camera_html .more a:hover { background-color:#99b815; text-decoration:none;} .camera_html h1 {margin-top:15px;} .slide-box-bottom {bottom: 0;display: block;height: 20px;position: absolute;width: 100%;z-index: 20;background-image: url(../../files/lycee-nature/images/bg-slide-bottom.png);background-repeat: repeat;} /********** 3 BLOCS ACCUEIL **********/ #bloc-accueil-1 {margin-top:0px;background-color:#99b815;width: 100%; height: 224px;} #bloc-accueil-1 img {position:relative; bottom:0;} #bloc-accueil-1 h2 {font-family: 'Open Sans Condensed', sans-serif; color:#52630c;text-transform:uppercase;font-size:1.2em; padding: 15px; padding-bottom:10px; margin:0; } #bloc-accueil-1 p {padding: 0 15px;color:#fff; line-height:1.2em;min-height: 80px;} #bloc-accueil-1 .more a {font-family: 'Open Sans Condensed', sans-serif;color:#fff;padding: 5px 10px;background-color: #52630c;;display: block;float: right; font-size:0.9em; z-index:9; position: absolute;margin-top: -10px;margin-left: 17px;} #bloc-accueil-1 .more a:hover {background-color:#52630c; text-decoration:none;} #bloc-accueil-2 {margin-top:0px;background-color:#e0a312;width: 100%;height: 224px;} #bloc-accueil-2 img {position: relative;bottom:0;} #bloc-accueil-2 h2 {font-family: 'Open Sans Condensed', sans-serif; color:#74540a;text-transform:uppercase;font-size:1.2em; padding: 15px; padding-bottom:10px; margin:0; } #bloc-accueil-2 p {padding: 0 15px; color:#fff;line-height:1.2em;min-height: 80px;} #bloc-accueil-2 .more a {font-family: 'Open Sans Condensed', sans-serif;color:#fff;padding: 5px 10px;background-color: #74540a;;display: block;float: right; font-size:0.9em; z-index:9; position: absolute;margin-top: -10px;margin-left: 17px;} #bloc-accueil-2 .more a:hover {background-color: #74540a; text-decoration:none;} #bloc-accueil-3 {margin-top:0px;background-color:#38beb6;width: 100%;height: 224px;} #bloc-accueil-3 img {position: relative;bottom:0;} #bloc-accueil-3 h2 {font-family: 'Open Sans Condensed', sans-serif; color:#1b5f5b;text-transform:uppercase;font-size:1.2em; padding: 15px; padding-bottom:10px; margin:0; } #bloc-accueil-3 p {padding: 0 15px;color:#fff;line-height:1.2em;min-height: 80px;} #bloc-accueil-3 .more a {font-family: 'Open Sans Condensed', sans-serif;color:#fff;padding: 5px 10px;background-color: #1b5f5b;;display: block;float: right; font-size:0.9em; z-index:9; position: absolute;margin-top: -10px;margin-left: 17px;} #bloc-accueil-3 .more a:hover {background-color:#1b5f5b; text-decoration:none;} #bloc-accueil-4 {margin-top:0px;background-color:#99b815;width: 100%; height:180px;} #bloc-accueil-4 img {position:relative; bottom:0;} #bloc-accueil-4 h2 {font-family: 'Open Sans Condensed', sans-serif; color:#52630c;text-transform:uppercase;font-size:1.2em; padding: 15px; padding-bottom:10px; margin:0; } #bloc-accueil-4 p {padding: 0 15px;color:#fff; line-height:1.2em;min-height: 80px;} #bloc-accueil-4 .more a {font-family: 'Open Sans Condensed', sans-serif;color:#fff;padding: 5px 10px;background-color: #52630c;;display: block;float: right; font-size:0.9em; z-index:9; position: absolute;margin-top: -10px;margin-left: 17px;} #bloc-accueil-4 .more a:hover {background-color:#52630c; text-decoration:none;} #bloc-accueil-5 {margin-top:0px;background-color:#e0a312;width: 100%;height:180px;} #bloc-accueil-5 img {position: relative;bottom:0;} #bloc-accueil-5 h2 {font-family: 'Open Sans Condensed', sans-serif; color:#74540a;text-transform:uppercase;font-size:1.2em; padding: 15px; padding-bottom:10px; margin:0; } #bloc-accueil-5 p {padding: 0 15px; color:#fff;line-height:1.2em;min-height: 80px;} #bloc-accueil-5 .more a {font-family: 'Open Sans Condensed', sans-serif;color:#fff;padding: 5px 10px;background-color: #74540a;;display: block;float: right; font-size:0.9em; z-index:9; position: absolute;margin-top: -10px;margin-left: 17px;} #bloc-accueil-5 .more a:hover {background-color: #74540a; text-decoration:none;} #bloc-accueil-6 {margin-top:0px;background-color:#38beb6;width: 100%;height:180px;} #bloc-accueil-6 img {position: relative;bottom:0;} #bloc-accueil-6 h2 {font-family: 'Open Sans Condensed', sans-serif; color:#1b5f5b;text-transform:uppercase;font-size:1.2em; padding: 15px; padding-bottom:10px; margin:0; } #bloc-accueil-6 p {padding: 0 15px;color:#fff;line-height:1.2em;min-height: 80px;} #bloc-accueil-6 .more a {font-family: 'Open Sans Condensed', sans-serif;color:#fff;padding: 5px 10px;background-color: #1b5f5b;;display: block;float: right; font-size:0.9em; z-index:9; position: absolute;margin-top: -10px;margin-left: 17px;} #bloc-accueil-6 .more a:hover {background-color:#1b5f5b; text-decoration:none;} #bloc-accueil-7 {margin-top:0px;background-color:#cd664e;width: 100%;height:180px;} #bloc-accueil-7 img {position: relative;bottom:0;} #bloc-accueil-7 h2 {font-family: 'Open Sans Condensed', sans-serif; color:#884333;text-transform:uppercase;font-size:1.2em; padding: 15px; padding-bottom:10px; margin:0; } #bloc-accueil-7 p {padding: 0 15px;color:#fff;line-height:1.2em;min-height: 80px;} #bloc-accueil-7 .more a {font-family: 'Open Sans Condensed', sans-serif;color:#fff;padding: 5px 10px;background-color: #884333;;display: block;float: right; font-size:0.9em; z-index:9; position: absolute;margin-top: -10px;margin-left: 17px;} #bloc-accueil-7 .more a:hover {background-color:#884333; text-decoration:none;} /********** ACTUS **********/ #actu {border-left: 1px solid #D3D3D3;padding-left:30px;} #actu h2 {background-image: url(../../files/lycee-nature/images/picto-actu.gif);background-repeat: no-repeat;background-position: left center;padding: 8px 0 8px 45px;margin-top:13px;} #actu h3 {margin-top: -5px;font-size: 1.1em;font-family: 'Open Sans Condensed', sans-serif;} #actu h3 a { color:#5c5952;} #actu .info, #lecteur-actu .info, #archive .info {background-image: url(../../files/lycee-nature/images/calendar.gif);background-position: left center;background-repeat: no-repeat;padding-left: 25px; margin-top:10px;} #actu .more a {font-family: 'Open Sans Condensed', sans-serif;color: #fff;padding: 3px 8px;background-color: #5c5952;display: block;float: right;z-index: 9; font-size:1em;} #actu .more a:hover {background-color:#99b815; text-decoration:none;} .lien-archive a {font-size: 0.8em;background-color: #EFEADF;padding: 4px 10px;text-align: center;margin-top: 30px;color: #000;display: block;text-decoration:none;} #actulycee #actulycee h2 {background-image: url(../../files/lycee-nature/images/picto-actu.gif);background-repeat: no-repeat;background-position: left center;padding: 8px 0 8px 45px;margin-top:13px;} #actulycee h3 {margin-top: -5px;font-size: 1.1em;font-family: 'Open Sans Condensed', sans-serif;} #actulycee h3 a { color:#5c5952;} #actulycee .info, #lecteur-actu .info, #archive .info {background-image: url(../../files/lycee-nature/images/calendar.gif);background-position: left center;background-repeat: no-repeat;padding-left: 25px; margin-top:10px;} #actulycee .more a {font-family: 'Open Sans Condensed', sans-serif;color: #fff;padding: 3px 8px;background-color: #5c5952;display: block;float: right;z-index: 9; font-size:1em;} #actulycee .more a:hover {background-color:#99b815; text-decoration:none;} .lien-archive a {font-size: 0.8em;background-color: #EFEADF;padding: 4px 10px;text-align: center;margin-top: 30px;color: #000;display: block;text-decoration:none;} #lecteur-actu h2, #archive h2, .ce_teaser h2, .fiche h2 {font-size: 1.1em;font-family: 'Open Sans Condensed', sans-serif; text-transform:none;} .back a {font-family: 'Open Sans Condensed', sans-serif;color: #fff;padding: 3px 8px;background-color: #5c5952;display: block;float: left;z-index: 9; font-size:1em; margin-top:20px;} .back a:hover {background-color:#99b815; text-decoration:none;} #archive .layout_latest, .ce_teaser, .fiche, .vente {padding-bottom: 10px;margin-bottom: 20px;padding: 0 20px;background-image: url(../../files/lycee-nature/images/bg-menu.gif);background-repeat: repeat;} #archive h2 a { color:#5c5952;} #archive h2 {margin-top:5px;} #archive .more a {font-family: 'Open Sans Condensed', sans-serif;color: #fff;padding: 3px 8px;background-color: #5c5952;display: block;float: right;z-index: 9; font-size:1em;margin-bottom: 10px;} #archive .more a:hover {background-color:#99b815; text-decoration:none;} #archive .info { margin-bottom:5px;} /***********************************/ /* PAGE DEFAUT */ /***********************************/ .ce_teaser a.more {font-family: 'Open Sans Condensed', sans-serif;color: #fff;padding: 5px 10px;background-color: #5c5952;display: block;float: right;z-index: 9; font-size:0.9em;} .ce_teaser a.more:hover {background-color:#99b815; text-decoration:none;} .fiche a {font-family: 'Open Sans Condensed', sans-serif;color: #fff;padding: 5px 10px;background-color: #5c5952;z-index: 9; font-size:0.9em;} .fiche a:hover {background-color:#99b815; text-decoration:none;} .block-bandeau .rs-column.-large-col-3-1 {width: 33.333%;} .block-bandeau .rs-column { margin-right:0;} .block-bandeau .bloc-couleur1 {background-color:#99b815; height:5px;} .block-bandeau .bloc-couleur2 {background-color:#e0a312; height:5px;} .block-bandeau .bloc-couleur3 {background-color:#38beb6; height:5px;} #article-plus {margin-left:40px; margin-top:40px;border-left: 1px solid #D3D3D3;padding-left:30px;} #image-plus {margin-left:40px; margin-top:40px;border-left: 1px solid #D3D3D3;padding-left:30px;} .ce_text .more a {font-family: 'Open Sans Condensed', sans-serif;color: #fff;padding: 5px 10px;background-color: #5c5952;display: block;float: right;z-index: 9; font-size:0.9em;} .ce_text .more a:hover {background-color:#99b815; text-decoration:none;} #telechargement {margin-left:40px; margin-top:40px;padding-left:30px; background-color:#5c5952;padding-right: 10px;} #telechargement h3 { font-size:1.1em; margin-top:15px; color:#fff;} #telechargement p {text-align:left;} #telechargement a { color:#fff; font-size:0.9em; background-image: url(../../files/lycee-nature/images/puce.png);background-repeat: no-repeat;background-position: 5px 3px; padding-left:30px;} #telechargement a:hover { text-decoration:none;} .mime_icon {vertical-align:middle;} .particularite { padding-left:20px;border-left: 1px solid #D3D3D3; margin:25px 0;} #telechargementcfppa {margin-left:40px; margin-top:40px;padding-left:30px; background-color:#5c5952;padding-right: 10px;} #telechargementcfppa h3 { font-size:1.1em; margin-top:15px; color:#fff;} #telechargementcfppa p {text-align:left;} #telechargementcfppa a { color:#fff; font-size:0.9em; background-image: url(../../files/lycee-nature/images/pucebleue.png);background-repeat: no-repeat;background-position: 5px 3px; padding-left:30px;} #telechargementcfppa a:hover { text-decoration:none;} /*** FORMULAIRE ***/ #formulaire {margin-left:10px;} #formulaire label {color: #e0a312;float: left;font-size: 0.9em;margin-top: 8px;min-width: 130px;text-align: right;font-weight: 500;} #formulaire input {font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#1e1e1e;background-color: #fff;padding: 4px 8px;margin-bottom: 2px;margin-left: 10px;margin-top: 2px;width: auto;border:1px solid #BCBBB3;font-weight: 300; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #formulaire select {font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#1e1e1e;background-color: #fff;padding: 4px 8px;margin-bottom: 2px;margin-left: 10px;margin-top: 2px;width: auto;border:1px solid #BCBBB3;font-weight: 300; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #formulaire textarea {font-family: 'Open Sans', sans-serif;font-size: 0.9em;color:#1e1e1e;background-color: #fff;padding: 4px 8px;margin-bottom: 2px;margin-left: 10px;margin-top: 2px;width: auto;border:1px solid #BCBBB3;font-weight: 300;resize:none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #formulaire input:hover, #formulaire input:focus, #formulaire select:hover, #formulaire select:focus, #formulaire textarea:focus, #formulaire textarea:hover {border: 1px solid #99b815;} #formulaire input.submit {font-family: 'Open Sans Condensed', sans-serif;background-color: #5c5952;font-size: 1em;color: #fff;cursor: pointer;display: block;float: right;width: auto;border: 1px solid #5c5952; text-transform:uppercase;font-weight: 700;margin-right: 79px;} #formulaire input.submit:hover { background-color:#99b815;border: 1px solid #99b815;} #formulaire p.error {background-color: #99b815;color: #fff;font-size: 0.9em;margin: 0;padding: 3px 5px 3px 5px;margin: 0 0 0 11px; float:left;} #formulaire input.error {background-color: #FC3;background-image: none;border: 1px solid #F00;width: 80%;} /* ==================== Media Queries ==================== */ @media screen and (max-width: 1440px) { #slide .inside {width: 100%;} } @media screen and (max-width: 1280px) { .camera_html {top: 110px;} @media screen and (max-width: 1024px) { #header .inside {width: 100%;} #footer .inside {width: 100%;} #container {width: 90%;} #menu.mod_navigation {right:30px;} #feuille {right: 20px;width: 200px;} .camera_html {top: 70px; left:100px;} #texte-footer {padding-left:20px; padding-right:20px;} #title h2 a img {left: 10px;} #formulaire input.submit {margin-right: 58px;} } @media screen and (max-width: 800px) { #cookiebar {width: auto;} .camera_html, #feuille, #texte-footer img { display:none;} #container {width: 88%;} #menu { display:none;} #bt_mobile a {display: block; position:absolute;width:120px;height:35px;background-image: url('../../files/lycee-nature/images/bt-menu.png');background-repeat: no-repeat;background-position: left top;text-indent:-99999px;top: 140px; right:45px;} #formulaire input.submit {float:left;} } @media screen and (max-width: 768px) { .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c15l, .c16l, .c30l, .c45l, .c55l, .c70l, .c85l {float: none !important;width: 100%;display: inline !important;} .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c15r, .c16r, .c30r, .c45r, .c55r, .c70r, .c85r {float: none !important;margin-left: 0;width: 100%;display: inline !important;} .subcr, .subc {padding:0 !important;} #telechargement, #article-plus, #menu-right-bio, #menu-right-lycee, #menu-right-cfa, #menu-right-cfppa, #image-plus {margin-left:0} #map {display:none;} .rs-column.-medium-col-3-1, .rs-column.-medium-col-5-3, .rs-column.-medium-col-5-2 { width:100%;} #bloc-accueil-1, #bloc-accueil-2, #bloc-accueil-3 {width: 60%;height: auto;margin-left: auto;margin-right: auto;} .rs-column.-medium-first-row {margin-top:10px;} #formulaire input.submit { margin-left:140px;} } @media screen and (max-width: 603px) { #container {width: 85%;} } @media screen and (max-width: 533px) { #container {width: 83%;} #formulaire label {text-align: left; padding-left:10px;} #formulaire input.submit {margin-left:10px;;} } @media screen and (max-width: 414px) { #container {width: 85%;padding:20px;} #title h2 a img {width: 200px;top: 20px;} #bt_mobile a {right:15px} .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {display:none;} #bloc-accueil-1, #bloc-accueil-2, #bloc-accueil-3 {width: 100%;} #formulaire textarea {width:90%} #menu-rs {top: 20px;} } @media screen and (max-width: 375px) { #formulaire textarea {width:88%} #telechargement, #article-plus, #menu-right-bio, #menu-right-lycee, #menu-right-cfa, #menu-right-cfppa, #image-plus, #actu { padding-left:20px;} } @media screen and (max-width: 320px) { #title h2 a img { top:10px;} #bt_mobile a {top: 145px;} #formulaire textarea {width:85%} }