html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	border:0;
	font-size:100%;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
}

h1
{
	font-size:2.5em;
	color:#747370;
	text-align:left;
	font-family:"proxima nova", Georgia, "Times New Roman", Times, serif;
}

h2
{
	font-size:2.2em;
	color:#747370;
	text-align:center;
	font-family:"proxima nova", Georgia, "Times New Roman", Times, serif;
}

h3
{
	font-size:1.5em;
	color:#747370;
	text-align:left;
	font-family:"proxima nova", Georgia, "Times New Roman", Times, serif;
}

h4
{
	font-size:1.3em;
	color:#747370;
	text-align:left;
	font-family:"proxima nova", Georgia, "Times New Roman", Times, serif;
}

p
{
	font-size:1.1em;
	line-height:1.3;
	font-family:"proxima nova", Georgia, "Times New Roman", Times, serif;
}

html,body
{
	height:100%;
}

a img
{
	border:none;
}

body
{
	background:#e7e7e7;
}

a:hover,a:active,a:focus
{
	outline:none;
}

a
{
	text-decoration:none;
	color:#747370;
}

.blanc
{
	color:#fff;
}

.petit
{
	font-size:0.8em;
}

.clear
{
	clear:both;
}

#page
{
	width:998px;
	position:relative;
	margin:auto;
}

#header
{
	background:url("images/header6.jpg") no-repeat;
	width:353px;
	height:200px;
	float:left;
	padding:0 0 70px;
}

#nav
{
	float:right;
	width:500px;
	height:200px;
	list-style:none;
	padding:0 0 70px;
}

#nav li
{
	float:left;
	display:inline;
	width:125px;
	height:200px;
}

#nav a
{
	width:125px;
	height:200px;
}

#nav li a
{
	display:block;
	width:125px;
	height:200px;
}

#nav li a#atelier
{
	background:url(images/menu_1.jpg) 0 0 no-repeat;
	width:125px;
}

#nav li a#portfolio
{
	background:url(images/menu_2.jpg) 0 0 no-repeat;
	width:125px;
}

#nav li a#actu
{
	background:url(images/menu_3.jpg) 0 0 no-repeat;
	width:125px;
}

#nav li a#contact
{
	background:url(images/menu_4.jpg) 0 0 no-repeat;
	width:125px;
}

#nav li a#atelier:hover
{
	background:url(images/menu_1.jpg) 0 no-repeat;
	width:125px;
}

#nav li a#portfolio:hover
{
	background:url(images/menu_2.jpg) 0 no-repeat;
	width:125px;
}

#nav li a#actu:hover
{
	background:url(images/menu_3.jpg) 0 no-repeat;
	width:125px;
}

#nav li a#contact:hover
{
	background:url(images/menu_4.jpg) 0 no-repeat;
	width:125px;
}

#contenu
{
	float:left;
	background:#e7e7e7;
	width:998px;
	height:auto;
}

#contenu_travaux
{
	float:right;
	background:url(images/ampoule_travaux.jpg) no-repeat;
	width:360px;
	height:574px;
	margin-bottom:80px;
}

#texte_travaux
{
	float:left;
	width:636px;
	height:auto;
	margin-top:180px;
}

#texte_travaux h2
{
	color:#b5b5b5;
	text-align:right;
}

#titre
{
	float:left;
	width:594px;
	height:50px;
}

#intro
{
	float:left;
	padding-right:53px;
	width:300px;
	height:auto;
	text-align:justify;
	margin:0 0 50px;
}

#concept
{
	float:right;
	width:630px;
	height:auto;
	text-align:justify;
	margin:0 0 50px;
}
#concept a
{
	border-bottom:1px dotted #747370;
}

#concept a:hover
{
	color:#5A401B;
}

#expo
{
	float:left;
	width:996px;
	height:auto;
	margin:0;
}

.titre
{
	float:left;
	padding-right:500px;
}

.separation
{
	float:left;
	width:830px;
	height:47px;
}

.separation_gal
{
	float:left;
	width:830px;
	height:47px;
	margin-bottom:90px;
}

