@import "album.css";
@import "expo-blog.css";

body{
	background: url("../images/fond.jpg") no-repeat;
	background-position: top center;
	text-align: center ;
	font-family:Arial;
	font-size:10pt;
	color:#666666;
	margin:0px;
	padding:0px;
}

.none{
	background:none;
	margin: 0;
	padding: 0;
}

body.none img{
position:absolute;
left: 50%;
top: 50%;
width: 750px;
height: 505px;
margin-top: -253px; /* moitiŽ de la hauteur */
margin-left: -375px; /* moitiŽ de la largeur */
border: 3px solid #ccc;
}



a{
	color:#666666;
}

a:hover{
	color:#f29400;
}


#body-album{
	background: url("../images/fond-oeuvres.jpg") no-repeat;
	background-position: top center;
	text-align: center ;
	font-family:Arial;
	font-size:10pt;
	color:#666666;
	margin:0px;
	padding:0px;
}

#conteneur
{
	width: 852px ;
	margin: auto;
	text-align: left ;
}

#conteneur-new{
	width: 752px ;
	margin: 10px 0 0 50px !important;
	margin: 10px 0 0 47px;
}
#newsletter{
	margin-left: 642px;
	width:110px;
	height:15px;
	display:block;
	text-align:center;
	font-size:9pt;
	color:#dcdcdc;
	cursor:pointer;
}

#langue{
	padding-top:30px;
	margin-left: 620px;
	font-size:8pt;
	color:#dcdcdc;
	margin-top:10px;
	padding-bottom:20px;
	width:170px;
	display:block;
}

#langue span{
	float:right;
	display:block;
	width:100px;
}

#langue a{
	color:#dcdcdc;
	text-decoration:none;
}

#langue a:hover{
	color:#dcdcdc;
	text-decoration:underline;
}

#langue ul{
	float:left;
	display:block;
	margin:0px;
	padding:0px;
	width:70px;
}

#langue ul li{
	display:none;
	width:100px;
}



#langue-album{
	padding-top:20px;
	margin-left: 685px;
	font-size:8pt;
	color:#dcdcdc;
	margin-top:10px;
	width:100px;
	display:block;
}

#langue-album a{
	color:#dcdcdc;
	text-decoration:none;
}

#langue-album a:hover{
	color:#dcdcdc;
	text-decoration:underline;
}

#bandeau{
	margin:5px 0 0 0;
}
#titre{
	display:none;
}

#menu-conteneur{
	background:url('../images/titre.jpg') no-repeat;
	margin-top:0px;
	width:752px;
	height:80px !important;
	height:70px;
	display:block;
}

#menu{
	width:752px;
	display:block;
	list-style: none;
	margin: 0 0 0 5px;
	padding:55px 0 0 0;
}

#submenu-conteneur{
	width:100%;
	height:100%;
	display:block;
}

#submenu{
	display:none;
	list-style: none;
	margin: 2px 0 0 0px !important;
	margin:2px 0 0 0px;
	font-size:8pt;
	text-align:center;
	width:180px;
}

#submenu.en{
	padding:0px;
	width:220px;
}

#submenu.es{
	padding:0px;
	width:180px;
}

#submenu a{
	color:#666666;
	text-decoration:none;
}

#submenu a:hover{
	color:#f29400;
}
#submenu li{
	padding:5px 0 0 0;
}

#menu li{
	display: inline ;
	margin: 0 35px 0 0;
	cursor:pointer;
}
#menu a{
	color:#666666;
	text-decoration:none;
}

#menu a:hover{
	color:#f29400;
}

#contenu{
	margin-top:66px !important;
	margin-top:10px;
}

.oeuvres{
	margin-top:26px !important;
	margin-top:20px;
}

#mosaique {
	width:230px;
	float:left;
}

#texte {
	float:left;
	width:510px;
	text-align:justify;
	margin: 5px 0 0 10px;
	font-size:9pt;
}

#mosaique img{
	margin : 5px;
	float:left;
}

#footer{
	width:752px;
	display:block;
	padding:90px 0 0 0;
	margin:0 0 30px 0;
	text-align:center;
    font-size:8pt;
}

.moa{
	font-family:Comic Sans MS;
	font-weight:bold;
}

.contact-form{
	width:400px;
	display:block;
	float:left;
}

.contact-form label,input, textarea{
	display:block;
	float:left;
	margin:0 0 5px 0;
}

.contact-form input#validate{
	display:block;
	float:right;
	width:100px;
	margin:10px 40px 0 0;
}

.contact-form label{
	width:100px;
}

label.form-newsletter{
	width:160px;
	display:block;
	margin:0 0 0 5px;
}

input.form-newsletter{
	margin:0 0 0 100px;
}

.contact-message{
	display:block;
	float:left;
	width:300px;
	margin:0 50px 0 0;
}

.form-thanks{
	display:block;
	margin:0 0 10px 0;
	padding:5px;
	background:#ffc66c;
	height:15px;
	line-height: 15px;
	color:#fff;	
}