diff --git a/app/assets/stylesheets/label.scss b/app/assets/stylesheets/label.scss
index fa0b0b8..dd329ed 100644
--- a/app/assets/stylesheets/label.scss
+++ b/app/assets/stylesheets/label.scss
@@ -35,9 +35,9 @@ $cursive_font : 'Galada', cursive;
#new_bottom{
-
+
background:#002C52;
-
+
h4{
font-size:1em;
}
@@ -57,7 +57,7 @@ h2{
}
}
#top_menu{
-
+
transition-duration:0.5s;
position:absolute;
@@ -67,8 +67,8 @@ h2{
right:0;
z-index:2;
.inner{
-
-
+
+
max-width:1300px;
margin:auto;
#logo{
@@ -92,7 +92,7 @@ h2{
font-weight:800;
color:white;
padding:10px 10px;
-
+
&.donate{
margin-left:5px;
background:$dark_orange;
@@ -100,7 +100,7 @@ h2{
}
}
}
-
+
&.move_top{
position:fixed;
background:rgba(0,0,0,0.8);
@@ -108,14 +108,14 @@ h2{
height:60px;
margin:3px 20px;
}
-
+
.menu{
margin-top:20px;
a{
font-size:1.1em;
}
}
-
+
}
}
@@ -125,21 +125,21 @@ h2{
background-size:100%;
background-size:cover;
.inner{
-
-
-
+
+
+
max-width:1300px;
margin:auto;
-
+
//background:url("/angora/couv.jpg") no-repeat center center;
background-size:100%;
background-size:cover;
min-height:850px;
position:relative;
-
-
+
+
.langs{
-
+
position:absolute;
top:6px;
right:20px;
@@ -148,9 +148,9 @@ h2{
height:19px;
}
}
-
-
-
+
+
+
#stamp{
width:300px;
display:block;
@@ -158,18 +158,18 @@ h2{
margin-bottom:20px;
}
.description{
-
-
+
+
color:white;
font-size:1.9em;
font-family:$serif_font;
-
+
position:absolute;
bottom:50px;
left:50px;
-
+
}
-
+
}
}
@@ -194,9 +194,9 @@ h2{
max-width:1300px;
margin:auto;
background:#F2F0EF;
- }
-
-
+ }
+
+
#news{
font-family:$serif_font;
padding:20px 100px;
@@ -209,16 +209,16 @@ h2{
display:inline;
color:#E94F25;
font-size:0.9em;
-
+
}
p{
display:inline;
font-size:0.9em;
}
}
-
+
#images{
-
+
#video{
.left{
float:left;
@@ -226,14 +226,14 @@ h2{
.left_inner{
padding:0 50px;
}
-
-
+
+
}
-
+
.right{
float:left;
width:35%;
-
+
p{
color:$dark_orange;
font-family:$serif_font;
@@ -242,18 +242,18 @@ h2{
font-size:1.2em;
}
}
-
+
}
-
+
#photos{
margin-top:40px;
.right,.left{
float:left;
-
+
box-sizing:border-box;
padding:0 50px;
}
-
+
.right{
padding-left:25px;
width:65%;
@@ -272,7 +272,7 @@ h2{
padding:15px 15px;
font-weight:600;
margin:0;
-
+
}
}
}
@@ -281,7 +281,7 @@ h2{
width:35%;
.inner_left{
margin:0 -2px;
-
+
//background:black;
img{
width:33.33%;
@@ -294,16 +294,16 @@ h2{
box-sizing:border-box;
&.active, &:hover{
opacity:1;
-
+
}
}
}
}
-
+
}
-
+
}
-
+
#enquete{
.sign_and_donate_link{
float:right;
@@ -312,7 +312,7 @@ h2{
.inner_enquete{
max-width:1000px;
margin:auto;
-
+
.content{
margin-left:220px;
padding:10px;
@@ -340,7 +340,7 @@ h2{
left:-220px;
border:1px solid black;
}
-
+
.links{
margin-top:-20px;
margin-bottom:30px;
@@ -349,7 +349,7 @@ h2{
text-transform:uppercase;
a{
color:black;
-
+
span{
color:white;
border-radius:50%;
@@ -367,17 +367,17 @@ h2{
background:$dark_orange;
}
}
-
+
&.left{
float:left;
}
}
font-weight:600;
-
+
}
-
+
}
-
+
.inner_bottom{
margin-top:50px;
.left{
@@ -386,11 +386,11 @@ h2{
font-size:1.3em;
text-transform:none;
margin-top:0;
-
+
}
width:300px;
float:left;
-
+
}
.right{
color:$dark_orange;
@@ -402,9 +402,9 @@ h2{
}
}
}
-
+
}
-
+
#actions{
h3{
color:$dark_orange;
@@ -425,7 +425,7 @@ h2{
float:left;
box-sizing:border-box;
padding:0 25px;
-
+
}
.left{
padding-left:50px;
@@ -437,15 +437,15 @@ h2{
text-align:left;
font-family:$serif_font;
float:left;
-
+
width:auto;
span{
font-size:1.2em;
display:inline-block;
-
-
+
+
}
-
+
a{
margin-left:10px;
}
@@ -453,17 +453,17 @@ h2{
.right_com{
width:auto;
text-align:right;
-
+
float:none;
}
-
+
.action{
padding:20px;
background:white;
margin-bottom:50px;
p{
margin-top:0;
-
+
}
&.pull{
img{
@@ -473,8 +473,8 @@ h2{
margin-bottom:0px;
}
}
-
-
+
+
&.orange{
background:$orange;
color:white;
@@ -484,8 +484,8 @@ h2{
span{
color:black;
}
-
-
+
+
}
&.with_img_background{
background:url("/angora/cages.jpg") no-repeat center center;
@@ -501,12 +501,12 @@ h2{
font-size:1.6em;
margin-bottom:0;
}
-
+
}
}
-
+
}
-
+
#petition{
#petition_angora_form{
//padding-top:120px;
@@ -521,18 +521,18 @@ h2{
color:$dark_orange;
text-transform:none;
font-size:1.8em;
-
-
-
-
+
+
+
+
}
-
+
}
-
+
.left{
float:left;
width:65%;
-
+
.inner_left{
padding:30px;
margin:30px;
@@ -559,14 +559,14 @@ h2{
line-height:1.1em;
}
}
-
+
.right{
float:left;
width:35%;
box-sizing:border-box;
padding-right: 50px;
-
-
+
+
.sign_resume{
text-align:center;
padding:15px;
@@ -585,15 +585,15 @@ h2{
font-weight:800;
font-family:$sans_serif_font;
}
-
+
p.last{
color:$dark_orange;
font-family:$serif_font;
font-size:1.6em;
}
-
+
}
-
+
h2{
color:$dark_orange;
font-family:$cursive_font;
@@ -604,9 +604,9 @@ h2{
text-transform:none;
font-weight:normal;
}
-
-
-
+
+
+
.form{
//color:white;
//background:$orange;
@@ -620,13 +620,13 @@ h2{
label{
display:inline;
}
-
- }
- h2{
-
}
-
+ h2{
+
+
+ }
+
fieldset{
border:0;
padding:0;
@@ -634,11 +634,11 @@ h2{
}
.form-group{
padding-bottom:10px;
-
+
}
.has-error{
color:red;
-
+
input{
border-color:red;
}
@@ -650,10 +650,10 @@ h2{
padding:10px 10px;
border:1px solid rgba(200,200,200,1);
-
+
}
select{
-
+
height: 35px;
line-height: 35px;
width:100%;
@@ -662,17 +662,17 @@ h2{
.btn{
margin-top:20px;
display:block;
-
+
padding:10px 20px;
-
-
-
+
+
+
width:auto;
font-size:1em;
-
+
border-radius:0;
cursor:pointer;
-
+
color:white;
$sign_color:$orange;
background:$sign_color;
@@ -685,51 +685,51 @@ h2{
color:white;
}
-
-
+
+
&:btn-primary{
-
+
}
}
-
+
}
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
}
-
+
}
-
+
#donate_line{
padding-left:20px;
padding-right:20px;
p.donate_p{
text-align:center;
-
+
color:inherit;
- font-family:$sans_serif_font;
+ font-family:$sans_serif_font;
font-size:1.2em;
-
-
+
+
}
-
+
.donate_link{
padding:10px 15px;
}
-
+
}
-
+
#ov{
padding:0 30px;
padding-bottom:30px;
-
+
h2{
padding-bottom:40px;
}
@@ -737,18 +737,18 @@ h2{
text-align:center;
padding:0 0px;
color:$dark_orange;
- font-family:$serif_font;
+ font-family:$serif_font;
font-size:1.2em;
-
-
+
+
}
-
-
-
+
+
+
.socials{
-
+
padding:30px 0;
-
+
text-align:center;
img{
width:50px;
@@ -756,9 +756,9 @@ h2{
}
}
}
-
-
-
+
+
+
}
.share_with{
@@ -773,17 +773,17 @@ h2{
.link{
font-size:1.2em;
padding:0 4px;
-
-
+
+
}
.facebook{
color:#3c5a96;
}
-
+
.twitter{
color:#36aeda;
}
-
+
}
.petition_link{
@@ -812,7 +812,7 @@ h2{
border: 1px solid $dark_orange;
padding:5px 10px;
font-size:1.4em;
-
+
}
@@ -830,7 +830,7 @@ h2{
margin-left:0;
margin-right:0;
padding:50px 10px;
-
+
.inner{
max-width:900px;
width:100%;
@@ -846,9 +846,9 @@ h2{
margin-top:20px;
}
}
-
+
}
-
+
}
}
@@ -857,16 +857,16 @@ h2{
img{
margin:10px;
display:inline-block;
-
+
&:hover{
opacity:0.9;
}
}
-
+
}
#image_actu_container{
-
-
+
+
position:fixed;
top:0;
left:0;
@@ -891,7 +891,7 @@ z-index:104;
background:white;
position:relative;
//min-height:800px;
-
+
box-shadow:0 0 10px rgba(0,0,0,0.5);
.image{
float:left;
@@ -908,30 +908,30 @@ z-index:104;
h1{
font-size:2em;
margin-top:0;
-
+
}
}
-
+
}
#image_actu_albums_menu{
text-align:center;
padding:2em 0;
-
+
a {
display:inline-block;
border:1px solid $orange;
padding:5px 10px;
border-radius:20px;
margin:2px 2px;
-
+
&.active{
background:$orange;
color:white;
-
+
}
}
-
+
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@@ -940,8 +940,8 @@ z-index:104;
#home_slider{
background:black;
height:640px;
-
-
+
+
}
#newsletter_large_place{
position:absolute;
@@ -963,11 +963,11 @@ z-index:104;
background:$orange;
color:white;
}
-
+
.center{
max-width:700px;
margin:auto;
-
+
}
}
#registrant_large_form{
@@ -978,10 +978,10 @@ z-index:104;
padding:0;
}
.input{
-
+
&.has-error{
-
-
+
+
.form-control{
border: 1px solid red;
}
@@ -989,7 +989,7 @@ z-index:104;
.control-label{
display:block;
font-size:0.9em;
-
+
}
.form-control{
display:block;
@@ -997,26 +997,26 @@ z-index:104;
width:100%;
padding:5px;
font-size:1em;
-
+
}
.help-block{
display:block;
color:red;
font-size:0.9em;
-
-
+
+
}
-
+
}
-
+
.btn{
box-sizing:border-box;
width:100%;
font-size:1em;
padding:10px 20px;
-
+
border:1px solid gray;
-
+
display:inline-block;
color:white;
width:auto;
@@ -1028,16 +1028,16 @@ z-index:104;
cursor:pointer;
&:hover{
background:rgba(80,80,80,1);
-
+
}
}
-
+
}
#large{
-
+
.links{
color:white;
padding-top:15px;
@@ -1070,18 +1070,18 @@ z-index:104;
left:0px;
padding:5px;
padding-top:15px;
-
+
text-align:left;
font-size:1em;
-
+
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 99%, rgba(0, 0, 0, 0.5) 100%);
-
+
right: 0px;
-
+
}
-
-
+
+
}
#assurance{
max-width:700px;
@@ -1095,7 +1095,7 @@ z-index:104;
background-size:cover;
padding:50px;
background-image:url('/assurance-fond.jpg');
-
+
.inner{
margin:auto;
max-width:700px;
@@ -1103,7 +1103,7 @@ z-index:104;
box-shadow:0 0 20px rgba(0,0,0,0.1);
background:white;
border-radius:5px;
-
+
.row_50{
width:50%;
float:left;
@@ -1111,25 +1111,25 @@ z-index:104;
}
-
+
}
-
+
}
.press_release_large{
max-width:700px;
margin:auto;
-
+
.back{
margin-top:30px;
}
-
+
}
#press_releases{
h1{
font-size:2em;
margin-bottom:50px;
-
+
}
h2{
margin:10px 0;
@@ -1143,7 +1143,7 @@ z-index:104;
max-width:700px;
margin-top:50px;
.press_release{
-
+
margin-bottom:50px;
.date{
max-width:300px;
@@ -1151,11 +1151,11 @@ z-index:104;
border-bottom:1px solid rgb(242, 242, 242);
}
}
-
-
+
+
}
.video_content{
-
+
background:#323131;
padding:20px;
margin:20px 0;
@@ -1176,7 +1176,7 @@ z-index:104;
}
.video-container {
-
+
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
@@ -1200,29 +1200,29 @@ height: 100%;
position:fixed;
bottom:300px;
right:0;
-
+
.link{
display:block;
-
+
width:50px;
text-align:center;
padding:12px 0;
position:relative;
-
-
+
+
color:white;
font-size:1.2em;
&.twitter{
background:rgba(54,174,218,1);
}
-
+
&.facebook{
-
+
background:rgba(60,90,150,1);
}
-
-
-
+
+
+
}
.top_link{
@@ -1243,7 +1243,7 @@ height: 100%;
@media screen and (max-width:1320px) {
-
+
.socials_links{
position:fixed;
bottom:0px;
@@ -1256,15 +1256,15 @@ height: 100%;
}
.link{
float:left;
-
+
}
.top_link{
-
+
float:left;
}
-
+
}
-
+
}
@@ -1278,43 +1278,43 @@ height: 100%;
#new_bottom{
padding:0 20px;
}
- #top_block{
+ #top_block{
+
-
.inner .description{
-
+
position:static;
padding-top:100px;
margin-left:50px;
padding-bottom:50px;
}
-
-
+
+
}
#main_block #images #video .right p{
-
+
font-size:1em;
-
+
}
-
+
#main_block #images #video .right .share_with{
margin-top:15px;
display:none;
}
-
+
#main_block #enquete .inner_enquete{
margin-left:30px;
margin-right:30px;
-
+
}
-
+
#main_block #enquete .inner_enquete .inner_bottom .right{
font-size:1.6em;
}
-
+
#main_block #actions .left_com{
-
+
width:auto;
float:none;
text-align:center;
@@ -1323,7 +1323,7 @@ height: 100%;
margin-bottom:10px;
}
margin-bottom:60px;
-
+
}
#main_block #actions .right_com{
display:inline;
@@ -1335,39 +1335,39 @@ height: 100%;
padding:20px;
padding-bottom:30px;
}
-
+
.sign_and_donate_link{
float:none !important;
padding-top:30px;
display:inline-block;
}
}
-
+
#main_block #actions{
.mobile_center{
text-align:center;
margin-top:-30px;
}
-
+
}
-
+
#main_block #petition .left h3{
-
+
font-size:1.3em;
}
-
+
#main_block #petition .left .chap{
-
+
font-size:1.4em;
}
-
+
#main_block #petition .right .sign_resume {
p.first,p.last{
-
+
font-size:1.3em;
}
p.count{
-
+
font-size:3em;
}
}
@@ -1385,16 +1385,16 @@ height: 100%;
padding-left: 100px;
-
+
}
.content img{
width:180px;
left:-110px;
}
-
+
.inner_bottom{
text-align:center;
-
+
*{
text-align:center !important;
}
@@ -1407,12 +1407,12 @@ height: 100%;
width:auto;
margin:auto;
}
-
+
}
}
-
+
#main_block #images #video {
-
+
.left, .right{
margin:auto;
padding: 0 40px;
@@ -1424,16 +1424,16 @@ height: 100%;
}
.right{
text-align:center;
-
+
padding-top:20px;
-
+
p{
padding:0;
padding:0 20px;
}
}
}
-
+
#main_block #images #photos{
.left .inner_left{
margin-top:10px;
@@ -1443,25 +1443,25 @@ height: 100%;
.left .inner_left img{
width:25%;
border:3px solid #F2F0EF;
-
+
}
.left, .right{
-
+
width:auto;
float:none;
padding: 0 40px;
-
+
}
.left{
display:none !important;
}
-
+
.mobile_left{
display:block !important;
}
-
+
}
-
+
#main_block #actions{
.left{
padding-left:24px;
@@ -1471,9 +1471,9 @@ height: 100%;
padding-left:12px;
padding-right:24px;
}
-
+
}
-
+
}
@media screen and (max-width:600px) {
@@ -1510,17 +1510,17 @@ height: 100%;
.menu{
display:none;
}
-
+
&.move_top{
position:absolute !important;
}
-
-
+
+
}
-
+
#top_block{
.inner{
-
+
#stamp{
width:230px;
margin-left:0;
@@ -1531,17 +1531,17 @@ height: 100%;
margin-right:50px;
}
}
-
+
}
-
+
#main_block #images #photos{
.left{
-
+
.share_with{
text-align:center !important;
margin-bottom:20px;
}
-
+
}
.right .inner_right p{
position:static;
@@ -1550,14 +1550,14 @@ height: 100%;
font-weight:normal;
font-size:0.8em;
padding-bottom:15px;
-
+
}
-
-
+
+
}
-
+
#main_block #enquete .inner_enquete{
-
+
.sign_and_donate_link{
float:none;
text-align:center;
@@ -1566,21 +1566,21 @@ height: 100%;
display:inline-block;
}
}
-
+
.inner_bottom .right{
font-size:1.4em;
}
.content{
margin:0;
padding:20px;
-
+
img{
position:static;
height:200px;
width:auto;
}
}
-
+
}
#main_block #actions{
.left,.right{
@@ -1588,11 +1588,11 @@ height: 100%;
padding:0 20px;
width:auto;
}
-
+
}
-
+
#main_block #petition {
-
+
.left,.right{
float:none;
padding:0 20px;
@@ -1605,8 +1605,8 @@ height: 100%;
}
}
}
-
-
+
+
}
.detail_download_content{
@@ -1619,16 +1619,16 @@ height: 100%;
float:left;
margin-right:0;
width:150px;
-
+
}
-
+
h4,.desc,.links{
-
+
margin-left:160px;
-
+
}
h4{
-
+
font-weight:bold;
margin-top:0;
}
@@ -1638,7 +1638,7 @@ height: 100%;
color:$orange;
padding:5px 10px;
border:1px solid $orange;
-
+
margin-right:10px;
margin-bottom:5px;
width:auto;
@@ -1648,11 +1648,11 @@ height: 100%;
cursor:pointer;
&:hover{
background:rgba(80,80,80,1);
-
+
}
-
+
}
-
+
}
}
@@ -1665,7 +1665,7 @@ height: 100%;
body{
font-family:$sans_serif_font;
-
+
//line-height:1.4em;
text-align:left;
font-weight:300;
@@ -1675,12 +1675,12 @@ body{
font-size:17px;
color:#333333;
background:white url("/angora/hachures.jpg") center center;
-
-
-
+
+
+
}
.slider{
-
+
img{
max-width:100%;
}
@@ -1691,29 +1691,29 @@ body{
a{
cursor:pointer;
img{
-
+
border:0;
}
-
+
}
img{
max-width:100%;
-
+
}
-
+
a{
color:$orange;
text-decoration:none;
-
+
&:hover{
color:$orange;
text-decoration:none;
}
-
+
}
.clear{
@@ -1725,7 +1725,7 @@ a{
.center{
max-width:1100px;
margin:auto;
-
+
}
@@ -1739,57 +1739,57 @@ a{
background:white;
background:rgba(255,255,255,0.90);
padding:25px;
-
+
margin:auto;
max-width:500px;
-
-
+
+
h2{
margin-top:0;
padding-top:0;
-
- }
-
-
+ }
+
+
+
}
.center_block{
-
+
text-align:center;
img{
margin:0 5px;
-
+
}
}
.quote{
-
+
padding:10px 10px;
-
+
position:relative;
.guillemet{
font-family:palatino;
opacity:0.6;
font-size:3em;
position:absolute;
-
-
-
+
+
+
&.top_corner{
top:5px;
left:5px;
padding-top:15px;
padding-left:5px;
}
-
+
&.bottom_corner{
bottom:5px;
right:5px;
-
+
}
}
-
+
.quote_content{
font-family:Stylograph;
font-size:1.6em;
@@ -1798,8 +1798,8 @@ a{
line-height:1.3em;
-
-
+
+
}
.author{
padding-right:50px;
@@ -1807,8 +1807,8 @@ a{
text-align:right;
opacity:0.8;
}
-
-
+
+
}
@@ -1822,7 +1822,7 @@ h1,h2,h3,h4{
font-family:$title_font;
font-weight:700;
text-transform:uppercase;
-
+
}
h1{
@@ -1835,40 +1835,40 @@ h2{
@media screen and (min-width:1300px) {
.width_sidebar{
-
+
//max-width:1250px;
margin:0 2%;
-
-
+
+
#sidebar{
-
+
.inner{
margin:auto;
-
+
}
}
-
-
-
+
+
+
}
}
@media screen and (max-width:600px) {
.top{
-
-
+
+
#logo, &.move_top #logo{
position:static;
display:block;
float:none;
margin:10px auto;
-
+
}
.contact{
display:none;
-
-
+
+
}}
}
@@ -1879,21 +1879,21 @@ h2{
padding-top:0 !important;
}
.petition_bottom{
-
+
.inner{
-
+
padding:0;
}
}
.petition_large_content{
padding:20px 0 !important;
}
- #sidebar{
- ul{
-
+ #sidebar{
+ ul{
+
a{
-
-
+
+
padding:10px 20px !important;
}
}
@@ -1917,8 +1917,8 @@ h2{
}
}
}
-
-
+
+
.sub_bottom{
a{
display:block !important;
@@ -1931,18 +1931,18 @@ h2{
max-width:100% !important;
}
}
-
+
#sidebar, .menu_content_inner, .side_menu{
float:none;
width:auto !important;
display:block;
-
+
}
.menu_content_inner{
width: 100% !important;
}
-
-
+
+
.menu_item_children_small{ .menu_itemlink_content{
display:block;
width:auto;
@@ -1951,18 +1951,18 @@ h2{
#menu_top_container{
position:relative;
#menu{
-
+
text-align:center;
.content, .sub_content, #logo, &.move_top #logo{
position:static;
display:block;
float:none;
margin:10px auto;
-
+
}
.sub_content{
display: none !important;
-
+
}
.donate{
display: block !important;
@@ -1971,7 +1971,7 @@ h2{
border-bottom:0px solid white !important;
}
}
-
+
.content{
padding:0;
border-top:1px solid rgba(255,255,255,0.2);
@@ -1990,18 +1990,18 @@ h2{
.home_link{
display:none !important;
}
-
+
}
-
-
-
-
+
+
+
+
}
}
.petition_form_inner{
padding:0;
-
+
}
.petition{
margin:0;
@@ -2011,35 +2011,35 @@ h2{
float:none;
}
.form{
-
+
margin:0;
}
}
.petition_large{ .petition_large_content{ .inner_left{
-
+
width:auto;
-
+
}
.inner_right{
-
+
width:auto;
-
+
}
}
}
-.donate_block{
-
+.donate_block{
+
.inner{
width:auto;
-
-
+
+
}
}
.columns{
-
+
width:auto !important;
float:none;
display:block;
@@ -2049,16 +2049,16 @@ h2{
width:auto !important;
float:none;
display:block;
-
- .inner{
+
+ .inner{
height:auto;
.img, .description{
width:auto !important;
float:none !important;
margin:0;
text-align:center;
-
-
+
+
}
.img{
margin-bottom:10px;
@@ -2070,7 +2070,7 @@ h2{
display:none;
}
.sub_content{
-
+
display:none;
}
@@ -2079,10 +2079,10 @@ h2{
padding-bottom:30px;
padding-top:0;
text-align:center;
-
-
+
+
a{
-
+
text-transform:uppercase;
color:white;
margin-left:5px;
@@ -2093,20 +2093,20 @@ h2{
background-size: auto 100%;
font-weight:500;
&:hover{
- background-color:darken($bg_color,5);
+ background-color:darken($bg_color,5);
}
-
-
-
-
-
- }
+
+
+
+
+
+ }
}
}
.donate_bottom{
display:none;
-
+
}
.active{
@@ -2115,20 +2115,20 @@ h2{
.breadcrumb{
margin:20px 25px;
-
+
color:rgba(150,150,150,1);
*{
-
+
color:rgba(150,150,150,1);
}
-
+
}
.photo_credits{
font-size:0.9em;
margin:20px 25px;
color:rgba(150,150,150,1);
-
+
}
.menu_item_content{
@@ -2136,19 +2136,19 @@ h2{
padding-bottom:50px;
position:relative;
p{
-
+
text-align:justify;
}
.center{
max-width:650px;
padding: 0 20px;
margin:auto;
-
-
-
+
+
+
}
-
-
+
+
}
@@ -2164,18 +2164,18 @@ h2{
}
}
.main_container{
-
+
max-width:1200px;
margin:auto;
overflow:hidden;
position:relative;
-
+
}
#logo_slider{
-
+
position:absolute;
top:90px;
left:50px;
@@ -2184,7 +2184,7 @@ h2{
}
.first_title{
-
+
h1{
margin-top:0;
color:$orange;
@@ -2194,7 +2194,7 @@ h2{
}
}
.menu_content_inner{
-
+
.inner{
background:white;
margin:20px;
@@ -2204,18 +2204,18 @@ h2{
}
&.index{
.menu_item_top{
-
-
+
+
//margin:20px;
margin-bottom:0;
-
+
margin-bottom:20px;
-
+
h1{
text-align:center;
left:20px;
}
-
+
.gradient{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 99%, rgba(0, 0, 0, 0.5) 100%);
height: 250px;
@@ -2223,11 +2223,11 @@ h2{
bottom: 0;
left: 0px;
right: 0px;
-
-
+
+
}
}
-
+
}
}
@@ -2241,48 +2241,48 @@ h1{
background:white;
padding: 10px;
margin-bottom:10px;
-
+
.inner{
-
-
+
+
}
}
.politique_message{
padding:30px 70px;
background:rgba(234,234,234,1);
-
-
+
+
//color:white;
.form{
-
+
font-weight:bold;
float:left;
width:300px;
-
-
-
-
+
+
+
+
}
-
-
+
+
.recipient_list{
background:white !important;
padding:5px;
font-weight:normal;
font-size:0.9em;
}
-
-
+
+
.message_container{
margin-left:320px;
position:relative;
-
+
.message{
padding:0 10px;
}
-
-
+
+
.gradient{
display:none;
position:absolute;
@@ -2291,34 +2291,34 @@ h1{
right:-10px;
background:gray;
height:150px;
-
+
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,eaeaea+88,eaeaea+100&0+0,1+87,1+100 */
background: -moz-linear-gradient(top, rgba(234,234,234,0) 0%, rgba(234,234,234,1) 87%, rgba(234,234,234,1) 88%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(234,234,234,0) 0%,rgba(234,234,234,1) 87%,rgba(234,234,234,1) 88%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(234,234,234,0) 0%,rgba(234,234,234,1) 87%,rgba(234,234,234,1) 88%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eaeaea', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
-
-
+
+
}
-
+
&.with_gradient{
.gradient{
display:block;
-
+
}
.message{
height:300px;
overflow:hidden;
-
+
}
}
-
+
}
-
-
-
+
+
+
.message{
-
+
}
.name{
font-size:1em;
@@ -2333,7 +2333,7 @@ h1{
background:white;
}
.send_button{
-
+
display:inline-block;
background:$orange !important;
padding: 5px 10px;
@@ -2357,41 +2357,41 @@ h1{
margin-bottom:3px;
background:#d3e7fa;
font-size:0.8em;
-
+
}
-
-
-
-
-
-
+
+
+
+
+
+
}
-
+
.content{
-
+
padding:0 10px;
border-top:1px solid gray;
padding-bottom:10px;
}
-
+
}
@media screen and (max-width:800px) {
-
+
.article_top h1, .menu_item_top h1{
font-size:30px;
bottom:10px;
-
+
}
}
@media screen and (max-width:600px) {
-
+
.article_top h1, .menu_item_top h1{
font-size:23px;
bottom:10px;
-
+
}
}
@@ -2411,7 +2411,7 @@ h1{
color:black;
}
background:transparent;
-
+
}
.search_send{
margin-left:-5px;
@@ -2420,7 +2420,7 @@ h1{
}
.petitions_large_view_container{
background:rgba(5, 5, 5, 0.03);
-
+
}
.petitions_large_view{
h4{
@@ -2430,7 +2430,7 @@ h1{
padding:10px 10px;
padding-bottom:15px;
text-align:center;
-
+
.petition_small{
display:block;
text-align:center;
@@ -2453,15 +2453,15 @@ h1{
#image_actu_albums{
-
+
.image_actu_album{
-
+
margin-bottom:20px;
-
+
padding:10px;
}
-
-
+
+
}
#slider_banner{
@@ -2469,7 +2469,7 @@ h1{
//margin-left:-10px;
//margin-right:-10px;
-
+
#clip_button{
border:2px solid white;
padding:8px 15px;
@@ -2480,33 +2480,33 @@ h1{
margin-bottom:10px;
margin-top:0px;
display:inline-block;
-
+
}
-
+
.bx-pager{
display:none;
}
-
+
.bx-wrapper{
margin:0 auto;
}
-
-
-
+
+
+
#slider_left{
max-width:75%;
float:left;
padding:20px;
box-sizing:border-box;
-
+
}
#slider_right{
width:25%;
position:absolute;
top:0;
right:0;
-
+
text-align:center;
background:white;
h1{
@@ -2514,9 +2514,9 @@ h1{
color:$orange;
}
.socials{
-
+
a{
-
+
width:1.2em;
line-height:1.2em;
font-size:1.2em;
@@ -2526,24 +2526,24 @@ h1{
color:white;
border-radius:50%;
margin:0 5px;
-
+
}
}
-
+
}
-
+
}
.shortcut_row{
margin:20px -10px;
-
+
.shortcut{
padding:0 10px;
width:33.33%;
float:left;
-
+
box-sizing:border-box;
-
+
.title{
font-family:$title_font;
color:white;
@@ -2557,14 +2557,14 @@ h1{
left:0;
.right_container{
position:absolute;top:0;bottom:0;right:-15px;width:20px;overflow:hidden;
-
+
.oblique{
position:absolute;top:-10px;left:-10px;width:20px;height:60px;overflow:hidden;background:rgba($orange, 0.9);
transform: rotate(16deg);
-
+
}
}
-
+
}
.inner{
position:relative;
@@ -2572,8 +2572,8 @@ h1{
background:center center no-repeat black;
background-size:100%;
background-size:cover;
-
-
+
+
}
}
@@ -2588,37 +2588,37 @@ h1{
width:33.33%;
float:left;
box-sizing:border-box;
-
+
.row{
.image_actu{
width:45%;
-
+
&.img_2{
width:55%;
}
}
-
+
}
-
+
.row_alternate{
.image_actu{
width:55%;
-
+
&.img_2{
width:45%;
}
}
-
+
}
-
+
.image_actus{
margin:-5px -5px;
-
+
.image_actu{
-
-
+
+
float:left;
-
+
.inner{
margin:5px;
background:center center no-repeat black;
@@ -2629,7 +2629,7 @@ h1{
}
}
.inner{
-
+
padding:20px;
background:$orange;
box-sizing:border-box;
@@ -2646,19 +2646,19 @@ h1{
.inner{
margin-left:10px;
background:white;
-
+
box-sizing:border-box;
padding:20px;
padding-bottom:10px;
}
}
-
-}
+
+}
.follow_row_container{
margin:20px 0;
padding:20px 0;
background:white;
-
+
}
.follow_row{
.left_follow{
@@ -2667,7 +2667,7 @@ h1{
min-height:400px;
background:black;
position:relative;
-
+
.title{
font-size:2em;
position:absolute;
@@ -2678,9 +2678,9 @@ h1{
bottom:0;
left:0;
right:0;
-
+
}
-
+
.gradient{
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 99%, rgba(0, 0, 0, 0.5) 100%);
height: 80px;
@@ -2688,36 +2688,36 @@ h1{
bottom: 0;
left: 0px;
right: 0px;
-
-
+
+
}
-
+
}
-
-
+
+
.right_follow{
width:78%;
float:left;
.inner{
margin:-10px;
margin-left:10px;
-
+
.element{
width:33.33%;
float:left;
-
-
+
+
}
.menu_itemlink_content{
margin:10px;
-
+
}
}
-
-
- }
-
-
+
+
+ }
+
+
}
@@ -2727,7 +2727,7 @@ h1{
max-width:100% !important;
}
.petitions_large_view .petition_small{
-
+
width:50%;
}
.no_mobile{
@@ -2736,26 +2736,26 @@ h1{
#slider_left{
float:none !important;
max-width:100% !important;
-
+
}
#slider_right{
float:none !important;
width:100% !important;
display:none;
margin-left: 0 !important;
-
+
}
-
+
.shortcut_row .shortcut{
float:none !important;
width:auto !important;
margin:20px !important;
-
-
+
+
}
.index_category .article_header .image{
margin-bottom:10px;
-
+
}
.home_image_actus{
float:none !important;
@@ -2763,22 +2763,22 @@ h1{
.inner{
margin-right:0 !important;
}
-
+
}
-
+
.home_articles{
float:none !important;
width:100% !important;
-
+
}
-
+
.left_follow{
float:none !important;
width:100% !important;
margin-bottom:20px;
-
+
}
-
+
.right_follow{
float:none !important;
width:100% !important;
@@ -2787,42 +2787,42 @@ h1{
}
.element{
width:50% !important;
-
+
}
-
+
}
-
-
+
+
}
.timeline_container{
-
+
.inner{
background:transparent;
}
}
.blog_content_show, .menu_content_inner{
-
+
a{
&:hover{
text-decoration:underline;
}
-
+
}
}
.newsletter_list{
-
+
padding:10px 20px;
margin-bottom:20px;
background:white;
padding-bottom:30px;
display:block;
-
-
+
+
h2{
margin-bottom:0;
}
@@ -2841,10 +2841,10 @@ a.newsletter_list{
border-left:5px solid $orange;
}
text-decoration:none !important;
-
+
span{
-
-
+
+
}
}
@@ -2854,13 +2854,13 @@ a.newsletter_list{
.partenaires_inner{
text-align:center;
a{
-
+
margin:auto 10px;
-
-
-
+
+
+
img{
-
+
max-height:90px;
background:white;
padding:15px;
@@ -2870,7 +2870,7 @@ a.newsletter_list{
margin:auto;
max-width:950px;
margin-bottom:80px;
-
+
}
}
@@ -2883,7 +2883,7 @@ a.newsletter_list{
text-transform:uppercase !important;
font-weight:900 !important;
font-size:17px !important;
-
+
a{
padding-left:10px;
padding-right:10px;
@@ -2891,13 +2891,13 @@ a.newsletter_list{
}
#menu_top_container{
-
+
#baseline{
position:absolute;
bottom:12px;
font-family:$sans_serif_font;
font-size:13px;
-
+
text-align:left;
left:110px;
line-height:14px;
@@ -2908,33 +2908,33 @@ a.newsletter_list{
#menu_top_container{
-
+
.menu_item_title{
margin-bottom:-10px;
h1{
display:none;
}
}
-
-
+
+
background:white;
z-index:60;
position:fixed;
top:0;
left:0;
right:0;
-
-
-
-
-
-
+
+
+
+
+
+
#menu{
position:relative;
right:0px;
z-index:100;
-
+
//box-shadow:0 0 15px rgba(0,0,0,0.3);
#logo{
@@ -2945,26 +2945,26 @@ a.newsletter_list{
z-index:100;
height:60px;
margin-left:5px;
-
-
-
+
+
+
display:block;
//height:60px;
-
+
}
-
-
-
+
+
+
font-size:1em;
text-align:right;
padding:10px 10px;
-
-
+
+
.sub_content{
font-size:0.9em;
color:white;
@@ -2979,18 +2979,18 @@ a.newsletter_list{
display:inline-block;
color:rgba(0,0,0,0.7);
padding:0 5px;
-
+
&:hover, &.active{
color:rgba(236,156,43,1);
-
-
+
+
}
-
+
}
}
}
-
+
}
.content{
position:absolute;
@@ -3001,22 +3001,22 @@ a.newsletter_list{
font-size:1.3em;
ul{
display:inline;
-
+
li{
list-style:none;
display:inline-block;
position:relative;
&:hover{
ul{display:block;}
-
+
}
-
+
}
-
-
-
+
+
+
}
-
+
a{
margin:0;
@@ -3024,24 +3024,24 @@ a.newsletter_list{
display: inline-block;
color:rgba(0,0,0,0.8);
text-decoration: none;
-
+
//font-size:18px;
position:relative;
-
+
padding: 5px 8px;
-
+
margin-right:0px;
-
+
&:hover, &.active{
color:rgba(236,156,43,1);
-
-
+
+
}
&:last-child{
@@ -3052,9 +3052,9 @@ a.newsletter_list{
}
.donate{
-
+
a{
-
+
text-transform:uppercase;
color:white;
margin-left:5px;
@@ -3065,31 +3065,31 @@ a.newsletter_list{
background-size: auto 100%;
font-weight:500;
&:hover{
- background-color:darken($bg_color,5);
+ background-color:darken($bg_color,5);
}
-
-
-
-
-
- }
+
+
+
+
+
+ }
}
-
+
}
-
+
}
-
-
-
-
-
-
+
+
+
+
+
+
&.move_top{
-
+
#baseline{
display:none;
-
+
}
.menu_item_title{
h1{
@@ -3097,38 +3097,38 @@ a.newsletter_list{
}
}
#menu {
-
-
+
+
.sub_content{
-
+
display:none;
}
-
+
#logo{
-
+
height:40px;
}
}
-
+
}
-
+
}
#label_home{
margin:0 -15px;
.row1{
-
+
float:left;
width:40%;
}
-
+
.row2{
-
+
float:left;
width:60%;
}
-
+
.label_panel{
background:white;
border:7px solid #29abe2;
@@ -3143,16 +3143,16 @@ a.newsletter_list{
padding:0;
padding-bottom:5px;
font-weight:bold;
-
+
}
-
-
+
+
&#home_label_1{
min-height:390px;
h2{
text-align:left;
-
+
}
font-family:$serif_font;
}
@@ -3162,12 +3162,12 @@ a.newsletter_list{
min-height:350px;
font-weight:bold;
min-height:390px;
-
+
h2{
text-align:left;
-
+
}
-
+
}
&#home_label_3{
border-color: #666666;
@@ -3175,65 +3175,65 @@ a.newsletter_list{
text-align:center;
font-weight:bold;
font-family:$serif_font;
-
+
h2{
-
+
padding-top:30px;
padding-left:30px;
}
-
-
+
+
}
-
+
#home_label_1_image_1{
width:55%;
position:absolute;
bottom:0;
left:-30px;
-
+
}
-
+
#home_label_1_image_2{
width:50%;
position:absolute;
bottom:20px;
right:10px;
-
+
}
-
-
+
+
#home_label_2_image_1{
width:40%;
position:absolute;
bottom:0;
left:0px;
-
+
}
-
+
#home_label_2_image_2{
width:60%;
position:absolute;
bottom:0px;
right:0px;
-
+
}
-
-
-
+
+
+
#home_label_3_image_1{
float:left;
-
+
margin:10px 0;
margin-left:20px;
height:190px;
margin-bottom:2px;
-
-
+
+
}
-
-
-
-
+
+
+
+
}
@@ -3248,22 +3248,22 @@ a.newsletter_list{
font-size:1.1em;
text-transform:uppercase;
padding:5px 10px;
-
-
-
-
-
-
-
+
+
+
+
+
+
+
}
#main{
-
+
padding-top:110px;
-
+
.inner{
max-width:1200px;
margin:auto;
-
+
}
}
@@ -3276,46 +3276,46 @@ a.newsletter_list{
padding-right:20px;
padding-left:15px;
}
-
+
.row2{
float:left;
width:50%;
box-sizing:border-box;
padding-left:20px;
padding-right:15px;
-
-
-
+
+
+
}
-
+
#home_actu_image_4{
float:right;
height:205px;
-
+
}
-
+
#home_actu_image_2{
-
+
float:right;
height:140px;
-
+
}
-
+
.content{
padding:15px;
}
-
-
+
+
.label_home_block{
-
+
margin:35px 0;
-
+
}
-
-
+
+
.label_home_block{
background:white;
-
+
h3{
color:#fe5021;
text-transform:uppercase;
@@ -3324,9 +3324,9 @@ a.newsletter_list{
padding:0;
padding-bottom:5px;
font-weight:900;
-
+
}
-
+
&.orange{
background:$orange;
color:white;
@@ -3334,10 +3334,10 @@ a.newsletter_list{
color:white;
}
}
-
+
}
-
-
+
+
.actus{
padding:20px;
border:7px solid $dark_orange;
@@ -3355,18 +3355,18 @@ a.newsletter_list{
text-transform:uppercase;
margin-bottom:5px;
border-bottom:1px dashed black;
-
-
+
+
}
-
+
}
-
-
+
+
.more_link{
-
+
text-transform:uppercase;
padding:5px 10px ;
-
+
background:$dark_orange;
color:white;
position:absolute;
@@ -3375,9 +3375,9 @@ a.newsletter_list{
font-weight:bold;
font-family:$sans_serif_font !important;
}
-
+
}
-
+
}
@@ -3388,32 +3388,32 @@ a.newsletter_list{
.inner{
max-width:1200px;
margin:auto;
-
+
}
-
+
img{
height:70px;
margin:10px 0;
-
-
+
+
}
-
-
+
+
}
.head{
-
+
h1{
-
+
color:$dark_orange;
display:inline-block;
padding:3px;
-
+
margin-bottom:4px;
font-weight:bold;
font-size:35px;
-
+
}
span{
@@ -3428,13 +3428,13 @@ a.newsletter_list{
.label_top_banner{
-
+
min-height:450px;
position:relative;
background:no-repeat center center;
background-size:100%;
background-size:cover;
-
+
.content{
position:absolute;
right:0;
@@ -3442,16 +3442,16 @@ a.newsletter_list{
text-align:right;
padding:20px;
h1{
-
+
color:$dark_orange;
background:white;
display:inline-block;
padding:3px;
-
+
margin-bottom:4px;
font-weight:bold;
font-size:35px;
-
+
}
span{
background:white;
@@ -3467,19 +3467,19 @@ a.newsletter_list{
.large_row1, .large_row2{
-
+
}
.large_row1{
float:left;
width:35%;
-
+
.label_panel{
h2{
font-size:20px !important;
}
}
-
+
}
.large_row2{
float:left;
@@ -3488,87 +3488,87 @@ a.newsletter_list{
.label_large_content{
background:white;
padding:10px;
-
-
+
+
.center{
max-width:630px;
}
h3{
margin-top:30px;
-
+
}
}
.notre_label{
#notre_label_panel_1{
border-color:#29abe2;
-
+
}
-
+
#notre_label_panel_2{
border-color:#7cb927;
-
+
}
-
+
#notre_label_panel_3{
border-color:#666666;
-
+
}
-
-
+
+
#notre_label_4{
float:left;
width:135px;
margin-right:15px;
}
-
-
+
+
#notre_label_5{
float:right;
width:190px;
margin-left:10px;
-
+
}
-
+
#notre_label_6{
float:left;
width:170px;
margin-right:20px;
-
+
}
-
-
-
-
-
+
+
+
+
+
.label_panel{
padding:0 !important;
margin:30px !important;
margin-left:0 !important;
font-size:0.90em;
-
+
color:rgba(0,0,0,0.9);
-
+
p{
-
+
line-height:1.2em;
-
+
}
-
-
+
+
.content{
padding:15px;
}
-
+
h2{
font-size:14px;
margin-bottom:-10px !important;
padding:0;
text-align:left;
}
-
-
+
+
}
-
+
.chiffre{
font-family:$cursive_font;
@@ -3579,9 +3579,9 @@ a.newsletter_list{
margin-bottom:-40px;
text-align:center;
}
-
-
-
+
+
+
}
.right{
text-align:right;
@@ -3589,8 +3589,8 @@ a.newsletter_list{
.serif_link{
font-family:$serif_font;
-
-
+
+
color:$dark_orange;
font-weight:600;
font-size:1.1em;
@@ -3607,7 +3607,7 @@ a.newsletter_list{
display:inline-block;
text-align:center;
font-weight:normal;
-
+
}
&:hover{
color:$dark_orange;
@@ -3616,7 +3616,7 @@ a.newsletter_list{
color:white;
}
}
-
+
}
@@ -3630,11 +3630,11 @@ a.newsletter_list{
//background:white;
//padding:0px 15px;
//z-index:10;
-
+
}
-
-
-
+
+
+
}
@@ -3648,8 +3648,10 @@ a.newsletter_list{
.right{
margin-bottom:20px;
}
-
-
+
+
}
+@media (max-width: 600px) {
+}
diff --git a/app/assets/stylesheets/public.scss b/app/assets/stylesheets/public.scss
index 92da5df..8603efe 100644
--- a/app/assets/stylesheets/public.scss
+++ b/app/assets/stylesheets/public.scss
@@ -51,23 +51,16 @@ body{
.bx-wrapper{
margin:0;
}
-
+
.bx-controls{
position:absolute;
bottom:40px;
left:0;
right:0;
-
+
}
-
+
.slide{
- .link_overlay{
- position:absolute;
- top:0;
- left:0;
- right:0;
- bottom:0;
- }
position:relative;
.description{
position:absolute;
@@ -75,14 +68,14 @@ body{
right:50px;
background:rgba(255,255,255,0.85);
width:590px;
-
+
}
.logo{
position:absolute;
top:30px;
left:30px;
width:135px;
-
+
}
.content{
text-decoration:none;
@@ -95,10 +88,10 @@ body{
text-transform:uppercase;
margin-top:0;
}
-
+
}
-
-
+
+
}
}
@@ -136,8 +129,8 @@ h1{
margin-top:0;
text-transform:uppercase;
font-weight:500;
-
-
+
+
}
#main_content{
@@ -168,44 +161,43 @@ h1{
h2{
color:white;
}
-
+
fieldset{
border:0;
padding:0;
margin:0;
-
+
}
-
+
table{
- width:600px !important;
max-width:100%;
border-collapse:collapse;
td{
padding-bottom:12px;
}
}
-
+
input, textarea{
box-sizing:border-box;
padding:12px 15px;
font-size:1em;
width:100%;
border:0;
-
-
+
+
}
.error{
color:red;
}
.submit{
- width:600px;
+ //width:600px;
max-width:100%;
text-align:right;
padding:14px 0;
padding-top:0px;
-
+
}
-
+
.btn{
border-color:white !important;
color:white;
@@ -229,7 +221,7 @@ h1{
padding:0;
margin:0;
}
-
+
#place,#contacts{
display:inline-block;
padding:25px 0;
@@ -237,7 +229,7 @@ h1{
color:rgba(0,0,0,0.6);
line-height:19px;
text-align:left;
-
+
}
#contacts{
padding-right:50px;
@@ -245,7 +237,7 @@ h1{
#place{
padding-right:35px;
}
-
+
#logos{
padding:15px 0;
float:left;
@@ -258,7 +250,7 @@ h1{
#actus{
padding:20px 0;
padding-bottom:50px;
-
+
.blog_img{
display:block;
margin:auto;
@@ -270,7 +262,7 @@ h1{
color:#2c4709;
font-weight:bold;
strong{
-
+
color:#00893f;
}
}
@@ -279,7 +271,7 @@ h1{
font-weight:500;
margin-bottom:-10px;
padding-bottom:0;
-
+
}
#left_actus{
float:right;
@@ -288,21 +280,26 @@ h1{
text-align:center;
}
}
-
+
#right_actus{
float:left;
width:38%;
}
-
+
}
+td {
+ width: 50%;
+ vertical-align: top;
+ padding-right: 6px;
+}
.actu{
.img{
float:left;
width:260px;
background:center center no-repeat;
-
+
}
.description{
margin-left:280px;
@@ -314,7 +311,7 @@ h1{
#bottom_actus{
background:#ececec;
padding:40px 0;
-
+
.breve{
width:30%;
margin:20px 1.5%;
@@ -324,7 +321,7 @@ h1{
h2{
background:no-repeat bottom left;
-
+
background-image:url('/bottom-lines.png');
background-size: 225px;
padding-top:20px;
@@ -333,8 +330,8 @@ h2{
margin-top:0;
text-transform:uppercase;
font-weight:500;
-
-
+
+
}
@@ -353,23 +350,23 @@ h2{
left:0;
right:0;
left:0;
-
+
min-height:250px;
-
+
background:black;
padding-top:0px;
-
-
- background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.25) 30%,rgba(0,0,0,0) 100%);
-
-
+
+
+ background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.25) 30%,rgba(0,0,0,0) 100%);
+
+
z-index:2;
color:white;
-
+
text-align:center;
-
+
a{
color:white;
text-decoration:none;
@@ -389,7 +386,7 @@ h2{
font-weight:500;
font-size:1.2em;
text-transform:uppercase;
-
+
}
.devis{
background:#f2930d;
@@ -401,7 +398,7 @@ h2{
color:black;
text-decoration:none;
font-size:1.2em;
-
+
.color{
height:1em;
width:5px;
@@ -409,13 +406,13 @@ h2{
top:2px;
background:black;
display:inline-block;
-
+
}
-
+
border-bottom:1px dashed rgba(0,0,0,0.9);
padding-bottom:10px;
margin-bottom:10px;
-
+
}
.product_icon{
text-align:center;
@@ -426,14 +423,14 @@ h2{
padding-bottom:30px;
}
#products{
-
+
a{
text-decoration:none;
}
h2{
background-position:center bottom;
text-align:center;
-
+
}
text-align:center;
img{
@@ -456,3 +453,240 @@ img{
max-width:100%;
}
+#menu_top {
+ .bars {
+ display: none;
+ }
+}
+
+#footer {
+ padding: 20px 10px !important;
+}
+
+@media screen and (max-width: 880px) {
+
+ //page d'accueil
+ #menu_top {
+ position: relative;
+ top: 0px;
+ left: 0;
+ right: 0;
+ left: 0;
+ min-height: 80px;
+ padding-top: 0px;
+ background: none !important;
+ z-index: 5;
+ color: white;
+ text-align: center;
+
+ }
+
+ #logo_fond{
+ position:absolute;
+ top:0;
+ left:0;
+ height: 90px;
+ z-index:3;
+ }
+
+ #logo_france_rurale {
+ width: 240px;
+ height: auto !important;
+ }
+
+ .menu {
+ display: none;
+ //display:block;
+ position:fixed;
+ top:0;
+ bottom: 50%;
+ right: 0;
+ left: 35%;
+ background: black;
+ opacity: 0.88;
+ padding: 14% !important;
+ a{
+ color: rgba(255, 255, 255, 1) !important;
+ display: block !important;
+ padding: 8px 10px !important;
+ font-size: 16px !important;
+ }
+ }
+
+ #menu_top {
+ .menu {
+ padding: 15% 5px !important;
+ text-align: left;
+ }
+ }
+
+ .article .description {
+ padding: 25px;
+ }
+
+ .bars {
+ display: block !important;
+ position: absolute;
+ right: 25px;
+ top: 12px;
+ font-size: 30px;
+ color: #8CBD3A;
+ z-index:3;
+ }
+
+ .slide_home_wrapper .description {
+ height: 0;
+ width: 80% !important;
+ position: absolute;
+ text-align: center;
+
+ #contentdescription {
+ display: none;
+ }
+
+ h3 {
+ font-size: 17px;
+ }
+
+ p {
+ font-size: 14px;
+ padding: 10px;
+ }
+ }
+
+ .content h3 {
+ background-color: rgba(255, 255, 255, 0.5);
+ position: absolute;
+ bottom: -30px;
+ padding: 20px;
+ font-size: 15px !important;
+ }
+
+ //blog
+
+ .blog_img {
+ float: none;
+ }
+
+ .actu .img {
+ float: none;
+ width: 100% !important;
+ padding: 10px;
+ }
+
+ .actu {
+ height: auto !important;
+ }
+
+ #actus h2 {
+ position: relative;
+ font-size: 12px !important;
+ padding: 40px;
+ text-align: center;
+ }
+
+ #left_actus {
+ width: 100% !important;
+
+ }
+
+ #right_actus {
+ width: 100% !important;
+ .description {
+ width: 100% !important;
+ position: absolute;
+ padding: 20px;
+ }
+ }
+
+ .article {
+
+ }
+ //nos magasins
+
+ .columns {
+ float: none;
+ }
+
+ span {
+ font-size: 14px;
+ }
+
+ .columns .span_6 {
+ padding-bottom: 30px;
+ }
+
+ .columns .span_9 {
+ width: auto !important;
+ padding: 0 30px;
+ }
+
+ //actu
+ #bottom_actus{
+ padding-left: 15px;
+ .breve {
+ float: none;
+ width: 90%;
+ }
+ }
+
+ //table
+ .formulairecontact {
+ width: 100% !important;
+ }
+
+ #contacts {
+ padding-bottom: 90px !important;
+ }
+
+ #sub_footer {
+ padding: 5px 0 !important;
+ text-align: center;
+ #logos {
+ padding: 20px;
+ }
+
+ img {
+ height: 70px !important;
+ }
+ }
+
+ table {
+ padding-left: 20px;
+ }
+
+
+ //pages
+
+ #main_content {
+ width: auto;
+ }
+
+ .span_6 {
+ img {
+ padding-bottom: 20px;
+ width: 100% !important;
+
+ }
+ }
+
+ .rea-gal {
+ text-align: center;
+ }
+
+ .columns.span_4 {
+ width: 100%;
+ }
+ .columns.span_3 {
+ width: auto !important;
+ margin-bottom: 5px;
+ }
+
+ .center_block {
+ .columns.span_4 {
+ width: 70%;
+ margin-top: 10px;
+ }
+ }
+
+}
diff --git a/app/assets/stylesheets/public/articles.css.scss b/app/assets/stylesheets/public/@old/articles.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/articles.css.scss
rename to app/assets/stylesheets/public/@old/articles.css.scss
diff --git a/app/assets/stylesheets/public/assurance.css.scss b/app/assets/stylesheets/public/@old/assurance.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/assurance.css.scss
rename to app/assets/stylesheets/public/@old/assurance.css.scss
diff --git a/app/assets/stylesheets/public/bottom.css.scss b/app/assets/stylesheets/public/@old/bottom.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/bottom.css.scss
rename to app/assets/stylesheets/public/@old/bottom.css.scss
diff --git a/app/assets/stylesheets/public/bottom2.css.scss b/app/assets/stylesheets/public/@old/bottom2.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/bottom2.css.scss
rename to app/assets/stylesheets/public/@old/bottom2.css.scss
diff --git a/app/assets/stylesheets/public/boutique.css.scss b/app/assets/stylesheets/public/@old/boutique.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/boutique.css.scss
rename to app/assets/stylesheets/public/@old/boutique.css.scss
diff --git a/app/assets/stylesheets/public/connexion.coffee b/app/assets/stylesheets/public/@old/connexion.coffee
similarity index 100%
rename from app/assets/stylesheets/public/connexion.coffee
rename to app/assets/stylesheets/public/@old/connexion.coffee
diff --git a/app/assets/stylesheets/public/don_tunnels.css.scss b/app/assets/stylesheets/public/@old/don_tunnels.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/don_tunnels.css.scss
rename to app/assets/stylesheets/public/@old/don_tunnels.css.scss
diff --git a/app/assets/stylesheets/public/dons.css.scss b/app/assets/stylesheets/public/@old/dons.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/dons.css.scss
rename to app/assets/stylesheets/public/@old/dons.css.scss
diff --git a/app/assets/stylesheets/public/dons2.css.scss b/app/assets/stylesheets/public/@old/dons2.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/dons2.css.scss
rename to app/assets/stylesheets/public/@old/dons2.css.scss
diff --git a/app/assets/stylesheets/public/dons3.css.scss b/app/assets/stylesheets/public/@old/dons3.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/dons3.css.scss
rename to app/assets/stylesheets/public/@old/dons3.css.scss
diff --git a/app/assets/stylesheets/public/forum.css.scss b/app/assets/stylesheets/public/@old/forum.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/forum.css.scss
rename to app/assets/stylesheets/public/@old/forum.css.scss
diff --git a/app/assets/stylesheets/public/gallery.css.scss b/app/assets/stylesheets/public/@old/gallery.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/gallery.css.scss
rename to app/assets/stylesheets/public/@old/gallery.css.scss
diff --git a/app/assets/stylesheets/public/label.css.scss b/app/assets/stylesheets/public/@old/label.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/label.css.scss
rename to app/assets/stylesheets/public/@old/label.css.scss
diff --git a/app/assets/stylesheets/public/label2.css.scss b/app/assets/stylesheets/public/@old/label2.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/label2.css.scss
rename to app/assets/stylesheets/public/@old/label2.css.scss
diff --git a/app/assets/stylesheets/public/label_site.scss b/app/assets/stylesheets/public/@old/label_site.scss
similarity index 100%
rename from app/assets/stylesheets/public/label_site.scss
rename to app/assets/stylesheets/public/@old/label_site.scss
diff --git a/app/assets/stylesheets/public/@old/layout.css.scss b/app/assets/stylesheets/public/@old/layout.css.scss
new file mode 100644
index 0000000..4037844
--- /dev/null
+++ b/app/assets/stylesheets/public/@old/layout.css.scss
@@ -0,0 +1,586 @@
+body{
+ padding:0px;
+ background: url('/assets/front/fond.jpg');
+
+
+}
+
+header#top{
+ display:block;
+
+
+ background: url('/assets/front/top.png') repeat-x;
+
+ img{
+ width:120px;
+ float:left;
+ margin:20px 50px;
+ }
+
+}
+
+navigation#first_nav{
+
+ margin-top:50px;
+ margin-right:20px;
+ float:right;
+
+
+ a{
+ display:inline-block;
+ padding:10px;
+ color:black;
+ }
+
+}
+
+#main, #sidebar{
+ margin-top:50px !important;
+
+}
+#main{
+
+
+
+ header{
+ h1{
+ margin-bottom:10px;
+ }
+
+ h2{
+ margin-top:0em;
+ margin-bottom:1em;
+ }
+
+ }
+
+ img{
+ max-width:100%;
+ }
+
+
+ article{
+ margin-bottom:3em;
+ border-top:2px solid #97bc4a;
+ padding-top:1em !important;
+ aside{
+ img{
+ display:none;
+ }
+
+ *{
+ display:inline;
+ }
+
+ }
+
+ }
+
+}
+
+#sidebar{
+ padding:0% 2%;
+
+
+ background:#97bc4a;
+
+ img{
+ margin:0.5em 0;
+ }
+
+
+ color:white;
+
+ h3,a{
+ color:white;
+ }
+
+}
+
+comment{
+
+ message{
+ padding:10px;
+
+ }
+
+ author{
+ float:left;
+ width:200px;
+ text-align:center;
+
+ p{
+ text-align:center;
+ margin:0px;
+
+ }
+
+ .img{
+ height:120px;
+ width:120px;
+ border-radius:50%;
+ overflow:hidden;
+ display:inline-block;
+
+ img{
+ height:120px;
+ }
+
+ }
+
+ }
+
+}
+
+.clear{
+ clear:both;
+}
+
+footer{
+ margin-top:100px;
+
+
+}
+
+
+
+@media only screen and (min-width: 0px) {
+
+ header#top{
+
+ img{
+ width:120px;
+
+ margin:20px 5%;
+ }
+
+ }
+
+ #main{
+ margin:auto;
+
+ max-width:800px;
+ width:90%;
+ }
+
+ #sidebar{
+ margin:auto;
+ padding:2% !important;
+ max-width:800px;
+ width:86%;
+
+ img{
+ margin:0.5em 0;
+ max-width:98%;
+ }
+
+ }
+
+
+ .img_with_legend{
+ position:relative;
+
+ figcaption{
+ margin-top:5px;
+ }
+
+ }
+
+
+}
+
+
+@media only screen and (min-width: 769px) {
+
+
+ #main{
+ margin-left:2%;
+
+
+ max-width:800px;
+ width:69%;
+ float:left;
+
+ padding:0px;
+
+
+ article{
+ padding:0px 6%;
+ }
+
+ }
+
+ #sidebar{
+ float:right;
+ width:23%;
+ padding-top:0px !important;
+ min-height:1000px;
+
+ img{
+ max-width:100%;
+ margin:0.5em 0;
+ }
+
+ }
+
+
+
+
+
+
+
+}
+
+
+@media only screen and (min-width: 950px) {
+
+
+ #main{
+ margin-left:5%;
+
+ width:64%;
+
+
+
+ }
+}
+
+@media only screen and (min-width: 1200px) {
+
+
+ #main{
+ margin-left:18%;
+
+ width:53%;
+
+
+ }
+
+ #sidebar{
+
+ padding-top:0em !important;
+ }
+
+
+
+ article{
+ position:relative;
+
+
+
+ aside{
+
+ display:block;
+ position:absolute;
+ left : -39%;
+
+ top:-2px;
+ padding-top:0em;
+ line-height:1.6em;
+ width:42%;
+
+ text-align:center;
+
+
+ p{
+ margin:0px;
+ display:block !important;
+ }
+
+ img{
+ display:block !important;
+ margin:auto;
+ border-radius:50%;
+ }
+
+ time{
+ display:block;
+
+ }
+
+ *{
+ text-align:center;
+
+ }
+
+ }
+
+ }
+
+
+ .img_with_legend{
+ position:relative;
+
+ figcaption{
+ display:block;
+ position:absolute;
+ left : -35%;
+ width:32%;
+ top:10px;
+
+ *{
+ text-align:right;
+
+ }
+
+ }
+
+ }
+
+
+
+}
+
+#comments{
+
+ .comment{
+ margin-bottom:3em;
+
+ aside{
+
+ img{
+ float:left;
+ margin:auto;
+ border-radius:50%;
+
+ }
+
+ }
+
+ blockquote{
+
+ text-align:justify !important;
+ border-color : #97bc4a;
+ min-height:3em;
+ padding-right:0px;
+
+ p{
+ text-align:justify !important;
+
+ }
+
+ }
+
+ .header, blockquote{
+ margin-left:100px;
+
+ }
+
+ .header{
+ font-size: 0.95em;
+ line-height:1.6em;
+
+ img{
+ display:none;
+ }
+
+ }
+
+ }
+
+}
+
+
+#comment_form{
+ background:#e4f1d5;
+ background-color:rgba(127,182,55,0.2);
+ padding:20px;
+ padding-bottom:35px;
+ margin:0px 0px 0px 0px;
+
+ h3{
+ margin-top:0px;
+ text-transform:uppercase;
+
+ }
+
+ input,textarea{
+ background:white;
+ background-color:rgba(255,255,255,0.8);
+ padding:1%;
+
+ }
+
+ textarea{
+ line-height:1.6em;
+
+ }
+
+ label{
+ display:inline-block;
+ min-width:90px;
+ padding:5px;
+
+ }
+
+ .submit{
+ float:right;
+ @include border-radius(10px);
+ margin-top:-16px;
+ cursor:pointer;
+
+ &:hover{
+ background:#97bc4a;
+ color:white;
+
+ }
+ padding:1% 2%;
+
+ }
+
+}
+
+
+
+
+
+//iPhone
+@media only screen and (max-width: 480px) {
+
+
+
+
+ body{
+ font-size:50%;
+
+ }
+
+
+
+
+}
+
+@media only screen and (max-width: 320px) {
+
+
+
+
+ body{
+ font-size:75%;
+
+ }
+
+
+
+
+}
+
+
+@media only screen and (max-width: 600px) {
+
+
+
+
+
+
+
+
+ header#top{
+
+ text-align:center;
+ img{
+ float:none;
+ display:block;
+ margin:auto;
+
+
+
+ }
+
+
+ navigation{
+ text-align:center;
+ float:none;
+ display:block;
+ margin-top:10px;
+
+
+ }
+
+
+
+ }
+
+
+
+ #comment_form{
+ margin:0px !important;
+ }
+
+ #comments{
+
+ .comment{
+
+ aside{
+
+ img{
+ float:left;
+ margin:auto;
+ border-radius:50%;
+ width:40px;
+ height:40px;
+
+ }
+
+ }
+
+
+ .header, blockquote{
+ margin-left:50px;
+
+ }
+ blockquote{
+ margin-left:10px;
+
+ }
+
+
+
+ }
+
+ }
+
+
+
+}
+
+
+footer{
+ display:block;
+ padding:1em;
+ font-size:0.95em;
+ line-height:1.4em;
+ border-top: #202020 2px solid;
+ border-bottom: #97BC4A 12px solid;
+ text-align:center;
+
+
+
+
+}
+
+
+
+#legals_large{
+ background:rgba(250,250,250,0.8);
+ position:fixed;
+ top:0px;
+ bottom:0px;
+ left:0px;
+ right:0px;
+ width:100%;
+ height:100%;
+ display:none;
+
+ .content{
+ background:rgba(250,250,250,0.95);
+ padding:10px 30px;
+ margin:auto;
+ width:90%;
+ max-width:600px;
+ border:1px solid gray;
+
+
+ }
+
+}
diff --git a/app/assets/stylesheets/public/@old/menu_item_link_contents.scss b/app/assets/stylesheets/public/@old/menu_item_link_contents.scss
new file mode 100644
index 0000000..6df03b0
--- /dev/null
+++ b/app/assets/stylesheets/public/@old/menu_item_link_contents.scss
@@ -0,0 +1,47 @@
+.menu_itemlink_content{
+ display:block;
+ height:300px;
+ padding:1px 0;
+ text-align:center;
+ position:relative;
+
+ .overlay{
+ position:absolute;
+ top:0;
+ left:0;
+ right:0;
+ bottom:0;
+ background:rgba(0,0,0,0.5);
+ opacity:0;
+
+ transition-duration:0.2s;
+
+ }
+ h4{
+ margin:0;
+ padding:10px;
+ display:inline-block;
+ color:white;
+ font-size:1.1em;
+ position:absolute;left:0;
+ right:0;
+ }
+
+ &:hover{
+ .overlay{
+ opacity:1;
+
+ }
+ h4{
+
+ color:white;
+
+ }
+ }
+}
+
+.admin{
+ .menu_itemlink_content{
+
+ margin:10px;
+ } }
diff --git a/app/assets/stylesheets/public/menus.css.scss b/app/assets/stylesheets/public/@old/menus.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/menus.css.scss
rename to app/assets/stylesheets/public/@old/menus.css.scss
diff --git a/app/assets/stylesheets/public/militer.scss b/app/assets/stylesheets/public/@old/militer.scss
similarity index 100%
rename from app/assets/stylesheets/public/militer.scss
rename to app/assets/stylesheets/public/@old/militer.scss
diff --git a/app/assets/stylesheets/public/new_home.css copy.scss b/app/assets/stylesheets/public/@old/new_home.css copy.scss
similarity index 94%
rename from app/assets/stylesheets/public/new_home.css copy.scss
rename to app/assets/stylesheets/public/@old/new_home.css copy.scss
index 6903350..b21ea95 100644
--- a/app/assets/stylesheets/public/new_home.css copy.scss
+++ b/app/assets/stylesheets/public/@old/new_home.css copy.scss
@@ -18,35 +18,35 @@
margin:auto;
max-width:1120px !important;
padding:0 40px;
-
+
.bx-viewport{
background:transparent;
-
-
+
+
}
.bx-prev{
top:auto;
left:auto;
bottom:20px;
right:80px;
-
+
}
.bx-next{
top:auto;
left:auto;
bottom:20px;
right:60px;
-
+
}
.bx-pager{
display:none;
}
}
-
+
.home_blog_article{
-
+
color:inherit;
-
+
.image{
width:50%;
height:340px;
@@ -54,12 +54,12 @@
background:no-repeat center center;
position:relative;
z-index:2;
-
+
}
.description_container{
margin-left:50%;
margin-top:60px;
-
+
.description{
position:relative;
left:-20px;
@@ -68,13 +68,13 @@
padding:40px 60px;
padding-left:80px;
margin-right:-20px;
-
-
+
+
h3{
color:$orange;
margin:0;
padding:0;
-
+
}
h2{
color:$dark_orange;
@@ -85,28 +85,28 @@
line-height:0.8em;
}
}
-
+
}
}
-
+
}
#home_image_actus{
background:black;
-
+
.image_actu{
-
-
+
+
float:left;
width:12.5%;
&.large{
width:12.5%;
-
+
}
&.medium{
width:12.5%;
-
+
}
.inner{
margin:0px;
@@ -120,9 +120,9 @@
}
}
}
-
+
.inner{
-
+
padding:20px;
background:$orange;
box-sizing:border-box;
@@ -141,8 +141,8 @@
.shortcut{
width:50%;
float:left;
-
-
+
+
.inner{
background:white;
margin:auto;
@@ -152,7 +152,7 @@
background:no-repeat center center;
background-size:cover;
}
-
+
.description{
padding:20px;
text-align:center;
@@ -162,7 +162,7 @@
line-height:0.8em;
margin-top:5px;
}
-
+
}
}
}
@@ -172,7 +172,7 @@
#home_petitions{
-
+
.more_link{
color:$orange;
&:hover{
@@ -180,7 +180,7 @@
cursor :pointer;
}
}
-
+
.sign_link{
margin-top:3em;
display: inline-block;
@@ -191,10 +191,10 @@
color: white;
cursor :pointer;
}
-
-
-
-
+
+
+
+
.bx-pager{
display:none;
}
@@ -205,22 +205,22 @@
.home_petition_large{
background: center center no-repeat ;
background-size:cover;
-
+
.inner{
color:black;
background:white;
max-width:750px;
margin:50px auto;
-
+
.description{
padding:20px;
height:220px;
.left{
-
+
width:60%;
float:left;
box-sizing:border-box;
-
+
}
.right{
padding:20px;
@@ -230,10 +230,10 @@
float:none;
}
}
-
-
+
+
}
-
+
}
@@ -256,19 +256,19 @@
.shortcut{
//width:32%;
//float:left;
-
-
+
+
.inner{
background:white;
margin:auto;
max-width:320px;
-
+
.image{
height:230px;
background:no-repeat center center;
background-size:cover;
}
-
+
.description{
padding:20px;
text-align:center;
@@ -279,28 +279,28 @@
line-height:0.8em;
margin-top:5px;
}
-
+
}
}
}
}
-
-
-
+
+
+
.bottom_container{
background:rgba(5,5,5,0.05) url('/logo_fade.png') no-repeat bottom right;
background-size:100px;
-
+
}
.bottom, .sub_bottom{
padding: 50px 60px;
-
-
+
+
padding-bottom:50px;
transition-duration:0.5s;
-
+
h4{
color:$orange;
a{
@@ -316,14 +316,14 @@
color:rgba(20,20,20,0.8);
margin:10px 0;
&:hover{
-
+
color:$orange;
}
}
}
}
.legals{
-
+
position:absolute;
bottom:20px;
left:50px;
@@ -336,22 +336,22 @@
}
.sub_bottom_container{
-
+
background:#323232;
}
.sub_bottom{
-
-
+
+
.email{
input{
display:block;
padding:5px;
font-size:1em;
color:black;
-
+
}
-
-
+
+
}
p{
max-width:80%;
@@ -369,7 +369,7 @@
font-weight:bold;
}
}
-
+
ul{
li{
margin-bottom:5px;
@@ -378,7 +378,7 @@
}
}
}
-
+
color:white;
*{
color:white;
@@ -386,32 +386,32 @@
}
.bottom_block{
position:fixed;
-
+
bottom:0;
right:10px;
-
+
}
-
-
+
+
#new_bottom{
-
+
.newsletter_bottom{
width:70%;
float:left;
border-right:1px solid rgba(255,255,255,0.8);
box-sizing:border-box;
padding:30px 0;
-
+
}
.socials_bottom{
width:30%;
float:left;
-
+
box-sizing:border-box;
padding:30px 0;
padding-left:20px;
-
+
}
.span_2{
width:20%;
@@ -428,10 +428,10 @@
margin-bottom:0;
color:rgba(255,255,255,0.9);;
}
-
+
ul{
padding:0;
-
+
}
li{
list-style:none;
@@ -441,38 +441,38 @@
border-top:1px solid rgba(255,255,255,0.8);
padding:30px 0;
}
-
-
+
+
#contact_bottom_row{
padding:30px 0;
-
+
}
}
-.bx-wrapper{
+.bx-wrapper{
.bx-next{
background-image:url('/bx/controls2.png');
-
-
+
+
}
.bx-prev{
background-image:url('/bx/controls2.png');
-
-
+
+
}
}
#home_follow_container{
-
+
position:relative;
.bx-wrapper{
position:static;
}
-
+
.main_container{
position:static;
}
-}
\ No newline at end of file
+}
diff --git a/app/assets/stylesheets/public/@old/new_home.css.scss b/app/assets/stylesheets/public/@old/new_home.css.scss
new file mode 100644
index 0000000..7e6aa5f
--- /dev/null
+++ b/app/assets/stylesheets/public/@old/new_home.css.scss
@@ -0,0 +1,325 @@
+
+
+
+ .bottom_container{
+ background:rgba(5,5,5,0.05) url('/logo_fade.png') no-repeat bottom right;
+ background-size:100px;
+
+ }
+
+ .bottom, .sub_bottom{
+ padding: 50px 60px;
+
+
+ padding-bottom:50px;
+ transition-duration:0.5s;
+
+ h4{
+ color:$orange;
+ a{
+ color:$orange;
+ }
+ margin:0px;
+ }
+ ul{
+ padding-left:5px;
+ li{
+ list-style:none;
+ a{
+ color:rgba(20,20,20,0.8);
+ margin:10px 0;
+ &:hover{
+
+ color:$orange;
+ }
+ }
+ }
+ }
+ .legals{
+
+ position:absolute;
+ bottom:20px;
+ left:50px;
+ a{
+ color:rgba(20,20,20,0.8);
+ font-size:0.9em;
+ }
+ opacity:0.6;
+ }
+ }
+
+ .sub_bottom_container{
+
+ background:#323232;
+ }
+ .sub_bottom{
+
+
+ .email{
+ input{
+ display:block;
+ padding:5px;
+ font-size:1em;
+ color:black;
+
+ }
+
+
+ }
+ p{
+ max-width:80%;
+ }
+ .btn{
+ color:white;
+ background:none;
+ border:1px solid white;
+ padding:5px 10px;
+ font-size:1em;
+ margin-top:5px;
+ background:$orange;
+ &:hover{
+ background:$orange;
+ font-weight:bold;
+ }
+ }
+
+ ul{
+ li{
+ margin-bottom:5px;
+ a{
+ color:white;
+ }
+ }
+ }
+
+ color:white;
+ *{
+ color:white;
+ }
+ }
+ .bottom_block{
+ position:fixed;
+
+ bottom:0;
+ right:10px;
+
+ }
+
+
+
+#new_bottom{
+ margin-top:20px;
+ .newsletter_bottom{
+ width:70%;
+ float:left;
+
+ box-sizing:border-box;
+ padding:20px 0;
+ padding-bottom:0;
+
+
+ #newsletter_form{
+ #registrant_email{
+ display: block;
+ box-sizing: border-box;
+ width: 200px;
+ padding: 5px;
+ font-size: 1em;
+ display: inline-block;
+ }
+
+ .btn{
+
+ padding: 4px 10px;
+ display: inline-block;
+ color: white;
+ background: orange;
+ border-color: transparent;
+ cursor:pointer;
+ }
+ .email{
+ display:inline;
+ }
+
+
+ }
+
+ }
+ .socials_bottom{
+ width:30%;
+ float:left;
+
+ box-sizing:border-box;
+ padding:20px 0;
+ padding-left:20px;
+ padding-bottom:0;
+
+ }
+ .span_2{
+ width:20%;
+ }
+ background:#002C52;
+ padding-bottom:60px;
+ color:#181818;
+ a{
+ color:#181818;
+ }
+ h4{
+ font-size:1.2em;
+ margin-top:0;
+ margin-bottom:0;
+ color:$orange;
+
+ a{
+ color:$orange;
+ }
+ }
+
+ ul{
+ padding:0;
+
+ }
+ li{
+ list-style:none;
+ }
+ #menu_bottom_row{
+
+ padding:30px 0;
+ padding-bottom:10px;
+ }
+
+
+ #contact_bottom_row{
+ padding:30px 0;
+ padding-top:10px;
+
+ }
+}
+
+
+.bx-wrapper{
+ .bx-next{
+ background-image:url('/bx/controls2.png');
+
+
+ }
+ .bx-prev{
+ background-image:url('/bx/controls2.png');
+
+
+ }
+
+}
+
+
+#home_follow_container{
+
+ position:relative;
+ .bx-wrapper{
+ position:static;
+ }
+
+ .main_container{
+ position:static;
+ }
+}
+
+
+
+
+
+
+
+#investigation_slider{
+
+ padding:0;
+
+
+}
+
+.investigation_container{
+ float:left;
+ width:33.33%;
+ box-sizing:border-box;
+// padding:0 15px;
+
+ position:relative;
+
+
+ #investigation_prev {
+ display:none;
+ }
+ #investigation_next {
+ display:none;
+ }
+ .bx-viewport{
+ background:transparent;
+ }
+
+
+ .investigations{
+
+ }
+ .investigation{
+
+ box-sizing:border-box;
+
+
+ background:transparent;
+ text-align:center;
+
+ &:first-child{
+ padding-bottom:30px;
+ }
+
+ }
+
+
+ .investigation_row{
+ display:none;
+
+ &.active{
+ display:block;
+ }
+ }
+
+}
+
+
+#newsletter_bandeau_home{
+ background:url('/bleu.jpg') no-repeat;
+ background-size:100%;
+ background-size:cover;
+ padding:30px 0;
+
+ .main_container{
+ max-width:800px;
+ }
+ table{
+ border-collapse:collapse;
+ width:100%;
+ }
+ .email{
+ display:inline;
+ input{
+ font-size:1em;
+ padding:5px 10px;
+ display:block;
+ width:100%;
+ box-sizing:border-box;
+ border:2px solid white;
+ }
+ }
+ .btn{
+ font-size:1em;
+ padding:5px 10px;
+ display:block;
+ width:100%;
+ box-sizing:border-box;
+ background:$orange;
+ color:white;
+ border:2px solid $orange;
+ text-transform:uppercase;
+ }
+
+}
diff --git a/app/assets/stylesheets/public/pages.css.scss b/app/assets/stylesheets/public/@old/pages.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/pages.css.scss
rename to app/assets/stylesheets/public/@old/pages.css.scss
diff --git a/app/assets/stylesheets/public/petitions.css.scss b/app/assets/stylesheets/public/@old/petitions.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/petitions.css.scss
rename to app/assets/stylesheets/public/@old/petitions.css.scss
diff --git a/app/assets/stylesheets/public/petitions.css.scss.old b/app/assets/stylesheets/public/@old/petitions.css.scss.old
similarity index 100%
rename from app/assets/stylesheets/public/petitions.css.scss.old
rename to app/assets/stylesheets/public/@old/petitions.css.scss.old
diff --git a/app/assets/stylesheets/public/press_release.css.scss b/app/assets/stylesheets/public/@old/press_release.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/press_release.css.scss
rename to app/assets/stylesheets/public/@old/press_release.css.scss
diff --git a/app/assets/stylesheets/public/print.css b/app/assets/stylesheets/public/@old/print.css
similarity index 100%
rename from app/assets/stylesheets/public/print.css
rename to app/assets/stylesheets/public/@old/print.css
diff --git a/app/assets/stylesheets/public/question_juridiques.css.scss b/app/assets/stylesheets/public/@old/question_juridiques.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/question_juridiques.css.scss
rename to app/assets/stylesheets/public/@old/question_juridiques.css.scss
diff --git a/app/assets/stylesheets/public/send_fourrure.scss b/app/assets/stylesheets/public/@old/send_fourrure.scss
similarity index 100%
rename from app/assets/stylesheets/public/send_fourrure.scss
rename to app/assets/stylesheets/public/@old/send_fourrure.scss
diff --git a/app/assets/stylesheets/public/slippry.css b/app/assets/stylesheets/public/@old/slippry.css
similarity index 100%
rename from app/assets/stylesheets/public/slippry.css
rename to app/assets/stylesheets/public/@old/slippry.css
diff --git a/app/assets/stylesheets/public/specific_map.css.scss b/app/assets/stylesheets/public/@old/specific_map.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/specific_map.css.scss
rename to app/assets/stylesheets/public/@old/specific_map.css.scss
diff --git a/app/assets/stylesheets/public/timeline.css.scss b/app/assets/stylesheets/public/@old/timeline.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/timeline.css.scss
rename to app/assets/stylesheets/public/@old/timeline.css.scss
diff --git a/app/assets/stylesheets/public/videos.css.scss b/app/assets/stylesheets/public/@old/videos.css.scss
similarity index 100%
rename from app/assets/stylesheets/public/videos.css.scss
rename to app/assets/stylesheets/public/@old/videos.css.scss
diff --git a/app/assets/stylesheets/public/layout.css.scss b/app/assets/stylesheets/public/layout.css.scss
index b4a981e..4037844 100644
--- a/app/assets/stylesheets/public/layout.css.scss
+++ b/app/assets/stylesheets/public/layout.css.scss
@@ -2,30 +2,30 @@ body{
padding:0px;
background: url('/assets/front/fond.jpg');
-
+
}
-header#top{
+header#top{
display:block;
-
+
background: url('/assets/front/top.png') repeat-x;
-
+
img{
width:120px;
float:left;
margin:20px 50px;
}
-
+
}
navigation#first_nav{
-
+
margin-top:50px;
margin-right:20px;
float:right;
-
-
+
+
a{
display:inline-block;
padding:10px;
@@ -39,26 +39,26 @@ navigation#first_nav{
}
#main{
-
-
-
- header{
+
+
+
+ header{
h1{
margin-bottom:10px;
}
-
+
h2{
margin-top:0em;
margin-bottom:1em;
}
-
+
}
-
+
img{
max-width:100%;
}
-
-
+
+
article{
margin-bottom:3em;
border-top:2px solid #97bc4a;
@@ -71,26 +71,26 @@ navigation#first_nav{
*{
display:inline;
}
-
+
}
}
-
+
}
-#sidebar{
+#sidebar{
padding:0% 2%;
-
-
+
+
background:#97bc4a;
-
+
img{
- margin:0.5em 0;
+ margin:0.5em 0;
}
-
-
+
+
color:white;
-
+
h3,a{
color:white;
}
@@ -101,31 +101,31 @@ comment{
message{
padding:10px;
-
+
}
-
+
author{
float:left;
width:200px;
text-align:center;
-
- p{
+
+ p{
text-align:center;
margin:0px;
}
-
+
.img{
height:120px;
width:120px;
border-radius:50%;
overflow:hidden;
display:inline-block;
-
+
img{
height:120px;
}
-
+
}
}
@@ -139,54 +139,54 @@ comment{
footer{
margin-top:100px;
-
+
}
@media only screen and (min-width: 0px) {
-
+
header#top{
-
+
img{
width:120px;
-
+
margin:20px 5%;
}
- }
-
- #main{
+ }
+
+ #main{
margin:auto;
-
+
max-width:800px;
width:90%;
}
-
+
#sidebar{
margin:auto;
padding:2% !important;
max-width:800px;
- width:86%;
-
+ width:86%;
+
img{
margin:0.5em 0;
- max-width:98%;
+ max-width:98%;
}
}
-
-
+
+
.img_with_legend{
position:relative;
-
+
figcaption{
- margin-top:5px;
+ margin-top:5px;
}
-
+
}
-
-
+
+
}
@@ -195,40 +195,40 @@ footer{
#main{
margin-left:2%;
-
-
+
+
max-width:800px;
width:69%;
float:left;
-
+
padding:0px;
-
-
+
+
article{
padding:0px 6%;
}
-
+
}
-
+
#sidebar{
float:right;
width:23%;
padding-top:0px !important;
min-height:1000px;
-
+
img{
max-width:100%;
- margin:0.5em 0;
+ margin:0.5em 0;
}
}
-
-
-
-
-
+
+
+
+
+
}
@@ -239,9 +239,9 @@ footer{
margin-left:5%;
width:64%;
-
-
-
+
+
+
}
}
@@ -252,12 +252,12 @@ footer{
margin-left:18%;
width:53%;
-
-
+
+
}
#sidebar{
-
+
padding-top:0em !important;
}
@@ -265,11 +265,11 @@ footer{
article{
position:relative;
-
-
- aside{
-
+
+
+ aside{
+
display:block;
position:absolute;
left : -39%;
@@ -278,73 +278,73 @@ footer{
padding-top:0em;
line-height:1.6em;
width:42%;
-
+
text-align:center;
-
-
+
+
p{
margin:0px;
display:block !important;
}
-
+
img{
display:block !important;
margin:auto;
- border-radius:50%;
- }
-
- time{
- display:block;
-
+ border-radius:50%;
}
- *{
+ time{
+ display:block;
+
+ }
+
+ *{
text-align:center;
}
-
+
}
}
-
-
+
+
.img_with_legend{
position:relative;
-
+
figcaption{
display:block;
position:absolute;
- left : -35%;
+ left : -35%;
width:32%;
top:10px;
-
- *{
+
+ *{
text-align:right;
- }
-
+ }
+
}
-
- }
-
-
-
+
+ }
+
+
+
}
#comments{
.comment{
margin-bottom:3em;
-
+
aside{
-
+
img{
float:left;
- margin:auto;
+ margin:auto;
border-radius:50%;
-
+
}
-
+
}
blockquote{
@@ -353,27 +353,27 @@ footer{
border-color : #97bc4a;
min-height:3em;
padding-right:0px;
-
+
p{
text-align:justify !important;
-
+
}
-
+
}
-
- .header, blockquote{
+
+ .header, blockquote{
margin-left:100px;
}
-
+
.header{
font-size: 0.95em;
line-height:1.6em;
-
+
img{
- display:none;
- }
-
+ display:none;
+ }
+
}
}
@@ -387,32 +387,32 @@ footer{
padding:20px;
padding-bottom:35px;
margin:0px 0px 0px 0px;
-
+
h3{
margin-top:0px;
text-transform:uppercase;
}
-
+
input,textarea{
background:white;
background-color:rgba(255,255,255,0.8);
padding:1%;
-
+
}
-
+
textarea{
line-height:1.6em;
-
+
}
-
+
label{
display:inline-block;
min-width:90px;
padding:5px;
}
-
+
.submit{
float:right;
@include border-radius(10px);
@@ -422,10 +422,10 @@ footer{
&:hover{
background:#97bc4a;
color:white;
-
+
}
padding:1% 2%;
-
+
}
}
@@ -437,111 +437,111 @@ footer{
//iPhone
@media only screen and (max-width: 480px) {
-
+
body{
font-size:50%;
-
+
}
-
-
-
-
+
+
+
+
}
@media only screen and (max-width: 320px) {
-
+
body{
font-size:75%;
-
+
}
-
-
-
-
+
+
+
+
}
@media only screen and (max-width: 600px) {
-
-
-
-
-
+
+
+
+
+
header#top{
-
+
text-align:center;
img{
float:none;
display:block;
margin:auto;
-
-
-
+
+
+
}
-
-
+
+
navigation{
text-align:center;
float:none;
display:block;
margin-top:10px;
-
-
+
+
}
-
-
-
+
+
+
}
-
-
-
+
+
+
#comment_form{
margin:0px !important;
}
-
+
#comments{
.comment{
-
+
aside{
-
+
img{
float:left;
- margin:auto;
+ margin:auto;
border-radius:50%;
width:40px;
height:40px;
-
+
}
-
+
}
-
- .header, blockquote{
+
+ .header, blockquote{
margin-left:50px;
}
- blockquote{
+ blockquote{
margin-left:10px;
}
-
-
+
+
}
}
-
-
-
+
+
+
}
@@ -553,8 +553,8 @@ footer{
border-top: #202020 2px solid;
border-bottom: #97BC4A 12px solid;
text-align:center;
-
-
+
+
}
@@ -571,7 +571,7 @@ footer{
width:100%;
height:100%;
display:none;
-
+
.content{
background:rgba(250,250,250,0.95);
padding:10px 30px;
@@ -579,8 +579,8 @@ footer{
width:90%;
max-width:600px;
border:1px solid gray;
-
-
+
+
}
}
diff --git a/app/assets/stylesheets/public/new_home.css.scss b/app/assets/stylesheets/public/new_home.css.scss
index 0fb2803..7e6aa5f 100644
--- a/app/assets/stylesheets/public/new_home.css.scss
+++ b/app/assets/stylesheets/public/new_home.css.scss
@@ -1,19 +1,19 @@
-
-
+
+
.bottom_container{
background:rgba(5,5,5,0.05) url('/logo_fade.png') no-repeat bottom right;
background-size:100px;
-
+
}
.bottom, .sub_bottom{
padding: 50px 60px;
-
-
+
+
padding-bottom:50px;
transition-duration:0.5s;
-
+
h4{
color:$orange;
a{
@@ -29,14 +29,14 @@
color:rgba(20,20,20,0.8);
margin:10px 0;
&:hover{
-
+
color:$orange;
}
}
}
}
.legals{
-
+
position:absolute;
bottom:20px;
left:50px;
@@ -49,22 +49,22 @@
}
.sub_bottom_container{
-
+
background:#323232;
}
.sub_bottom{
-
-
+
+
.email{
input{
display:block;
padding:5px;
font-size:1em;
color:black;
-
+
}
-
-
+
+
}
p{
max-width:80%;
@@ -82,7 +82,7 @@
font-weight:bold;
}
}
-
+
ul{
li{
margin-bottom:5px;
@@ -91,7 +91,7 @@
}
}
}
-
+
color:white;
*{
color:white;
@@ -99,25 +99,25 @@
}
.bottom_block{
position:fixed;
-
+
bottom:0;
right:10px;
-
+
}
-
-
+
+
#new_bottom{
margin-top:20px;
.newsletter_bottom{
width:70%;
float:left;
-
+
box-sizing:border-box;
padding:20px 0;
padding-bottom:0;
-
-
+
+
#newsletter_form{
#registrant_email{
display: block;
@@ -127,9 +127,9 @@
font-size: 1em;
display: inline-block;
}
-
+
.btn{
-
+
padding: 4px 10px;
display: inline-block;
color: white;
@@ -140,20 +140,20 @@
.email{
display:inline;
}
-
-
+
+
}
-
+
}
.socials_bottom{
width:30%;
float:left;
-
+
box-sizing:border-box;
padding:20px 0;
padding-left:20px;
padding-bottom:0;
-
+
}
.span_2{
width:20%;
@@ -169,56 +169,56 @@
margin-top:0;
margin-bottom:0;
color:$orange;
-
+
a{
color:$orange;
}
}
-
+
ul{
padding:0;
-
+
}
li{
list-style:none;
}
#menu_bottom_row{
-
+
padding:30px 0;
padding-bottom:10px;
}
-
-
+
+
#contact_bottom_row{
padding:30px 0;
padding-top:10px;
-
+
}
}
-.bx-wrapper{
+.bx-wrapper{
.bx-next{
background-image:url('/bx/controls2.png');
-
-
+
+
}
.bx-prev{
background-image:url('/bx/controls2.png');
-
-
+
+
}
}
#home_follow_container{
-
+
position:relative;
.bx-wrapper{
position:static;
}
-
+
.main_container{
position:static;
}
@@ -226,14 +226,14 @@
-
+
#investigation_slider{
padding:0;
-
+
}
@@ -245,7 +245,7 @@
position:relative;
-
+
#investigation_prev {
display:none;
}
@@ -255,34 +255,34 @@
.bx-viewport{
background:transparent;
}
-
+
.investigations{
}
.investigation{
-
+
box-sizing:border-box;
-
-
+
+
background:transparent;
text-align:center;
-
+
&:first-child{
padding-bottom:30px;
}
-
+
}
-
-
+
+
.investigation_row{
display:none;
-
+
&.active{
display:block;
}
}
-
+
}
@@ -291,7 +291,7 @@
background-size:100%;
background-size:cover;
padding:30px 0;
-
+
.main_container{
max-width:800px;
}
@@ -321,5 +321,5 @@
border:2px solid $orange;
text-transform:uppercase;
}
-
+
}
diff --git a/app/views/layouts/public.html.haml b/app/views/layouts/public.html.haml
index 802d15f..4459031 100644
--- a/app/views/layouts/public.html.haml
+++ b/app/views/layouts/public.html.haml
@@ -36,46 +36,46 @@
-
+
%meta{:name=>"viewport", :content=>"width=device-width,initial-scale=1"}
%meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
%meta{ :"name" => "Description", :content => @description }
- %meta{ :"name" => "Keywords", :content => @keywords }
+ %meta{ :"name" => "Keywords", :content => @keywords }
-if @facebook_img
=raw ''
=raw ''
-
+
=raw ''
-
-
-
-
+
+
+
+
=raw ''
-
-
-
-
+
+
+
+
-@img_size = FastImage.size('http://payresas.fr'+@facebook_img.to_s)
-
+
-if @img_size and @img_size.size > 0
=raw ''
=raw ''
-
+
= javascript_include_tag "public"
-
- = csrf_meta_tag
+
+ = csrf_meta_tag
=render :partial => "public/shared/ga"
-
+
= stylesheet_link_tag 'public', :media => :all
-
+
=javascript_include_tag "https://maps.googleapis.com/maps/api/js?libraries=places,geometry&sensor=false"
-
-
-
+
+
+
%body
-if !current_admin
@@ -84,15 +84,15 @@
%br
#actus
.center
- #left_actus{:style => "width:100%;float:none"}
+ #left_actus
=image_tag("/blog.png", :class => "blog_img")
%h2
- Notre nouveau site sera en ligne
+ Notre nouveau site sera en ligne
%strong dans quelques jours
.clear
%br
%br
-
+
@@ -152,24 +152,19 @@
-
-
- -else
-
+
+
+ -else
+
=link_to image_tag("/logo-fond.png", :id => "logo_fond"), "/"
- -if @menu_item and @menu_item.id == 1
+ -if @menu_item and @menu_item.id == 1 #SI PAGE D'ACCUEIL
.slide_home_wrapper
-
-
- #menu_top
- =link_to image_tag("/logo-france-rurale-fond.png", :id => "logo_france_rurale"), "/"
- .menu
-
- =render :partial => "public/shared/first_menu"
-
-
-
-
+
+ =render :partial => "public/shared/menu_top"
+
+
+
+
.slide_home.slider
-@home_slider = HomeSlider.find_by_slug("home")
@@ -182,36 +177,37 @@
-@home_slides_simu = @home_slides_simu.joins(:lang_sites).where("lang_sites.id = ?", @lang.id)
-@home_slides_simu.each do |home_slider_slide|
-if home_slider_slide.image_file
-
+
%div.with_ratio.slide{:style => "background-image:url('#{home_slider_slide.image_file.file.large.url}');background-size:100%;background-size:cover;", :data => {:ratio => 0.45}}
=link_to home_slider_slide.url.to_s, :target => ("_blank" if home_slider_slide.popup) do
.link_overlay
.description.vertical_center
=link_to home_slider_slide.url.to_s, :target => ("_blank" if home_slider_slide.popup) do
-
-
-
+
+
+
-if home_slider_slide.titre2?
.sub_title=home_slider_slide.titre2
-elsif home_slider_slide.article
.sub_title
-if home_slider_slide.article.category
-
+
-cats = []
-home_slider_slide.article.categories.uniq.each do |cat|
-cats << cat.lang(I18n.locale.to_s).name
=cats.join(", ")
-
+
%span.sep
="|"
=l(home_slider_slide.article.published_at, :format => :human_date)
.content
%h3=home_slider_slide.titre1
- =home_slider_slide.description1
-
-
-
-
+ #contentdescription
+ =home_slider_slide.description1
+
+
+
+
:javascript
$(document).ready(function(){
@@ -221,20 +217,16 @@
prevText: '<'
});
});
-
+
-else
.slide_home_wrapper.with_ratio{:style => "background-image:url('#{@img_url}');", :data => {:ratio => 0.35}}
-
-
- #menu_top
- =link_to image_tag("/logo-france-rurale-fond.png", :id => "logo_france_rurale"), "/"
- .menu
-
- =render :partial => "public/shared/first_menu"
-
+
+
+ =render :partial => "public/shared/menu_top"
+
-if @menu_item and @menu_item.id == 1
-
-
+
+
-else
#main_content=yield
-if @menu_item and @menu_item.id == 1
@@ -246,40 +238,40 @@
LE JARDIN AU FIL DES MOIS
%strong
="/ Notre Blog"
-
-
- -Article.before(Time.now).recents.limit(3).each do |article|
- -lang_article = article.lang_articles.find_by_lang_site_id(@lang.id)
- -if article.image_file
- -img_url = article.image_file.file.large.medium.url
- %div{:class => "actu"}
+
+ .article
+ -Article.before(Time.now).recents.limit(3).each do |article|
+ -lang_article = article.lang_articles.find_by_lang_site_id(@lang.id)
+ -if article.image_file
+ -img_url = article.image_file.file.large.medium.url
+ %div{:class => "actu"}
- .img.with_ratio{:style => "background-image:url('#{img_url}');background-size:100%;background-size:cover;", :data => {:ratio => 0.62}}
+ .img.with_ratio{:style => "background-image:url('#{img_url}');background-size:100%;background-size:cover;", :data => {:ratio => 0.62}}
.description
%h3= lang_article.title
-
+
=simple_format lang_article.description
-
+
.cta
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug), :class => "btn", :target => "_blank" do
=qit("Lire l'article")
>
.clear
-
-
-
+
+
+
#right_actus
.blog_img
%h2
- L’actualité de nos
+ L’actualité de nos
%strong jardinerie
-
+
-@breves_rss[0..10].each do |article|
=link_to "https://groupe-payre.fr"+article["url"].to_s, :target => "_blank", :style => "text-decoration:none;" do
%div{:class =>"breve"}
@@ -288,15 +280,15 @@
="-"
= article['title']
.clear
-
+
#main=yield
-
-
+
+
#bottom_actus
.center
%h2
L’actualité du groupe Payre
-
+
.actus{:style => "margin:0 -1.5%"}
-@articles_rss[0..2].each do |article|
=link_to "https://groupe-payre.fr"+article["url"].to_s, :target => "_blank", :style => "text-decoration:none;" do
@@ -306,12 +298,12 @@
="-"
= article['title']
.clear
-
+
#footer
.center
%h2
Nous contacter
-
+
-@contact = @contact || Contact.new(:provenance_id => 5)
.contact_form.contact_militer#form
@@ -322,16 +314,16 @@
#logos
=link_to "https://payreagriculture.fr", :target => "_blank" do
=image_tag "/payre-agriculture.png"
-
+
=link_to "https://payreenergies.fr", :target => "_blank" do
=image_tag "/payre-energies.png"
-
+
=link_to "https://payremaintenance.fr", :target => "_blank" do
=image_tag "/payre-maintenance.png"
-
+
=link_to "http://payrejardinerie.fr/", :target => "_blank" do
=image_tag "/payre-jardinerie.png"
-
+
#place
%p
SAS PAYRE
@@ -340,7 +332,7 @@
%br
38430 MOIRANS
#contacts
-
+
%p
=ic :phone
04 76 35 31 69
@@ -351,10 +343,10 @@
=link_to "mailto:contact@ets-payre.fr" do
=ic :"envelope-o"
contact@ets-payre.fr
-
+
.clear
-
-
+
+
:javascript
resize()
-
+
diff --git a/app/views/public/contacts/_form.html.haml b/app/views/public/contacts/_form.html.haml
index f687987..b10e521 100755
--- a/app/views/public/contacts/_form.html.haml
+++ b/app/views/public/contacts/_form.html.haml
@@ -1,45 +1,45 @@
+.formulairecontact
+ - @contact = @contact || Contact.new(:provenance_id => 5)
+ =semantic_form_for [:public, @contact], :remote => true do |f|
+ =f.inputs do
-- @contact = @contact || Contact.new(:provenance_id => 5)
-=semantic_form_for [:public, @contact], :remote => true do |f|
- =f.inputs do
-
- =f.hidden_field :provenance_id
-
-
- %table{:style => "border-collapse:collapse;width:100%;"}
- %tr
-
- %td{:style => "width:50%;vertical-align:top;padding-right:6px;"}
-
- =f.input :name, :label => false, :placeholder => qit("contact nom","Nom*")
-
- %td{:style => "width:50%;vertical-align:top;padding-left:6px;"}
- =f.input :firstname, :label => false, :placeholder => qit("contact prenom","Prénom*")
+ =f.hidden_field :provenance_id
- %tr
- %td{:colspan => 2}
- =f.input :corporate, :label => false, :placeholder => qit("contact organisation","Organisation*")
+ %table
+ %tr
+
+ %td
+
+ =f.input :name, :label => false, :placeholder => qit("contact nom","Nom*")
+
+ %td{:style => "width:50%;vertical-align:top;padding-left:6px;"}
+ =f.input :firstname, :label => false, :placeholder => qit("contact prenom","Prénom*")
+
+
+ %tr
+ %td{:colspan => 2}
+ =f.input :corporate, :label => false, :placeholder => qit("contact organisation","Organisation*")
+
+ %tr
+
+ %td
+ =f.input :email, :label => false , :placeholder =>"Email"
+ %td
+ =f.input :phone, :label => false, :placeholder => qit("contact tel","Téléphone")
+ %tr
+ %td{:colspan => 2}
+ =f.input :message, :label =>false , :placeholder => "Message"
+
+
+
+ .submit
+ =f.submit "Envoyer", :class => "btn"
+
+
+
+
+
+
+ .clear
- %tr
-
- %td{:style => "width:50%;vertical-align:top;padding-right:6px;"}
- =f.input :email, :label => false , :placeholder =>"Email"
- %td{:style => "width:50%;vertical-align:top;padding-left:6px;"}
- =f.input :phone, :label => false, :placeholder => qit("contact tel","Téléphone")
- %tr
- %td{:colspan => 2}
- =f.input :message, :label =>false , :placeholder => "Message"
-
-
-
- .submit
- =f.submit "Envoyer", :class => "btn"
-
-
-
-
-
-
- .clear
-
\ No newline at end of file
diff --git a/app/views/public/shared/_home.html.haml b/app/views/public/shared/_home.html.haml
index 9358661..c69088e 100644
--- a/app/views/public/shared/_home.html.haml
+++ b/app/views/public/shared/_home.html.haml
@@ -13,7 +13,7 @@
-if home_slider_slide.image_file
=link_to home_slider_slide.url.to_s, :target => ("_blank" if home_slider_slide.popup) do
%div.with_ratio.slide{:style => "background-image:url('#{home_slider_slide.image_file.file.large.url}');background-size:100%;background-size:cover;", :data => {:ratio => 0.28}}
-
+
.description.vertical_center
%h3
-if home_slider_slide.article
@@ -21,31 +21,31 @@
=lang_article.title
-else
=home_slider_slide.titre1
-
+
-if home_slider_slide.titre2?
.sub_title=home_slider_slide.titre2
-elsif home_slider_slide.article
.sub_title
-if home_slider_slide.article.category
-
+
-cats = []
-home_slider_slide.article.categories.uniq.each do |cat|
-cats << cat.lang(I18n.locale.to_s).name
=cats.join(", ")
-
+
%span.sep
="|"
=l(home_slider_slide.article.published_at, :format => :human_date)
.date
=home_slider_slide.description1
-
+
.btn
=home_slider_slide.cta_text
-
-
-
-
-
+
+
+
+
+
:javascript
$(document).ready(function(){
@@ -54,7 +54,7 @@
prevText: '<'
});
});
-
+
@@ -74,20 +74,20 @@
.angle{:onclick => ""}
=ic :"angle-right"
.slider_breve
-
-
+
+
-@home_slides_simu.each do |home_slider_slide|
-
+
=link_to home_slider_slide.url.to_s, :target => ("_blank" if home_slider_slide.popup) do
-
+
.inner
.description
%h3.bclamp{:style => ""}=home_slider_slide.titre1
-
-
-
-
-
+
+
+
+
+
-@articles = Article.before(Time.now).recents.joins(:lang_articles).where("lang_articles.enabled = 1 and lang_articles.lang_site_id = ?", @lang.id).limit(6)
@@ -103,36 +103,36 @@
-img_url = "https://payreagri.quartz.xyz"+article.image_file.file.large.medium.url
-else
-img_url = ""
-
+
.desktop_inline
.home_article_header
.img.with_ratio{:style => "background: black center center;background-image:url('#{img_url}');position:relative;background-size:cover;", :data => {:ratio => 0.62}}
.description
-
+
%h2= lang_article.title
-
+
.date
%hr
=l article.published_at, :format => "%d/%m/%Y"
%span.sep
="|"
=l article.published_at, :format => "%H:%M"
-
+
.cat
-cats = []
-article.categories.uniq.each do |cat|
-cats << link_to(cat.lang(I18n.locale.to_s).name, category_public_article_path(:lang => @lang.slug,:slug => cat.lang(I18n.locale.to_s).slug), :title => "Articles de la catégorie \""+cat.lang(I18n.locale.to_s).name.to_s+'"')
=raw cats.join(", ")
-
-
+
+
=simple_format lang_article.description.truncate(160, separator: ' ')
.cta
- =link_to qit("Lire l'article"), article_path(:slug => lang_article.slug, :lang => @lang.slug), :class => "btn"
+ =link_to qit("Lire l'article"), article_path(:slug => lang_article.slug, :lang => @lang.slug), :class => "btn"
.clear
-
+
.row.home_article_sub_headers
.mobile_inline
-@articles[0..0].each do |article|
@@ -152,26 +152,26 @@
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
%h2= lang_article.title
.description
-
+
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
-
+
.date
-
+
=l article.published_at, :format => "%d/%m/%Y"
%span.sep
="|"
=l article.published_at, :format => "%H:%M"
-
+
.cat
-cats = []
-article.categories.uniq.each do |cat|
-cats << link_to(cat.lang(I18n.locale.to_s).name, category_public_article_path(:lang => @lang.slug,:slug => cat.lang(I18n.locale.to_s).slug), :title => "Articles de la catégorie \""+cat.lang(I18n.locale.to_s).name.to_s+'"')
=raw cats.join(", ")
-
+
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
=simple_format lang_article.description.truncate(160, separator: ' ')
-
+
-@articles[1..2].each do |article|
-lang_article = article.lang_articles.find_by_lang_site_id(@lang.id)
-img_url = ""
@@ -189,17 +189,17 @@
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
%h2= lang_article.title
.description
-
+
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
-
+
.date
-
+
=l article.published_at, :format => "%d/%m/%Y"
%span.sep
="|"
=l article.published_at, :format => "%H:%M"
-
+
.cat
-cats = []
-article.categories.uniq.each do |cat|
@@ -207,13 +207,13 @@
=raw cats.join(", ")
=link_to article_path(:slug => lang_article.slug, :lang => @lang.slug) do
=simple_format lang_article.description.truncate(160, separator: ' ')
-
-
+
+
.columns.span_4.last-child
=link_to "/#{I18n.locale.to_s}/blog.html" do
.blog_encart
=image_tag "/logo_blog.png"
-
+
%h3 Blog
.home_article_more
=link_to "/#{I18n.locale.to_s}/blog.html" do
@@ -226,15 +226,15 @@
%span.sep
>
.clear
-
-
+
+
-@menu_item_combat = MenuItem.find(260)
-if @lang.slug == "fr"
.home_nos_combats
%h1= @menu_item_combat.menu_content.lang_pages.find_by_lang_site_id(@lang.id).title
%p.desc
= @menu_item_combat.menu_content.lang_pages.find_by_lang_site_id(@lang.id).description
-
+
.inner_combats
-i = 0
-MenuItem.where(:parent_id => @menu_item_combat.id).order(:position).each do |menu_item|
@@ -244,13 +244,13 @@
-name = menu_item_lang.name
-
+
-img_url = ""
-if menu_item.image_file
-
- -img_url = menu_item.image_file.file.large.medium.url
+
+ -img_url = menu_item.image_file.file.large.medium.url
-if menu_item.image_file and menu_item.image_file.photograph
-@page_images_credits << menu_item.image_file.photograph
@@ -259,20 +259,20 @@
-css_style = "background-image:url('#{img_url}');background-size:100%;background-size:cover;background-position:center center;background-color:black;"
-
-
-
+
+
+
-if menu_item_lang.enabled == true and menu_item_lang.visible == true
-if i <= 6
=link_to @one_voice_host.to_s+menu_item_path(:url => menu_item_lang.url, :lang => @lang.slug) ,:style => css_style, :class => "square_link "+("active" if menu_item.id == @menu_item.id).to_s do
.inner
.vertical_center=menu_item.menu_item_langs.find_by_lang_site_id(@lang.id).name
-
+
-else
=link_to @one_voice_host.to_s+menu_item_path(:url => menu_item_lang.url, :lang => @lang.slug) ,:class => "line_combat_link "+("active" if menu_item.id == @menu_item.id).to_s do
.right
>
-
+
=menu_item.menu_item_langs.find_by_lang_site_id(@lang.id).name
-
-
\ No newline at end of file
+
+
diff --git a/app/views/public/shared/_menu_top.html.haml b/app/views/public/shared/_menu_top.html.haml
new file mode 100644
index 0000000..29047dc
--- /dev/null
+++ b/app/views/public/shared/_menu_top.html.haml
@@ -0,0 +1,10 @@
+#menu_top
+ .bars{:onclick => "$(this).closest('#menu_top').find('.menu').toggle();"}
+ =ic :bars
+
+ =link_to image_tag("/logo-france-rurale-fond.png", :id => "logo_france_rurale"), "/"
+
+
+
+ .menu
+ =render :partial => "public/shared/first_menu"
diff --git a/public.zip b/public.zip
new file mode 100644
index 0000000..89428a5
Binary files /dev/null and b/public.zip differ