@charset "UTF-8";



body  {
	margin: 0;
	padding: 0;
	text-align: center;
	background:url(img/bkg.jpg) no-repeat top center#000;
	-webkit-background-size: 1600px 512px;
}
.template #container { 
	width: 1200px; 
	margin: 0 auto;
	text-align: center;
	padding: 0px;
}
.template #header { 
	width: 1140px;
	height: 90px;
	text-align: left;
	padding: 0px 30px 0px 30px;
}
.template #mainContent {
	float:left;
	width: 1170px;
	text-align: left;
	margin:0px;
	padding: 15px 0px 65px 30px;
}
.logo-top {
	float: left;
	border:none;
	padding:35px 0px 0px 0px;
}

h1 {
	font: 32px/36px 'Roboto', sans-serif;
	font-weight:200 !important;
	text-align:left;
	color:#FFF;
	padding:45px 0px 25px 0px;
	margin:0px;
	max-width:600px;
}
h2 {
	font: 22px/24px 'Roboto', sans-serif;
	font-weight: 300; 
	color:#b5b5b5;
	text-align:left;
	padding-top:0px;
	margin-top:7px;
}

h2 a {
	text-decoration:none;
	color:#ac9b59;
}

h2 a:hover {
	text-decoration:none;
	color:#e8e4d3;
}


	
.text-reg {
	font: 15px/20px 'Roboto', sans-serif;
	font-weight: 300;
	color:#818181;
	text-align:left;
}
.text-reg a {
	text-decoration:none;
	color:#ac9b59;
}
.text-reg a:hover {
	text-decoration:none;
	color:#e8e4d3;
}

.bt-play {
	border:0 none;
	max-width:18px;
	max-height:18px;
	margin-bottom:-8px;
	padding:3px 1px 4px 0px;
}
#margin-play {
	margin-bottom:-6px;
}

.photo-right {
	float: right;
	padding:0px 0px 0px 0px;
	margin:0px 30px 20px 30px;
}
.photo-left {
	float: left;
	padding:0px;
	margin:10px 60px 40px 0px;
}
.col-text-right {
	float: left;
	padding:0px;
	width:750px;
	margin-right:30px;
}


.spacer3 {
height:3px;
}
.spacer2 {
height:10px;
}
.spacer {
height:20px;
}
.spacer-clear {
	height:28px;
	clear:both;
}
.spacer-clear2 {
	clear:both;
}
sup { vertical-align: top; position: relative; top: -0.3em; font-size: 0.7em; }



.uppercase {
	text-transform:uppercase;
}


.show-desktop { display:block;}

	
.container-actualite {
	float:left;
	background-image:url(img/bkg_cadre_actualite.png);
	border:solid 1px #292929;
	width:1118px;
	height:auto;
	padding:22px 0px 22px 22px;
	margin-top:28px;
	}

.container-visuel-album {
	float:left;
	width:50%;
	height:auto;
	}

.container-text-album {
	float:left;
	width:40%;
	height:auto;
	padding:0px 0px 0px 40px;
	}
	
.image-actualite{
	float:left;
	width:310px;
	margin-right:21px;
	height:auto;
	}
	
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width:1140px;
	height: 100%;
	border:solid 1px #292929;
	
}
	
	.icon-portfolio {
		width:272px;
		height:390px;
		padding:22px;
		margin:0px 18px 18px 0px;
		display:block;
		float:left;
		text-align:left;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		background-image:url(img/bkg_cadre_actualite.png);
	border:solid 1px #292929;
}
.icon-portfolio-cover {
		width:228px;
		height:auto;
		border:0 none;
}

.image-portfolio
	{
		margin-top:10px;
	}
	
.container-bt-top {
	float:right;
	margin-right:25px;
	margin-top:25px;
}
.bt-top {
	font: 12px 'Roboto', sans-serif;
	font-weight: 400; 
	color:#67614b;
	text-transform:uppercase;
	margin-right:7px;
}
.bt-top a {
	color:#ac9b59;
	text-decoration:none;
}
.bt-top a:hover {
	color:#e8e4d3;
	text-decoration:none;
}

@media screen and (max-width: 1200px) {
.template #container { 
	width: 980px; 
	margin: 0 auto;
	text-align: center;
	padding: 0px;
}
.template #header { 
	width: 920px;
	text-align: left;
}
.template #mainContent {
	width: 950px;
}

	
	.videoWrapper iframe {
	max-width:920px;
	
}

.icon-portfolio {
		width:217px;
		height:340px;
}
.icon-portfolio-cover {
		width:173px;
		height:auto;
}
	
	.image-portfolio
	{
		width:100%;
		height:auto;
	}
	
	.col-text-right {
	width:530px;
}

