/* Init
------------------------------------ */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , object, embed{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
/*   font-size: 0.97em;*/
    font-family: inherit;
    vertical-align: baseline;
}

/* Style Layout
------------------------------------ */
html {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#464848;
    font-size:11pt;
    background-color: #941C24;
    background-image:url(/img/bg-index.gif);
    background-repeat: repeat-x;
}

html, body {height:100%;}

div#bg-index-logo {width: 1060px; height: 220px; margin: 0px auto; margin-top: 70px; background: url(/img/bg-index-logo.gif) no-repeat;}
div#bg-index-text {width: 480px; height: 340px; margin: 0px auto; margin-top: 100px;  background: url(/img/bg-index-text.gif) no-repeat; padding-top: 30px; padding-left: 110px; padding-right: 110px; font-size: 18pt; text-align:justify;}
div#master {width:970px;   background: url("/img/bg-master.png") repeat-y; margin: 0 auto; padding-top:10px;  position: relative; }
div#top { background: url("/img/bg-top.gif") no-repeat; height:220px; width:860px; margin: auto; }
div#tab { background: url("/img/bg-tab.gif") no-repeat; height:32px; width:852px; margin: 10px auto; }
div#middle { overflow:hidden; }
div#left {width:204px; margin-left:60px; float:left; }
div#left div.top {background: url("/img/bg-left-top.gif") no-repeat; height:10px;}
div#left div.middle {background: url("/img/bg-left-middle.gif") repeat-y;}
div#left div.bottom {background: url("/img/bg-left-bottom.gif") no-repeat; height:10px;}
div#right {width:650px;  float:left;   }
div#clear { clear:both;}
div#bottom {width:860px;  clear:both;background: url("/img/bg-bottom.gif") no-repeat; height:66px;  margin:20px auto 0px; position:relative;}



/* Colours
------------------------------------ */
/*
 * R: #941C24
 * R-: #D88F8D
 * R--: #F7DBD9
 * G: #636464
 * G+: #464848
 * G-: #A3A4A5
 * G--: #D9DADC
 */

