.mobile700{display: none;}
.MenuJaune {
background: #b6c032 !important;
}
.hrVert {
border-top: solid 2px #81c965 !important;
}
.TBleu {color: #37d0f0 !important;}
.TVert {color: #81c965 !important;}
.TJaune {color: #b6c032 !important;}
.TRouge {color: #f16c51 !important;}
.blocVert {
border: solid 2px #81c965 !important;
}
.blocJaune {
border: solid 2px #D3DE43 !important;
}
.blocRouge {
border: solid 2px #f16c51 !important;
}
.PLUSBleu {
width:75px;
height:65px;
background:#37d0f0;
font-family: 'caviar_dreamsbold';
font-size: 50px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:10px;
margin: 40px auto 0;
position: absolute;
bottom: -36px;
left: 38%;
cursor: pointer;
}
.PLUSBleu:hover {
background:#52371c;
}
.PLUSVert {
width:75px;
height:65px;
background:#81c965;
font-family: 'caviar_dreamsbold';
font-size: 50px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:10px;
margin: 40px auto 0;
position: absolute;
bottom: -36px;
left: 38%;
cursor: pointer;
}
.PLUSVert:hover {
background:#52371c;
}
.PLUSJaune {
width:75px;
height:65px;
background:#d3de43;
font-family: 'caviar_dreamsbold';
font-size: 50px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:10px;
margin: 40px auto 0;
position: absolute;
bottom: -36px;
left: 38%;
cursor: pointer;
}
.PLUSJaune:hover {
background:#52371c;
}
.PLUSRouge {
width:75px;
height:65px;
background: #ff6356;
font-family: 'caviar_dreamsbold';
font-size: 50px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:10px;
margin: 40px auto 0;
position: absolute;
bottom: -36px;
left: 38%;
cursor: pointer;
}
.PLUSRouge:hover {
background:#52371c;
}
div.section {
background: url(../images/leaf3.png) no-repeat right bottom;
}
#logoSmall {
position: absolute;
margin: 0 0 0 60px;
}
#connexionBloc {
float: right;
}
#topMenu {width: 100%; max-width: 1020px; height: 60px; margin: 10px auto 0; position: relative; }
#topMenu a {cursor: pointer;}
html {
margin: 0px;
height: 100%;
}
body {
background: url(../images/tree.png) no-repeat center 175px ;
margin: 0px;
height: 100%;
}
.bodyAccueil {
background: url(../images/tree.png) no-repeat center 575px ;
margin: 0px;
height: 100%;
}
#conteneurGen {
background-color: rgba(255, 255, 255, 0.9);
width: 100%;
max-width: 920px;
margin: 0 auto;
overflow: hidden;
padding: 20px 50px;
}
#conteneurGen h1 {
font-family: 'caviar_dreamsregular';
font-size: 40px;
color: #52371c;
margin: 60px 0 10px;
}
#conteneurGen h2 {
font-family: 'caviar_dreamsregular';
font-size: 30px;
color: #df601f;
margin: 60px 0 10px;
}
#conteneurGen h3 {
font-family: 'caviar_dreamsregular';
font-size: 22px;
color: #df601f;
display: block;
}
#conteneurGen h4 {
font-family: 'caviar_dreamsregular';
font-size: 18px;
color: #df601f;
display: block;
}
#conteneurGen a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color:#df601f;
font-weight: bold;
}
#conteneurGen a:hover {
text-decoration: none;
color: #37d0f0;
}
#conteneurGen p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 28px;
color: #52371c;
padding: 0;
margin-bottom: 40px;
}
#conteneurGen ul {
font-family: Arial, Helvetica, sans-serif;
color: #694522;
font-size: 14px;
line-height: 28px;
color: #52371c;
padding: 0 0 0 15px;
margin-bottom: 40px;
}
#conteneurGen ol {
font-family: Arial, Helvetica, sans-serif;
color: #694522;
font-size: 14px;
line-height: 28px;
color: #52371c;
padding: 0 0 0 15px;
margin-bottom: 40px;
list-style-position: inside;
}
#conteneurPortail {
background-color: rgba(255, 255, 255, 0.9);
width: 100%;
max-width: 1020px;
margin: 0 auto;
overflow: hidden;
padding: 20px 0px 60px;
}
#conteneurPortail h1 {
font-family: 'caviar_dreamsregular';
font-size: 40px;
color: #52371c;
margin: 60px 0 10px;
}
#conteneurPortail h2 {
font-family: 'caviar_dreamsregular';
font-size: 24px;
color: #fff;
margin: 0 0 20px;
padding: 0;
text-align: center;
width: 100%;
}
#conteneurPortail h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #df601f;
margin: 10px 0 5px;
}
#conteneurPortail h3.date{
text-align: center;
font-size: 20px !important;
}
#conteneurPortail h4 {
font-family: 'caviar_dreamsregular';
font-size: 18px;
color: #df601f;
display: block;
}
#conteneurPortail a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #37d0f0;
font-weight: bold;
}
#conteneurPortail a:hover {
text-decoration: none;
color: #df601f;
}
#conteneurPortail p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #52371c;
padding: 0;
margin: 0 0 10px;
}
#conteneurPortail ul {
font-family: Arial, Helvetica, sans-serif;
color: #694522;
font-size: 14px;
line-height: 18px;
color: #52371c;
padding: 0 0 0 15px;
margin-bottom: 40px;
list-style-position: inside;
}
#conteneurPortail ol {
font-family: Arial, Helvetica, sans-serif;
color: #694522;
font-size: 14px;
line-height: 28px;
color: #52371c;
padding: 0 0 0 15px;
margin-bottom: 40px;
list-style-position: inside;
}
.liDoc {
background: url(../images/ico_doc.png) no-repeat left 50% ;
}
.liXls {
background: url(../images/ico_xls.png) no-repeat left 50% ;
}
.liPdf {
background: url(../images/ico_pdf.png) no-repeat left 50% ;
}
.liZip {
background: url(../images/ico_zip.png) no-repeat left 50% ;
}
.liMp3 {
background: url(../images/ico_mp3.png) no-repeat left 50% ;
}
.liOther {
background: url(../images/ico_other.png) no-repeat left 50% ;
}
a.liSpace{
cursor:default;
}
.liDoc, .liXls, .liPdf, .liZip, .liMp3, .liOther, .liSpace{
height: 42px;
line-height: 20px;
padding-left: 35px;
list-style: none;
margin-bottom: 25px;
}
.liDoc:hover, .liXls:hover, .liPdf:hover, .liZip:hover, .liMp3:hover, .liOther:hover{
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.blocPortailLong {
border: solid 2px #37d0f0;
width: 296px;
height: 814px;
position: relative;
float: left;
margin: 30px 0;
padding: 10px 10px 60px;
display: block;
}
.blocPortailCourt {
border: solid 2px #37d0f0;
width: 296px;
height: 340px;
position: relative;
float: left;
margin: 30px 0 30px 30px;
padding: 10px 10px 60px;
display: block;
}
.blocPortailCourt.premier{
margin-left:0px;
}
.blocVert {
border: solid 2px #81c965 !important;
}
img {
border-style: none;
}
a img {outline : none;}
header {
width: 100%;
}
.connexionBT {
text-transform: uppercase !important;
font-size: 20px !important;
background: url(../images/connexion.png) no-repeat center left !important;
display: block;
font-family: 'caviar_dreamsbold';
padding-left: 40px;
margin: 0 12px;
color: #ff6356;
line-height: 36px;
text-decoration: none;
font-weight: 300;
font-variant: normal;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
height: 34px;
}
.connexionBT:hover {
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
#conteneurHead{
width: 100%;
background: #37d0f0;
margin: 0px auto;
height: 40px;
z-index: 2;
}
.menuLI {
padding: 10px 0px;
}
.navA{
width: 100%;
max-width: 1020px;
height: 40px;
display: block;
margin: 0 auto;
}
.navA ul {
padding:0;
margin:0;
list-style-type:none;
}
.navA li {
float: right;
background: url(../images/separateur.png) no-repeat center right;
}
.navA ul li a {
font-family: 'caviar_dreamsregular';
font-size: 27px;
color: #fff;
font-size: 20px;
display: block;
text-transform: uppercase;
line-height: 18px;
text-decoration: none;
text-align: center;
font-weight: 300;
font-variant: normal;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
height: 0px;
}
.navA ul li a:hover {
color: #fff;
background: #ff6356 -10px;
height: 18px;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.navA strong {
font-family: 'ubuntubold';
font-weight: normal;
font-variant: normal;
}
.navA a{
padding: 0px 20px;
height: 68px;
}
.menuIMG a:hover {
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
}
.selectedNavA{
color: #68ec71;
background-image: url(../images/nava_over.jpg);
background-repeat: repeat-x;
background-position: center bottom;
display: block;
visibility: visible;
}
.bleu{
color: #000;
text-decoration: none;
}
.navB{
width: 100%;
max-width: 600px;
height: 60px;
display: block;
margin: 0 auto;
float: right;
}
.navB ul {
padding:0;
margin:0;
list-style-type:none;
}
.navB li {
float: right;
}
.navB ul li a {
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #ff6356;
display: block;
text-transform: none;
line-height: 18px;
text-decoration: none;
text-align: center;
font-weight: 300;
font-variant: normal;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
height: 0px;
}
.navB ul li a:hover {
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
height: 18px;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.navB strong {
font-family: 'ubuntubold';
font-weight: normal;
font-variant: normal;
}
.navB a{
padding: 0px 20px;
height: 68px;
}
.selectedNavB{
color: #68ec71;
background-image: url(../images/nava_over.jpg);
background-repeat: repeat-x;
background-position: center bottom;
display: block;
visibility: visible;
}
#top {width: 100%; max-width: 1020px; height: 60px; margin: 10px auto 0; overflow: hidden; }
#top p {font-family: 'caviar_dreamsbold'; font-size: 18px; color: #ff6356; float: right; padding-right: 10px; display: block; margin-right:10px; }
#top a{width: 32px; height: 32px; display: block; margin: 10px 10px 0 0; float: right;}
#top a:hover { filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;}
#slider {
width: 100%;
height: 465px;
background: url(../images/fond_slider.jpg) no-repeat center top;}
#conteneurSlider {
width: 100%;
max-width: 1020px;
margin: 0 auto;
}
#blocRouge {
background: #ff6356;
width: 330px;
height: 465px;
display: inline-block;
float: right;
}
#blocRouge h2 {
font-family: 'caviar_dreamsbold';
font-size: 26px;
color: #52371c;
text-align: center;
margin: 75px 0 0;
}
#blocRouge p {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 28px;
color: #52371c;
text-align: center;
margin: 20px 0 0;
padding: 0 20px;
}
#blancLogo {
background: #fff;
filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
width: 482px;
height: 465px;
display: inline-block;
float: right;
text-align: center;
}
#blancLogo img {
margin-top: 110px;
}
.BTJaune {
width:95px;
height:57px;
background:#f2d940;
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #52371c;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:38px;
margin: 20px auto;
}
.BTJaune:hover {
width:95px;
height:57px;
background:#52371c;
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #fff;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:38px;
}
.BTRouge {
width:95px;
height:57px;
background:#ff6356;
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #fff;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:38px;
margin: 20px auto;
}
.BTRouge:hover {
width:95px;
height:57px;
background:#52371c;
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #fff;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:38px;
}
.BTBleu {
width:75px;
height:65px;
background:#37d0f0;
font-family: 'caviar_dreamsbold';
font-size: 50px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:10px;
margin: 40px auto 0;
position: absolute;
bottom: -36px;
left: 35%;
cursor: pointer;
}
.BTBleu:hover {
background:#52371c;
}
#center {
width: 100%;
max-width: 1020px;
margin: 0 auto;
overflow: hidden;
}
#center h2 {
font-family: 'caviar_dreamsregular';
font-size: 30px;
color: #52371c;
text-align: center;
margin: 60px 0 10px;
}
#center h3 {
font-family: 'caviar_dreamsbold';
font-size: 60px;
color: #52371c;
text-align: center;
display: block;
}
#center p {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 28px;
color: #52371c;
text-align: center;
padding: 0 80px;
margin-bottom: 40px;
}
.blocaccvert {
background: #81c965;
width: 340px;
height: 225px;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
display: inline-block;
vertical-align:top;
}
.blocaccrouge {
background: #ff6356;
width: 340px;
height: 225px;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
display: inline-block;
vertical-align:top;
}
.blocaccbleu{
background: #37d0f0;
width: 340px;
height: 225px;
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity: 0.9;
display: inline-block;
vertical-align:top;
}
#center .blocaccbleu p, #center .blocaccrouge p, #center .blocaccvert p {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #fff;
margin-top: 52px;
padding: 0;
}
.blocaccbleu span, .blocaccrouge span, .blocaccvert span {
font-family: 'caviar_dreamsbold';
font-size: 60px;
color: #fff;
line-height: 60px;
}
.blocaccbleu a, .blocaccrouge a, .blocaccvert a {
text-decoration: none;
}
.blocaccbleu a:hover, .blocaccrouge a:hover, .blocaccvert a:hover {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.news {width: 340px; text-align: center; font-family: Arial, Helvetica, sans-serif; float: left; color: #515050; z-index: 9999;}
.date {font-size: 12px !important; margin: 15px 0 0 !important; padding: 0 !important; }
.apercu {font-size: 12px !important; line-height: 24px !important; font-size: 12px !important; padding: 0 40px !important; height:160px;}
.news h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #52371c;
margin: 0;
padding-bottom: 5px;
height:44px;
}
footer {
width: 100%;
height: 300px;
display: block;
margin-top: 60px;
padding-top: 10px;
background: #ff6356 url(../images/leaft_green_bottom.png) no-repeat right 30px ;
clear: both;
}
.navC{
width: 100%;
max-width: 1020px;
height: 60px;
display: block;
margin: 0 auto;
}
.navC ul {
padding:0;
margin:0;
list-style-type:none;
}
.navC li {
float: left;
background: url(../images/separateur.png) no-repeat center right;
}
.navC ul li a {
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #fff;
display: block;
text-transform: none;
line-height: 18px;
text-decoration: none;
text-align: center;
font-weight: 300;
font-variant: normal;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
height: 0px;
}
.navC ul li a:hover {
color: #52371c;
height: 18px;
}
.navC strong {
font-family: 'ubuntubold';
font-weight: normal;
font-variant: normal;
}
.navC a{
padding: 0px 20px;
height: 68px;
}
.selectedNavC{
color: #68ec71;
background-image: url(../images/nava_over.jpg);
background-repeat: repeat-x;
background-position: center bottom;
display: block;
visibility: visible;
}
#footerConteneur {
width: 100%;
max-width: 1020px;
margin: 0 auto;
}
.tel {font-family: 'caviar_dreamsbold'; font-size: 40px; color: #fff; padding: 0 10px 0 14px; display: block; margin: 0 10px 0 0; float: left; }
#footerConteneur img{width: 32px; height: 32px; display: block; margin: 10px 10px 0 0; float: left;}
#footerConteneur img:hover { filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;}
.adresse {font-family: 'caviar_dreamsbold'; font-size: 18px; color: #fff; padding: 0 10px 0 14px; display: block; margin: 30px 10px 0 0; display: block; overflow: hidden; }
#spacer {height: 40px;}
.copyright {font-family: 'caviar_dreamsbold'; font-size: 14px; color: #fff; padding: 0 10px 0 14px; display: block; margin: 30px 10px 0 0; display: block; overflow: hidden; filter: alpha(opacity=60);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;}
#footerConteneur a {
color: #fff;
}
#footerConteneur a:hover {
color: #fff;
filter: alpha(opacity=10);
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
text-decoration: none;
}
#leaf3 {
width: 203px;
height: 100%;
position: absolute;
background: #000 url(../images/leaf3.png) no-repeat bottom right;
right: 30px;
}
.BBleu {
background: #37d0f0;
}
.BVert {
background: #83c456;
}
.BJaune {
background: #d3de43;
}
.BRouge {
background: #f16c51;
}
.BRouge2 {
background: #f16c51;
height: 100%;
display: block;
}
hr {
margin-top: 15px;
border-top: solid 2px #37d0f0;
border-bottom: 0;
}
.solde {font-size: 30px !important; text-align: center; margin: 60px 0 0 !important; display: block;}
.temps {font-size: 25px !important; text-align: center; margin: 60px 0 0 !important; display: block;}
.montant {font-size: 40px !important; text-align: center; margin: 30px 0 0 !important; display: block;}
.compte {margin-top: 30px !important; text-align: center;}
.album {height: 100px; margin-bottom: 8px;}
.photo {float: left; margin-right: 20px;}
.MenuVert {
background: #83c456 !important;
}
.MenuRouge {
background: #f16c51 !important;
}
.bienvenu{ font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #ff6356;
display: block;
text-transform: none;
line-height: 18px;
text-decoration: none;
text-align: center;
font-weight: 300;
font-variant: normal;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
height: 0px;}
.nouvelleBleu {
width:75px;
height:65px;
background:#37d0f0;
font-family: 'caviar_dreamsbold';
font-size: 50px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:10px;
margin: 40px auto 0;
position: absolute;
bottom: -36px;
left: 38%;
cursor: pointer;
}
.nouvelleBleu:hover {
background:#52371c;
}
.nouvelleBloc {
margin: 0 20px 80px 30px;
}
.nouvelleTitre {
margin: 0 0 10px 30px;
}
.photoNouvelle {
width: 296px;
height: 198px;
float: left;
margin-right:30px;
margin-bottom:30px;
}
.blocN {
width: 100%;
margin: 60px 0 0;
display: block;
}
.btNouvelle {
font-family: 'caviar_dreamsregular' !important;
font-size: 22px !important;
color: #df601f !important;
text-decoration: none;
}
.btNouvelle:hover {
text-decoration: underline !important;
font-family: 'caviar_dreamsregular' !important;
font-size: 22px !important;
color: #df601f !important;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
.btNouvelleB {
width:95px;
height:57px;
background:#37d0f0;
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:38px;
float: right;
margin-top: 10px;
text-decoration: none;
}
.btNouvelleB:hover {
background:#52371c;
}
.dateInt {font-size: 12px !important; margin: 0 0 0 30px !important; padding: 0 !important; display: block; color: #848381 !important;}
.dateIntB {font-size: 12px !important; margin: 0 !important; padding: 0 !important; display: inline-block; width: 300px; color: #848381 !important;}
#navBottom {
height: 50px;
width: 400px;
margin-top: 30px;
margin-bottom: 60px;
}
a.nav { /* definition de la classe "image" de la balise <a> */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #fff !important;
display: block;
padding-right: 8px;
padding-left: 8px;
height: 22px;
float: left;
padding-top: 4px;
margin-right: 5px;
background: #37d0f0;
}
a.nav:hover { /* definition de la classe "image" de la balise <a> au survol */
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #fff;
background-color: #81c965;
}
.navActived {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #fff !important;
background-color: #f16c51;
display: block;
padding-right: 8px;
padding-left: 8px;
height: 22px;
float: left;
padding-top: 4px;
margin-right: 5px;
}
.floatLeft {
float: left;
margin: 0 30px 30px 0;
}
.btBack{
width:75px;
height:65px;
background:#37d0f0;
font-family: 'caviar_dreamsbold';
font-size: 50px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:8px;
float: left;
margin-top: 4px;
text-decoration: none;
}
.btBack:hover {
background:#52371c;
}
.albumBloc {
border: solid 2px #37d0f0;
width: 221px;
height: 290px;
float: left;
margin: 40px 40px 40px 0;
position: relative;
}
.albumBloc:hover{
background: #f16c51;
}
.albumBloc h2 {
width: 180px !important;
font-family: 'caviar_dreamsbold' !important;
font-size: 16px !important;
color: #4e381b !important;
text-align: center;
text-decoration: none;
padding: 10px 10px 0 10px !important;
font-variant: normal;
display: block;
margin: 0 auto 5px !important;
}
.albumBloc p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 28px;
color: #52371c;
text-align: center;
margin-top: 0px;
} .BTInscription {
width:300px;
height:200px;
background:#ff6356;
font-family: 'caviar_dreamsbold';
font-size: 40px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
text-decoration: none;
margin: 20px auto;
padding-top:100px;
}
.BTInscription:hover {
background:#52371c;
}
.floatRight{float: right; margin-top: 0; display: inline-block;}
.joindreBloc{
width: 45%;
margin: 10px 2.5%;
display: inline-block;
border-bottom: solid 2px #37d0f0;
padding: 0;
vertical-align:bottom;
}
.joindreBlocB{
width: 100%;
height: 300px;
display: block;
background: url(../images/fleche.png) no-repeat center 20px !important;
margin-bottom: 0!important;
padding: 0;
}
.blocServices {
width: 200px;
display: inline-block;
margin: 40px 13px 0px 13px;
vertical-align:top;
}
.image_service {
height: 140px;
line-height: 140px;
text-align: center;
}
.blocServices h2 {
width: 180px !important;
font-family: 'caviar_dreamsbold' !important;
font-size: 16px !important;
color: #4e381b !important;
text-align: center;
text-decoration: none;
padding: 10px 0 10px !important;
font-variant: normal;
display: block;
margin: 0 auto 5px !important;
}
.blocServices p {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 28px;
color: #52371c;
text-align: center;
margin-top: 0px;
}
.blocServices img {
display: inline-block;
vertical-align: middle;
}
.marge {margin-top: 74px;}
.reset {
width: 130px !important;
height: 169px !important;
float: right !important;
}
.BTServices {
width:135px;
height:107px;
background:#37d0f0;
font-family: 'caviar_dreamsbold';
font-size: 20px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:28px;
margin: 22px 0 20px 20px;
float: right;
text-decoration: none;
}
.BTServices:hover {
background:#52371c;
}
.BTServicesB {
width:135px;
height:105px;
background:#81c965;
font-family: 'caviar_dreamsbold';
font-size: 20px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:30px;
margin: 22px 0 20px 20px;
float: right;
text-decoration: none;
}
.BTServicesB:hover {
background:#52371c;
}
#param{
width: 100%;
max-width: 920px;
margin: 50px 0 0;
height: 100px;
border-bottom: solid 2px #37d0f0;
}
.titreParam {
font-family: 'caviar_dreamsregular';
margin: 0 !important;
color: #898b8b !important;
display: block;
float: left;
width: 275px;
}
.textParam {
font-family: 'caviar_dreamsregular';
font-size: 20px;
color: #df601f;
display: block;
float: left;
width: 300px;
}
.textParamB {
font-family: 'caviar_dreamsregular';
font-size: 20px;
color: #df601f;
display: block;
float: left;
width: 350px;
}
.gris{color: #898b8b !important;}
.inputGen {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px !important;
width: 250px;
height: 35px;
color: #52371c !important;
}
.BTEnregistrer {
width:150px;
height:90px;
background:#ff6356;
font-family: 'caviar_dreamsbold';
font-size: 22px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
text-decoration: none;
margin: 20px auto;
float: right;
padding-top:60px;
}
.BTEnregistrer:hover {
background:#52371c;
}
.inputPunch {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px !important;
width: 80px;
height: 25px;
color: #52371c !important;
}
.inputPunchDown {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px !important;
width: 140px;
height: 25px;
color: #52371c !important;
}
.inputPunchNote {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px !important;
width: 200px;
height: 25px;
color: #52371c !important;
}
td {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
}
.topPunch {
color: #4e3819;
font-weight: bold;
}.TRhr{
border-bottom: solid 2px #37d0f0;
}
.TRheight {
height: 45px;
}
.TRbleu {
background: #37d0f0;
height: 45px;
color: #fff !important;
display: block;
padding: 5px 10px 0;
}
.MarginRight {
margin: 20px 20px 0 0;
}
.PLUSRougeTemps {
width:40px;
height:39px;
background: #ff6356;
font-family: 'caviar_dreamsbold';
font-size: 35px !important;
color: #fff !important;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:1px;
margin-top: 5px;
text-decoration: none;
cursor: pointer;
float: right;
}
.PLUSRougeTemps:hover {
background:#52371c;
}
.connexionBTCON {
text-transform: uppercase !important;
font-size: 20px !important;
background: url(../images/connexion.png) no-repeat top right !important;
display: block;
font-family: 'caviar_dreamsbold';
padding-right: 800px;
margin: 0 12px;
color: #ff6356;
display: block;
width: 165px;
line-height: 36px;
text-decoration: none;
font-weight: 300;
font-variant: normal;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
height: 34px;
}
.connexionBTCON:hover {
filter:alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
#blog {
width: 920px;
float: left;
font-size: 11px !important;
margin: 30px 0 0;
}
#blog p {
font-size: 12px !important;
line-height: 18px !important;
margin: 0 0 10px 0 !important;
}
#blog hr {
margin: 0 0 20px 0 !important;
}
#comments {
width: 920px;
float: left;
font-size: 11px !important;
margin: 30px 0 0;
}
.inputCommentaire {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px !important;
width: 690px;
height: 125px;
color: #52371c !important;
float: left;
margin: 20px 0 0 0;
}
.inputNom {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px !important;
width: 100px;
height: 25px;
color: #52371c !important;
float: left;
margin: 20px 0 0 0;
}
#commentaire {float: left; width: 700px}
#conteneurPortail ul span {
color: #4d381b;
font-size: 12px;
font-weight: normal;
text-decoration: none !important;
}
.textAlignRight {text-align: right; height: 35px;}
.navEmploye{
width: 100%;
max-width: 1020px;
height: 40px;
display: block;
margin: 0 auto;
}
.navEmploye ul {
padding:0;
margin:0;
list-style-type:none;
}
.navEmploye li {
float: right;
background: url(../images/separateur.png) no-repeat center right;
}
.navEmploye ul li a {
font-family: 'caviar_dreamsregular';
font-size: 27px;
color: #fff;
font-size: 20px;
display: block;
text-transform: uppercase;
line-height: 18px;
text-decoration: none;
text-align: center;
font-weight: 300;
font-variant: normal;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
height: 0px;
}
.navEmploye ul li a:hover {
color: #fff;
background: #96ca57 -10px;
height: 18px;
-ms-transition: all .5s ease; /* THIS IS FOR THE ANIMATION */
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.navEmploye strong {
font-family: 'ubuntubold';
font-weight: normal;
font-variant: normal;
}
.navEmploye a{
padding: 0px 20px;
height: 68px;
}
#connect {width: 324px; background: #37d0f0; height: 330px; border: solid 3px #37d0f0; position: absolute; right: 0px; top: -80px; z-index: 999;
display: none; text-align: center;}
#connect h2 {font-family: 'caviar_dreamsregular'; font-size: 18px; text-decoration: none; text-align: center; font-variant: normal; color: #fff; margin: 25px 0 0 0;}
.inputConnect {width: 200px; height: 28px; font-size: 13px; margin: 15px 0 0 0; color: #777777}
.log{
width:95px;
height:57px;
background:#f2d940;
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #52371c;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:38px;
margin: 20px auto;
text-decoration: none;
}
.log:hover {
width:95px;
height:57px;
background:#52371c;
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #fff;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:38px;
}
.annuler {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 28px;
color: #fff;
}
#connect2 {width: 100%; background: #37d0f0; height: 130px; border: solid 3px #37d0f0; position: absolute; right: 0px; top: -80px; z-index: 999;
display: inline-block; text-align: center;}
#connect2 h2 {font-family: 'caviar_dreamsregular'; font-size: 18px; text-decoration: none; text-align: center; font-variant: normal; color: #fff; margin: 25px 0 0 0;}
.inputConnect2 {width: 200px; height: 28px; font-size: 13px; margin: 15px 0 0 0; color: #777777; float: left;}
.log2{
width:95px;
height:57px;
background:#f2d940;
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #52371c;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:38px;
margin: 20px auto;
text-decoration: none;
float: right;
}
.log2:hover {
width:95px;
height:57px;
background:#52371c;
font-family: 'caviar_dreamsbold';
font-size: 14px;
color: #fff;
border-radius:50%;
border:none;
display: block;
text-align: center;
padding-top:38px;
}
#popupContact label{width:100%;}
#popupContact input, #popupContact textarea{
width: 99%;
}
#popupContact div{
margin-bottom:15px;
}
.ui-dialog{
max-width: 95%;
top: 50% !important;
left: 50% !important;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
/** initial setup **/
.nano {
position : relative;
width : 100%;
height : 100%;
overflow : hidden;
}
.nano > .nano-content {
position : absolute;
overflow : scroll;
overflow-x : hidden;
top : 0;
right : 0;
bottom : 0;
left : 0;
}
.nano > .nano-content:focus {
outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
display: block;
}
.nano > .nano-pane {
background : rgba(0,0,0,.25);
position : absolute;
width : 10px;
right : 0;
top : 0;
bottom : 0;
visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
opacity : .01;
-webkit-transition : .2s;
-moz-transition : .2s;
-o-transition : .2s;
transition : .2s;
-moz-border-radius : 5px;
-webkit-border-radius : 5px;
border-radius : 5px;
}
.nano > .nano-pane > .nano-slider {
background: #444;
background: rgba(0,0,0,.5);
position : relative;
margin : 0 1px;
-moz-border-radius : 3px;
-webkit-border-radius : 3px;
border-radius : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
visibility : visible\9; /* Target only IE7 and IE8 with this hack */
opacity : 0.99;
}
.changements_form {background-color: rgba(131,196,86,0.1);padding: 40px;}
#conteneurGen .changements_form h1 {margin:0px;}
.changements_form div {width:100%;text-align:center;}
.changements_form #param {border-bottom:solid 2px #83c456;}
.changements_form textarea {width:100%;height:180px;}
#statistiques-table .ligne .hidden {
display: none;
}