/* CSS Document */

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

body{ background:url(../images/bg_top.jpg) top repeat-x #fff;
	 border:0;
	 font:13px Arial, Helvetica, sans-serif; color:#828387;
	 line-height:18px;
}


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

a{ text-decoration: underline}
a:hover{ text-decoration: none}
li{ list-style:none}
h1{ font-size:30px; color:#2a2a2a; line-height:normal; padding:48px 0 4px 0; width:100%; border-bottom:2px solid #e0e0e0; margin-bottom:43px; letter-spacing:-1px}
h2{ font-size:30px; color:#2a2a2a; line-height:normal; padding:48px 0 4px 0; width:100%; border-bottom:2px solid #e0e0e0; margin-bottom:43px; letter-spacing:-1px}
p{ padding-bottom:18px;}
img{ vertical-align:top}
/* ============================= header ====================== */

#logo{ margin-top:9px; float:left;}
.h1{ font-size:38px; color:#292929; display:block; letter-spacing:-2px; line-height:normal; padding-top:66px}
#banners{ background:url(../images/banners.jpg) no-repeat; margin-top:27px; margin-bottom:28px;width:100%; overflow:hidden;}
#banners li{ float:left;}
#banners a{ display:block; padding:79px 40px 0 60px; width:118px; height:140px; margin-right:-40px; font-size:26px; line-height:26px; color:#fff; text-decoration:none; font-weight:700}
#banners a:hover{ background:url(../images/banners_active.png) top left no-repeat}
#box1{ background:url(../images/bg_img.jpg) 17px 43px no-repeat; font-size:24px; line-height:24px; font-style: italic; color:#9b9b9b; padding:62px 40px 60px 150px; letter-spacing:-1px}

#menu { padding-left:40px; padding-top:25px; float:left;}
#menu li { float:left; padding-right:15px}
#menu li a{ color:#aeaeae; text-decoration:none; font-size:19px; line-height:33px; float:left;}
#menu li a span{ display:block;}
#menu li a span span { padding:0 15px;}

.nav1:hover, .active1{ background:#7accf8;}
.nav1:hover span, .active1 span{ background:url(../images/nav1_left.jpg) top left no-repeat;}
.nav1:hover span span, .active1 span span { background:url(../images/nav1_right.jpg) top right no-repeat; color:#fff;}

.nav2:hover, .active2{ background:#c8d62c;}
.nav2:hover span, .active2 span{ background:url(../images/nav2_left.jpg) top left no-repeat;}
.nav2:hover span span, .active2 span span { background:url(../images/nav2_right.jpg) top right no-repeat; color:#fff;}

.nav3:hover, .active3{ background:#ffd144;}
.nav3:hover span, .active3 span{ background:url(../images/nav3_left.jpg) top left no-repeat;}
.nav3:hover span span, .active3 span span { background:url(../images/nav3_right.jpg) top right no-repeat; color:#fff;}

.nav4:hover, .active4{ background:#ffa13c;}
.nav4:hover span, .active4 span{ background:url(../images/nav4_left.jpg) top left no-repeat;}
.nav4:hover span span, .active4 span span { background:url(../images/nav4_right.jpg) top right no-repeat; color:#fff;}

.nav5:hover, .active5{ background:#f58686;}
.nav5:hover span, .active5 span{ background:url(../images/nav5_left.jpg) top left no-repeat;}
.nav5:hover span span, .active5 span span { background:url(../images/nav5_right.jpg) top right no-repeat; color:#fff;}

/* ============================= content ====================== */
.pad_left1{ padding-left:75px;}
.marg_right1{ margin-right:20px;}
.pad_bot1{ padding-bottom:6px;}
.pad_bot2{ padding-bottom:13px;}
.pad_bot3{ padding-bottom:27px;}

.list1{ margin:-6px 0 0 0;}
.list1 li{ line-height:30px;}
.list1 li a{ color:#f58686; font-size:15px; padding-left:12px; background:url(../images/marker_1.jpg) 0 4px no-repeat;}

.link1{ color:#4a4a4a; font-weight:bold}

.font1{ color:#f58686;}
.font2{ font-size:15px; line-height:24px;}

.button1{ color:#4a4a4a; font-size:10px; text-transform:uppercase; text-decoration:none; line-height:25px; font-weight:bold; display:inline-block; background:#d9d9d9;}
.button1 span { display:block; background:url(../images/button_left.jpg) top left no-repeat;}
.button1 span span { background:url(../images/button_right.jpg) top right no-repeat; padding:0 19px}
.button1:hover{ color:#fff;}

.box{ background:#f6f6f6;}
.box_r{ background:url(../images/box1_line2.jpg) right repeat-y;}
.box_b{ background:url(../images/box1_line2.jpg) bottom repeat-x;}
.box_t{ background:url(../images/box1_line1.jpg) top repeat-x}
.box_l{ background:url(../images/box1_line1.jpg) left repeat-y;}
.box_t_l{ background:url(../images/box1_top_left.jpg) top left no-repeat}
.box_t_r{ background:url(../images/box1_top_right.jpg) top right no-repeat}
.box_b_l{ background:url(../images/box1_bot_left.jpg) bottom left no-repeat}
.box_b_r{ background:url(../images/box1_bot_right.jpg) bottom right no-repeat}
/* ============================= footer ====================== */

#footer { color:#828387; font-size:13px; padding-top:18px; padding-bottom:40px;width:100%; overflow:hidden;}
#footer a { color:#828387; text-decoration:none}
#footer a:hover{ color:#000}

/* =h2{ font-size:19px; color:#a1a1a1; line-height:normal; padding-top:13px; padding-bottom:15px} = */
.titre_footer{font-size:19px;color:#575757;line-height: 40px;font-weight: bolder;}

.icon li{ width:100%; overflow:hidden; font-size:14px; line-height:28px; padding-bottom:2px}
.icon img{ float:left; margin-right:8px;}
.list li{ line-height:22px; font-size:14px;}
.list li a{ padding-left:12px; background:url(../images/marker_1.jpg) 0 5px no-repeat;}

/* ============================= forms ============================= */

#form_1{ padding-top:4px; font-size:14px; padding-right:6px}
#form_1 .input{ width:155px; height:14px; padding:5px 8px; background:none; font:11px Arial, Helvetica, sans-serif; color:#9b9b9b;}
#form_1 .submit{ float:right; background:url(../images/button.jpg) no-repeat; color:#fff; font:10px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; cursor:pointer; height:25px; width:67px}

#ContactForm {padding:9px 0 0 0; line-height:18px;}
#ContactForm a{ margin-left:23px}
#ContactForm .input {width:269px; height:14px; padding:5px 8px; background:none; font:11px Arial, Helvetica, sans-serif; color:#9b9b9b;}
#ContactForm textarea {width:269px; height:191px; padding:5px 8px; background:none; font:11px Arial, Helvetica, sans-serif; color:#9b9b9b; overflow:auto}
.col_1{ width:285px; float:left; margin-bottom:20px}
#ContactForm .box{ margin-bottom:17px}

/* ============================= BEN ============================= */
.rouge {font-size: 18px;color: #F00;}
.titre_colonne{ font-size:30px; color:#2a2a2a; line-height:normal; padding-top:66px; border-bottom:2px solid #e0e0e0; margin-bottom:43px; letter-spacing:-1px; display:block   }



.reference{ width:250px; float:left;margin-top:30px ;padding-top:17px}
.reference2{ width:290px; float:left; padding-left:10px;margin-top:30px}
.clear {clear: both;}

.res{
float:right;
margin-top:-50px;
margin-right:50px;
}