@charset "utf-8";
/* CSS Document Smartphones */

html
{
	height: 100%;
}
body 
{
	width: 100%;
	margin: auto;
	padding: 0;
	height: 100%;
	background:#444;
	font-size:62.5%; /* pour travailler avec les em en puissance de 10*/
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
}
h1
{
	font-size: 1em;
	margin:10px 0;
	padding:0;
}
h3
{
	font-size: 1.5em;
	margin:3px 0 0 0;
	padding:7px;
	width: 100%;
	color: #eee;
	background:#333;
}

img
{
	width:100% !important;
    height:auto;
    display:block;
	box-sizing: border-box;
}
p{
	float:left;
	color:#fff;
	font-size:1.3em;
	padding:10% 15% 0 0;
}
.clear{
	clear:both;
}
a, a:link, a:hover, a:visited, a:focus
{
	color: #868686;
	font-size:1.3em;
	font-weight::bold;
	text-decoration:none;
	border:none;
}
a:hover, a:focus
{
	border:none;
}
a.link_bio
{
	display:block;
	margin-top:5px;
	font-size:1.9em;
	color: #777777;
}
a.link_bio:hover{
	text-decoration: underline !important;
}
.logo_manche
{
	max-width: 225px;
	height: 74px;
	margin: 20px auto;
}
.logo_manche img
{
	max-width: 75px;
	margin-left: 75px;
}
.logo_manche div
{
	width:100%;
	color:#bbb;
	font-size:1.2em;
	text-align:center;	
}
#img_center
{
	background:url(../img/img_1600.jpg) no-repeat center center;
	background-size: cover;
	margin:0 auto;
}
#img_archeo{
	background:url(../img/archeologies_dufour_coppolani.jpg) no-repeat left bottom;
	background-size: cover;
	margin:0 auto;
}
#img_epiderme{
	background:url(../img/epidermes_dufour_coppolani.jpg) no-repeat left bottom;
	background-size: cover;
	margin:0 auto;
}
#img_urba{
	background:url(../img/urbains_dufour_coppolani.jpg) no-repeat left bottom;
	background-size: cover;
	margin:0 auto;
}
#img_decors{
	background:url(../img/decors_dufour_coppolani.jpg) no-repeat left bottom;
	background-size: cover;
	margin:0 auto;
}
#cadreHautGalerie{
	max-width: 1400px;
	margin:0 auto;
	height: 80%;
	background:#4B4B4A;
	overflow:hidden;
}
#cadreBas
{
	background:#575757;
	max-width: 1400px;
	margin:0 auto;
	padding-bottom:20px;
	overflow:hidden;
}
#cadreBasGalerie
{
	background:#575757;
	background-size: cover;
	max-width: 1400px;
	margin:0 auto;
	height: 100%;
	
}
#cadre_haut_contact{
	margin:0 auto;
	background: #363635;
	max-width: 1400px;
	height:400px;
}
#bruno-dufour-coppolani-portrait
{
	float:left;
	width:243px;
	height:197px;
	padding: 15px 0 0 60px;
}
.bruno_dufour_coppolani
{
	padding: 1.2em 0 0 0;
	max-width: 75%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.bruno_dufour_coppolani_2
{
	clear:both;
	float:left;
	padding: 1em 0 0 60px;
	max-width: 80%;
	height:auto;
	margin:0 auto;
	text-align:center;
}
.bruno_dufour_coppolani_home_link
{
	width:90%;
	padding:0 0 2% 0;
}
.lienAccueil
{
	width:70%;
	height:auto;
	padding:4% 0 0 0;
	margin:auto;
}
.lienAccueil span a
{
	display:block;
	width:125px;
	height:32px;
	margin: 2em 0 1em 35%;
	border-bottom: solid 4px #575757;
}

.lien1 a, .lien2 a, .lien3 a, .lien4 a
{
	display: inline-block;
	border-left:solid 4px #575757;
	border-bottom:solid 4px #575757;
	padding: 0 0 7px 2%;
}
.lien1 a:hover, .lien2 a:hover, .lien3 a:hover , .lien4 a:hover
{
	border-left:solid 4px #ccc;
}
.lien2 a
{
	border-bottom:solid 4px #AD443E;
}
a.link_galerie{
	border-left:none;
	padding: 0 0 4px 0;
	display: inline-block;
	padding-left: 0;
}
a.link_galerie:hover{
	border-left:none;
	border-bottom:solid 4px #ccc;
}

#reseaux_sociaux{
	margin: 0 0 0 0;
	padding: 2% 0 0 0;
}
#reseaux_sociaux a, #reseaux_sociaux img, #reseaux_sociaux #lang_div
{
	float:left;
	width:55px !important;
	height:55px;
	margin-left: 7px;
}
#titre_page{
	float:right;
	margin:1% 10.714% 0 0;
}
.txt_info{
	float:right;
	font-size: 1.5em;
	color:#fff;
	width: 80%;
	margin:5% 10% 5% 0;
	text-align:justify;
}
.txt_contact{
	float:left;
	text-align:left;
	width: 80%;
	margin: 2% 0 5% 10%;
}
.txt_contact a
{
	color: #eee;
	font-size:1em;
}
.txt_contact div
{
	padding: 1% 2% 7% 4%;
	width:94%;
}
.txt_contact a:hover
{
	text-decoration: underline;
}
.txt_info2{
	width: 80%;
}
.txt_infoAcc{
	margin-top: 390px;
}
.txt_info_bio{
	width: 75%;
	margin:30px 7% 5% 0;
}
.txt_info div{
	float:right;
	margin:0 7px 7px 30px;
}
.txt_info span{
	font-size:0.8em;
	display:block;
	text-align:right;
}
.fond_video{
	clear:both;
	float:left;
	width:70%;
	height:225px;
	margin: 2% 0 0 14%;
	border:solid 2px #fff;
}
#menu_deroulant_bio
{
	float:right;
	width:75%;
	margin:30px 7% 5% 0;
}
#menu_deroulant_bio div.wrap_bio
{
	clear:both;
	color:#eee;
	overflow:hidden;
}
#menu_deroulant_bio div.txt_bio
{
	display:none;
	font-size:1.3em;
	color:#eee;
	padding:0 15px;
	margin:1% 0 3% 0;
	width: 96%;
}
#menu_deroulant_bio div.txt_bio img
{
	width:auto !important;
	height:auto !important;
}
#menu_deroulant_bio div.txt_bio a
{
	display:block;
	float:left;
	margin:7px 15px;
	min-height:60px;
}
#menu_deroulant_bio div.txt_bio_gauche
{
	display:block;
	float:right;
	width:90%;
	margin: 7px 0 15px 7px;
}
#menu_deroulant_bio div.txt_bio span
{
	display:block;
	clear:both;
	width:100%;
	font-weight:bold;
}
#menu_deroulant_bio h3
{
	cursor:pointer;
	margin-bottom: 10px;
}
#menu_deroulant_bio h3 span
{
	font-size: 0.6em;
	margin-left: 20px;
}
.txt_bio ul
{
	clear:both;
	color:#eee;
	margin:0;
}


