body, html{font-family: 'baskerville_old_faceregular';font-size:18px;line-height:20px;color:#000000;}
@media (max-width:1200px) {
body, html{font-size:16px;}
}

/** Les titres **/
#header_left i.desc {float: left;font-size: 14px; left: -3000px; margin: -20px; position: relative;text-align: center; top: 0;}
h1 {font-family:'Uberschrift-Regular';line-height: 100%;}
h1 {font-size:90px;line-height:80px;text-transform:uppercase;letter-spacing:1px;margin-bottom:45px;margin-top:50px;}
h1 small{font-size:70%;	line-height:100%;}
.portfolio h1.gris{color:#686262;font-size:21px;line-height:40px;margin: 0;}
.portfolio h1 {font-size:85px;line-height:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:50px;margin-top:10%;}
.portfolio h1 small {font-size: 50px;letter-spacing: 1px;line-height: 45px;margin: 0;text-transform: uppercase;}
.actualites h1{font-size:70px;margin-top:30px;margin-bottom:35px;}
.site-main h1 {font-size:70px;margin-top:30px;margin-bottom:35px;}

h2,h3,h4,h5,h6{font-family:'Uberschrift-Regular';line-height: 100%;}
/*h2{font-size:90px;line-height:80px;text-transform:uppercase;letter-spacing:1px;margin-bottom:45px;margin-top:50px;}
h2 small{font-size:70%;	line-height:100%;}
.portfolio h2.gris{color:#686262;font-size:21px;line-height:40px;margin: 0;}
.portfolio h2 {font-size:85px;line-height:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:50px;margin-top:10%;}
.portfolio h2 small {font-size: 50px;letter-spacing: 1px;line-height: 45px;margin: 0;text-transform: uppercase;}
.actualites h2{font-size:70px;margin-top:30px;margin-bottom:35px;}
.site-main h2 {font-size:70px;margin-top:30px;margin-bottom:35px;}	*/

h2 {font-size:20px;text-transform:uppercase;margin-bottom:10px;margin-top:30px;}
h2.contact {font-size: 30px;text-transform: uppercase;margin-top:-15px;margin-bottom: 25px;}

/*h3.contact {font-size: 30px;text-transform: uppercase;margin-top:-15px;margin-bottom: 25px;}
h3 {font-size:25px;text-transform:uppercase;margin-bottom:10px;margin-top:30px;}*/
h3{font-size: 18px;margin-top: -10px;margin-bottom:175px;text-transform: none;font-family:'baskerville_old_faceregular';}
/*h5{font-size:50px;margin:30px 0;text-transform: uppercase;}*/
h4{color:#676362;font-size:20px;margin-bottom:10px;}
/*h6{color:#676362;font-size:20px;margin-bottom:10px;}*/
span.uppercase {font-size:15px; font-weight:bold;line-height:12px;}

@media (max-width:1200px) {
h1{font-size:70px;/*font-size:1px;border:none;margin:0px;*/}
.portfolio h1 {font-size:85px;line-height:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:50px;margin-top:10%;}
.portfolio h1 small {font-size: 50px;letter-spacing: 1px;line-height: 45px;margin: 0;text-transform: uppercase;}
.actualites h1{font-size:70px;margin-top:30px;margin-bottom:35px;}
.site-main h1 {font-size:70px;margin-top:30px;margin-bottom:35px;}

/*h2{font-size:70px;}
.portfolio h2 {font-size:85px;line-height:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:50px;margin-top:10%;}
.portfolio h2 small {font-size: 50px;letter-spacing: 1px;line-height: 45px;margin: 0;text-transform: uppercase;}
.actualites h2{font-size:70px;margin-top:30px;margin-bottom:35px;}
.site-main h2 {font-size:70px;margin-top:30px;margin-bottom:35px;}	*/

h2{font-size:25px;line-height:90%;}
h2.contact {font-size: 30px;text-transform: uppercase;margin-top:-15px;margin-bottom: 25px;}

/*h3{font-size:25px;line-height:90%;}
h3.contact {font-size: 30px;text-transform: uppercase;margin-top:-15px;margin-bottom: 25px;}*/
	}

@media (max-height:1024px) {
h1{/*font-size:1px;border:none;margin:0px*/font-size:70px;margin-top:30px;margin-bottom:35px;line-height:90%;}
h1 small{font-size:70%;	line-height:100%;}
.site-main h1 {font-size:70px;margin-top:30px;margin-bottom:35px;}
.actualites h1 {font-size:70px;margin-top:30px;margin-bottom:35px;}
.portfolio h1 {font-size:85px;line-height:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:50px;margin-top:10%;}
.site-main h1 {font-size:70px;margin-top:30px;margin-bottom:35px;}

/*h2{font-size:70px;margin-top:30px;margin-bottom:35px;line-height:90%;}
h2 small{font-size:70%;	line-height:100%;}
.portfolio h2 {font-size:85px;line-height:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:50px;margin-top:10%;}
.portfolio h2 small {font-size: 50px;letter-spacing: 1px;line-height: 45px;margin: 0;text-transform: uppercase;}
.actualites h2{font-size:70px;margin-top:30px;margin-bottom:35px;}
.site-main h2 {font-size:70px;margin-top:30px;margin-bottom:35px;}	*/
h2{font-size:25px;line-height:90%;}
h2.contact {font-size: 30px;text-transform: uppercase;margin-top:-15px;margin-bottom: 25px;}

/*h3{font-size:25px;line-height:90%;}
h3.contact {font-size: 30px;text-transform: uppercase;margin-top:-15px;margin-bottom: 25px;}*/
	}

@media (max-height:900px) {
/*h1{margin-top:0;font-size:65px;margin-bottom:8px;}*/
h1 {margin-top:10px;}
.portfolio h1 {font-size:85px;line-height:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:50px;margin-top:10%;}
.actualites h1{font-size:70px;margin-top:10px;margin-bottom:35px;}

/*h2{margin-top:10px;}
.portfolio h2 {font-size:85px;line-height:50px;text-transform:uppercase;letter-spacing:1px;margin-bottom:50px;margin-top:10%;}
.actualites h2{font-size:70px;margin-top:10px;margin-bottom:35px;}*/
h2.contact, h3.contact {margin-top:0px;}

	}
@media (max-height:768px) {
/*h1 {font-size:60px;}*/
.portfolio h1 {font-size:70px;line-height:40px;text-transform:uppercase;letter-spacing:1px;margin-bottom:30px;margin-top:8%;}
.portfolio h1 small {font-size: 40px;letter-spacing: 1px;line-height:35px;margin: 0;text-transform: uppercase;}
.actualites h1{font-size:60px;margin-top:10px;margin-bottom:35px;}

/*.portfolio h2 {font-size:70px;line-height:40px;text-transform:uppercase;letter-spacing:1px;margin-bottom:30px;margin-top:8%;}
.portfolio h2 small {font-size: 40px;letter-spacing: 1px;line-height:35px;margin: 0;text-transform: uppercase;}
.actualites h2{font-size:60px;margin-top:10px;margin-bottom:35px;}	*/
	}
@media (max-width:768px) {
/*h1{margin-top:8px;font-size:50px;margin-bottom:12px;}*/
.portfolio h1 {font-size:70px;line-height:40px;text-transform:uppercase;letter-spacing:1px;margin-bottom:30px;margin-top:8%;}
.portfolio h1 small {font-size: 40px;letter-spacing: 1px;line-height:35px;margin: 0;text-transform: uppercase;}
.actualites h1{font-size:60px;margin-top:10px;margin-bottom:35px;}
.portfolio h1.gris{font-size: 16px;line-height: 30px;}

/*.portfolio h2 {font-size:70px;line-height:40px;text-transform:uppercase;letter-spacing:1px;margin-bottom:30px;margin-top:8%;}
.portfolio h2 small {font-size: 40px;letter-spacing: 1px;line-height:35px;margin: 0;text-transform: uppercase;}
.actualites h2{font-size:60px;margin-top:10px;margin-bottom:35px;}
.portfolio h2.gris{font-size: 16px;line-height: 30px;}*/
h3 {margin-bottom: 20px;}
	}

@media (max-width:480px) {
h3 {margin-bottom: 20px;}
h2.contact, h3.contact {margin-top:0px;}
}
@media (max-width:400px) {
/*h1{margin-top:0;font-size:40px;}*/
.portfolio h1 {font-size:55px;line-height:30px;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;margin-top:5%;}
.portfolio h1 small {font-size: 35px;letter-spacing: 1px;line-height:30px;margin: 0;text-transform: uppercase;}
.actualites h1{font-size:55px;margin-top:10px;margin-bottom:25px;}
/*
.portfolio h2 {font-size:55px;line-height:30px;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;margin-top:5%;}
.portfolio h2 small {font-size: 35px;letter-spacing: 1px;line-height:30px;margin: 0;text-transform: uppercase;}
.actualites h2{font-size:55px;margin-top:10px;margin-bottom:25px;}	*/
span.uppercase {font-size:14px; font-weight:bold;}
}
@media (max-width:380px) {
.site-main h1 {font-size: 50px;margin-bottom:25px;margin-top:10px;}

/*.site-main h2 {font-size: 50px;margin-bottom:25px;margin-top:10px;}*/
h2.contact, h3.contact {margin-top:0px;}

}
@media (max-width:280px) {
.site-main h1 {font-size: 36px; margin-bottom: 20px;margin-top: 10px;}
/*.site-main h2 {font-size: 36px; margin-bottom: 20px;margin-top: 10px;}*/
}

/** Liste - puce **/
ul, ol{}
li{}
.left li:after{content: "\2022";}
.right li:before{content: "\2022";}
@media (max-width:1200px) {
.left li:after{content: "";}
.left li:before{content: "\2022";}
}
/** Lien **/
a {text-decoration:underline;color:black;}
a:hover{text-decoration:none;color:black;}
a img{border:none;}

/** Paragraphe **/
p { margin-bottom:30px;}

@media (max-height:1024px) {
p{margin-bottom:20px;}
}
@media (max-height:900px) {
p{margin-bottom:10px;}
}

/** Tableau **/
table{}
caption{}
tr{}
th{}
td{}

/** Les formulaires **/
input[type="submit"], input.wpcf7-submit {
	background:#676362;
	background:#676362 !important;
	font-size: 14px;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	line-height: normal !important;
	position: relative;
	cursor: pointer;
	font-weight: bold;
	padding: 7px 15px 7px;
	margin: 0 auto;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
p input[type="submit"], p input.wpcf7-submit {margin:0 auto;}
form{}
fieldset{}
#body label.label_control,
label{display:none;display:none !important;}
#login #loginform label{display:block;display:block !important;}
::-webkit-input-placeholder {color:#000000;}
:-moz-placeholder {color:#000000;}
::-moz-placeholder {color:#000000;}
:-ms-input-placeholder {color:#000000;}
#body .input_control,select,textarea,input.wpcf7-text {
	background:#f3f3f3;
	background:#f3f3f3 !important;
	color:#000000;
	font-family: 'Open Sans';
	font-family: 'Open Sans' !important;
	font-size:14px;
	padding:8px;
	margin-bottom:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	border:1px solid #676362;
	border:1px solid #676362 !important;
	width:100%;
	width:100% !important;
}
#login #loginform .forgetmenot input{width:auto;width:auto !important;}
#login #loginform .forgetmenot{margin-bottom:15px;}
#body .input_control.error_field{
	border:1px solid red;
	border:1px solid red !important;
	background:#f8f8f8;
	background: #FFF1F1 !important;
}
textarea{height:220px;}
@media (max-height:900px) {
textarea{height:150px;}#body .input_control,select,textarea,input{padding:10px 20px;}
}
select{}
#wp-submit,
#body .btn_submit{
	background:#676362;
	background:#676362 !important;
	color:white;
	color:white !important;
	border:none;
	border:none !important;
	text-transform:uppercase;
	font-family: 'Uberschrift-Regular';
	font-size:16px;
	font-size:16px !important;
	font-weight:bold;
	font-weight:bold !important;
	text-align:center;
	text-align:center !important;
	width: 125px;
	width: 125px !important;
	height: 40px;
	height: 40px !important;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
	cursor:pointer;
}
#wp-submit{width: 100%;width: 100% !important;}
#body .btn_submit:hover{background:black;background:black !important;}
.button,a.button{
	background:white;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:1px;
	color:#676362;
	font-family: 'Uberschrift-Regular';
	padding:5px 23px;
	padding-bottom:10px;
	/*font-weight:bold;*/
	text-decoration:none;
	display:block;
	float:right;
	text-align:center;
	margin-bottom:25px;
	-moz-box-shadow: 0px 2px 5px 0px #c0c0c0;
	-webkit-box-shadow: 0px 2px 5px 0px #c0c0c0;
	-o-box-shadow: 0px 2px 5px 0px #c0c0c0;
	box-shadow: 0px 2px 5px 0px #c0c0c0;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#c0c0c0, Direction=180, Strength=5);
}
@media (max-width:1200px) {
.button, a.button{float:left;}
}
@media (max-width:768px) {
.button, a.button{float:none;}
}
.button:hover, a.button:hover{color:black; font-weight:bold;}
.button.right {float:right;margin-left:15px;margin-top:20px;}
.button.last {margin-top:0px;}
p.buttonlarge {width:30%; float:right;}

@media (max-width:768px) {
.button.right{float:none;}
p.buttonlarge {width:100%; float:none;}
}

/** Divers **/
b, strong{}
i{}
.small, small{font-size:14px;}
@media (max-width:1200px) {
.small,small{font-size:13px;}
.no_large{display:none;}
}
hr{}
.uppercase{text-transform:uppercase;}
.baskerville{font-family: 'Uberschrift-Regular';letter-spacing:1px;}
.open{font-family: 'Open Sans';}

#tarteaucitronAlertBig{
    background:black;
    background:rgba(0,0,0,0.54);
    font-size:19px;
}

/** Portfolio Video **/
.portfolio object, .portfolio iframe{height:100%;width:1400px;}
@media (max-width:1024px) {
	.portfolio object, .portfolio iframe{width:750px;}
}
@media (max-width:576px) {
.portfolio object, .portfolio iframe{height: 300px;width: 100%;}
}

/** Instagram Feed **/
.actualites .sbi_load_btn{
	border-radius: 10px;
	padding: 5px 20px;
	text-decoration:none;
}
.actualites .sbi_load_btn:hover{
	color:rgb(111, 111, 111);
}


.actualites #sbi_images {
  display: flex;
  flex-flow: row wrap;
}

.actualites .sbi_item{
	display: flex;
	flex: 0 0 auto;
  min-height: 100px;
  width: 30%;
	margin-right:1%;
  margin-bottom: 10px;
	background:none !important;
}
.actualites .sbi_item .sbi_photo_wrap{
	-moz-box-shadow: 0px 1px 1px 0px #cfcfcf;
	-webkit-box-shadow: 0px 1px 1px 0px #cfcfcf;
	-o-box-shadow: 0px 1px 1px 0px #cfcfcf;
	box-shadow: 0px 1px 1px 0px #cfcfcf;
	background: white;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=1);
	overflow: hidden;
	width: 100%;
}
.actualites .sbi_item a{
	text-decoration:none;
	display: inline-block;
	width: 100%;
}
.actualites .sbi_item,
.actualites .sbi_item .sbi_photo_wrap,
.actualites .sbi_item a{
height: 550px !important;
}
.actualites .sbi_item a:hover{
	color:black;
	text-decoration:underline;
}
.actualites .sbi_item .sbi-screenreader{
	padding: 20px;
	color: #676362;
  font-size: 15px;
  margin-bottom: 15px;
	display:block;
	background:white;
}
@media (max-width:1280px) {
	.actualites .sbi_item{width: 48%;}
}
@media (max-width:850px) {
	.actualites .sbi_item{width: 99%;}
}
.page-template-template_actualite-instagram-flux-php h1,
.page-template-template_actualite-instagram-flux-php .actualites_list{
	width:95%;
	margin-left:5%;
}