html, body {
margin: 0;
padding: 0;
width: 100%;
}
body {
font-family: 'Lato', sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: 400;
color: #39352e;
}
p {
margin-bottom: 10px;
}
ol, ul {
margin-bottom: 10px;
}
.bg-danger,.bg-success{
padding: 15px;
}
.contenuPage{
font-family: 'Lato', sans-serif;
}
.anchorConfirm{
position: absolute;
bottom: 50px;
}
h1 {
font-family: 'Montserrat', sans-serif;
font-size: 65px;
line-height: 65px;
font-weight: 700;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 15px;
padding:13px;
color: #FFF;
background-color:#3d3b4d;
display:inline-block;
}
h2 {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
line-height: 16px;
font-weight: 700;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 10px;
color: #39352e;
}
h3 {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
line-height: 14px;
font-weight: 700;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 10px;
color: #39352e;
}
.textTransfer{
display:none;
padding-top: 25px;
}
div.site_container {
overflow-x:hidden;
}
div.site_container a {
color: #61b646;
}
div.site_container a:hover {
text-decoration: underline;
}
.underline {
position: relative;
padding-bottom: 12px;
}
.underline::before {
bottom: 0;
content: "";
border-bottom: 2px solid #999999;
height: 2px;
left: calc(50% - 33px);
width: 66px;
position: absolute;
}
.underline.white::before {
border-bottom: 2px solid #fff;
}
.underline.left::before {
left: 0;
}
div.site_container {
position: relative;
}
.at-resp-share-element .at-share-btn {
margin: 0 0px 5px!important;
}
/* sidr */
.sidr div ul:first-child {
border-top: none;
margin-bottom: 0;
}
.sidr ul li {
line-height: normal;
font-size: 16px;
}
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
line-height: normal;
}
.sidr ul li a {
padding-top: 12px;
padding-bottom: 12px;
}
.sidr ul li a span {
padding: 0;
}
.sidr ul li ul li {
line-height: normal;
font-size: 14px;
}
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
line-height: normal;
}
.sidr ul li ul li span {
padding-left: 0px;
padding-right: 0;
}
.sidr ul li ul li a {
padding-left: 25px;
}
.sidr ul li ul li ul li {
font-size: 12px;
}
.sidr ul li ul li ul li a {
padding-left: 35px;
padding-top: 8px;
padding-bottom: 8px;
}
/* Bootstrap Specific */
.inside {
margin-top: 20px;
margin-bottom: 20px;
background: #ededed;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}
.inside-full-height {
height: 100%;
margin-top: 0;
margin-bottom: 0;
}
.row-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-height {
display: table-cell;
float: none;
height: 100%;
}
.col-top {
vertical-align: top;
}
.col-middle {
vertical-align: middle;
}
.col-bottom {
vertical-align: bottom;
}
.table-responsive {
border: none !important;
}
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
text-align: justify;
}
.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
text-align: inherit;
}
.text-left-xs {
text-align: left;
}
.text-center-xs {
text-align: center;
}
.text-right-xs {
text-align: right;
}
.text-justify-xs {
text-align: justify;
}
.breadcrumb {
padding: 24px 15px 19px 0;
margin-bottom: 39px;
list-style: none;
background: none;
border-radius: 4px;
font-family:Arial, sans-serif;
border-bottom:#e7e6e6 solid 1px;
}
.breadcrumb>li {
color: #c54a7e;
}
.breadcrumb>.active {
color: #39352e;
font-weight:700;
}
.breadcrumb>li+li:before {
color: #39352e;
content: "> ";
font-weight:400;
}
.breadcrumb li a{
font-family:Arial, sans-serif;
color:#c54a7e;
font-size:14px;
line-height:17px;
font-weight:400;
}
.posRel{
position: relative;
}
aside .mega-link-overlay:hover{
text-decoration:none!important;
}
.files{
position:relative;
z-index:5;
}
.progress {
border-radius: 0px!important;
margin: 0;
}
/* Member list page */
.punchLine{ text-align: center; }
.punchLine p{ font-size: 18px; font-style: italic; color: #3d3b4d; line-height: 20px; }
.punchLine span{ font-size: 36px; line-height: 36px; font-weight: bold; color: #FFF; padding: 13px; display: inline-block; margin-right: 13px; }
.punchLine span:last-child{ margin-right: 0px; }
.punchLine .colorDiv{ margin-top: 25px; }
.punchLine .green{ background: #88bb4f; }
.punchLine .purple{ background: #3d3b4d; }
.punchLine .Gray{ background: #cbcbcb; }
.listCandidat{ margin-top: 35px; }
.listCandidat .photo{ background-size: cover; position: relative; height: 203px; width: 100%; display: block; }
.listCandidat .photo:hover,.listCandidat .photo:focus,.listCandidat .photo:active{ text-decoration: none; }
.listCandidat .photo h3 { font-family: 'Montserrat', sans-serif; color: #FFF; font-size: 20px; line-height: 22px; text-transform: none; font-weight: normal; text-align: center; margin: auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.listCandidat .photo .likeNumb{ font-family: 'Montserrat', sans-serif; position: absolute; color:#272532; bottom: 0; background: url(../images/icons/icnHeart.png) #FFF 13px 13px no-repeat; padding: 13px 13px 20px 45px; font-size: 14px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.listCandidat .containerCandidat{ text-align: center; }
.listCandidat .containerCandidat .btnCandidat{ font-family: 'Montserrat', sans-serif; margin: 35px auto 50px; font-size: 14px; text-transform: uppercase; color: #3d3b4d!important; border: #3d3b4d solid 1px; border-radius: 0; }
.listCandidat .more{ font-family: 'Montserrat', sans-serif; color:#272532; font-size: 14px; text-decoration: underline; text-transform: uppercase; }
.listCandidat .more:after{ content:'+'; }
.listCandidat .more:hover:after,.listCandidat .more:focus:after,.listCandidat .more:active:after{ content:'-'; }
.contentTitleConcours{ text-align: center; padding-top: 58px; }
.contentTitleConcours .specialH2{ font-family: 'Montserrat', sans-serif; font-size: 65px; line-height: 65px; font-weight: 700; text-transform: uppercase; margin-top: 0; margin-bottom: 15px; padding: 13px; color: #FFF; background-color: #3d3b4d; display: inline-block; }
.concoursBloc { background-color: #3d3b4d; overflow: hidden; position: relative; font-size:18px; font-style:italic;}
.concours2Bloc { background-color: #cbcbcb; overflow: hidden; position: relative; font-size:18px; font-style:italic; margin-bottom: 30px;}
.concoursBloc .background { display: block; position: absolute; left: 0px; width: 50%; height: 100%; background-color: #88bb4f;}
.concours2Bloc .background { display: block; position: absolute; left: 0px; width: 50%; height: 100%; background-color: #272532;}
.concoursBloc ul{ padding:0; margin:0; list-style:none;}
.concoursBloc ul li{ font-size:20px; line-height:22px; color:#FFF; font-family: 'Montserrat', sans-serif; font-style:normal; padding-bottom: 9px;}
.concoursBloc .winnerText { padding:45px 10px 45px 0; color:#FFF; line-height: 21px;}
.concoursBloc .winnerText h2{ color:#FFF; text-transform:none; font-size:36px; line-height: 36px; font-weight:700; font-style:normal; padding-bottom:10px;}
.concoursBloc .drawText { padding:45px 0 31px 20px; color:#FFF; line-height: 21px;}
.concoursBloc .drawText a { color:#272532!important;}
.concoursBloc .drawText h2{ color:#FFF; text-transform:none; font-size:36px; line-height: 36px; font-weight:700; font-style:normal; padding-bottom:10px;}
.concoursBloc .objectifText { padding:45px 10px 45px 0; color:#FFF; line-height: 21px;}
.concoursBloc .objectifText h2{ color:#FFF; text-transform:none; font-size:36px; line-height: 36px; font-weight:700; font-style:normal; padding-bottom:10px;}
.concoursBloc .commentText { padding:45px 0 31px 20px; color:#FFF; line-height: 21px;}
.concoursBloc .commentText h2{ color:#FFF; text-transform:none; font-size:36px; line-height: 36px; font-weight:700; font-style:normal; padding-bottom:10px;}
/* Member page */
.btnBack{ font-family: 'Montserrat', sans-serif; color:#272532!important; font-size: 14px; text-decoration: underline; text-transform: uppercase; }
.btnBack:after{ content:'+'; text-decoration: none!important; }
.btnBack:hover:after,.listCandidat .more:focus:after,.listCandidat .more:active:after{ content:'-'; text-decoration: none; }
h1.membersPage{ font-size: 36px!important; line-height: 36px!important; margin-top: 35px; margin-bottom: 57px; }
.videoPlaceHolder{ margin-bottom: 57px; position: relative; overflow: hidden; height: 0; }
/* 16x9 Aspect Ratio */
.videoPlaceHolder-16x9 { padding-bottom: 56.25%; }
/* 4x3 Aspect Ratio */
.videoPlaceHolder-4x3 { padding-bottom: 75%; }
.videoPlaceHolder iframe{ position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.numbEmploye{ float: left; width: 50%; }
.numbEmploye .textNumb { margin-right: 2px; }
.numbAnnees{ float: right; width: 50%; }
.textNumb{ background: #3d3b4d; font-family: 'Montserrat', sans-serif; color:#FFF; font-size: 36px; line-height: 38px; font-weight: bold; text-align: center; padding: 57px 0; }
.textNumb span{ font-family: 'Lato', sans-serif; font-size: 18px; font-style: italic; font-weight: normal; display: inline-block; vertical-align: text-top; }
.descCandidature{ padding-top: 30px; }
.descCandidature h2{ color: #3d3b4d; font-size: 36px; line-height: 38px; font-weight: bold; text-transform: none; font-family: 'Montserrat', sans-serif; }
.descCandidature p{ color: #3d3b4d; font-size: 18px; line-height: 20px; font-style: italic; }
.numbLike{ font-family: 'Montserrat', sans-serif; color:#3d3b4d; background: url(../images/icons/icnHeart.png) left 9px no-repeat; padding: 0 0 0 37px; font-size: 36px; line-height: 38px; font-weight: bold; margin-bottom: 35px; margin-top: -10px; }
.numbLike span{ font-family: 'Lato', sans-serif; font-size: 18px; font-style: italic; font-weight: normal; display: inline-block; vertical-align: text-top; }
.addLike{ font-family: 'Montserrat', sans-serif; background: #88bb4f; color: #FFF!important; padding-top: 16px; padding-bottom: 17px; display: block; text-align: center; font-size: 20px; line-height: 33px; }
.addLike img{ padding-right: 15px; }
.addLike:hover, .addLike:focus, .addLike:active{ text-decoration: none!important; background: #7ba947; }
.addLike.disabledLink{
background: #9B9B9B!important;
}
.spacer{ border-top: #cbcbcb solid 2px; margin: 35px 0; }
.btnFacebook{ background: #475994;font-family: 'Montserrat', sans-serif; color: #FFF!important; padding-top: 25px; padding-bottom: 26px; display: block; text-align: center; font-size: 20px; line-height: 33px; margin-bottom:13px; }
.btnFacebook img,.btnTwitter img{ padding-right: 15px; }
.btnFacebook:hover,.btnFacebook:focus,.btnFacebook:active { text-decoration: none!important; background: #405085; }
.btnTwitter{ background: #55acee;font-family: 'Montserrat', sans-serif; color: #FFF!important; padding-top: 25px; padding-bottom: 26px; display: block; text-align: center; font-size: 20px; line-height: 33px;}
.btnTwitter:hover,.btnTwitter:focus,.btnTwitter:active { text-decoration: none!important; background: #4d9bd7; }
.controle { text-align: center; margin-top: 55px; }
.controle>span{ font-family: 'Montserrat', sans-serif; color: #262431; font-size: 14px; line-height: 46px; text-transform: uppercase; display: inline-block;vertical-align: text-bottom; }
.controle .prev{ color: #262431!important; display: inline-block; font-size: 70px; }
.controle .prev:before{ content:'\2039'; color: #262431!important; font-size: 70px; }
.controle .prev:hover,.controle .prev:focus,.controle .prev:active { text-decoration: none!important; color: #cbcbcb!important; }
.controle .prev:hover:before,.controle .prev:focus:before,.controle .prev:active:before { text-decoration: none!important; color: #cbcbcb!important; }
.controle .next{ color: #262431!important; display: inline-block; font-size: 70px; }
.controle .next:after{ content:'\203A'; color: #262431!important; font-size: 70px; }
.controle .next:hover,.controle .next:focus,.controle .next:active { text-decoration: none!important; color: #cbcbcb!important; }
.controle .next:hover:after,.controle .next:focus:after,.controle .next:active:after { text-decoration: none!important; color: #cbcbcb!important; }
@media screen and (min-width:320px) {
/* Bootstrap Specific */
.row-xs-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-xs-height {
display: table-cell;
float: none;
height: 100%;
}
.col-xs-top {
vertical-align: top;
}
.col-xs-middle {
vertical-align: middle;
}
.col-xs-bottom {
vertical-align: bottom;
}
}
@media screen and (max-width:767px) {
.anchorConfirm {
position: absolute;
bottom: 100px;
}
h1 {
font-size: 20px;
line-height: 22px;
margin-bottom: 15px;
font-style: normal;
}
h2 {
font-size: 14px;
line-height: 16px;
margin-bottom: 10px;
}
h3 {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px;
}
.mobile_menu{
position:absolute;
top:54px;
right:20px;
}
.mobile_menu a{
font-size:35px;
color:#61b646!important;
}
.cb15{
clear: both;
margin-top: 15px;
}
.posRel{
position: relative;
}
#closeSidr{
font-size:25px;
}
.btnMenu{
background-color:transparent;
border-radius:0;
border:#FFF solid 1px;
color:#FFF!important;
font-size:20px;
font-weight:bold;
padding:10px 9px 13px;
}
.smallMenu{
margin: 0 19px 0 19.42px;
}
.btnMenu:hover, .btnMenu:active, .btnMenu:focus{
background-color:#FFF;
color:#61b646!important;
text-decoration:none!important;
border:#FFF solid 1px;
box-shadow:none;
outline:none;
}
.btnWhiteBorder{
background-color:transparent;
border-radius:0;
border:#FFF solid 1px;
color:#FFF!important;
font-size:14px;
font-weight:400;
padding:12px 14px;
text-align:center;
margin-top:35px!important;
}
.btnWhiteBorder:hover, .btnWhiteBorder:active, .btnWhiteBorder:focus{
background-color:#FFF;
color:#3d3b4d!important;
text-decoration:none!important;
border:#FFF solid 1px;
box-shadow:none;
outline:none;
}
.btnInscriptionForm{
background-color:transparent;
border-radius:0;
border:#3d3b4d solid 1px;
color:#3d3b4d!important;
font-size:14px;
font-weight:400;
padding:12px 14px;
text-align:center;
margin-top:20px!important;
}
.btnInscriptionForm:hover, .btnInscriptionForm:active, .btnInscriptionForm:focus{
background-color:#3d3b4d;
color:#FFF!important;
text-decoration:none!important;
border:#3d3b4d solid 1px;
box-shadow:none;
outline:none;
}
#blocLogo{
height: 127px;
}
/* header */
.actionTonik{
display:none;
position:fixed;
right:0;
top:510px;
padding:35px;
background:#272532;
z-index:20;
color:#61b646;
text-align:center;
font-style:italic;
box-shadow: -1px 1px 4px 0px rgba(30, 30, 30, 0.5);
}
.top-row{
padding-bottom: 0;
background:#3d3b4d;
position:fixed;
top:0;
left: 50%;
width:100%;
transform: translateX(-50%);
z-index: 10;
}
.logoContent{
position:absolute;
background:none;
padding: 14px 4px;
top:0;
left: 14px;
z-index: 10;
width: 50%;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.logoContentScroll{
padding:14px 4px!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.top-row .row>div {
-webkit-transition: width 0.3s ease, margin 0.3s ease;
-moz-transition: width 0.3s ease, margin 0.3s ease;
-o-transition: width 0.3s ease, margin 0.3s ease;
transition: width 0.3s ease, margin 0.3s ease;
}
.sellingPicth{
color:#FFF;
font-weight: 700;
font-style:italic;
padding-top: 52px;
padding-bottom: 51px;
margin:0;
display:block;
font-size:17px;
float: left;
}
.sellingPicth span{
font-size:30px;
}
header .contentSocial{
padding-top:33px;
float: right;
padding-right: 7px;
}
.contentSocial a{
display:block;
padding-bottom:13px;
border-bottom:#272532 solid 2px;
}
.contentSocial a:hover{
border-bottom:none;
padding-bottom:15px;
}
.menuContent{
background:#61b646;
padding:37px 35px;
text-align: center;
float: right;
position:relative;
}
.blocMenu{
display:none;
position:absolute;
top: 127px;
right:0;
width:213px;
background:#272532;
text-align:right;
box-shadow: -2px 2px 4px 0px rgba(30, 30, 30, 0.3);
}
.blocMenu .nav{
padding:22px 35px;
}
.blocMenu .nav.connect{
padding:22px 35px 0;
}
.blocMenu .nav li{
padding:0;
margin:0;
}
.blocMenu .nav li a{
color:#ffffff!important;
background:none;
padding:7px 0 7px;
font-family: 'Montserrat', sans-serif;
margin:0;
}
.blocMenu .nav li a:hover{
color:#61b646!important;
text-decoration:none;
}
div.site_container>header .bannerContent {
padding-top:126px;
}
div.site_container>header .bannerContent>div {
position: relative;
height: 376px;
background-size: cover;
background-position: -170px center;
}
div.site_container>header .bannerContent>div .posRelBanner{
position:relative;
}
div.site_container>header .bannerIntContent {
padding-top:126px;
}
div.site_container>header .bannerIntContent>div {
position: relative;
height: 376px;
background-size: cover;
background-position: center center;
}
div.site_container>header .bannerIntContent>div .posRelBanner{
position:relative;
}
.posRelBanner .blocText{
position:absolute;
right:0;
top:80px;
}
.posRelBanner .blocText .greenBloc{
background:#61b646;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-size:35px;
line-height:38px;
text-transform:uppercase;
font-weight:700;
padding:12px 13px;
float:right;
}
.posRelBanner .blocText h2{
color:#FFF;
text-shadow: -2px 2px 4px rgba(30, 30, 30, 0.7);
font-family: 'Montserrat', sans-serif;
text-align:right;
font-size: 25px;
line-height: 27px;
text-transform:none;
padding: 10px 13px 0;
font-weight:700;
margin-bottom: 10px;
}
.posRelBanner .blocText p{
color:#FFF;
text-shadow: -2px 2px 4px rgba(30, 30, 30, 0.7);
font-family: 'Montserrat', sans-serif;
text-align:right;
font-size:20px;
line-height:23px;
font-weight:400;
padding:0 13px;
}
.userAccount{
display:block;
background:#3d3b4d;
padding:0 35px;
}
.userAccount a{
display:block;
background:url(../images/icons/icnHappyFace.png) left center no-repeat;
color:#FFF!important;
font-size:14px;
text-decoration:underline;
font-family: 'Montserrat', sans-serif;
padding:18px 0;
}
.userAccount a:hover{
display:block;
color:#61b646!important;
}
/* Home */
.home{
padding:43px 0;
}
.inscriptionBloc{
padding:0 0 33px 0;
}
.inscriptionText{
text-align:center;
color:#3d3b4d;
font-size:18px;
line-height:20px;
font-style:italic;
}
.inscriptionText h1{
font-style:normal;
}
.objectiveBloc{
background:#61b646;
min-height:225px;
}
.objectiveText{
color:#FFF;
font-size:18px;
line-height: 20px;
font-style:italic;
position:relative;
padding:49px 0 49px;
}
.objectiveText h2{
color:#FFF;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.icnBoard{
position:absolute;
bottom: 0px;
right: -290px;
}
.participateBloc{
padding:57px 0;
}
.videoBg{
box-shadow: 0px 2px 17px 0px rgba(5, 6, 6, 0.4);
float: left;
-webkit-border-top-left-radius: 13px;
-webkit-border-top-right-radius: 13px;
-moz-border-radius-topleft: 13px;
-moz-border-radius-topright: 13px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
max-height: 182px;
overflow: hidden;
}
.videoBg iframe{
width: 100%!important;
height: 161px!important;
}
.videoText{
padding-top:30px;
}
.videoText h2{
color:#3d3b4d;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.participateText{
color:#3d3b4d;
font-size:18px;
line-height: 20px;
font-style:italic;
padding:30px 0 0;
}
.participateText h2{
color:#3d3b4d;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.participateText .tagLine{
padding-top:30px;
}
/*.participateText .tagLine .start{
color:#61b646;
font-size: 57px;
font-family: 'Montserrat', sans-serif;
line-height:0;
font-style:normal;
display: inline-block;
}*/
.participateText .tagLine span:before{
content:'\00ab';
vertical-align: text-top;
color:#3d3b4d;
font-family: 'Lato', sans-serif;
font-size:50px;
line-height: 0px;
font-style:normal;
top: 8px;
position: relative;
}
/*.participateText .tagLine .start:after{
content:'';
}*/
.participateText .tagLine span{
color:#61b646;
font-size:22px;
font-family: 'Montserrat', sans-serif;
line-height:38px;
font-style:normal;
display: inline-block;
}
.participateText .tagLine span:after{
content:'\00bb';
vertical-align: text-top;
color:#3d3b4d;
font-family: 'Lato', sans-serif;
font-size:50px;
line-height: 20px;
font-style:normal;
}
.drawBloc {
background-color: #cbcbcb;
overflow: hidden;
position: relative;
font-size:18px;
line-height: 19px;
font-style:italic;
}
.drawBloc .background {
display: none;
position: absolute;
left: 0px;
width: 50%;
height: 100%;
background-color: #272532;
}
.backgroundMobile{
background-color: #272532;
}
.drawBloc ul{
padding: 20px 0 0;
margin:0;
list-style:none;
}
.drawBloc ul li{
font-size:17px;
line-height:19px;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-style:normal;
padding-bottom: 9px;
}
.drawBloc .winnerText {
padding: 45px 10px 20px 0;
color:#FFF;
line-height: 21px;
}
.drawBloc .winnerText h2{
color:#FFF;
text-transform:none;
font-size: 25px;
line-height: 27px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.drawBloc .drawText {
padding: 25px 10px 45px 0;
color:#FFF;
line-height: 21px;
}
.drawBloc .drawText h2{
color:#FFF;
text-transform:none;
font-size: 25px;
line-height: 27px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.voteBlocContainer{
padding-bottom: 42px;
}
.blocVote{
background:#61b646;
padding:20px;
text-align:left;
color:#FFF;
position:relative;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
line-height: 18px;
}
.icnVote{
position:absolute;
right:57px;
bottom:0;
}
.blocVote h2{
font-size: 35px;
line-height: 37px;
text-transform: uppercase;
color: #FFF;
padding-bottom: 8px;
}
.blocVote p{
padding:0;
margin:0;
font-weight: 700;
}
.blocVote strong{
font-size:30px;
color:#272532;
line-height:36px;
font-weight: 700;
padding-top: 15px;
display: block;
}
.blocVote .small{
font-size: 14px;
line-height: 16px;
color:#FFF;
font-style:italic;
font-family: 'Lato', sans-serif;
font-weight: 400;
padding-top:10px;
}
.blocVote .small a{
font-size:14px;
color:#272532;
font-style:italic;
font-weight: 400;
}
.formRegisterBloc{
padding-top:36px;
text-align:center;
}
.formRegisterBloc h2{
color:#272532;
text-transform:none;
font-size: 25px;
line-height: 27px;
font-weight:700;
font-style:normal;
margin-bottom: 10px;
}
.formRegisterBloc .formRegister{
padding-top: 20px;
}
.formRegisterBloc .formRegister input{
border-radius:0;
background:#cbcbcb;
color:#FFF;
font-style:italic;
font-size:18px;
padding:10px 14px;
}
.formRegisterBloc .formRegister textarea{
border-radius:0;
background:#cbcbcb;
color:#FFF;
font-style:italic;
font-size:18px;
padding:10px 14px;
}
.addVideo{
background:url("../images/icons/icnUpload.png") #cbcbcb no-repeat;
background-position: right 13px center;
border-radius:0;
text-align:left;
font-size:18px;
font-weight:bold;
font-style:italic;
color:#FFF;
cursor:pointer;
padding:8px 14px;
width: 100%;
}
.progressAbs {
position: absolute;
top: -3px;
left: 0;
height: 10px;
width: 100%;
}
.alert-dismissable .close, .alert-dismissible .close {
right: 0px!important;
}
.formRegisterBloc .formRegister input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
.formRegisterBloc .formRegister textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input[type="checkbox"] {
display:none;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label {
color:#61b646;
font-size:18px;
font-style:italic;
margin-top: 5px;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label span {
display:inline-block;
height:25px;
width:26px;
margin:-1px 10px 0 0;
vertical-align:middle;
cursor:pointer;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label a{
color:#272532;
text-decoration:none;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label a:hover{
color:#272532;
text-decoration:underline;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label span {
border: #87ba4f solid 2px;
background: #FFF;
-webkit-border-radius: 4px!important;
-moz-border-radius: 4px!important;
border-radius: 4px!important;
}
.formRegisterBloc .formRegister input[type="checkbox"]:checked + label span:before{
content:url('../images/icons/icnCheck.png');
display:inline-block;
color:#FFF;
padding:0 3px 0 0;
margin-top: 2px;
margin-left: 3px;
font-size: 20px;
}
.formRegisterBloc .formRegister .checkbox label{
min-height: 20px;
padding-left: 0px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.right_sidebar{
padding: 43px 0;
}
.contentConnexion{
font-style:italic;
font-size:18px;
line-height: 20px;
}
.formConnexion{
padding-top:20px;
}
.formConnexion input{
border-radius:0!important;
background:#cbcbcb!important;
color:#FFF!important;
font-style:italic!important;
font-size:18px!important;
padding:10px 14px!important;
}
.formConnexion .btnInscriptionForm{
padding:8px 14px;
}
.formConnexion input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formConnexion input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formConnexion input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formConnexion input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
/* sidebar */
/* Footer */
footer{
background:#3d3b4d;
padding-top:56px;
padding-bottom: 53px;
}
footer h2{
color:#FFF;
font-weight:400;
font-size: 25px;
line-height: 27px;
text-transform:none;
}
footer hr{
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #6b6760;
}
footer p{
font-family: 'Lato', sans-serif;
color:#FFF;
}
footer .logo{
display:inline-block;
margin-bottom:56px;
}
.icnSmile{
position:absolute;
left: 100px;
top: 5px;
}
footer .ccm-block-social-links{
padding-top:10px;
}
footer .ccm-block-social-links ul.list-inline li {
margin-right: 5px!important;
}
#footernav{
padding-top: 8px;
}
#footernav>ul{
padding:0;
margin:0;
list-style:none;
}
#footernav>ul>li{
position:relative;
display:block;
padding:0;
margin:0;
}
#footernav>ul>li>a{
padding:7px 0;
margin:0;
font-size:20px;
color:#FFF!important;
}
#footernav>ul>li>a:hover, #footernav>ul>li>a:focus, #footernav>ul>li>a:active{
color:#272532!important;
text-decoration:none;
background-color:transparent;
}
#footernav>ul>li:hover{
color:#272532!important;
text-decoration:none;
background-color:transparent;
}
footer .linkTonik{
margin-top:24px;
margin-bottom:35px;
color:#FFF!important;
font-size:20px;
display:inline-block;
}
.contactFooter .formidable{
margin-bottom:0!important;
padding-bottom:0!important;
padding-top: 22px!important;
}
.contactFooter .form-group{
margin-bottom:13px!important;
}
.contactFooter .btnContainer{
margin-bottom:0px!important;
}
.contactFooter input[type=text], .contactFooter input[type=email]{
border-radius:0!important;
background:#272532;
color:#FFF!important;
font-size:18px!important;
font-style:italic;
border:none!important;
margin:0!important;
}
.contactFooter textarea{
border-radius:0!important;
background:#272532;
color:#FFF!important;
font-size:18px!important;
font-style:italic;
border:none!important;
margin:0!important;
min-height: 75px;
}
.contactFooter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.contactFooter input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
.contactFooter textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
font-style:italic;
}
.copywriteContent{
background:#61b646;
padding:10px 0;
}
.copywriteContent div.tonik { padding:10px 0; float:none; }
.copywriteContent div.tonik div.logo img { display:block; float:none; margin:0 auto; }
.copywriteContent div.tonik div.keywords { float:left; vertical-align:middle; margin-left:10px; }
.copywriteContent div.tonik div.keywords a { margin:0 5px; text-decoration:none; color:#FFF!important; font:400 11px/11px Arial; display:block; }
.copywriteContent div.tonik div.keywords a:hover { text-decoration:underline; }
.rightReserve{
float:none;
color:#FFF;
font-size:12px;
padding-top:15px;
text-align:center;
margin-bottom: 12px;
}
.copywriteContent div.tonik div.logo {
float: none;
margin: 0 auto;
display: block;
width: auto;
}
.copywriteContent div.tonik div.keywords a { font-size:11px; line-height:13px; }
.copywriteContent div.tonik { padding:0; float:none; margin: 0 auto; }
/* Member list page */
.punchLine p{ font-size: 18px; line-height: 20px; }
.punchLine span{ font-size: 28px; line-height: 28px; padding: 13px; margin-right: 5px; margin-bottom: 10px; }
.punchLine span:last-child{ margin-right: 0px; }
.punchLine .colorDiv{ margin-top: 25px; }
.listCandidat{ margin-top: 35px; }
.listCandidat .photo{ height: 203px; width: 100%; }
.listCandidat .photo h3 { font-size: 20px; line-height: 22px; }
.listCandidat .photo .likeNumb{ padding: 13px 13px 20px 45px; font-size: 14px; }
.listCandidat .containerCandidat .btnCandidat{ margin: 35px auto 50px; font-size: 14px; }
.listCandidat .more{ font-size: 14px; }
.contentTitleConcours{ padding-top: 58px; }
.contentTitleConcours .specialH2{ font-size: 23px; line-height: 25px; margin-top: 0; margin-bottom: 15px; padding: 13px; }
.concoursBloc { font-size:18px; position: relative; }
.concours2Bloc { font-size:18px; position: relative; margin-bottom: 30px;}
.concoursBloc .background { display: none; position: absolute; width: 50%; height: 100%;}
.concours2Bloc .background { display: none; position: absolute; width: 50%; height: 100%;}
.concoursBloc .backgroundMobile{ background-color: #88bb4f; }
.concours2Bloc .backgroundMobile{ background-color: #272532; }
.concoursBloc ul{ padding: 20px 0 0; margin:0; }
.concoursBloc ul li{ font-size:17px; line-height:19px; padding-bottom: 9px;}
.concoursBloc .winnerText { padding:45px 10px 20px 0; line-height: 21px;}
.concoursBloc .winnerText h2{ font-size:25px; line-height: 27px; padding-bottom:10px;}
.concoursBloc .drawText { padding:25px 10px 45px 0; line-height: 21px;}
.concoursBloc .drawText a { color:#272532!important;}
.concoursBloc .drawText h2{ font-size:25px; line-height: 27px; padding-bottom:10px;}
.concoursBloc .objectifText { padding:45px 10px 20px 0; line-height: 21px;}
.concoursBloc .objectifText h2{ font-size:25px; line-height: 27px; padding-bottom:10px;}
.concoursBloc .commentText { padding:25px 10px 45px 0; line-height: 21px;}
.concoursBloc .commentText h2{ font-size:25px; line-height: 27px; padding-bottom:10px;}
/* Member page */
.btnBack{ font-size: 14px; }
h1.membersPage{ font-size: 23px!important; line-height: 25px!important; margin-top: 30px; margin-bottom: 32px; }
.videoPlaceHolder{ margin-bottom: 37px; }
.numbEmploye{ float: none; width: 100%; }
.numbEmploye .textNumb { margin-bottom: 2px; }
.numbAnnees{ float: none; width: 100%; }
.textNumb{ font-size: 36px; line-height: 38px; font-weight: bold; padding: 37px 0; }
.textNumb span{ font-size: 18px; vertical-align: text-top; }
.descCandidature{ padding-top: 30px; }
.descCandidature h2{ font-size: 23px; line-height: 25px; }
.descCandidature p{ font-size: 18px; line-height: 20px; }
.numbLike{ background: url(../images/icons/icnHeart.png) left 28px no-repeat; padding: 25px 0 0 37px; font-size: 26px; line-height: 28px; margin-bottom: 35px; margin-top: -10px; }
.numbLike span{ font-size: 14px; vertical-align: text-top; }
.addLike{ padding-top: 16px; padding-bottom: 17px; font-size: 15px; line-height: 28px; }
.addLike img{ padding-right: 15px; width: 50px; }
.spacer{ margin: 35px 0; }
.btnFacebook{ padding-top: 20px; padding-bottom: 21px; font-size: 15px; line-height: 28px; margin-bottom:13px; }
.btnFacebook img{ padding-right: 15px; width: 35px; }
.btnTwitter img{ padding-right: 15px; width: 50px; }
.btnTwitter{ padding-top: 20px; padding-bottom: 21px; font-size: 15px; line-height: 28px;}
.controle { margin-top: 35px; }
.controle>span{ font-size: 14px; line-height: 46px; vertical-align: text-bottom; }
.controle .prev{ font-size: 70px; }
.controle .next{ font-size: 70px; }
}
@media (max-width: 767px) and (orientation: landscape) {
.logoContent {
padding: 4px 4px!important;
}
.logoContentScroll{
padding:4px 4px!important;
}
}
@media screen and (min-width:768px) {
body {
font-size: 12px;
line-height: 14px;
}
p {
margin-bottom: 10px;
}
ol, ul {
margin-bottom: 10px;
}
h1 {
font-size: 20px;
line-height: 22px;
margin-bottom: 15px;
}
h2 {
font-size: 14px;
line-height: 16px;
margin-bottom: 10px;
}
h3 {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px;
}
.underline::before {
width: 40px;
}
.posRel{
position: relative;
}
.btnMenu{
background-color:transparent;
border-radius:0;
border:#FFF solid 1px;
color:#FFF!important;
font-size:20px;
font-weight:bold;
padding:10px 9px 13px;
}
.smallMenu{
margin: 0 19px 0 19.42px;
}
.btnMenu:hover, .btnMenu:active, .btnMenu:focus{
background-color:#FFF;
color:#61b646!important;
text-decoration:none!important;
border:#FFF solid 1px;
box-shadow:none;
outline:none;
}
.btnWhiteBorder{
background-color:transparent;
border-radius:0;
border:#FFF solid 1px;
color:#FFF!important;
font-size:14px;
font-weight:400;
padding:12px 14px;
text-align:center;
margin-top:35px!important;
}
.btnWhiteBorder:hover, .btnWhiteBorder:active, .btnWhiteBorder:focus{
background-color:#FFF;
color:#3d3b4d!important;
text-decoration:none!important;
border:#FFF solid 1px;
box-shadow:none;
outline:none;
}
.btnInscriptionForm{
background-color:transparent;
border-radius:0;
border:#3d3b4d solid 1px;
color:#3d3b4d!important;
font-size:14px;
font-weight:400;
padding:12px 14px;
text-align:center;
margin-top:20px!important;
}
.btnInscriptionForm:hover, .btnInscriptionForm:active, .btnInscriptionForm:focus{
background-color:#3d3b4d;
color:#FFF!important;
text-decoration:none!important;
border:#3d3b4d solid 1px;
box-shadow:none;
outline:none;
}
/* header */
.actionTonik{
display:none;
position:fixed;
right:0;
top:510px;
padding:35px;
background:#272532;
z-index:20;
color:#61b646;
text-align:center;
font-style:italic;
box-shadow: -1px 1px 4px 0px rgba(30, 30, 30, 0.5);
}
.top-row{
padding-bottom: 0;
background:#3d3b4d;
position:fixed;
top:0;
left: 50%;
width:100%;
transform: translateX(-50%);
z-index: 10;
}
.logoContent{
position:absolute;
background:#272532;
padding:30px;
top:0;
left:-1px;
z-index:10;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.logoContentScroll{
padding:20px!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.top-row .row>div {
-webkit-transition: width 0.3s ease, margin 0.3s ease;
-moz-transition: width 0.3s ease, margin 0.3s ease;
-o-transition: width 0.3s ease, margin 0.3s ease;
transition: width 0.3s ease, margin 0.3s ease;
}
.sellingPicth{
color:#FFF;
font-weight: 700;
font-style:italic;
padding-top: 52px;
padding-bottom: 51px;
margin:0;
display:block;
font-size:17px;
float: left;
}
.sellingPicth span{
font-size:30px;
}
header .contentSocial{
padding-top:33px;
float: right;
padding-right: 7px;
}
.contentSocial a{
display:block;
padding-bottom:13px;
border-bottom:#272532 solid 2px;
}
.contentSocial a:hover{
border-bottom:none;
padding-bottom:15px;
}
.menuContent{
background:#61b646;
padding:37px 35px;
text-align: center;
float: right;
position:relative;
}
.blocMenu{
display:none;
position:absolute;
top: 127px;
right:0;
width:213px;
background:#272532;
text-align:right;
box-shadow: -2px 2px 4px 0px rgba(30, 30, 30, 0.3);
}
.blocMenu .nav{
padding:22px 35px;
}
.blocMenu .nav.connect{
padding:22px 35px 0;
}
.blocMenu .nav li{
padding:0;
margin:0;
}
.blocMenu .nav li a{
color:#ffffff!important;
background:none;
padding:7px 0 7px;
font-family: 'Montserrat', sans-serif;
margin:0;
}
.blocMenu .nav li a:hover{
color:#61b646!important;
text-decoration:none;
}
div.site_container>header .bannerContent {
padding-top:126px;
}
div.site_container>header .bannerContent>div {
position: relative;
height: 446px;
background-size: cover;
background-position: center center;
}
div.site_container>header .bannerContent>div .posRelBanner{
position:relative;
}
div.site_container>header .bannerIntContent {
padding-top:126px;
}
div.site_container>header .bannerIntContent>div {
position: relative;
height: 376px;
background-size: cover;
background-position: center center;
}
div.site_container>header .bannerIntContent>div .posRelBanner{
position:relative;
}
.posRelBanner .blocText{
position:absolute;
right:0;
top:137px;
}
.posRelBanner .blocText .greenBloc{
background:#61b646;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-size:65px;
line-height:38px;
text-transform:uppercase;
font-weight:700;
padding:12px 13px;
float:right;
}
.posRelBanner .blocText h2{
color:#FFF;
text-shadow: -2px 2px 4px rgba(30, 30, 30, 0.7);
font-family: 'Montserrat', sans-serif;
text-align:right;
font-size:36px;
line-height: 38px;
text-transform:none;
padding: 3px 13px 0;
font-weight:700;
margin-bottom: 10px;
}
.posRelBanner .blocText p{
color:#FFF;
text-shadow: -2px 2px 4px rgba(30, 30, 30, 0.7);
font-family: 'Montserrat', sans-serif;
text-align:right;
font-size:20px;
line-height:23px;
font-weight:400;
padding:0 13px;
}
.userAccount{
display:block;
background:#3d3b4d;
padding:0 35px;
}
.userAccount a{
display:block;
background:url(../images/icons/icnHappyFace.png) left center no-repeat;
color:#FFF!important;
font-size:14px;
text-decoration:underline;
font-family: 'Montserrat', sans-serif;
padding:18px 0;
}
.userAccount a:hover{
display:block;
color:#61b646!important;
}
/* Home */
.home{
padding:43px 0;
}
.inscriptionBloc{
padding:0 0 16px 0;
}
.inscriptionText{
text-align:center;
color:#3d3b4d;
font-size:18px;
line-height:20px;
font-style:italic;
}
.objectiveBloc{
background:#61b646;
min-height:255px;
}
.objectiveText{
color:#FFF;
font-size:18px;
font-style:italic;
position:relative;
padding:49px 0 89px;
}
.objectiveText h2{
color:#FFF;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.icnBoard{
position:absolute;
bottom: 0px;
right: -290px;
}
.participateBloc{
padding:57px 0;
}
.videoBg{
box-shadow: 0px 2px 17px 0px rgba(5, 6, 6, 0.4);
float: left;
-webkit-border-top-left-radius: 13px;
-webkit-border-top-right-radius: 13px;
-moz-border-radius-topleft: 13px;
-moz-border-radius-topright: 13px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
max-height: 216px;
overflow: hidden;
}
.videoBg iframe{
width: 100%!important;
height: 191px!important;
}
.videoText{
padding-top:0;
}
.videoText h2{
color:#3d3b4d;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.participateText{
color:#3d3b4d;
font-size:18px;
line-height: 20px;
font-style:italic;
padding:0 0 10px;
}
.participateText h2{
color:#3d3b4d;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.participateText .tagLine{
padding-top:30px;
}
/*.participateText .tagLine .start{
color:#61b646;
font-size: 63px;
font-family: 'Montserrat', sans-serif;
line-height:0;
font-style:normal;
display: inline-block;
}*/
.participateText .tagLine span:before{
content:'\00ab';
vertical-align: text-top;
color:#3d3b4d;
font-family: 'Lato', sans-serif;
font-size:50px;
line-height: 0px;
font-style:normal;
top: 8px;
position: relative;
}
/*.participateText .tagLine .start:after{
content:'';
}*/
.participateText .tagLine span{
color:#61b646;
font-size:22px;
font-family: 'Montserrat', sans-serif;
line-height:38px;
font-style:normal;
display: inline-block;
}
.participateText .tagLine span:after{
content:'\00bb';
vertical-align: text-top;
color:#3d3b4d;
font-family: 'Lato', sans-serif;
font-size:50px;
line-height: 30px;
font-style:normal;
}
.drawBloc {
background-color: #cbcbcb;
overflow: hidden;
position: relative;
font-size:18px;
font-style:italic;
}
.drawBloc .background {
display: block;
position: absolute;
left: 0px;
width: 50%;
height: 100%;
background-color: #272532;
}
.drawBloc ul{
padding:0;
margin:0;
list-style:none;
}
.drawBloc ul li{
font-size:20px;
line-height:22px;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-style:normal;
padding-bottom: 9px;
}
.drawBloc .winnerText {
padding:45px 10px 45px 0;
color:#FFF;
line-height: 21px;
}
.drawBloc .winnerText h2{
color:#FFF;
text-transform:none;
font-size:30px;
line-height: 32px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.drawBloc .drawText {
padding:45px 0 31px 20px;
color:#FFF;
line-height: 21px;
}
.drawBloc .drawText h2{
color:#FFF;
text-transform:none;
font-size:30px;
line-height: 32px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.formRegisterBloc{
padding-top:36px;
text-align:center;
}
.formRegisterBloc h2{
color:#272532;
text-transform:none;
font-size:36px;
line-height: 53px;
font-weight:700;
font-style:normal;
margin-bottom: 0;
}
.voteBlocContainer{
padding-bottom: 42px;
}
.blocVote{
background:#61b646;
padding:57px;
text-align:left;
color:#FFF;
position:relative;
font-family: 'Montserrat', sans-serif;
font-size:20px;
}
.icnVote{
position:absolute;
right:57px;
bottom:0;
}
.blocVote h2{
font-size:65px;
text-transform:uppercase;
color:#FFF;
padding-bottom:28px;
}
.blocVote p{
padding:0;
margin:0;
font-weight: 700;
}
.blocVote strong{
font-size:50px;
color:#272532;
line-height:76px;
font-weight: 700;
padding-top: 24px;
display: inline-block;
}
.blocVote .small{
font-size:18px;
line-height: 20px;
color:#FFF;
font-style:italic;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.blocVote .small a{
font-size:18px;
color:#272532;
font-style:italic;
font-weight: 400;
}
.formRegisterBloc .formRegister{
padding-top: 30px;
}
.formRegisterBloc .formRegister input{
border-radius:0;
background:#cbcbcb;
color:#FFF;
font-style:italic;
font-size:18px;
padding:10px 14px;
}
.formRegisterBloc .formRegister textarea{
border-radius:0;
background:#cbcbcb;
color:#FFF;
font-style:italic;
font-size:18px;
padding:10px 14px;
}
.addVideo{
background:url("../images/icons/icnUpload.png") #cbcbcb no-repeat;
background-position: right 13px center;
border-radius:0;
text-align:left;
font-size:18px;
font-weight:bold;
font-style:italic;
color:#FFF;
cursor:pointer;
padding:8px 14px;
width: 100%;
}
.progressAbs {
position: absolute;
top: -4px;
left: 0;
height: 10px;
width: 100%;
}
.alert-dismissable .close, .alert-dismissible .close {
right: 0px!important;
}
.formRegisterBloc .formRegister input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
.formRegisterBloc .formRegister textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input[type="checkbox"] {
display:none;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label {
color:#61b646;
font-size:18px;
font-style:italic;
margin-top: 5px;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label span {
display:inline-block;
height:25px;
width:26px;
margin:-1px 10px 0 0;
vertical-align:middle;
cursor:pointer;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label a{
color:#272532;
text-decoration:none;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label a:hover{
color:#272532;
text-decoration:underline;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label span {
border: #87ba4f solid 2px;
background: #FFF;
-webkit-border-radius: 4px!important;
-moz-border-radius: 4px!important;
border-radius: 4px!important;
}
.formRegisterBloc .formRegister input[type="checkbox"]:checked + label span:before{
content:url('../images/icons/icnCheck.png');
display:inline-block;
color:#FFF;
padding:0 3px 0 0;
margin-top: 0px;
margin-left: 2px;
font-size: 20px;
}
.formRegisterBloc .formRegister .checkbox label{
min-height: 20px;
padding-left: 0px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.right_sidebar{
padding: 43px 0;
}
.contentConnexion{
font-style:italic;
font-size:18px;
}
.formConnexion{
padding-top:20px;
}
.formConnexion input{
border-radius:0!important;
background:#cbcbcb!important;
color:#FFF!important;
font-style:italic!important;
font-size:18px!important;
padding:10px 14px!important;
}
.formConnexion .btnInscriptionForm{
padding:8px 14px;
}
.formConnexion input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formConnexion input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formConnexion input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formConnexion input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
/* sidebar */
/* Footer */
footer{
background:#3d3b4d;
padding-top:56px;
padding-bottom: 53px;
}
footer h2{
color:#FFF;
font-weight:400;
font-size: 25px;
line-height: 27px;
text-transform:none;
}
footer hr{
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #6b6760;
}
footer p{
font-family: 'Lato', sans-serif;
color:#FFF;
}
footer .logo{
display:inline-block;
margin-bottom:56px;
}
.icnSmile{
position:absolute;
left: 100px;
top: 5px;
}
footer .ccm-block-social-links{
padding-top:10px;
}
footer .ccm-block-social-links ul.list-inline li {
margin-right: 5px!important;
}
#footernav{
padding-top: 8px;
}
#footernav>ul{
padding:0;
margin:0;
list-style:none;
}
#footernav>ul>li{
position:relative;
display:block;
padding:0;
margin:0;
}
#footernav>ul>li>a{
padding:7px 0;
margin:0;
font-size:20px;
color:#FFF!important;
}
#footernav>ul>li>a:hover, #footernav>ul>li>a:focus, #footernav>ul>li>a:active{
color:#272532!important;
text-decoration:none;
background-color:transparent;
}
#footernav>ul>li:hover{
color:#272532!important;
text-decoration:none;
background-color:transparent;
}
footer .linkTonik{
margin-top:24px;
margin-bottom:35px;
color:#FFF!important;
font-size:20px;
display:inline-block;
}
.contactFooter .formidable{
margin-bottom:0!important;
padding-bottom:0!important;
padding-top: 22px!important;
}
.contactFooter .form-group{
margin-bottom:13px!important;
}
.contactFooter .btnContainer{
margin-bottom:0px!important;
}
.contactFooter input[type=text], .contactFooter input[type=email]{
border-radius:0!important;
background:#272532;
color:#FFF!important;
font-size:18px!important;
font-style:italic;
border:none!important;
margin:0!important;
}
.contactFooter textarea{
border-radius:0!important;
background:#272532;
color:#FFF!important;
font-size:18px!important;
font-style:italic;
border:none!important;
margin:0!important;
min-height: 75px;
}
.contactFooter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.contactFooter input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
.contactFooter textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
font-style:italic;
}
.copywriteContent{
background:#61b646;
padding:10px 0;
}
.copywriteContent div.tonik { padding:10px 0; float:none; }
.copywriteContent div.tonik div.logo img { display:block; float:none; margin:0 auto; }
.copywriteContent div.tonik div.keywords { float:left; vertical-align:middle; margin-left:10px; }
.copywriteContent div.tonik div.keywords a { margin:0 5px; text-decoration:none; color:#FFF!important; font:400 11px/11px Arial; display:block; }
.copywriteContent div.tonik div.keywords a:hover { text-decoration:underline; }
.rightReserve{
float:left;
color:#FFF;
font-size:12px;
padding-top:15px;
}
.copywriteContent div.tonik div.logo {
float: left;
margin: 0;
display: inline-block;
width: auto;
}
.copywriteContent div.tonik div.keywords a { font-size:11px; line-height:13px; }
.copywriteContent div.tonik { padding:0; float:right; }
/* Bootstrap Specific */
.row-sm-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-sm-height {
display: table-cell;
float: none;
height: 100%;
}
.col-sm-top {
vertical-align: top;
}
.col-sm-middle {
vertical-align: middle;
}
.col-sm-bottom {
vertical-align: bottom;
}
.text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
text-align: inherit;
}
.text-left-sm {
text-align: left;
}
.text-center-sm {
text-align: center;
}
.text-right-sm {
text-align: right;
}
.text-justify-sm {
text-align: justify;
}
footer div.tonik div.keywords a { font-size:11px; line-height:13px; }
footer div.tonik { padding:0; float:right; }
/* Member list page */
.punchLine p{ font-size: 18px; line-height: 20px; }
.punchLine span{ font-size: 28px; line-height: 28px; padding: 13px; margin-right: 13px; }
.punchLine span:last-child{ margin-right: 0px; }
.punchLine .colorDiv{ margin-top: 25px; }
.listCandidat{ margin-top: 35px; }
.listCandidat .photo{ height: 203px; width: 100%; }
.listCandidat .photo h3 { font-size: 20px; line-height: 22px; }
.listCandidat .photo .likeNumb{ padding: 13px 13px 20px 45px; font-size: 14px; }
.listCandidat .containerCandidat .btnCandidat{ margin: 35px auto 50px; font-size: 14px; }
.listCandidat .more{ font-size: 14px; }
.contentTitleConcours{ padding-top: 58px; }
.contentTitleConcours .specialH2{ font-size: 28px; line-height: 30px; margin-top: 0; margin-bottom: 15px; padding: 13px; }
.concoursBloc { font-size:18px; }
.concours2Bloc { font-size:18px; margin-bottom: 30px;}
.concoursBloc .background { position: absolute; width: 50%; height: 100%;}
.concours2Bloc .background { position: absolute; width: 50%; height: 100%;}
.concoursBloc ul{ padding:0; margin:0;}
.concoursBloc ul li{ font-size:20px; line-height:22px; padding-bottom: 9px;}
.concoursBloc .winnerText { padding:45px 10px 45px 0; line-height: 21px;}
.concoursBloc .winnerText h2{ font-size:30px; line-height: 32px; padding-bottom:10px;}
.concoursBloc .drawText { padding:45px 0 31px 20px; line-height: 21px;}
.concoursBloc .drawText a { color:#272532!important;}
.concoursBloc .drawText h2{ font-size:30px; line-height: 32px; padding-bottom:10px;}
.concoursBloc .objectifText { padding:45px 10px 45px 0; line-height: 21px;}
.concoursBloc .objectifText h2{ font-size:30px; line-height: 32px; padding-bottom:10px;}
.concoursBloc .commentText { padding:45px 0 31px 20px; line-height: 21px;}
.concoursBloc .commentText h2{ font-size:30px; line-height: 32px; padding-bottom:10px;}
/* Member page */
.btnBack{ font-size: 14px; }
h1.membersPage{ font-size: 28px!important; line-height: 30px!important; margin-top: 35px; margin-bottom: 37px; }
.videoPlaceHolder{ margin-bottom: 37px; }
.numbEmploye{ float: left; width: 50%; }
.numbEmploye .textNumb { margin-right: 2px; }
.numbAnnees{ float: right; width: 50%; }
.textNumb{ font-size: 36px; line-height: 38px; font-weight: bold; padding: 37px 0; }
.textNumb span{ font-size: 18px; vertical-align: text-top; }
.descCandidature{ padding-top: 30px; }
.descCandidature h2{ font-size: 36px; line-height: 38px; }
.descCandidature p{ font-size: 18px; line-height: 20px; }
.numbLike{ background: url(../images/icons/icnHeart.png) left 33px no-repeat; padding: 25px 0 0 37px; font-size: 36px; line-height: 38px; margin-bottom: 35px; margin-top: -10px; }
.numbLike span{ font-size: 18px; vertical-align: text-top; }
.addLike{ padding-top: 16px; padding-bottom: 17px; font-size: 20px; line-height: 33px; }
.addLike img{ padding-right: 15px; width: 50px; }
.spacer{ margin: 35px 0; }
.btnFacebook{ padding-top: 20px; padding-bottom: 21px; font-size: 20px; line-height: 33px; margin-bottom:13px; }
.btnFacebook img{ padding-right: 15px; width: 35px; }
.btnTwitter img{ padding-right: 15px; width: 50px; }
.btnTwitter{ padding-top: 20px; padding-bottom: 21px; font-size: 20px; line-height: 33px;}
.controle { margin-top: 35px; }
.controle>span{ font-size: 14px; line-height: 46px; vertical-align: text-bottom; }
.controle .prev{ font-size: 70px; }
.controle .next{ font-size: 70px; }
}
@media screen and (min-width:992px) {
body {
font-size: 13px;
line-height: 15px;
}
p {
margin-bottom: 15px;
}
ol, ul {
margin-bottom: 15px;
}
h1 {
font-size: 28px;
line-height: 30px;
margin-bottom: 20px;
}
h2 {
font-size: 16px;
line-height: 18px;
margin-bottom: 15px;
}
h3 {
font-size: 14px;
line-height: 16px;
margin-bottom: 15px;
}
.underline::before {
width: 66px;
}
.posRel{
position: relative;
}
.btnMenu{
background-color:transparent;
border-radius:0;
border:#FFF solid 1px;
color:#FFF!important;
font-size:20px;
font-weight:bold;
padding:10px 9px 13px;
}
.smallMenu{
margin: 0 19px 0 19.42px;
}
.btnMenu:hover, .btnMenu:active, .btnMenu:focus{
background-color:#FFF;
color:#61b646!important;
text-decoration:none!important;
border:#FFF solid 1px;
box-shadow:none;
outline:none;
}
.btnWhiteBorder{
background-color:transparent;
border-radius:0;
border:#FFF solid 1px;
color:#FFF!important;
font-size:14px;
font-weight:400;
padding:12px 14px;
text-align:center;
margin-top:35px!important;
}
.btnWhiteBorder:hover, .btnWhiteBorder:active, .btnWhiteBorder:focus{
background-color:#FFF;
color:#3d3b4d!important;
text-decoration:none!important;
border:#FFF solid 1px;
box-shadow:none;
outline:none;
}
.btnInscriptionForm{
background-color:transparent;
border-radius:0;
border:#3d3b4d solid 1px;
color:#3d3b4d!important;
font-size:14px;
font-weight:400;
padding:12px 14px;
text-align:center;
margin-top:20px!important;
}
.btnInscriptionForm:hover, .btnInscriptionForm:active, .btnInscriptionForm:focus{
background-color:#3d3b4d;
color:#FFF!important;
text-decoration:none!important;
border:#3d3b4d solid 1px;
box-shadow:none;
outline:none;
}
/* header */
.actionTonik{
position:fixed;
display:block;
right:0;
top:510px;
padding:35px;
background:#272532;
z-index:20;
color:#61b646;
text-align:center;
font-style:italic;
box-shadow: -1px 1px 4px 0px rgba(30, 30, 30, 0.5);
}
.top-row{
padding-bottom: 0;
background:#3d3b4d;
position:fixed;
top:0;
left: 50%;
width:100%;
transform: translateX(-50%);
z-index: 10;
}
.logoContent{
position:absolute;
background:#272532;
padding:30px;
top:0;
left:0;
z-index:10;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.logoContentScroll{
padding:20px!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.top-row .row>div {
-webkit-transition: width 0.3s ease, margin 0.3s ease;
-moz-transition: width 0.3s ease, margin 0.3s ease;
-o-transition: width 0.3s ease, margin 0.3s ease;
transition: width 0.3s ease, margin 0.3s ease;
}
.sellingPicth{
color:#FFF;
font-weight: 700;
font-style:italic;
padding-top: 52px;
padding-bottom: 51px;
margin:0;
display:block;
font-size:17px;
float: left;
}
.sellingPicth span{
font-size:30px;
}
header .contentSocial{
padding-top:33px;
float: right;
padding-right: 7px;
}
.contentSocial a{
display:block;
padding-bottom:13px;
border-bottom:#272532 solid 2px;
}
.contentSocial a:hover{
border-bottom:none;
padding-bottom:15px;
}
.menuContent{
background:#61b646;
padding:35px 35px;
text-align: center;
float: right;
position:relative;
}
.blocMenu{
display:none;
position:absolute;
top: 123px;
right:0;
width:213px;
background:#272532;
text-align:right;
box-shadow: -2px 2px 4px 0px rgba(30, 30, 30, 0.3);
}
.blocMenu .nav{
padding:22px 35px;
}
.blocMenu .nav.connect{
padding:22px 35px 0;
}
.blocMenu .nav li{
padding:0;
margin:0;
}
.blocMenu .nav li a{
color:#ffffff!important;
background:none;
padding:7px 0 7px;
font-family: 'Montserrat', sans-serif;
margin:0;
}
.blocMenu .nav li a:hover{
color:#61b646!important;
text-decoration:none;
}
div.site_container>header .bannerContent {
padding-top:122px;
}
div.site_container>header .bannerContent>div {
position: relative;
height: 446px;
background-size: cover;
background-position: center center;
}
div.site_container>header .bannerContent>div .posRelBanner{
position:relative;
}
div.site_container>header .bannerIntContent {
padding-top:122px;
}
div.site_container>header .bannerIntContent>div {
position: relative;
height: 376px;
background-size: cover;
background-position: center center;
}
div.site_container>header .bannerIntContent>div .posRelBanner{
position:relative;
}
.posRelBanner .blocText{
position:absolute;
right:0;
top:137px;
}
.posRelBanner .blocText .greenBloc{
background:#61b646;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-size:65px;
line-height:38px;
text-transform:uppercase;
font-weight:700;
padding:12px 13px;
float:right;
}
.posRelBanner .blocText h2{
color:#FFF;
text-shadow: -2px 2px 4px rgba(30, 30, 30, 0.7);
font-family: 'Montserrat', sans-serif;
text-align:right;
font-size:36px;
line-height: 38px;
text-transform:none;
padding: 3px 13px 0;
font-weight:700;
margin-bottom: 10px;
}
.posRelBanner .blocText p{
color:#FFF;
text-shadow: -2px 2px 4px rgba(30, 30, 30, 0.7);
font-family: 'Montserrat', sans-serif;
text-align:right;
font-size:20px;
line-height:23px;
font-weight:400;
padding:0 13px;
}
.userAccount{
display:block;
background:#3d3b4d;
padding:0 35px;
}
.userAccount a{
display:block;
background:url(../images/icons/icnHappyFace.png) left center no-repeat;
color:#FFF!important;
font-size:14px;
text-decoration:underline;
font-family: 'Montserrat', sans-serif;
padding:18px 0;
}
.userAccount a:hover{
display:block;
color:#61b646!important;
}
/* Home */
.home{
padding:43px 0;
}
.inscriptionText{
text-align:center;
color:#3d3b4d;
font-size:18px;
line-height:20px;
font-style:italic;
}
.objectiveBloc{
background:#61b646;
min-height:255px;
}
.objectiveText{
color:#FFF;
font-size:18px;
font-style:italic;
position:relative;
padding:49px 0 89px;
}
.objectiveText h2{
color:#FFF;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.icnBoard{
position:absolute;
bottom: 0px;
right: -290px;
}
.participateBloc{
padding:57px 0;
}
.videoBg{
box-shadow: 0px 2px 17px 0px rgba(5, 6, 6, 0.4);
float: left;
-webkit-border-top-left-radius: 13px;
-webkit-border-top-right-radius: 13px;
-moz-border-radius-topleft: 13px;
-moz-border-radius-topright: 13px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
max-height: 285px;
overflow: hidden;
}
.videoBg iframe{
width: 100%!important;
height: 252px!important;
}
.videoText{
padding-top:49px;
}
.videoText h2{
color:#3d3b4d;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.participateText{
color:#3d3b4d;
font-size:18px;
line-height: 20px;
font-style:italic;
padding:49px 0 89px;
}
.participateText h2{
color:#3d3b4d;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.participateText .tagLine{
padding-top:30px;
}
/*.participateText .tagLine .start{
color:#61b646;
font-size: 63px;
font-family: 'Montserrat', sans-serif;
line-height:0;
font-style:normal;
display: inline-block;
}*/
.participateText .tagLine span:before{
content:'\00ab';
vertical-align: text-top;
color:#3d3b4d;
font-family: 'Lato', sans-serif;
font-size:65px;
line-height: 0px;
font-style:normal;
top: 10px;
position: relative;
}
/*.participateText .tagLine .start:after{
content:'';
}*/
.participateText .tagLine span{
color:#61b646;
font-size:30px;
font-family: 'Montserrat', sans-serif;
line-height:38px;
font-style:normal;
display: inline-block;
}
.participateText .tagLine span:after{
content:'\00bb';
vertical-align: text-top;
color:#3d3b4d;
font-family: 'Lato', sans-serif;
font-size:65px;
line-height: 30px;
font-style:normal;
}
.drawBloc {
background-color: #cbcbcb;
overflow: hidden;
position: relative;
font-size:18px;
font-style:italic;
}
.drawBloc .background {
display: block;
position: absolute;
left: 0px;
width: 50%;
height: 100%;
background-color: #272532;
}
.drawBloc ul{
padding:0;
margin:0;
list-style:none;
}
.drawBloc ul li{
font-size:20px;
line-height:22px;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-style:normal;
padding-bottom: 9px;
}
.drawBloc .winnerText {
padding:45px 10px 45px 0;
color:#FFF;
line-height: 21px;
}
.drawBloc .winnerText h2{
color:#FFF;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.drawBloc .drawText {
padding:45px 0 31px 20px;
color:#FFF;
line-height: 21px;
}
.drawBloc .drawText h2{
color:#FFF;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.drawBloc .drawText a{
color:#272532!important;
}
.formRegisterBloc{
padding-top:36px;
text-align:center;
}
.formRegisterBloc h2{
color:#272532;
text-transform:none;
font-size:36px;
line-height: 53px;
font-weight:700;
font-style:normal;
margin-bottom: 0;
}
.voteBlocContainer{
padding-bottom: 42px;
}
.blocVote{
background:#61b646;
padding:57px;
text-align:left;
color:#FFF;
position:relative;
font-family: 'Montserrat', sans-serif;
font-size:30px;
}
.icnVote{
position:absolute;
right:57px;
bottom:0;
}
.blocVote h2{
font-size:65px;
text-transform:uppercase;
color:#FFF;
padding-bottom:28px;
}
.blocVote p{
padding:0;
margin:0;
font-weight: 700;
}
.blocVote strong{
font-size:50px;
color:#272532;
line-height:76px;
font-weight: 700;
padding-top: 24px;
display: inline-block;
}
.blocVote .small{
font-size:18px;
line-height: 20px;
color:#FFF;
font-style:italic;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.blocVote .small a{
font-size:18px;
color:#272532;
font-style:italic;
font-weight: 400;
}
.formRegisterBloc .formRegister{
padding-top:57px;
}
.formRegisterBloc .formRegister input{
border-radius:0;
background:#cbcbcb;
color:#FFF;
font-style:italic;
font-size:18px;
padding:10px 14px;
}
.formRegisterBloc .formRegister textarea{
border-radius:0;
background:#cbcbcb;
color:#FFF;
font-style:italic;
font-size:18px;
padding:10px 14px;
}
.addVideo{
background:url("../images/icons/icnUpload.png") #cbcbcb no-repeat;
background-position: right 13px center;
border-radius:0;
text-align:left;
font-size:18px;
font-weight:bold;
font-style:italic;
color:#FFF;
cursor:pointer;
padding:8px 14px;
width: 100%;
}
.progressAbs {
position: absolute;
top: -4px;
left: 0;
height: 10px;
width: 100%;
}
.alert-dismissable .close, .alert-dismissible .close {
right: 0px!important;
}
.formRegisterBloc .formRegister input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
.formRegisterBloc .formRegister textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input[type="checkbox"] {
display:none;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label {
color:#61b646;
font-size:18px;
font-style:italic;
margin-top: 5px;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label span {
display:inline-block;
height:25px;
width:26px;
margin:-1px 10px 0 0;
vertical-align:middle;
cursor:pointer;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label a{
color:#272532;
text-decoration:none;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label a:hover{
color:#272532;
text-decoration:underline;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label span {
border: #87ba4f solid 2px;
background: #FFF;
-webkit-border-radius: 4px!important;
-moz-border-radius: 4px!important;
border-radius: 4px!important;
}
.formRegisterBloc .formRegister input[type="checkbox"]:checked + label span:before{
content:url('../images/icons/icnCheck.png');
display:inline-block;
color:#FFF;
padding:0 3px 0 0;
margin-top: 0px;
margin-left: 2px;
font-size: 20px;
}
.formRegisterBloc .formRegister .checkbox label{
min-height: 20px;
padding-left: 0px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.right_sidebar{
padding: 43px 0;
}
.contentConnexion{
font-style:italic;
font-size:18px;
}
.formConnexion{
padding-top:20px;
}
.formConnexion input{
border-radius:0!important;
background:#cbcbcb!important;
color:#FFF!important;
font-style:italic!important;
font-size:18px!important;
padding:10px 14px!important;
}
.formConnexion .btnInscriptionForm{
padding:8px 14px;
}
.formConnexion input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formConnexion input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formConnexion input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formConnexion input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
/* sidebar */
/* Footer */
footer{
background:#3d3b4d;
padding-top:56px;
padding-bottom: 53px;
}
footer h2{
color:#FFF;
font-weight:400;
font-size: 33px;
line-height:35px;
text-transform:none;
}
footer hr{
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #6b6760;
}
footer p{
font-family: 'Lato', sans-serif;
color:#FFF;
}
footer .logo{
display:inline-block;
margin-bottom:56px;
}
.icnSmile{
position:absolute;
left: 100px;
top: 5px;
}
footer .ccm-block-social-links{
padding-top:10px;
}
footer .ccm-block-social-links ul.list-inline li {
margin-right: 5px!important;
}
#footernav{
padding-top: 8px;
}
#footernav>ul{
padding:0;
margin:0;
list-style:none;
}
#footernav>ul>li{
position:relative;
display:block;
padding:0;
margin:0;
}
#footernav>ul>li>a{
padding:7px 0;
margin:0;
font-size:20px;
color:#FFF!important;
}
#footernav>ul>li>a:hover, #footernav>ul>li>a:focus, #footernav>ul>li>a:active{
color:#272532!important;
text-decoration:none;
background-color:transparent;
}
#footernav>ul>li:hover{
color:#272532!important;
text-decoration:none;
background-color:transparent;
}
footer .linkTonik{
margin-top:24px;
margin-bottom:35px;
color:#FFF!important;
font-size:20px;
display:inline-block;
}
.contactFooter .formidable{
margin-bottom:0!important;
padding-bottom:0!important;
padding-top: 22px!important;
}
.contactFooter .form-group{
margin-bottom:13px!important;
}
.contactFooter .btnContainer{
margin-bottom:0px!important;
}
.contactFooter input[type=text], .contactFooter input[type=email]{
border-radius:0!important;
background:#272532;
color:#FFF!important;
font-size:18px!important;
font-style:italic;
border:none!important;
margin:0!important;
}
.contactFooter textarea{
border-radius:0!important;
background:#272532;
color:#FFF!important;
font-size:18px!important;
font-style:italic;
border:none!important;
margin:0!important;
min-height: 75px;
}
.contactFooter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.contactFooter input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
.contactFooter textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
font-style:italic;
}
.copywriteContent{
background:#61b646;
padding:10px 0;
}
.copywriteContent div.tonik { padding:10px 0; float:none; }
.copywriteContent div.tonik div.logo img { display:block; float:none; margin:0 auto; }
.copywriteContent div.tonik div.keywords { float:left; vertical-align:middle; margin-left:10px; }
.copywriteContent div.tonik div.keywords a { margin:0 5px; text-decoration:none; color:#FFF!important; font:400 11px/11px Arial; display:block; }
.copywriteContent div.tonik div.keywords a:hover { text-decoration:underline; }
.rightReserve{
float:left;
color:#FFF;
font-size:12px;
padding-top:15px;
}
.copywriteContent div.tonik div.logo {
float: left;
margin: 0;
display: inline-block;
width: auto;
}
.copywriteContent div.tonik div.keywords a { font-size:11px; line-height:13px; }
.copywriteContent div.tonik { padding:0; float:right; }
/* Bootstrap Specific */
.row-md-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-md-height {
display: table-cell;
float: none;
height: 100%;
}
.col-md-top {
vertical-align: top;
}
.col-md-middle {
vertical-align: middle;
}
.col-md-bottom {
vertical-align: bottom;
}
.text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
text-align: inherit;
}
.text-left-md {
text-align: left;
}
.text-center-md {
text-align: center;
}
.text-right-md {
text-align: right;
}
.text-justify-md {
text-align: justify;
}
footer div.tonik { padding: 0; float:right; }
footer div.tonik div.logo { float:left; margin:0; display:inline-block; width:auto; }
/* Member list page */
.punchLine p{ font-size: 18px; line-height: 20px; }
.punchLine span{ font-size: 36px; line-height: 36px; padding: 13px; margin-right: 13px; }
.punchLine span:last-child{ margin-right: 0px; }
.punchLine .colorDiv{ margin-top: 25px; }
.listCandidat{ margin-top: 35px; }
.listCandidat .photo{ height: 203px; width: 100%; }
.listCandidat .photo h3 { font-size: 20px; line-height: 22px; }
.listCandidat .photo .likeNumb{ padding: 13px 13px 20px 45px; font-size: 14px; }
.listCandidat .containerCandidat .btnCandidat{ margin: 35px auto 50px; font-size: 14px; }
.listCandidat .more{ font-size: 14px; }
.contentTitleConcours{ padding-top: 58px; }
.contentTitleConcours .specialH2{ font-size: 65px; line-height: 65px; margin-top: 0; margin-bottom: 15px; padding: 13px; }
.concoursBloc { font-size:18px; }
.concours2Bloc { font-size:18px; margin-bottom: 30px;}
.concoursBloc .background { position: absolute; width: 50%; height: 100%;}
.concours2Bloc .background { position: absolute; width: 50%; height: 100%;}
.concoursBloc ul{ padding:0; margin:0;}
.concoursBloc ul li{ font-size:20px; line-height:22px; padding-bottom: 9px;}
.concoursBloc .winnerText { padding:45px 10px 45px 0; line-height: 21px;}
.concoursBloc .winnerText h2{ font-size:36px; line-height: 36px; padding-bottom:10px;}
.concoursBloc .drawText { padding:45px 0 31px 20px; line-height: 21px;}
.concoursBloc .drawText a { color:#272532!important;}
.concoursBloc .drawText h2{ font-size:36px; line-height: 36px; padding-bottom:10px;}
.concoursBloc .objectifText { padding:45px 10px 45px 0; line-height: 21px;}
.concoursBloc .objectifText h2{ font-size:36px; line-height: 36px; padding-bottom:10px;}
.concoursBloc .commentText { padding:45px 0 31px 20px; line-height: 21px;}
.concoursBloc .commentText h2{ font-size:36px; line-height: 36px; padding-bottom:10px;}
/* Member page */
.btnBack{ font-size: 14px; }
h1.membersPage{ font-size: 28px!important; line-height: 30px!important; margin-top: 35px; margin-bottom: 37px; }
.videoPlaceHolder{ margin-bottom: 37px; }
.numbEmploye{ float: left; width: 50%; }
.numbEmploye .textNumb { margin-right: 2px; }
.numbAnnees{ float: right; width: 50%; }
.textNumb{ font-size: 36px; line-height: 38px; font-weight: bold; padding: 37px 0; }
.textNumb span{ font-size: 18px; vertical-align: text-top; }
.descCandidature{ padding-top: 30px; }
.descCandidature h2{ font-size: 36px; line-height: 38px; }
.descCandidature p{ font-size: 18px; line-height: 20px; }
.numbLike{ background: url(../images/icons/icnHeart.png) left 9px no-repeat; padding: 0 0 0 37px; font-size: 36px; line-height: 38px; margin-bottom: 35px; margin-top: -10px; }
.numbLike span{ font-size: 18px; vertical-align: text-top; }
.addLike{ padding-top: 16px; padding-bottom: 17px; font-size: 20px; line-height: 33px; }
.addLike img{ padding-right: 15px; width: 50px; }
.spacer{ margin: 35px 0; }
.btnFacebook{ padding-top: 20px; padding-bottom: 21px; font-size: 20px; line-height: 33px; margin-bottom:13px; }
.btnFacebook img{ padding-right: 15px; width: 35px; }
.btnTwitter img{ padding-right: 15px; width: 50px; }
.btnTwitter{ padding-top: 20px; padding-bottom: 21px; font-size: 20px; line-height: 33px;}
.controle { margin-top: 35px; }
.controle>span{ font-size: 14px; line-height: 46px; vertical-align: text-bottom; }
.controle .prev{ font-size: 70px; }
.controle .next{ font-size: 70px; }
}
@media screen and (min-width:1200px) {
body {
font-size: 14px;
line-height: 18px;
}
p {
margin-bottom: 15px;
}
ol, ul {
margin-bottom: 15px;
}
h1 {
font-size: 65px;
line-height: 65px;
margin-bottom: 20px;
font-style:normal;
}
h2 {
font-size: 20px;
line-height: 22px;
margin-bottom: 15px;
}
h3 {
font-size: 14px;
line-height: 16px;
margin-bottom: 15px;
}
.posRel{
position: relative;
}
.btnMenu{
background-color:transparent;
border-radius:0;
border:#FFF solid 1px;
color:#FFF!important;
font-size:20px;
font-weight:bold;
padding:10px 9px 13px;
}
.smallMenu{
margin: 0 19px 0 19.42px;
}
.btnMenu:hover, .btnMenu:active, .btnMenu:focus{
background-color:#FFF;
color:#61b646!important;
text-decoration:none!important;
border:#FFF solid 1px;
box-shadow:none;
outline:none;
}
.btnWhiteBorder{
background-color:transparent;
border-radius:0;
border:#FFF solid 1px;
color:#FFF!important;
font-size:14px;
font-weight:400;
padding:12px 14px;
text-align:center;
margin-top:35px!important;
}
.btnWhiteBorder:hover, .btnWhiteBorder:active, .btnWhiteBorder:focus{
background-color:#FFF;
color:#3d3b4d!important;
text-decoration:none!important;
border:#FFF solid 1px;
box-shadow:none;
outline:none;
}
.btnInscriptionForm{
background-color:transparent;
border-radius:0;
border:#3d3b4d solid 1px;
color:#3d3b4d!important;
font-size:14px;
font-weight:400;
padding:12px 14px;
text-align:center;
margin-top:20px!important;
}
.btnInscriptionForm:hover, .btnInscriptionForm:active, .btnInscriptionForm:focus{
background-color:#3d3b4d;
color:#FFF!important;
text-decoration:none!important;
border:#3d3b4d solid 1px;
box-shadow:none;
outline:none;
}
/* header */
.actionTonik{
position:fixed;
right:0;
top:510px;
padding:35px;
background:#272532;
z-index:20;
color:#61b646;
text-align:center;
font-style:italic;
box-shadow: -1px 1px 4px 0px rgba(30, 30, 30, 0.5);
}
.top-row{
padding-bottom: 0;
background:#3d3b4d;
position:fixed;
top:0;
left: 50%;
width:100%;
transform: translateX(-50%);
z-index: 10;
}
.logoContent{
position:absolute;
background:#272532;
padding:30px;
top:0;
left:0;
z-index:10;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.logoContentScroll{
padding:20px!important;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.top-row .row>div {
-webkit-transition: width 0.3s ease, margin 0.3s ease;
-moz-transition: width 0.3s ease, margin 0.3s ease;
-o-transition: width 0.3s ease, margin 0.3s ease;
transition: width 0.3s ease, margin 0.3s ease;
}
.sellingPicth{
color:#FFF;
font-weight: 700;
font-style:italic;
padding-top:41px;
padding-bottom:39px;
margin:0;
display:block;
font-size:20px;
float: left;
}
.sellingPicth span{
font-size:36px;
}
header .contentSocial{
padding-top:33px;
float: right;
padding-right: 7px;
}
.contentSocial a{
display:block;
padding-bottom:13px;
border-bottom:#272532 solid 2px;
}
.contentSocial a:hover{
border-bottom:none;
padding-bottom:15px;
}
.menuContent{
background:#61b646;
padding:26px 35px;
text-align: center;
float: right;
position:relative;
}
.blocMenu{
display:none;
position:absolute;
top: 105px;
right:0;
width:213px;
background:#272532;
text-align:right;
box-shadow: -2px 2px 4px 0px rgba(30, 30, 30, 0.3);
}
.blocMenu .nav{
padding:22px 35px;
}
.blocMenu .nav.connect{
padding:22px 35px 0;
}
.blocMenu .nav li{
padding:0;
margin:0;
}
.blocMenu .nav li a{
color:#ffffff!important;
background:none;
padding:7px 0 7px;
font-family: 'Montserrat', sans-serif;
margin:0;
}
.blocMenu .nav li a:hover{
color:#61b646!important;
text-decoration:none;
}
div.site_container>header .bannerContent {
padding-top:104px;
}
div.site_container>header .bannerContent>div {
position: relative;
height: 446px;
background-size: cover;
background-position: center center;
}
div.site_container>header .bannerContent>div .posRelBanner{
position:relative;
}
div.site_container>header .bannerIntContent {
padding-top:105px;
}
div.site_container>header .bannerIntContent>div {
position: relative;
height: 376px;
background-size: cover;
background-position: center center;
}
div.site_container>header .bannerIntContent>div .posRelBanner{
position:relative;
}
.posRelBanner .blocText{
position:absolute;
right:0;
top:137px;
}
.posRelBanner .blocText .greenBloc{
background:#61b646;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-size:65px;
line-height:38px;
text-transform:uppercase;
font-weight:700;
padding:12px 13px;
float:right;
}
.posRelBanner .blocText h2{
color:#FFF;
text-shadow: -2px 2px 4px rgba(30, 30, 30, 0.7);
font-family: 'Montserrat', sans-serif;
text-align:right;
font-size:36px;
line-height: 38px;
text-transform:none;
padding: 3px 13px 0;
font-weight:700;
margin-bottom: 10px;
}
.posRelBanner .blocText p{
color:#FFF;
text-shadow: -2px 2px 4px rgba(30, 30, 30, 0.7);
font-family: 'Montserrat', sans-serif;
text-align:right;
font-size:20px;
line-height:23px;
font-weight:400;
padding:0 13px;
}
.userAccount{
display:block;
background:#3d3b4d;
padding:0 35px;
}
.userAccount a{
display:block;
background:url(../images/icons/icnHappyFace.png) left center no-repeat;
color:#FFF!important;
font-size:14px;
text-decoration:underline;
font-family: 'Montserrat', sans-serif;
padding:18px 0;
}
.userAccount a:hover{
display:block;
color:#61b646!important;
}
/* Home */
.home{
padding:43px 0;
}
.inscriptionText{
text-align:center;
color:#3d3b4d;
font-size:18px;
line-height:20px;
font-style:italic;
}
.objectiveBloc{
background:#61b646;
min-height:255px;
}
.objectiveText{
color:#FFF;
font-size:18px;
font-style:italic;
position:relative;
padding:49px 0 89px;
}
.objectiveText h2{
color:#FFF;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.icnBoard{
position:absolute;
bottom: 0px;
right: -290px;
}
.participateBloc{
padding:57px 0;
}
.videoBg{
box-shadow: 0px 2px 17px 0px rgba(5, 6, 6, 0.4);
float: left;
-webkit-border-top-left-radius: 13px;
-webkit-border-top-right-radius: 13px;
-moz-border-radius-topleft: 13px;
-moz-border-radius-topright: 13px;
border-top-left-radius: 13px;
border-top-right-radius: 13px;
max-height: 322px;
overflow: hidden;
}
.videoBg iframe{
width: 100%!important;
height: 285px!important;
}
.videoText{
padding-top:49px;
}
.videoText h2{
color:#3d3b4d;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.participateText{
color:#3d3b4d;
font-size:18px;
line-height: 20px;
font-style:italic;
padding:49px 0 89px;
}
.participateText h2{
color:#3d3b4d;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.participateText .tagLine{
padding-top:30px;
}
/*.participateText .tagLine .start{
color:#61b646;
font-size: 63px;
font-family: 'Montserrat', sans-serif;
line-height:0;
font-style:normal;
display: inline-block;
}*/
.participateText .tagLine span:before{
content:'\00ab';
vertical-align: text-top;
color:#3d3b4d;
font-family: 'Lato', sans-serif;
font-size:65px;
line-height: 0px;
font-style:normal;
}
/*.participateText .tagLine .start:after{
content:'';
}*/
.participateText .tagLine span{
color:#61b646;
font-size:36px;
font-family: 'Montserrat', sans-serif;
line-height:38px;
font-style:normal;
display: inline-block;
}
.participateText .tagLine span:after{
content:'\00bb';
vertical-align: text-top;
color:#3d3b4d;
font-family: 'Lato', sans-serif;
font-size:65px;
line-height: 30px;
font-style:normal;
}
.drawBloc {
background-color: #cbcbcb;
overflow: hidden;
position: relative;
font-size:18px;
font-style:italic;
}
.drawBloc .background {
display: block;
position: absolute;
left: 0px;
width: 50%;
height: 100%;
background-color: #272532;
}
.drawBloc ul{
padding:0;
margin:0;
list-style:none;
}
.drawBloc ul li{
font-size:20px;
line-height:22px;
color:#FFF;
font-family: 'Montserrat', sans-serif;
font-style:normal;
padding-bottom: 9px;
}
.drawBloc .winnerText {
padding:45px 10px 45px 0;
color:#FFF;
line-height: 21px;
}
.drawBloc .winnerText h2{
color:#FFF;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.drawBloc .drawText {
padding:45px 0 31px 20px;
color:#FFF;
line-height: 21px;
}
.drawBloc .drawText h2{
color:#FFF;
text-transform:none;
font-size:36px;
line-height: 36px;
font-weight:700;
font-style:normal;
padding-bottom:10px;
}
.formRegisterBloc{
padding-top:36px;
text-align:center;
}
.formRegisterBloc h2{
color:#272532;
text-transform:none;
font-size:36px;
line-height: 53px;
font-weight:700;
font-style:normal;
margin-bottom: 0;
}
.voteBlocContainer{
padding-bottom: 42px;
}
.blocVote{
background:#61b646;
padding:57px;
text-align:left;
color:#FFF;
position:relative;
font-family: 'Montserrat', sans-serif;
font-size:36px;
}
.icnVote{
position:absolute;
right:57px;
bottom:0;
}
.blocVote h2{
font-size:65px;
text-transform:uppercase;
color:#FFF;
padding-bottom:28px;
}
.blocVote p{
padding:0;
margin:0;
font-weight: 700;
}
.blocVote strong{
font-size:50px;
color:#272532;
line-height:76px;
font-weight: 700;
padding-top: 24px;
display: inline-block;
}
.blocVote .small{
font-size:18px;
color:#FFF;
font-style:italic;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.blocVote .small a{
font-size:18px;
color:#272532;
font-style:italic;
font-weight: 400;
}
.formRegisterBloc .formRegister{
padding-top:57px;
}
.formRegisterBloc .formRegister input{
border-radius:0;
background:#cbcbcb;
color:#FFF;
font-style:italic;
font-size:18px;
padding:10px 14px;
}
.formRegisterBloc .formRegister textarea{
border-radius:0;
background:#cbcbcb;
color:#FFF;
font-style:italic;
font-size:18px;
padding:10px 14px;
}
.addVideo{
background:url("../images/icons/icnUpload.png") #cbcbcb no-repeat;
background-position: right 13px center;
border-radius:0;
text-align:left;
font-size:18px;
font-weight:bold;
font-style:italic;
color:#FFF;
cursor:pointer;
padding:8px 14px;
width: 100%;
}
.progressAbs {
position: absolute;
top: -4px;
left: 0;
height: 10px;
width: 100%;
}
.alert-dismissable .close, .alert-dismissible .close {
right: 0px!important;
}
.formRegisterBloc .formRegister input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
.formRegisterBloc .formRegister textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister textarea:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
font-style:italic;
}
.formRegisterBloc .formRegister input[type="checkbox"] {
display:none;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label {
color:#61b646;
font-size:18px;
font-style:italic;
margin-top: 5px;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label span {
display:inline-block;
height:25px;
width:26px;
margin:-1px 10px 0 0;
vertical-align:middle;
cursor:pointer;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label a{
color:#272532;
text-decoration:none;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label a:hover{
color:#272532;
text-decoration:underline;
}
.formRegisterBloc .formRegister input[type="checkbox"] + label span {
border: #87ba4f solid 2px;
background: #FFF;
-webkit-border-radius: 4px!important;
-moz-border-radius: 4px!important;
border-radius: 4px!important;
}
.formRegisterBloc .formRegister input[type="checkbox"]:checked + label span:before{
content:url('../images/icons/icnCheck.png');
display:inline-block;
color:#FFF;
padding:0 3px 0 0;
margin-top: 0px;
margin-left: 2px;
font-size: 20px;
}
.formRegisterBloc .formRegister .checkbox label{
min-height: 20px;
padding-left: 0px;
margin-bottom: 0;
font-weight: 400;
cursor: pointer;
}
.right_sidebar{
padding: 43px 0;
}
.contentConnexion{
font-style:italic;
font-size:18px;
}
.formConnexion{
padding-top:20px;
}
.formConnexion input{
border-radius:0!important;
background:#cbcbcb!important;
color:#FFF!important;
font-style:italic!important;
font-size:18px!important;
padding:7px 14px!important;
height: 40px;
}
.formConnexion .btnInscriptionForm{
padding:8px 14px;
}
.formConnexion input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.formConnexion input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.formConnexion input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.formConnexion input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
/* sidebar */
/* Footer */
footer{
background:#3d3b4d;
padding-top:56px;
padding-bottom: 53px;
}
footer h2{
color:#FFF;
font-weight:400;
font-size: 36px;
text-transform:none;
}
footer hr{
margin-top: 0px;
margin-bottom: 30px;
border-top: 1px solid #6b6760;
}
footer p{
font-family: 'Lato', sans-serif;
color:#FFF;
}
footer .logo{
display:inline-block;
margin-bottom:56px;
}
.icnSmile{
position:absolute;
left: 100px;
top: 5px;
}
footer .ccm-block-social-links{
padding-top:10px;
}
footer .ccm-block-social-links ul.list-inline li {
margin-right: 5px!important;
}
#footernav{
padding-top: 8px;
}
#footernav>ul{
padding:0;
margin:0;
list-style:none;
}
#footernav>ul>li{
position:relative;
display:block;
padding:0;
margin:0;
}
#footernav>ul>li>a{
padding:7px 0;
margin:0;
font-size:20px;
color:#FFF!important;
}
#footernav>ul>li>a:hover, #footernav>ul>li>a:focus, #footernav>ul>li>a:active{
color:#272532!important;
text-decoration:none;
background-color:transparent;
}
#footernav>ul>li:hover{
color:#272532!important;
text-decoration:none;
background-color:transparent;
}
footer .linkTonik{
margin-top:24px;
margin-bottom:35px;
color:#FFF!important;
font-size:20px;
display:inline-block;
}
.contactFooter .formidable{
margin-bottom:0!important;
padding-bottom:0!important;
padding-top: 22px!important;
}
.contactFooter .form-group{
margin-bottom:13px!important;
}
.contactFooter .btnContainer{
margin-bottom:0px!important;
}
.contactFooter input[type=text], .contactFooter input[type=email]{
border-radius:0!important;
background:#272532;
color:#FFF!important;
font-size:18px!important;
font-style:italic;
border:none!important;
margin:0!important;
}
.contactFooter textarea{
border-radius:0!important;
background:#272532;
color:#FFF!important;
font-size:18px!important;
font-style:italic;
border:none!important;
margin:0!important;
min-height: 75px;
}
.contactFooter input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.contactFooter input::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter input:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter input:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
}
.contactFooter textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea::-moz-placeholder { /* Firefox 19+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea:-ms-input-placeholder { /* IE 10+ */
color: #FFF!important;
font-style:italic;
}
.contactFooter textarea:-moz-placeholder { /* Firefox 18- */
color: #FFF!important;
font-style:italic;
}
.copywriteContent{
background:#61b646;
padding:14px 0;
}
.copywriteContent div.tonik { padding:10px 0; float:none; }
.copywriteContent div.tonik div.logo img { display:block; float:none; margin:0 auto; }
.copywriteContent div.tonik div.keywords { float:left; vertical-align:middle; margin-left:10px; }
.copywriteContent div.tonik div.keywords a { margin:0 5px; text-decoration:none; color:#FFF!important; font:400 11px/11px Arial; display:block; }
.copywriteContent div.tonik div.keywords a:hover { text-decoration:underline; }
.rightReserve{
float:left;
color:#FFF;
font-size:12px;
padding-top:15px;
}
.copywriteContent div.tonik div.logo {
float: left;
margin: 0;
display: inline-block;
width: auto;
}
.copywriteContent div.tonik div.keywords a { font-size:11px; line-height:13px; }
.copywriteContent div.tonik { padding:0; float:right; }
/* Bootstrap Specific */
.row-lg-height {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.col-lg-height {
display: table-cell;
float: none;
height: 100%;
}
.col-lg-top {
vertical-align: top;
}
.col-lg-middle {
vertical-align: middle;
}
.col-lg-bottom {
vertical-align: bottom;
}
.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
text-align: inherit;
}
.text-left-lg {
text-align: left;
}
.text-center-lg {
text-align: center;
}
.text-right-lg {
text-align: right;
}
.text-justify-lg {
text-align: justify;
}
.noPaddingLeft{
padding-left:0;
}
/* Member page */
.btnBack{ font-size: 14px; }
h1.membersPage{ font-size: 36px!important; line-height: 36px!important; margin-top: 35px; margin-bottom: 57px; }
.videoPlaceHolder{ margin-bottom: 57px; }
.numbEmploye{ float: left; width: 50%; }
.numbEmploye .textNumb { margin-right: 2px; }
.numbAnnees{ float: right; width: 50%; }
.textNumb{ font-size: 36px; line-height: 38px; font-weight: bold; padding: 57px 0; }
.textNumb span{ font-size: 18px; vertical-align: text-top; }
.descCandidature{ padding-top: 30px; }
.descCandidature h2{ font-size: 36px; line-height: 38px; }
.descCandidature p{ font-size: 18px; line-height: 20px; }
.numbLike{ background: url(../images/icons/icnHeart.png) left 9px no-repeat; padding: 0 0 0 37px; font-size: 36px; line-height: 38px; margin-bottom: 35px; margin-top: -10px; }
.numbLike span{ font-size: 18px; vertical-align: text-top; }
.addLike{ padding-top: 16px; padding-bottom: 17px; font-size: 20px; line-height: 33px; }
.addLike img{ padding-right: 15px; }
.spacer{ margin: 35px 0; }
.btnFacebook{ padding-top: 25px; padding-bottom: 26px; font-size: 20px; line-height: 33px; margin-bottom:13px; }
.btnFacebook img,.btnTwitter img{ padding-right: 15px; }
.btnTwitter{ padding-top: 25px; padding-bottom: 26px; font-size: 20px; line-height: 33px;}
.controle { margin-top: 55px; }
.controle>span{ font-size: 14px; line-height: 46px; vertical-align: text-bottom; }
.controle .prev{ font-size: 70px; }
.controle .next{ font-size: 70px; }
}