body {font-family: calibri, century gothic, verdana; font-weight: none;  font-size: 1em; color: #000000; text-align:left; background-color:#ffffff; margin:0px; padding:0px; letter-spacing:1px;}

#logo {width: 274px;}
.logo {border:0; display:inline-block; }
.barrehaut .artiste {display:inline-block;vertical-align:bottom;}

.menu {
text-align: center;
margin: 0 274px 0 0;
}

/* Dropdown Button */
.dropbtn {
    color: #000;
    padding:17px;
	-webkit-transition: all .7s cubic-bezier(0.3,1,0,1);
  transition: all .7s cubic-bezier(0.3,1,0,1);
  margin:0;
  text-decoration:none;
      display: inline-block;
	  border-top:0.5px solid #fff;
}

.dropbtn:hover {border-top:0.5px solid #000;} 
.dropbtn#active {border-top:0.5px solid #000;} 

/* The container <div> - needed to position the dropdown content */
.dropdown {
    display: inline-block;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    min-width: 200px;
	width:100%;
    z-index:3010; 
	 text-align:left;
	 	left:0;
	margin:0 auto;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color:#e1e1e1;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {

}

.menu-rich{max-width:750px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);margin:0 auto; background-color:#fff;width:100%;}
.menu-rich-services {display:inline-block;
	 width:20%;
	 height:95px;
	vertical-align:top;
	 color:#060A30;
	 font-weight:300;
	 font-size:0.8em;
	 overflow:hidden;
	 padding:8px 0 18px 0;
	 margin:0 auto;
	 	-webkit-transition: all .7s cubic-bezier(0.3,1,0,1);
  transition: all .7s cubic-bezier(0.3,1,0,1);
  text-align:center;
  }
.menu-rich-services:hover{background-color:#e1e1e1;}

.mentions {margin-top:50px; font-size:0.6em;}

/* menu mobile  */
.menu-mob-opened {display:none;
width:100%; height:100%; position:fixed;
z-index:6000;
background-color:#fff;
top:0;
left:0;
 text-align:left; 
}
.menu-mob-opened .label, .menu-mob-opened .label2 {width:100%; text-align:left;color:#000; font-size:1.8em;}

#close-menu-mob {position:absolute; top:5px; right:5px; cursor:pointer;}
.menu-mob {display:none; padding:3px; font-size: 2.5em;}
.menu-mob-opened .label a, .menu-mob-opened .label2 a{ color:#000; padding:25px 17px; cursor:pointer; line-height:1.5em;}
.menu-mob-opened .label, .menu-mob-opened .label2 {margin:18px 0;}

.menu-mob-opened .label2 {font-size:1.5em; margin-left:10px;}

.addthis {position: absolute; right:0;top:0px;}

.content{width:100%; margin-bottom:0px; font-weight:none; line-height:15px;}

.content p {line-height:15px;}

.titre {font-family:century gothic; font-size:20px; font-weight:bold;}

.slogan {font-family:calibri, century gothic, verdana; font-size:15px;color:#000000;}

/* table {font-size: 15px; color: #000000; text-align:left; padding-left:0px; padding-right:0px;} */

h1 {text-decoration: none; font-size: 16px; color: #666666; text-align:justify; font-weight:bold;line-height:18px;}

a {text-decoration: none; color: #000000;}

a:hover {font-weight:bold;}

a.onglets {background-color:#f1f1f1;}

a.onglets:hover {background-color:#cccccc; color:#ffffff;}

img {padding-top:0px; padding-bottom:0px; margin-top:0px; vertical-align: middle; max-width:100%; height:auto;}

.barrehaut {position:fixed; top:0; left:0; width:100%; z-index:1000; margin:0 auto 5px auto; font-size:14.5px; line-height:13px; color:#999999; padding: 5px 0; vertical-align:text-bottom; text-align:left; background-color:#fff;}


.barrebas {font-size:17px; color:#ffffff; padding-left : 10px; padding-right : 10px; padding-top : 5px; padding-bottom : 5px; background-color:#000000; }

.barrebas a {color:#ffffff;font-size:17px; font-weight:none; }

.milieuG {margin:0 auto; width:60%;}
.milieu {font-family:calibri, century gothic, verdana; padding-left : 10px; padding-right : 10px; padding-top : 5px; padding-bottom : 5px;}

.principale {width:100%; padding-left : 5px; padding-right : 5px; padding-top : 0px; padding-bottom : 5px; background-color:#ffffff; margin:85px auto 0 auto;}

.vari {font-size:0px; color:#ffffff;}

.cadre {width:100%;}

.cadre img {text-align:justify;}

.catal {line-height:11px; font-size:11px; padding-bottom:0px;width:100%;}
.catal p {line-height:11px; font-size:11px; padding-bottom:0px;}
.catal_img {width:70%;}
.catal_img img {width:80%;}
.catal_text {width:30%;}

.cadrecatal {
/* 	border : 1px solid #e1e1e1; */
margin:15px; padding:8px; width:100%; max-width:1200px;
} 
.cadrecatal iframe {max-width: 100%;
height: auto;
min-height: 315px;
width: 420px;}
.cadrecatal4 {border : 1px solid #e1e1e1; margin:15px; padding:8px; line-height:20px; width:100%; max-width:750px;}

.cadrecatal4 span {line-height:20px;}

.cadrecatal4 p {line-height:20px;}

.cadrecatal ul{line-height:0px;}

.cadrecatal li {line-height:14px;}

.cadrecataltexte td {border : 1px solid #e1e1e1; padding:15px;}

.cadrecatal a {font-weight:bold;}
.cadrecatal a:hover {text-decoration:underline;}

.boutongalerie {font-family :calibri, century gothic, verdana; background-color : #ffffff; font-size:15px; color:#000000;  border: 1px solid #cccccc; margin-top:7.5px;}

.module {color:#999999; padding-bottom:2px;margin:0 auto;}

.module a {font-weight : bold; text-decoration:none; font-size:15px;}

.titremodule {line-height:25px; font-size:15px; font-style:italic; color:inherit; }

.colonne {font-size:15px; padding-bottom:5px;padding-top:5px;  color:#666666; padding-right:3px; line-height:15px;}

.colonne input[type=text] {height:15px; width:160px; color:#000; margin-top:10px;}

.colonne textarea {height:100px; width:300px; color:#000; font-family:Arial; fonts-size:10px; margin-top:10px;}

.columnright {position: absolute; right:10%; top:70px; width:20%; max-width:350px;}
.right_column {position : absolute; right:10%; top:68px;}

.marquee {background-color:#ffffff; color: #999999; border:1px solid #e1e1e1;}

.pagepaint {padding-top:5px; padding-bottom:5px; width:33.33%;}

.pagepaint img {height: 100px;}

.pagepaint a {font-size:0.8em;}

.cadre_menu_photos {width:100%; max-width:700px;border-spacing: 8px;}

.menu_photos_side a {font-size:0.7em;}

.menu_photos_side td {padding: 0 0 15px 0;}

.menu_photos_side img {width:100px;}

.td750 {width:100%; max-width:800px;}
.td70 {width:100%;max-width: 1000px;}

.td_titres_album {width:100%;}

.arrow {background-color:#222;
border-radius:2px 2px 0 0;
padding:8px;
  cursor:pointer;
  margin:0;}

.arrow:hover {background-color:#181716;
  -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
  transition: all 0.6s cubic-bezier(0.3,1,0,1);
  text-decoration:none;
}

#pages {margin:35px auto;}
a.nbpages {
	margin:0 3px;
color: #333;
  padding: 5px 8px;
  font-weight:300;
  line-height:1.2em;
  		-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	white-space: nowrap;
	border:none;}
a.nbpages:hover {background-color: #333; color:#fff;}
a.nbpagesactive {text-decoration:underline;
		margin:0 3px;
  padding: 5px 8px;}
  
  /* nice select */
 .nice-select {
	 -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #999;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; } 
  
.CV {font-size:0.85em; width:100%;}
.CV td:first-child {width:15%;}
.CV p {margin: 5px;
	line-height: 1.7em;}
 



#close-newsletter-box {display:none;}

.page_contact_td1 {width:50%; text-align: center; vertical-align:top;}
.page_contact_td2 {width:50%;vertical-align:middle;}

.btn_mobile_menu {position: absolute; right:0px;top:30px;}



/* Desktops and laptops ----------- */
@media screen and (max-width : 1420px) {


}

/* Desktops and laptops ----------- */
@media screen and (max-width : 1280px) {

	.right_column {right:3px; top:68px;}
	.milieu {margin-left:0;}
	
.menu {
    text-align: center;
    margin: 0 20% 0 0;
}
	
}
/* breakpoint personnalisé ----------- */
@media screen and (max-width : 1100px) {
.menu {
    text-align: center;
    margin: 0 0 0 0;
}
}

/* autres ----------- */  
@media screen and (max-width:1024px) { 
	.menu {display:none;}
	.menu-mob {display:block;}

	.milieuG {
	margin-left: 0;
	width:100%;}
	.milieu {padding:0px; margin-left:0;}

	.cadrecatal {margin:3px; padding:8px;}
	.principale {padding:0px;}
	.barrehaut {padding-right : 0px; font-size:0.8em;}
	
	.logo {float:none;}

} 

/* autres ----------- */  
@media screen and (max-width:950px) { 
	
} 

/* mobile ----------- */
@media screen and (max-width:800px) { 
	.right_column {display:none;}
		.milieuG {
			width:100%;}
	.td70 {width:100%;}
	.cadre_menu_photos {border-spacing: 0px;}
	.pagepaint {border:none;}
	.pagepaint a {font-size:0.5em;}

.catal_text, .catal_img  {
width: 100%;
display: block;}
.catal_img img {width:100%;}

}
/* mobile ----------- */
@media screen and (max-width:768px) { 
	.pagepaint {
	position:relative;
		display:inline-block;
		width:100%;}
	.pagepaint img {height:auto;}
	.pagepaint .titre_album {
	position: absolute;
    width: 50%;
    top: 50%;
    left: 24%;
    text-align: center;
    margin: 0 auto;
    background-color: rgba(255,255,255,0.8);
	padding:8px 1%;}
	.pagepaint a {font-size:1em;}	
}

/* mobile ----------- */
@media screen and (max-width:500px) { 
	
	.addthis {position:fixed; top:initial; bottom:0; right:0; background-color:#fff;}
	.arrow {display:none;}

.pagepaint .titre_album {
    width: 65%;
    left: 16.5%;
}
}

@media screen and (max-width:450px) { 
.cadrecatal {max-width:350px; margin:3px; padding:2px;}
.cadrecatal iframe {
width: 300px;
height:250px;}
}