/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Parisienne);

html, body { padding:0; margin:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; }
:focus { outline:0; }
body#accueil { background: #E9D4C2 url(../images/pubs.jpg) fixed no-repeat center; }
body#galerie { background:#E9D4C2 url(../images/pubs3.jpg) fixed no-repeat center; }
body#livredor { background:#E9D4C2 url(../images/pubs5.jpg) fixed no-repeat center; }
body#liens { background:#E9D4C2 url(../images/pubs7.jpg) fixed no-repeat center; }
body#contact { background:#E9D4C2 url(../images/pubs9.jpg) fixed no-repeat center; }

#global { width:1000px; margin:0 auto; position:relative; color:#3A3431; background-color:#F3F3F3; border:#000000 1px solid;}
p { margin:5px 0px;}
a { text-decoration:none; color:#6F7036; font-weight:bold; }
a:hover { color:#3F4006; }
img { border:none; }
h2 { font-size:26px; font-weight:normal; margin:20px 0px 15px 0px; }
h3 { font-size:18px; font-weight:normal; margin:10px 0px 10px 0px; font-family: 'Allura', cursive; }
h1 {font-size:16px; font-weight:bold; margin:10px 0px 20px 10px; color:#6E6E70;}
ul { list-style:none; }
#contenu { padding:30px; overflow:hidden; }

div#header {margin:0px auto 0px auto; position:relative; width:1000px;}
#header h2 {line-height:36px; font-family: 'Cherry Cream Soda', cursive; position:absolute; top:110px; left:90px; color:#FFFFFF; }
#gauche { float:left; width:400px; }
#droite { position:relative; width:500px; margin-left:450px; }

div#footer {	display:block;	clear:both;	width:1000px;	padding-top:6px;	height:20px;	background-color:#6F6F73;	color:#FFFFff;	font-size:80%;	margin-top:10px; text-align:center;}
#footer a{        text-decoration: none;		color:#ffffff;		letter-spacing:0.2em;  }
#footer a:hover  {		color:#FFFF99;		font-weight:bold;}
#logo_bardamu {position:absolute;bottom:3px;right:25px;}
p.bas_de_page {text-align:center;margin:0;}
#bas_de_page { position:absolute; bottom:-900px; }

img.haut { margin-top:-8px; }
img.flottant { float:left; padding:2px; border:#A62B4E 2px solid; margin-right:30px; margin-top:3px; margin-bottom:15px; }

#menu {margin:0 auto; position:relative; width:985px; height:48px; padding-right:60px;}
#menu li{	display:block;	float:right; padding:12px 6px 4px 6px;border-top-right-radius: 8px; border-top-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-topright: 8px;margin:14px 1px 0px 1px; font-weight:bold;background-color:#A62B4E;height:18px;width:100px;text-align:center;}
#menu li a { color:#fff; }
#menu li:hover,#menu li.actif  {text-decoration:none;height:24px;margin-top:8px;}

#photo_galerie {width:200px;text-align:center;border:#000000 1px solid;padding:10px 5px;font-size:90%;font-weight:bold;height:226px; position:relative;}
#photo_galerie:hover { background-color:#CCCCCC; }
#croix {position:absolute;top:0;right:0;background-color:#FF3300;padding:1px 4px;border:#FFFFFF 1px solid;}
#croix a {color:#FFFFFF;font-weight:bold;font-size:20px;}
#croix a:hover {text-decoration:none;}

#lien img {float:left; margin:0px 10px 0px 0px; border:2px #A62B4E solid; padding:2px;}
#bloc_lien {position:relative;margin-left:300px;width:600px;}
#lien {	padding-bottom:10px; margin:15px 20px;	width:100%; display:block; overflow:hidden;}

#intro { margin-bottom:15px; }
#intro p { text-align:justify;}
#intro p:first-letter { font-size:150%; background-color:#A62B4E; color:#FFFFFF; font-family: 'Parisienne', cursive; padding:2px 6px; font-weight:bold; margin-right:3px; }

p.merci { text-align:center; font-size:120%; color:#A62B4E; }

/* Contact form */
#contact-form {	display:block;	position:relative;	padding:5px; width:100%; overflow:hidden; border:#000000 1px solid;}
#contact-form label {	display:block;	position:relative;	min-height:50px;	overflow:hidden;}
#contact-form label.message {	height:auto;	position:relative;	overflow:visible;	padding:0;}
#contact-form span {	position:relative;	display:none;	color:#000;	font-size:11px;	text-align:right;	line-height:14px;	margin-top:10px;	margin-left:5px;	float:left;}
#contact-form label span.errors {	display:block;	width:220px;}
#contact-form label.message span {	margin-top:10px;	position:relative;	display:none;	text-align:left;}
#contact-form input, #contact-form textarea {	width:340px;	outline:none;	padding:7px 0 7px 10px;	color:#fdfbee;	font-family:Tahoma, Geneva, sans-serif;	font-size:13px;	background-color:#A62B4E;	text-transform:none;	border:#fffdcf 1px solid;	display:block;}
#contact-form textarea {	height:160px; }
.btns {	text-align:right;	position:relative; margin-top:10px;}
.btns a {	margin-left:5px;	display:inline-block;}
.a2 {	font-family:Tahoma, Geneva, sans-serif;	font-size:12px;	color:#f8f4dc;	text-decoration:none;	line-height:30px;	text-transform:uppercase;	text-align:center;	background-color:#A62B4E;	padding:7px 27px;	display:inline-block;	font-weight:700;	border-radius:3px 3px 3px 3px;	-moz-border-radius:3px 3px 3px 3px;}
.a2:hover {	background-color:#D65B7E;	color:#FFF;}

#pub { float:right; padding:5px; margin-left:20px; background-color:#A62B4E; width:295px; text-align:center; color:#FFFFFF; }

@media only screen and (max-width: 1280px) {
body#accueil { background:#E9D4C2 url(../images/pubs2.jpg) fixed no-repeat center; }
body#galerie { background:#E9D4C2 url(../images/pubs4.jpg) fixed no-repeat center; }
body#livredor { background:#E9D4C2 url(../images/pubs6.jpg) fixed no-repeat center; }
body#liens { background:#E9D4C2 url(../images/pubs8.jpg) fixed no-repeat center; }
body#contact { background:#E9D4C2 url(../images/pubs10.jpg) fixed no-repeat center; }
}