html,
body
{
	margin:0;
	padding:0;
	background-color:#ffffff;
	min-width:100%;
}

#art-main {
    
    background-color: #ffffff;
	width:100%;
	margin: 0;
}

.art-sheet
{
	width:100%;
}

.art-tools
{
	display:none;
}

.art-header-accueil
{
	z-index: 40;
	position:absolute;
	top:-10px;
	left:0;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
}

.art-header-accueil p
{
	margin:0;
	padding:0;
}


.art-header-accueil img
{
	background-color:transparent;
	width:200px;
	height:auto;
	margin:15px;	
}

.art-header-accueil .art-logo
{
	width:1024px;
	height:130px;
	background-image:url(../img/fondLogo.png);
	background-repeat:no-repeat;
	margin:0 auto;
	position:relative;
	top:0;
	left:0;

}



/**** groupe-contenu-accueil ****/

#groupe-contenu-accueil
{
	width:1024px;
	margin:0 auto;
}

/****** GROUPE DE LIENS ******/

#accueil-groupe-vous-liens
{
    position:relative;
    top:-30px;
    width:252px;
	/*float:right;*/ /*inutile de renseigner float avec #main-actu*/
}

#accueil-vousEtes 
{
	background-image:url(../img/fondVousEtes.png);
	background-repeat:no-repeat;
	background-position: top center;
	padding:20px 10px 10px 10px;
	overflow: hidden;
}

#accueil-vousEtes ul
{
	list-style:none;
	text-align:center;
	width:88%;
	margin:10px auto 0 auto;
	background-color:#b3bf10;
}

#accueil-vousEtes ul li
{
	padding:6px;
	background-image: url(../img/barreMenuVous.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: 140px 1px;
}

#accueil-vousEtes ul li img
{
	margin:0 3px 0 50px;
	float:left;
}

#accueil-vousEtes ul li img~a
{
	float:left;
}

#accueil-vousEtes ul li.last
{
	background-image: none;
}

#accueil-vousEtes ul a
{
	color:#606060;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

#accueil-vousEtes .art-blockheader-accueil 
{
	color:#ffffff;
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

/***** GROUPE VIDEO ******/

#accueil-videoGalerie
{
	width:101%;
	position:relative;
	margin:0 0 0 0;
	padding:0;
	height:350px;
	overflow:hidden;
}

#accueil-videoGalerie p
{
	margin:0;
	padding:0;
}

#accueil-videoGalerie video
{
	margin:0;
	padding:0;
}

#accueil-videoGalerie .video-fond1,
#accueil-videoGalerie .video-fond2
{
	display:inline-block;
	width:50%;
	background-color:#000000;
}

#accueil-videoGalerie video
{
	width:100%;
}

#accueil-videoGalerie .texte-video1,
#accueil-videoGalerie .texte-video2
{
	position:absolute;
	margin:0 auto;
	width:50%;
	text-align:center;
	z-index:50;
	/*background-color: rgba(0, 0, 0, 0.5);*/
	bottom:50%;
	color:#ffffff;
	text-shadow: 2px 2px 2px black;
}

#accueil-videoGalerie .texte-video2
{
	right:0;
}

#accueil-videoGalerie .texte-video1
{
	left:0;
}

#accueil-videoGalerie span.ligne1
{
	font-size:20px;
	/*border-bottom:1px solid #ffffff;*/
}

#accueil-videoGalerie span.ligne2
{
	font-size:30px;
	font-family: 'Play', sans-serif;
	display: block;
}

#accueil-videoGalerie a
{
	color:#FFFFFF;
	text-decoration: none;
}

#accueil-videoGalerie #video-fond
{
	position:absolute;
	top:0;
	width:100%;
}

/***** Groupe Main-Actu *****/

#main-actu 
{
	position:relative;
	float:right; /*left*/
	width:730px;
}

#accueil-actu
{
	position:relative;
	margin:0 10px;
	/*float:left; inutile aligne sur acceuil-actuZoom*/
	width:50%;
}

#acceuil-actuZoom
{
	position:relative;
	float:right;
	width:40%;
}

#accueil-actu .content-list-item .content-link a
{
	font-family: 'Play', sans-serif;
	font-size:19px;
	color:#222222;
}

#accueil-actu .content-list-item .ametys-cms-content {
	color: #706f6f;
    font-family: 'Lato',Arial,sans-serif;
	font-size:15px;
}

#accueil-actu .content-list-item .ametys-cms-content p 
{
	display:block;
}

#accueil-actu .content-list-item .ametys-cms-content .content-date {
	color: #1d1d1b;
    font-weight: normal;
	padding:0 0 0 5px;
	display:block;
}

#accueil-actu .art-blockheader-accueil {
    font-family: 'Play', sans-serif;
	font-size:25px;
	color:#7c7b7b;
	border-bottom:1px solid #7c7b7b;
	margin:10px 0 20px 0;
}

#acceuil-liensactu
{
	margin:5px auto;
	width:250px;
}

#acceuil-liensactu ul li.vignette
{
	/*float:left;*/
	display: inline;
	width:83px;
	height:auto;
	margin:0 auto;
	padding:0;
}
#acceuil-liensactu ul li.vignette img
{
	display:block;
	width:30px;
	height:auto;
	margin:0 auto;
	padding:0;
}

#acceuil-liensactu a
{
	text-decoration:none;
	color:#666666;
	text-transform:uppercase;
	text-align:center;	
	font-size:10px;
	line-height:10px;
	
}

#acceuil-liensactu a p
{
	margin:2px 0;
}

#accueil-accueil-international
{
	background-color:#606060;
	float:left;
	margin:10px 0;
}