.color_r { color: #941C24;}
.color_r_l { color: #D88F8D;}
.color_r_ll {color: #F7DBD9;}
.color_g { color: #636464;}
.color_g_d { color: #464848;}
.color_g_l { color: #A3A4A5;}
.color_g_ll { color: #D9DADC;}


/* Positionning
------------------------------------ */
.left { float: left;}
.al_right {text-align: right;}
.right { float: right;}
.clear {clear: both; height: 0px;}

td {vertical-align: top;}


/* Font Style
------------------------------------ */
.font_10 {font-size: 10pt;}
.font_14 {font-size: 14pt;}
.font_16 {font-size: 16pt;}
.font_18 {font-size: 18pt;}
.font_20 {font-size: 20pt;}
.font_30 {font-size: 30pt;}


div#left p { color:#FFF; font-size:10pt; padding-left:20px; padding-right:5px; }
div#left h1 { color:#646464; font-size:12pt; font-weight:bold; padding-left:20px; padding-right:5px; margin-top:10px; text-shadow: 0px 1px 0px #D9DADC;}
div#left div.hr {background: url("/img/bg-left-hr.gif") repeat-x; height:6px; margin:0px 0px 5px 2px; width:200px; border: 0;}

div#right div.hr {background: url("/img/bg-right-hr.gif") repeat-x; height:20px; margin-left:50px; width:594px; margin-top: 10px;}
div#right h1 {background: url("/img/bg-right-h1.gif") no-repeat;    padding-left: 160px; padding-top:12px; padding-bottom:10px; color:#ECB0AE; font-size:22pt;margin-bottom: 15px; font-weight: bold; text-shadow: 0px 1px 0px #0D2727;position:relative;}
div#right h1 span {background:transparent url(/img/h1_gradient.png) repeat-x left bottom;display:block; height:37px; position:absolute; width:470px;}
div#right h2 {background: url("/img/bg-right-h2.gif") no-repeat; height: 66px;width: 584px;   padding-left: 100px;  color:#636464; font-size:16pt; font-weight: bold;margin-left: 60px; line-height: 66px; }
div#right > p { margin-left:60px; margin-right:8px;}

div#bottom p#bt_copy {text-align:center;  color:#FFF; position:absolute; top: 15px; width:860px;}
div#bottom p#bt_links {text-align:right;position:absolute; top: 45px; right:5px; width:800px;}

/* Link Style
------------------------------------ */
a:link {color: #464848; text-decoration: underline;}
a:visited {color: #464848; text-decoration: underline;}
a:hover {color: #464848; text-decoration:none}
div#top a {display: block; height:220px; width:860px;}
div#bg-index-text a {display: block; height:340px; width:480px; color: #E5DE4A; text-decoration: none;}


/* Tab Style
------------------------------------ */
div#tab ul { margin-left:15px;}
div#tab ul li { list-style-type:none;display: inline; margin: 0 20px;}
div#tab ul li a { text-decoration:none;}
div#tab ul li a { color:#941C24; font-weight:bold;   padding: 2px 20px 6px 20px; font-size:16pt; line-height:30px; height:32px; text-shadow: 0px 1px 0px #F7DBD9; }
div#tab ul li a:hover { background:  url("/img/bg-tab_h.gif") repeat-x; color:#464848; }


/* Background Style
------------------------------------ */
div#left div.exclusif {background: url("/img/bg-exclusif.gif") no-repeat; width:205px; height:301px; margin-bottom: 20px;}
div#right div.contact { background: url(/img/bg-contact.gif) no-repeat; width:586px; height: 143px; display: block; margin-left: 60px; margin-bottom: 30px;} 
div#right div.form_contact { background: url(/img/bg-form-contact.gif) no-repeat; width:586px; height: 261px; display: block; margin-left: 60px;padding-top: 15px; }
div#right div.form_info { background: url(/img/bg-form-info.gif) no-repeat; width:586px; height: 180px; display: block; margin-left: 60px; padding-top:40px;}
div#right div.form_projet { background: url(/img/bg-form-projet.gif) no-repeat; width:586px; height: 280px; display: block; margin-left: 60px; padding-top: 35px;}
div#right div.logo_synop {background: url(/img/bg-logo-synop.gif) no-repeat; width:200px; height:156px; display: block; margin-left: 60px;}

/* List Style
------------------------------------ */
ul.lock_key { margin-left:100px;  list-style:  none;margin-right:8px;}
ul.lock_key li{ background: url("/img/bg-lock.gif") no-repeat;  padding: 20px 50px 20px; margin-bottom:5px;}
div#content_display div.content_element ul.lock_key { margin-left:10px;}

/* Form Style
------------------------------------ */
label { color: #941C24; font-weight: bold;}
input.txt, input.btn, textarea, select {border: 1px solid #A3A4A5; background-color:#FFF; color: #464848;}
option {border-color: #A3A4A5;}
input:hover, textarea:hover { border: 1px solid #464848;}
div.form_contact input.txt {width: 120px;}
input.btn {width: 100px;}

/* Content Display Style
------------------------------------ */
div#content_display { position: relative; padding-top: 40px;margin-left: 59px;margin-right: 5px; height: 900px;}
div#content_display div.content_tab {cursor: pointer; display: block; height: 44px; width: 137px; background: url("/img/bg-tab-unselected.gif") no-repeat; text-align: center; padding-top: 14px; font-weight:bold;}
div#content_display div.tab_active {background: url("/img/bg-tab-selected.gif") no-repeat;}
div#content_display div.content_element { width: 450px;position:absolute; top:0px;right:0px;}
div#content_display div.content_element div.el_top {background: url("/img/bg-content-top.gif") no-repeat; height:16px;display:block;}
div#content_display div.content_element div.el_middle {background: url("/img/bg-content-middle.gif") repeat-y; padding: 10px 15px;}
div#content_display div.content_element div.el_bottom {background: url("/img/bg-content-bottom.gif") no-repeat;height:16px;display:block;}

/* Image Style
------------------------------------ */
div#content_display div.content_element img {margin: 5px 10px;}
div#right p img.marg {margin: 5px 10px;}

/* Divers Style
------------------------------------ */

#log_update { width:60%; margin: auto; position: absolute;}
div.warn_ko {width: auto;   background-color:#D88F8D ; border:1px solid #941C24;  color:#941C24;}
div.warn_ok {   background-color: #CDEB8B; border:1px solid #008C00;  color:#008C00;}
div#handle, div#handle2 {cursor:move;}
.ajax-loading { padding: 20px 0;background: url(/img/loading.gif) no-repeat center;}


/* Popup
------------------------------------ */
table.popup { margin:10px auto; border-collapse:collapse; table-layout:fixed; width:350px;}
td.popup_top_l, td.popup_top_r, td.popup_bot_l, td.popup_bot_r {height:10px; overflow:hidden; padding:0 !important; width:10px !important;}

td.popup_top_l { background-image:url(/img/popup_top_left.png) !important; filter:none !important;}
td.popup_top_r { background-image:url(/img/popup_top_right.png) !important; filter:none !important;}
td.popup_bot_l { background-image:url(/img/popup_bot_left.png) !important; filter:none !important;}
td.popup_bot_r { background-image:url(/img/popup_bot_right.png) !important; filter:none !important;}
td.popup_side { background-image:url(/img/popup_side.png) !important; filter:none !important;}
div.warn_ko div.popup_title { background-color: #941C24; padding:2px; color:#D88F8D;text-align: right;}
div.popup_content { padding: 5px 10px;}