/* common */
*{ margin: 0; padding: 0;}
.clear { clear: both;}

/* Structure*/
body {font-family: trebuchet ms; font-size: 12px; background: #115eaa url(images/bg.gif) center top repeat-y; text-align: center; position: relative;}
#wrapper { margin: 0 auto; width: 942px; border: 0 1px solid black; background: url(images/bg_wrapper.gif) top center repeat-y; text-align: left; position: relative;}
#container { margin: 10px 15px 30px 10px;}
#header { background: url(images/bg_header.jpg) no-repeat; height: 205px;}
#logo { float: left; display: block; margin: 15px 0 0 20px; width: 300px; height: 170px;}
#luc { display: block; position: absolute; bottom: 0; right: -110px;}

/* Main Style */
a { color: #ec0203; text-decoration: underline;}
p {padding: 0 15px; margin-bottom: 15px; text-align: justify; }
img{ border: none;}

/* Main Nav, Footer Nav */
#footer { background: url(images/bg_footer.gif) bottom no-repeat; border: 1px solid #1f3b71;}
#main_nav ul, #footer_nav ul{ list-style: none;}
#main_nav ul a, #footer_nav ul a{ color: white; text-align: center; display: block; text-decoration: none; font-weight: bold;}
#main_nav ul{ float: right; margin: 9px 5px 0 0; font-size: 14px;}
#main_nav li{ float: left; border-left: 1px solid red;}
#main_nav ul a{ width: 115px; padding: 11px 0;}
#main_nav ul a:hover{ background: #B91300;}
#footer_nav ul{ float: left; margin: 0 0 7px 7px;}
#footer_nav li{ float: left; border-right: 1px solid red; }
#footer_nav ul a{ width: 115px; padding: 8px 0px 7px 0px;}
#footer_nav ul a:hover{ background: #B91300;}
#copy{ display: block; float: left; color: white; font-weight: normal; font-size: 10px; margin: 10px 0 0 10px; }
#copy a{ font-size: 10px; color: black;}





/* ----------------------------------- */
/*  1 column template */
/* ----------------------------------- */

#content-container { float: left; background: url(images/bg_content.gif) repeat-y;width: 100%;}
#content { background: url(images/bg_content_top.gif) no-repeat; padding: 40px 36px 20px 37px;} 
#content_bottom { background: url(images/bg_content_bottom.gif) no-repeat; height: 16px; } 
h1 { background: url(images/bg_h1.png) no-repeat; padding: 12px 20px 11px 20px; position: relative; left: -35px; margin-bottom: 20px; margin-top: 60px; }
h1.first { margin-top: 0px;}
h2 { padding: 0 15px; color: #B91300; margin: 25px 0 15px 0;}

/* ----------------------------------- */
/*  BLOG - 2 column template */
/* ----------------------------------- */

/* Content */
#blog #content-container { float: left; width: 680px; background: url(images/bg_scontent.gif) repeat-y;  }
#blog #content { background: url(images/bg_scontent_top.gif) no-repeat; padding: 50px 36px 20px 37px;} 
#blog #page_nav { background: url(images/bg_scontent_bottom.gif) no-repeat; height: 74px;} 
#blog #page_nav a.last , #blog #page_nav a.next{ display: block; color: white; font-weight: bold; text-decoration: none; font-size: 14px; margin-top: 15px; padding: 10px 0; width: 140px; text-align: center;} 
#blog #page_nav a.last{ float: left; } 
#blog #page_nav a.next{ float: right; } 

/* Style */
#blog #content .title{ background: red url(images/bg_stitle.gif) bottom repeat-y; padding: 0 0 15px 0;}
#blog #content .title a.big_title{ font-weight: bold; color: black; font-size: 24px; display: block; background: url(images/bg_stitle_top.gif) no-repeat; padding: 15px 15px 5px 15px;}
#blog #content .title .infos{ font-size: 11px; font-weight: bold; padding: 0 15px 0 15px; }
#blog #content .title .infos a{ color: #fe4200;}
#blog p{ padding: 15px; margin-bottom: 25px; }
/* Right Menu */
#blog #right_nav { float: right; width: 235px;} 
#blog #right_nav .bloc{ background: url(images/bg_rightnav_top.gif) top right no-repeat;  padding-top: 10px; margin-bottom: 25px; }
#blog #right_nav .inside{ border: 6px solid black; border-bottom: 3px solid black; border-top: none; margin: 0 1px 0 9px; }
#blog #right_nav .bloc .title{ font-size: 16px; text-transform: uppercase; display: block; padding: 17px 0 4px 15px; margin-bottom: 10px; background: url(images/bg_rightnav_title.gif) no-repeat;}
#blog #right_nav .inside ul{ list-style: none; }
#blog #right_nav .inside li{ border-bottom: 3px solid black; padding: 10px; background: url(images/bg_rightnav_link.gif) bottom repeat-x;}
#blog #right_nav .bloc a{ color: black;}
#blog #right_nav .bloc form{ padding: 10px 10px 25px;}
#blog #right_nav .bloc form input{ font-weight: bold; padding: 3px; float: left; width: 160px; font-size: 14px; margin-bottom: 0;}
#blog #right_nav .bloc form a.bt_search{ display: block; height: 50px; width: 50px; float: right; background: url(images/search_bt.png); position: relative; top: -40px; right: -30px; margin-bottom: -50px;}

/* ----------------------------------- */
/* Contact */
/* ----------------------------------- */
form#contact {padding: 30px; color: black; font-weight: bold; border: 4px solid black; font-size: 14px; }
form#contact .left{float: left; width: 48%; margin-bottom: 15px;}
form#contact .right{float: right; width: 48%;}
form#contact .full{clear: both; width: 100%;}
form#contact .left label, form#contact .right label,form#contact .full label{width: 100%; display: block; padding: 5px 0; clear: both;}
form#contact input{width: 95%; padding: 5px; margin: 0; }
form#contact textarea{width: 98%; padding: 5px; margin-bottom: 15px;}
form#contact a#envoyer_bt{ display: block; width: 150px; height:50px; background: url(images/bt_send.gif) no-repeat;} 
form#contact a#envoyer_bt:hover{ background: url(images/bt_send.gif) no-repeat;}

form#contact a#send_bt{ display: block; width: 139px; height:33px; background: url(images/bt_send.gif) no-repeat;} 
form#contact a#send_bt:hover{ background: url(images/bt_send_on.gif) no-repeat;}