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

Auteur: Baptiste Grandclément
Version: v2
Site: baptiste-photographies.com
Contact: bapt.grandclement@wanadoo.fr
Date: 8 Janvier 2011
Couleurs:
	vert: 		#a9da00

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

body{background: url(theme/background.png); background-attachment: fixed;  margin: 0; padding: 0; font-size: 14px; font-family: georgia; color: #222222; line-height: 1.5em;}

/* ****** ENTETES... ****** */

img.border{border: 8px solid white; -moz-box-shadow: 3px 3px 8px #434343; -webkit-box-shadow: 3px 3px 8px #434343; box-shadow: 3px 3px 8px #434343;}
.border{border: 8px solid white; -moz-box-shadow: 3px 3px 8px #434343; -webkit-box-shadow: 3px 3px 8px #434343; box-shadow: 3px 3px 8px #434343; width: 965px; height: 642px;}
.ombre{-moz-box-shadow: 3px 3px 8px #434343; -webkit-box-shadow: 3px 3px 8px #434343; box-shadow: 3px 3px 8px #434343;}

h1{font-size: 34px; font-family: georgia; font-weight: normal; margin: 10px 0 -10px 0;}
h3{font-size: 20px; font-family: georgia; color: #a9da00;  font-weight: normal; font-style: italic;}
a{text-decoration: none; color: #222222;}
.texte p{text-align: justify; padding: 0 15px 0 5px;}
p a:hover{border-bottom: 1px #222222 dotted;}
.clear{clear: both;}

hr{width: 985px;}

/* ****** HEADER ****** */
#head{background: url(theme/head.png); width: 1012px; height: 31px; margin: 0 auto;}

.racine{font-size: 12px;}
.racine a{color: #a9da00;}
	
/* ****** MENU ****** */
#menu a{margin: 0 7px 0 7px; color: #222222; text-decoration: none; text-shadow: 2px 2px 2px #cdcdcd; font-size: 20px; padding: 0 4px 0 0;}
#menu a:hover{text-shadow: 2px 2px 2px #a9da00; border-bottom: 0px #222222 dotted;}
#logo{float: right; width: 345px; margin: 0 5px 0 0;}

/* ****** CONTENU ****** */
#conteneur{width: 1000px; margin: 0 auto; background: url(theme/fond.png) repeat-y; padding: 0 0 0 10px;}
#conteneur img{margin: 0 7.5px 1px 0;}

#plein{background: url(theme/plein.jpg); width: 229px; height: 39px; margin: 0 0 0 705px;}

#apropos{width: 990px; padding: 10px 10px 10px 10px; width: 950px; margin: 2px 0 30px 10px;}
#cont-apropos{width: 765px; text-align: justify;}

.sous-titre{font-size: 22px; text-align: center; font-style: italic;}

#saisons{background: url(theme/saisons.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#saisons:hover{background-position: bottom left;}
#voyages{background: url(theme/voyages.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#voyages:hover{background-position: bottom left;}
#ferroviaire{background: url(theme/ferroviaire.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#ferroviaire:hover{background-position: bottom left;}

#printemps{background: url(theme/printemps.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#printemps:hover{background-position: bottom left;}
#ete{background: url(theme/ete.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#ete:hover{background-position: bottom left;}
#automne{background: url(theme/automne.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#automne:hover{background-position: bottom left;}
#hiver{background: url(theme/hiver.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#hiver:hover{background-position: bottom left;}


#salzburg{background: url(theme/salzburg.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#salzburg:hover{background-position: bottom left;}
#bruxelles{background: url(theme/bruxelles.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#bruxelles:hover{background-position: bottom left;}


#hommes{background: url(theme/hommes.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#hommes:hover{background-position: bottom left;}
#depot{background: url(theme/depot.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#depot:hover{background-position: bottom left;}
#abandon{background: url(theme/abandon.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#abandon:hover{background-position: bottom left;}
#bosse{background: url(theme/bosse.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#bosse:hover{background-position: bottom left;}
#plm{background: url(theme/plm.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#plm:hover{background-position: bottom left;}
#fc{background: url(theme/fc.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#fc:hover{background-position: bottom left;}
#cj{background: url(theme/cj.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#cj:hover{background-position: bottom left;}
#mob{background: url(theme/mob.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#mob:hover{background-position: bottom left;}
#galerie{background: url(theme/galerie.jpg) top left; width: 965px; height: 318px; border: 8px solid white;}
#galerie:hover{background-position: bottom left;}


/* ****** CONTACT ****** */
	#contact-conteneur{width: 500px; border: 1px 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;}
	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: url(theme/footer.png); width: 1012px; height: 31px; margin: -21px auto; font-size: 12px;}
#footer p{margin: 0 0 0 10px;}