#return_button
{
	float:left;
	background:url(../img/return_button.gif) no-repeat left top;
	width:55px;
	height:55px;
	cursor:pointer;
	margin: 2% 0 0 2%;
}

/* Galerie */
#colGaucheGalerie{
	float:right;
	width:25%;
}
#reseaux_sociaux_galerie{
	float:left;
	margin: 0 0 0 0;
	padding: 10% 0 0 0;
	width: 100%;
}
#reseaux_sociaux_galerie a, #reseaux_sociaux_galerie img, #reseaux_sociaux_galerie #lang_div
{
	float:left;
	margin-right: 0;
}
#reseaux_sociaux_galerie a, #reseaux_sociaux_galerie #lang_div
{
	width:27% !important;
	height:27%;
}
#reseaux_sociaux_galerie input, #reseaux_sociaux input
{
	max-width:100%;
}
@media only screen and (max-width: 550px) {
	#reseaux_sociaux_galerie a, #reseaux_sociaux_galerie #lang_div
	{
		width:35% !important;
		height:35%;
	}
}
.enteteOeuvre{
	float:left;
	background:#fff;
	padding:4% 2%;
	width:96%;
	margin:15% 0 0 0;
}
.enteteOeuvre span{
	font-style:italic;
}
h2{
	margin:0;
	font-weight:bold;
}
#menusGalerie{
	float:left;
	width:75%;
	padding:30px 0 0 0;
}
#menusGalerie a{
	display: inline-block;
	border-left:solid 4px #575757;
	padding-left: 15px;
	margin: 0 0 0 30px;
}
#menusGalerie a:hover{
	border-left:solid 4px #ccc;
}
#menusGalerie a.actif{
	border-left:solid 4px #ccc;
}
.cadre_verti{
	float:left;	
	height:650px;
	margin:10px 0 0 30px;
	width:60%;
}
.cadre_horiz{
	float:left;
	width:800px;
	margin:10px 0 0 2.857%;
	width:60%;
}

#cadre_oeuvre img{
	width:100%;
	/*border:solid 2px #fff;*/
}
.cadre_oeuvre_loading
{
	background:url(../img/loading.gif) no-repeat 50% 50%;
}