/* cmsms stylesheet: CSS Layout modified: mercredi 29 mai 2024 09:10:30 */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body
{ color: #4f4c41 !important; 
  background-color: #efefef;
  font-family: "PT Serif", serif;
font-size: 14px;
  margin: 0;
  padding: 0;}

a {
  color: #5c832f;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #5c832f;
}
.bg-sousmenu {
background-color: #efefef;
}

.navbar-default {
    background-image: none !important; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-image: none;
    box-shadow: none; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent !important;
    color: #111111;
}

.sousmenu a {
    color: #777777;
}
.sousmenu a:hover {
    color: #111111;
    text-decoration: none;
}

.page-header {
    border-bottom: none;
    margin: 0px;
    padding-bottom: 9px;
}

/* MAGADI */
.alignleft
{ display: block;
  float: left;
  margin: 0 10px 10px 0; }

.alignright
{ display: block;
  float: right;
  margin: 0 0 10px 10px; }

.fancybox-skin
{ background-color: #efefef !important; }

.minuscule
{ text-transform: lowercase;}

.new-row 
{ clear: left; }

.fb-page
{ margin-top: 10px; }

#header 
{ border-bottom: 1px solid #968d73;
  padding-bottom: 10px;
  position: relative;}

#menu
{ font-family: "PT Serif", serif; }

h1
{  height: 0;
   text-indent : -999em;
   padding: 0;
   margin: 0; }

h2, h3, h4, h5
{ font-family: Comfortaa;
  font-weight: 500;
    margin-bottom: 10px;
    margin-top: 20px;
}

.titre, .slogan 
{ font-family: Comfortaa; }

h2, .h2 {
    font-size: 30px;
}
h3, .h3 {
    font-size: 24px;
}
.dimension
{ font-weight: 700; }

#sidebar h2
{ font-size: 1.6em; }

#sidebar h3
{ font-size: 1.4em; }

.item-title
{ height: 50px;
  font-size: 1.4em;  }

#sidebar ul
{ list-style-type: none;
  padding-left:5px; }

.gallery ul 
{ list-style-type : none;
  padding-left: 10px; }

.gallery ul li
{ display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;}

.categories p 
{margin : 2px 0; }

#footer
{border-top: 1px solid #968d73; 
 padding-top: 10px;
 margin-top: 10px;
 font-size: 0.9em; }

/* FORMULAIRE DE CONTACT */
.contactform
{ width: 100%; }

.contactform label 
{ display: block; }

.contactform div
{ margin-bottom: 15px; }

.contactform input, textarea
{ width: 100%; }

.contactform input, textarea, .cms_submit
{ padding: 5px 10px;
  border: 1px solid #888888;
  border-radius: 10px;
  -webkit-border-radius: 10px;
   -o-border-radius: 10px; }

.contactform input:hover, textarea:hover, .cms_submit:hover
{ border: 1px solid #5c832f; }

.formerror
{ color: #bd0101;
  font-size: 0.9em; }
/* cmsms stylesheet: CSS Media Queries modified: lundi 27 mai 2024 16:41:29 */
/* Affichage en fonction de la taille des écran */
@media screen and (min-width: 1540px) {
  #bgsite { background-size:32%; }
}
/* Affichage en fonction de la taille des écran */
@media screen and (min-width: 1200px) and (max-width: 1539px) {
  #bgsite { background-size:28%; }
}
/* Affichage en fonction de la taille des écran */
@media screen and (min-width: 1200px) {
  #footleft {text-align: left; }
  #footcenter {text-align: center; }
  #footright {text-align: right; }
  #sidebar .item img { display: block; height: auto; max-width: 100%; }
}
/* Affichage en fonction de la taille des écran */
@media screen and (min-width: 768px) {
  .navbar-default { box-shadow: none; background-color: transparent !important; border: none; }
  #menu > ul { border-bottom: 1px solid #968d73; }
  .sousmenu {
    float: left;
    display: none;
    font-size: 14px;
    left: 15px;
    /*list-style: outside none none;*/
    margin: 0;
    min-width: 240px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000; }
  .parent:hover > .sousmenu {display: block;}
  .titre { font-size: 3.5em;  padding-top: 20px;  padding-bottom: 0px;  margin-bottom: 0; }
  .slogan {color: #555555; font-size: 1.2em; }
  #header img.logo768 {  display: none;}
}
/* Affichage Corps et Footer en fonction de la taille des écran */
@media screen and (max-width: 1199px) {
 #footer { text-align: center; }
}
@media screen and (max-width: 767px) {
 .navbar-default {
    background-image: none !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
    background-color: transparent;background-image: url(https://cartonelle.com/uploads/bg/ctbg.png);
    border-color: #e7e7e7; }
 .navbar {margin-bottom: 0 !important; }
    #sidebar .item img { display:block; width: 100%; height:auto; margin: 0 auto;}
    #header img.logo768 {  display: block; margin: 0 auto;}
   .slogan, .titre { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
 #sidebar .item img { height: 200px; width: auto; }
 #sidebar .item { float: left; margin-right:10px; margin-bottom:10px; }
 #bgsite { background-size:28%; }
}