.separation_con
{
	float:left;
	width:830px;
	height:47px;
	margin-bottom:30px;
	padding-left:80px;
}

.separation_amis
{
	float:left;
	width:830px;
	height:47px;
	margin-bottom:10px;
}

.image
{
	float:left;
	width:300px;
	height:auto;
}

.texte
{
	float:left;
	width:450px;
	height:auto;
	padding-left:70px;
}

#depot
{
	float:left;
	width:998px;
	height:351px;
	background:url(images/ardoise.jpg) no-repeat;
	color:#fff;
	padding:0;
}

#depot h4,p,h3
{
	text-align:center;
}

#depot p
{
	color:#e1e1e0;
}

#adresse
{
	width:350px;
	height:280px;
	margin:45px 0 0;
	padding:0 0 0 260px;
}

#adresse h3
{
	color:#FFF;
	text-align:left;
}

#amis
{
	float:left;
	width:260px;
	height:280px;
	margin-bottom:80px;
}

#texte_amis
{
	float:left;
	width:420px;
	padding-left:110px;
}

#titre_lien
{
	float:left;
	padding-right:690px;
	margin-bottom:30px;
}

.amis
{
	float:left;
	width:998px;
	height:120px;
}

.amis_icones
{
	float:left;
	width:83px;
	height:90px;
	background-color:#dbdbd9;
	padding:5px 0 0 10px;
}

.amis_textes
{
	float:left;
	width:905px;
	height:95px;
	text-align:left;
	font-size:1em;
	background-color:#dbdbd9;
}

.amis_textes p
{
	text-align:left;
	font-size:1em;
	padding:5px 0 0 15px;
}

.nom
{
	color:#000;
	font-size:1.2em;
}

#carton_fin
{
	float:right;
}

#titre_menu
{
	float:left;
	padding-right:630px;
	margin-bottom:30px;
}

#icone
{
	float:left;
	width:65px;
	height:400px;
	margin:0;
	padding:0;
}


#choix_menu
{
	float:right;
	width:920px;
	margin:0 0 100px;
}

#choix_menu p
{
	text-align:left;
	font-size:1em;
}

#top
{
	clear:both;
	margin-left:850px;
	background:url(images/fleche_retour.jpg) no-repeat;
}

#top p
{
	text-align:right;
}

#top a
{
	color:#747370;
}

#menu_galerie
{
	clear:both;
	width:996px;
	height:auto;
	margin:0 0 50px;
}

div#galerie
{
	float:left;
	width:275px;
	height:730px;
	text-align:center;
	font:0.9em Georgia, serif;
	margin:0;
	padding:0; 

}

