/* //////////////////////////////
Création: Baptiste GRANDCLEMENT
Date: Avril 2016
www.baptiste-photographies.com


couleurs: 
bleu: #3ab4a6 
fond gris clair: #f0f0f0
texte gris foncé: #303030
texte clair (menu): #717171
footer gris= #474747

////////////////////////////// */


body{ 
	font-family: Raleway, sans-serif;
	font-size: 15px;
	min-width:1300px; /* pour ipad */
	margin:0;
	padding:0;
	background: #f0f0f0;
	color: #303030;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
	line-height: 30px;
}
.clear{clear: both;}
p{text-indent: 30px;}


#header{background: #fff; width: 100%; height: 160px; color: black; font-size: 20px; line-height: 30px; text-align: right;}
#header a{text-decoration: none; color: #303030;}
#header a:hover{color: #3ab4a6;}
#conteneur-header{width: 1200px; margin: 0 auto; padding: 80px 0 0 0; display: block;}




/* ****** CONTENU ****** */

#conteneur{width: 1200px; margin: 0 auto;}


#intro{width: 930px; float: right; padding: 60px 20px 20px 40px;}
#intro h1{font-size: 28px; border-bottom: solid 1px #303030; margin: 0 0 50px 0;}
#intro p{text-align: justify; font-style: italic;}

#conteneur-images{width: 1200px; margin: 30px auto; text-align: center;}
#conteneur-images h2{text-align: justify; padding: 0 0 0 25px; color: #000; margin-top: 55px;}
#conteneur-images h2:before{content: ">     ";}
#conteneur-images p{text-align: justify;}




/* ****** ANCIEN SITE ****** */

#conteneur-ancien-site{width: 1000px; margin: 0 0 0 200px; text-align: center;}
#conteneur-ancien-site img{margin: 0 7.5px 1px 0;}





/* ****** CONTACT ****** */

#contact-conteneur{width: 500px; border: 0px solid #b5b5b5; padding: 20px 20px 20px 20px;}
/* Erreurs */
.error-message{color: #FF0000;}
.erreur{color: #FF0000;	font-size: 18px;}	
.good{color: #a9da00; font-size: 18px;}		
#adresse{display: none;}
/* Inputs */
input[type=text]{height: 20px; width: 300px; font-size: 16px; padding: 2px 0 2px 2px; color: #474747; margin-bottom: 10px;}
input[type=password]{height: 20px; width: 300px; font-size: 16px; padding: 2px 0 2px 2px; color: #474747;}
textarea{height: 200px; width: 500px; font-size: 16px; padding: 2px 0 2px 2px; color: #474747;}
input[type=submit]{height: 30px; width: 160px; font-size: 16px; padding: 2px 0 2px 2px; color: #474747; cursor: pointer;}
input[type=submit]:hover{height: 30px; width: 160px; font-size: 16px; padding: 2px 0 2px 2px; color: #474747}
#conteneur label{font-size: 18px;}	
	

	
/* ****** FOOTER ****** */	

#footer{background: #474747; margin-top: 90px;}
#footer a{color: white; text-decoration: none;}
#footer a:hover{color: #3ab4a6;}
#footer p img{vertical-align: middle;}
#footer-conteneur{width: 1200px; margin: 0 auto; color: white;}
.footer-box{float: left; width: 400px; margin: 50px 0 20px 0;}