.art-blockheader-accueil-autre,
.art-blockheader-accueil
{
	font-family: 'Lato', sans-serif;
	font-size:25px;
	color:#FFFFFF;
	padding:1px 5px;
}


.art-blockheader-accueil-autre
{
	text-align: right;
}

#ametys-cms-zone-accueil-international ul
{
	margin:10px;
	border-left:2px solid #FFFFFF;
	text-align: left;
}

#ametys-cms-zone-accueil-international ul .news,
#ametys-cms-zone-accueil-international-autre ul .news
{
	color:#DCDCDC;
}

#ametys-cms-zone-accueil-international ul ul
{
	border-left:none;
}

#ametys-cms-zone-accueil-international-autre ul
{
	margin:10px;
	border-right:2px solid #FFFFFF;
	text-align: right;
}

#ametys-cms-zone-accueil-international-autre ul ul
{
	border-right:none;
}

#accueil-accueil-international a
{
	color:#FFFFFF;
	text-decoration: none;
	font-size:15px;
}

#accueil-accueil-international p
{
	display: block;
}

#accueil-accueil-international .content-date
{
	color:#9B9B9B;
}

#accueil-accueil-international #ametys-cms-zone-accueil-international-autre .content-date
{
text-align: right;
}



.art-tools .art-translation ul li
{
	float:right;
	margin:0 2px;
}

/*------------------------
RESPONSIVE
-----------------------*/




@media only screen and (max-width:1200px)
{
	
	#accueil-videoGalerie 
	{
    height: 250px;
		
	}
	#accueil-videoGalerie span.ligne1,
	#accueil-videoGalerie span.ligne2 {
	font-size: 15px;
	}
}



@media only screen and (max-width:1010px)
{
	
	#groupe-contenu-accueil
	{
		width:100%;
	}
	
	.art-header-accueil .art-logo
	{
		width:100%;
	}
	
	#main-actu
	{
	width:70%;
	}
	
	#accueil-videoGalerie .texte-video1, 
	#accueil-videoGalerie .texte-video2 
	{
    bottom: 40%;
	}
}

@media only screen and (max-width:990px)
{
	#main-actu
	{
		width:75%;
	}
	
}

@media only screen and (max-width:920px)
{
	#accueil-videoGalerie 
	{
    height: 200px;
	}
	
	#main-actu
	{
	width:68%;
	}
	
	#accueil-actu,
	#acceuil-actuZoom
	{
	width:100%;
	}
	
	#acceuil-actuZoom
	{
		z-index: 200;
	}
	
	#acceuil-actuZoom .view-vignette ul li.vignette
	{
		width:150px;
		height:auto;
	}
	#acceuil-actuZoom .view-vignette ul li a img 
	{
		width:150px;
	}
	

}

@media only screen and (max-width:820px)
{
	#main-actu
	{
	width:64%;
	}
	#acceuil-actuZoom .view-vignette ul li.vignette
	{
		width:120px;
		height:auto;
	}
	#acceuil-actuZoom .view-vignette ul li a img 
	{
		width:120px;
	}
}

@media only screen and (max-width:770px)
	{
	
	#main-actu
	{
		width:60%;
	}
	
	#accueil-videoGalerie 
	{
   		display: none;
	}
		
	#accueil-groupe-vous-liens
	{
		top:100px;

	}
		
	#acceuil-actuZoom .view-vignette ul li.vignette
	{
		width:80%;
		height:auto;
		margin: 0 auto;
		
	}
	#acceuil-actuZoom .view-vignette ul li a img 
	{
		width:100%;
	}
	
	
	
		
	
	
		
}

@media only screen and (max-width:700px)
{
	#accueil-groupe-vous-liens
	{
		width:200px;

	}
	#main-actu
	{
		margin:100px 20px 0 0;
		width:60%;
	}
	
	.art-header-accueil .art-logo
	{
		width:200px;
	}
	
	#acceuil-liensactu
	{
		width:200px;	
	}
	
	#accueil-vousEtes ul
	{
		width:100%;
		margin:0;
	}
	
	
	
	

}

@media only screen and (max-width:580px)
{
	.art-tools
	{
	display:block;
	position:relative;
	margin:100px auto 0 auto;
	z-index: 200;
	width:100px;
	}
		
	.art-tools img
	{
	margin:0 10px;
	}
	
	#accueil-actu
	{
		z-index: 190;
	}
	
	#main-actu
	{
	width:100%;
	margin:50px 0 0 10px;
	}
	
	#accueil-groupe-vous-liens
	{
		width:100%;
		margin:0;
	}
	
	#accueil-accueil-international
	{
	width:100%;
	margin:0 auto 50px auto;
	}
	
	#acceuil-liensactu
	{
	margin:5px auto;
	width:252px;
	}
	
	
	#accueil-vousEtes
	{
		background-size: 100%;
	}
	
	#accueil-vousEtes ul li img 
	{
    margin: 0 3px 0 210px;
	}
	
	#acceuil-actuZoom
	{
		margin:0 0 0 20px;
	}
	
	#acceuil-actuZoom .view-vignette ul li.vignette
	{
		width:100%
		
	}
	#acceuil-actuZoom .view-vignette ul li a img 
	{
		width:100%;
		height:auto;
	}
	.art-footer 
	{
    margin-top: 70px;
	}
	
}

@media only screen and (max-width:500px)
{
#accueil-vousEtes ul li img 
	{
    margin: 0 3px 0 110px;
	}
}



/*-----------------------
FONTS
------------------------*/

@font-face {
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: local('Play'), url(https://fonts.gstatic.com/s/play/v6/-SXnV4mZjf4oh1IBw13WZw.woff) format('woff');
}