ul#galerie_mini
{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#galerie_mini li
{
	float:left;
	border:1px solid #ddd;
}

ul#galerie_mini li a img
{
	border:5px solid #fff;
	margin:2px;
}

dl#photo
{
	float:right;
	margin:0 auto;
}

dl#photo dt
{
	font:italic 1.5em/2em Georgia, serif;
	color:#404040;
	text-align:center;
}

dl#photo dd
{
	margin:0;
}

dl#photo img
{
	border:1px solid #dcb;
}

fieldset
{
	border:none;
	margin:0;
	padding:0;
}

input,textarea
{
	font-size:0.9em;
	font-family:"proxima nova", Georgia, "Times New Roman", Times, serif;
	background:#f2f0f5;
	border:none;
}

textarea
{
	overflow:hidden;
	height:100px;
	margin:0;
}

#form
{
	float:left;
	background:url(images/bg_form.jpg) no-repeat;
	width:560px;
	height:530px;
	overflow:hidden;
	margin:10px 0 0;
	padding:0;
}

#form p
{
	width:400px;
	overflow:hidden;
	margin:0 0 0 120px;
}

#form input,#form textarea
{
	border:1px solid #f2f0f5;
	width:90%;
	overflow:hidden;
}

#form button
{
	border:none;
	background:url(images/bouton_poster.jpg) no-repeat 0 0;
	width:95px;
	height:22px;
	text-align:left;
	overflow:hidden;
	text-indent:-8000px;
	cursor:pointer;
	margin:5px 0 0 220px;
}

#form .inactive
{
	color:#7d7c7c;
}

#form .active
{
	color:#000;
}

#form .focused
{
	color:#000;
	background:#fffee7;
}

#deco
{
	margin-top:10px;
	float:right;
	background:url(images/deco.jpg) no-repeat;
	width:438px;
	height:530px;
}

#deco img
{
	margin-left:257px;
	margin-top:169px;
}

#texte_form
{
	float:left;
	margin:0;
	padding:0 0 0 30px;
}

#coor
{
	float:left;
	color:#747370;
	width:300px;
	height:110px;
	padding-left:95px;
	margin-bottom:30px;
}

#tel
{
	float:left;
	color:#747370;
	width:200px;
	height:110px;
	border-left:#c6c6c5 2px dotted;
	border-right:#c6c6c5 2px dotted;
}

#mel
{
	float:left;
	color:#747370;
	width:300px;
	height:110px;
}

#merci
{
	float:right;
	width:600px;
	height:auto;
	font-size:1.1em;
	text-decoration:none;
	color:#423c37;
	text-align:left;
	padding:20px 0 0;
}

#poisson
{
	float:left;
}

#footer
{
	float:left;
	background:url("images/atelier.jpg") no-repeat;
	width:998px;
	height:462px;
}

#footer_travaux
{
	float:left;
	background:url("images/atelier_travaux.jpg") no-repeat;
	width:998px;
	height:428px;
}

#footer_actu
{
	float:left;
	background:url("images/atelier_actu.jpg") no-repeat;
	width:998px;
	height:422px;
}

#footer_amis
{
	float:left;
	background:url("images/atelier_amis.jpg") no-repeat;
	width:998px;
	height:462px;
}

#footer_actu a img
{
	margin-left:822px;
	margin-top:70px;
}

#copyright
{
	float:left;
	width:auto;
	height:20px;
	color:#736f6f;
	text-align:left;
	font-size:70%;
	position:relative;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	margin:0 auto 0 50px;
	padding:0;
}

#copyright a
{
	color:#7D7D7D;
	border-bottom:1px dotted #7D7D7D;
}

#mention
{
	float:left;
	width:600px;
	height:auto;
	margin:15px 0 0 10px;
}

#mention a
{
	color:#7D7D7D;
	border-bottom:1px dotted;
}

#mention p,h1,h4,h3
{
	text-align:justify;
	color:#7D7D7D;
}

#mention p
{
	font-size:1em;
}

.dark
{
	color:#494949;
}

#loi
{
	float:left;
	width:302px;
	height:504px;
	background:url(images/ticket.jpg) no-repeat;
	margin:0 0 0 10px;
}

#loi p
{
	font-size:1em;
	text-align:justify;
	color:#7D7D7D;
	margin:20px 32px 10px 15px;
}

.out,legend
{
	display:none;
}

#nav li a#atelier_active,#nav li a#atelier:focus
{
	background:url(images/menu_1.jpg) 0 -400px no-repeat;
	width:125px;
}

#nav li a#portfolio_active,#nav li a#portfolio:focus
{
	background:url(images/menu_2.jpg) 0 -400px no-repeat;
	width:125px;
}

#nav li a#actu_active,#nav li a#actu:focus
{
	background:url(images/menu_3.jpg) 0 -400px no-repeat;
	width:125px;
}

#nav li a#contact_active,#nav li a#contact:focus
{
	background:url(images/menu_4.jpg) 0 -400px no-repeat;
	width:125px;
}

#intro p,#concept p,.texte p
{
	text-align:justify;
}

.gauche,#adresse p,#texte_amis p,#coor p
{
	text-align:left;
}

#texte_amis a,.amis_textes a,#choix_menu a,#merci a
{
	color:#747370;
	border-bottom:1px dotted;
}

#texte_amis a:hover,.amis_textes a:hover,#choix_menu a:hover,#top a:hover,#merci a:hover,#copyright a:hover,#mention a:hover
{
	color:#5A401B;
}

#footer a img,#footer_amis a img
{
	margin-left:822px;
	margin-top:112px;
}