.container-actualite {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		width:100%;
		max-width:100%;
		display:block;
	clear:both;
	max-width:922px;
	height:auto;
	padding-right: 30px;
	}
.container-text-album {
	float:none;
	clear: both;
	width:100%;
	height:auto;
	padding:36px 30px 0px 0px;
	}
	
	.container-visuel-album {
	width:100%;
	height:auto;
	}
	
	.image-actualite{
	float:left;
	width:300px;
	margin-right:26px;
	height:auto;
	}
	

	
	}
		@media screen and (max-width: 963px) {
		
	
	.container-actualite {
	border-left:none;
	border-right:none;
	}

	
			.text-reg ul {
	margin: 0px;
}

	body  {
		-webkit-text-size-adjust: none;
	}
	
	.template #container,
	.template #header,
	.template #mainContent
	 {
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		width:100%;
		max-width:100%;
	}
	.template #mainContent
	 {
	padding-right:30px;
	padding-left:30px;
	margin-top:20px;
	}
	
	.template #header
	 {
		padding-right: 5px;
		position:relative;
	}
	
	
	.template #mainContent {
		padding-top:10px;
		padding-left:0;
		padding-right:0;
	}
	
	


	
	.template #mainContent p.text-reg,
	.template #mainContent h1,
	.template #mainContent h2,
	.template #mainContent div.text-reg
	{
		margin-left:30px;
		margin-right:30px;
	}
	
	.template #mainContent span.text-reg
	{
		margin-left:0px;
		margin-right:30px;
	}
	
	
.text-reg {
	margin-left:30px;
	text-align:left;
	font-weight: 400;
}

	.template #mainContent .icon-portfolio p.text-reg
	{
		margin-left:0px;
	}


.template #col-left2 {
	float:left;
	margin:0px 20px 0px 0px;
}


	
	.videoWrapper iframe {
	border-left:none;
	border-right:none;
	
}

.icon-portfolio {
		width:243px;
		padding:22px;
		height:370px;
		border:none;
		margin:0px 0px 9px 9px;
}
.icon-portfolio-cover {
		width:195px;
		height:auto;
}
.template #mainContent .container-actualite p.text-reg,
	.template #mainContent .container-actualite h2,
	.template #mainContent .icon-portfolio p.text-reg,
	.template #mainContent .icon-portfolio h2
	{
		margin-left:0px;
		margin-right:30px;
	}

.photo-left {
	float:none;
	clear:both;
	display:block;
	margin-right:0px;
}

.col-text-right {
	float: none;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		width:100%;
		max-width:100%;
		display:block;
	clear:both;
}



	.bt-top {
	font: 11px 'Roboto', sans-serif;
	font-weight: 400; 
	margin-right:6px;
}


.bt-top a {
color:#FFF;
}	
	
		}
	
		@media screen and (max-width: 767px) {
			

	
	.text-reg {
		padding-right:10;
		margin-right:0;
}


.photo-left {
	width:100%;
	height:auto;
	display:block;
}
.photo-right {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
		width:100%;
		max-width:100%;
		display:block;
		height:auto;
	clear:both;
	margin:0px 0px 25px 30px;
	padding:0px 0px 0px 0px;
}

.text-reg {
	font: 15px/18px 'Roboto', sans-serif;
	font-weight:400;
}
			
	
		
	


}

	@media screen and (max-width: 540px) {
		
		.container-bt-top {
	float:right;
	margin-right:15px;
	margin-top:20px;
}
		
	.logo-top {

		width:190px;
		height:auto;

	padding:26px 0px 0px 0px;
}
		
		h2 {
	font: 19px/23px 'Roboto', sans-serif;
	font-weight: 100;
	padding-top:15px;
}
		
	
		
		.template #mainContent {
	padding-top:0px;
}
		
	
h1 {
	font: 33px/35px 'Roboto', sans-serif;
	font-weight:100 !important;
	letter-spacing:-1px;
}




.template #mainContent {
	min-height:80px;
	height:auto;
}

		
	
		.template #mainContent p.text-reg,
	.template #mainContent h1,
	.template #mainContent h2,
	.template #mainContent div.text-reg
	{
		margin-left:25px;
		margin-right:25px;
		padding-right:0px;
		
	}
	
	
	
	

.template #header { 
	padding-left:25px;
	height: 160px;
}

.icon-portfolio {
		width:100%;
		height:auto;
		padding:22px;
		margin-left:0;
		margin-bottom:28px;
		display:block;
		float:none;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.icon-portfolio-cover {
		width:100%;
		height:auto;
}

.image-actualite {
		width:100%;
		height:auto;
		padding-right:22px;
		margin-left:0;
		display:block;
		float:none;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.image-actualite img {
		width:100%;
		height:auto;
}


.container-actualite,
.videoWrapper iframe {
	border:none;
}

	
}