/* CSS Document */

* { 
	margin:0; padding:0;
	border:0;
}

body{ background:url(images/bg.jpg) top center repeat-y #0b0908;
	 border:0;
	 font:12px Arial, Helvetica, sans-serif; color:#6e6962;
	 line-height:21px;
	 text-align:justify;
}


.texte_entete1{ font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#524633; font-weight:bold; text-transform:uppercase; line-height:22px; padding:24px 0 24px 0}



/* ============================= main layout ====================== */

a{ color:#252321; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font:34px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; line-height:18px; text-transform:uppercase; font-weight:bold; padding: 24px 0 0 0}
h2{ font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#524633; font-weight:bold; text-transform:uppercase; line-height:22px; padding:24px 0 24px 0}
p{ padding-bottom:21px;}
img{ vertical-align:top}
/* ============================= header ====================== */

#menu{ text-align:center; vertical-align:top}
#head{ float:left; text-align:center; vertical-align:top; margin-right:14px;}

.box2{ background:#fdab20; color:#fff}
.box2_top{ background:url(images/box2_top.jpg) top repeat-x}
.box2_bot{ background:url(images/box2_bot.jpg) bottom repeat-x}
.box2_top_let{ background:url(images/box2_top_left.jpg) top left no-repeat}
.box2_top_right{ background:url(images/box2_top_right.jpg) top right no-repeat}
.box2_bot_left{ background: url(images/box2_bot_left.jpg) bottom left no-repeat}
.box2_bot_right{background:url(images/box2_bot_right.jpg) bottom right no-repeat; width:100%}
.box2 .pad{ padding:10px 9px}

/* ============================= content ====================== */
.marg_top1{ margin-top:10px}
.marg_right1{ margin-right:28px;}
.marg_right2{ margin-right:18px;}
.pad_left1{ padding-left:10px;}
.pad_left2{ padding-left:50px;}
.pad_bot1{ padding-bottom:8px;}
.pad_bot2{ padding-bottom:17px;}
.pad_bot3{ padding-bottom:27px;}

.box3{ background:#fcfbf8; }
.box3_top{ background:url(images/box4_top.jpg) top repeat-x}
.box3_bot{ background:url(images/box4_bot.jpg) bottom repeat-x}
.box3_top_let{ background:url(images/box4_top_left.jpg) top left no-repeat}
.box3_top_right{ background:url(images/box4_top_right.jpg) top right no-repeat}
.box3_bot_left{ background: url(images/box4_bot_left.jpg) bottom left no-repeat}
.box3_bot_right{background:url(images/box4_bot_right.jpg) bottom right no-repeat; width:100%}
.box3 .pad{ padding:0 30px 30px 30px}

.box4{ background:#d6d2cd; }
.box4_top{ background:url(images/box5_top.jpg) top repeat-x}
.box4_bot{ background:url(images/box5_bot.jpg) bottom repeat-x}
.box4_top_let{ background:url(images/box5_top_left.jpg) top left no-repeat}
.box4_top_right{ background:url(images/box5_top_right.jpg) top right no-repeat}
.box4_bot_left{ background: url(images/box5_bot_left.jpg) bottom left no-repeat}
.box4_bot_right{background:url(images/box5_bot_right.jpg) bottom right no-repeat; width:100%}
.box4 .pad{ padding:0 30px 20px 30px}

.box5{ background:#110f0d; color:#897b63}
.box5_top_let{ background:url(images/box3_top_left.jpg) top left no-repeat}
.box5_top_right{ background:url(images/box3_top_right.jpg) top right no-repeat}
.box5_bot_left{ background: url(images/box3_bot_left.jpg) bottom left no-repeat}
.box5_bot_right{background:url(images/box3_bot_right.jpg) bottom right no-repeat; width:100%}
.box5 .pad{ padding:0 30px 30px 30px}
.box5 h2{ color:#d6d2cd;}

#banner1{ padding:282px 0 5px 51px; width:201px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; float:left; background:url(images/banner2.jpg) 0 0 no-repeat #8f8980; text-transform:uppercase; margin-right:18px;}
#banner1 span{ display:block; font-size:18px; font-weight:bold; margin-top:-4px;}

#banner2{ padding:290px 0 5px 5px; width:241px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; float:left; background:url(images/photo1_gauche.jpg) 0 0 no-repeat #FDAB20; text-transform:uppercase; margin-right:5px;}
#banner2 span{ display:block; font-size:18px; font-weight:bold; margin-top:-4px;}


.buttons{ margin-left:-8px; float:left; padding-bottom:23px;}
.buttons a{ float:left; padding-left:1px; width:165px; text-align:center; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-transform:uppercase; text-decoration:none; background:url(images/button2.jpg) no-repeat; line-height:50px;}
.buttons a:hover{ background:url(images/button2_active.jpg) no-repeat}

.color1{ color:#fcaa21;}

.font1{ font-size:14px; line-height:24px; color:#413c34}
.font2{ font-size:14px;}

.link1{ float:right; font-size:11px; color:#f19d0e; text-decoration:none; text-transform:uppercase;}
.link1:hover{ text-decoration:underline}

.button1{ float:right; font-size:11px; color:#f19d0e; text-transform:uppercase; text-decoration:none; line-height:29px; background:url(images/button2_bg.jpg) top repeat-x;}
.button1 span{ display:block; background:url(images/button2_left.jpg) top left no-repeat}
.button1 span span{ padding:0 11px; background:url(images/button2_right.jpg) top right no-repeat}
.button1:hover{color:#413c34}

.button2{ float:right; font-size:11px; color:#0b0a09; text-transform:uppercase; text-decoration:none; line-height:28px; background:url(images/button1_bg.jpg) top repeat-x;}
.button2 span{ display:block; background:url(images/button1_left.jpg) top left no-repeat}
.button2 span span{ padding:0 11px; background:url(images/button1_right.jpg) top right no-repeat}
.button2:hover{color:#fff}


.list1 li{ line-height:38px; font-size:14px; background:url(images/marker_2.gif) 0 8px no-repeat}
.box3 .list1 li{ background:url(images/marker_3.jpg) 0 8px no-repeat}
.list1 li a{color:#413c34; text-decoration:none; padding-left:32px;}
.list1 li a:hover{ text-decoration:underline}

.list2{ margin-top:-17px; padding-right:20px}
.list2 li{ padding:15px 0 7px 32px; border-bottom:1px solid #2b2720; background:url(images/marker_1.jpg) 0 12px no-repeat; font-size:11px; line-height:14px; }
.list2 .last{ border-bottom:none; }
.list2 li a{ color:#f79d1c; font-size:14px; text-decoration:none; display:block; padding-bottom:7px;}
.list2 li a:hover{ color:#897b63}

.list3 li{ line-height:38px; font-size:14px; background:url(images/marker_1.jpg) 0 8px no-repeat}
.list3 li a{color:#f79d1c; text-decoration:none; padding-left:32px;}
.list3 li a:hover{ text-decoration:underline}

/* ============================= footer ====================== */

#footer { color:#d6d2cd; font-size:11px;}
#footer a{ color:#fdab20; text-decoration:none; padding-left:11px; margin-left:6px; background:url(images/footer_line.jpg) 0 3px no-repeat}
#footer a:hover{ text-decoration:underline}
#footer span{  text-transform:uppercase}
.box6{ background:#000; text-align:right}
.box6_top_let{ background:url(images/box6_top_left.jpg) top left no-repeat}
.box6_top_right{ background:url(images/box6_top_right.jpg) top right no-repeat}
.box6_bot_left{ background: url(images/box6_bot_left.jpg) bottom left no-repeat}
.box6_bot_right{background:url(images/box6_bot_right.jpg) bottom right no-repeat; width:100%}
.box6 .pad{ padding:16px 19px 19px 20px}



/* ============================= forms ============================= */
#form_1{ font-size:14px; color:#252321; line-height:30px; width:278px; float:left; margin-top:-7px;}
#form_1 span{ float:left; padding:0 5px 0 6px}
#form_1 .bg{ background: url(images/bg_form.jpg) center repeat-x; padding:1px; line-height:0; font-size:0; margin-bottom:5px;}
#form_1 .input1{ width:65px;}
#form_1 .input2{ width:115px;}
#form_1 .input, #form_1 .input1, #form_1 .input2{border-top:2px solid #737270; border-left:1px solid #737270; background:#e6e4e1; height:16px; padding:5px; color:#252321; font:14px Arial, Helvetica, sans-serif;}
#form_1 .input{ width:265px;}

.contact_button1 a{ margin-left:30px; float:right; width:120px; background:url(images/button.jpg) no-repeat; text-align:center; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; text-transform:uppercase; line-height:40px; text-decoration:none}

.titre_page { width:300px; text-align:center; font:34px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; background-color:#FDAB20; color:#fff; text-transform:uppercase; line-height:60px; text-decoration:none; -moz-border-radius: 5px; border-radius: 5px;}


#form_1 a:hover{ color:#faa823}

#ContactForm { width:276px;}
#ContactForm .bg{ background:url(images/input.jpg) no-repeat; margin-bottom:22px; font-size:0; line-height:0}
#ContactForm .bg2{ background:url(images/textarea.jpg) no-repeat; margin-bottom:18px; font-size:0; line-height:0}
#ContactForm a{ margin-left:20px}
#ContactForm .input {width:250px; height:14px; padding:7px 13px; background:none;color:#110f0d; font:12px Arial, Helvetica, sans-serif}
#ContactForm textarea {width:250px; height:204px; padding:7px 13px;color:#110f0d; background:none; font:12px Arial, Helvetica, sans-serif; overflow:auto}