@import 'reset.css';

/**
 * Styles redefinition
 */
html { overflow: -moz-scrollbars-vertical !important; }
body { font: 90% "Trebuchet MS", Verdana, sans-serif; /*color: #7B7B7B;*/ color: #777; background: #F8F8F8; margin: 0; behavior: url('/styles/csshover.htc'); }

a { color: #777; text-decoration: underline; }
a:hover { text-decoration: none; }
	a img { border: 0; }

p { margin: 4px 0 8px 0; line-height: 1.3em; }

h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; line-height: 1.6em; }
h3 { color: #E96B17; font-size: 2em; line-height: 1.2em; margin: 15px 0; }
h4 { color: #898989; padding: 0; margin: 0; font-size: 1.1em; font-weight: bold; }
    h4 a { color: #898989 !important; }
    h4 a:hover { }
h5 { padding: 2px 10px; margin: 10px 0 20px 0; color: #E69446; background: #F2F2F2; font-size: 1.2em; font-weight: bold; }
	h5 a { text-decoration: none; color: #E69446; }
h6 { padding: 5px 0 0 47px; margin: 20px 0 20px 23px; min-height: 35px; }
#IE6 h6 { height: 35px; }

i, em { font-style: italic; }
strong, b { font-weight: bold; }

table { border-collapse: collapse; }
    table th { text-align: left; }
    table td { vertical-align: top; }

ul, ol { list-style-position: outside; margin: 8px 0 0 8px; }
    ul li { /*color: #444;*/ background: url(../images/lvl2/puce.png) no-repeat 0px 0px; padding: 0px 0 3px 22px; margin: 13px 0 5px 0; }
    /*#IE7 ul li { display: inline-block; }*/
    ol li { list-style: decimal; margin-left: 20px; }

hr { background: #d7d7d7; color: #d7d7d7; clear: both; float: none; width: 100%; height: 1px; margin: 12px auto; border: none; }
#IE6 hr, #IE7 hr { margin: 10px 0; }

cite, abbr { border-bottom: 1px dotted #15a6ca; cursor: help; }
sub, sup { font-size: 0.9em; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
blockquote { margin-left: 30px; }
pre, code { font: 0.9em Monaco, monospace; }

/**
 * Utils classes
 */
small, .small { font-size: 0.8em; }
big, .large { font-size: 1.1em; }

.clear { clear: both; }
.erase { display: block; text-indent: -5000px; font-size: 0px; }
.block { display: block; }
.hide { display: none; }

.auto { margin: 0 auto; }

.floatleft { float: left; }
.floatright { float: right; }

.imageleft { float: left; margin: 3px 20px 3px 0; }
.imageright { float: right; margin: 3px 0 5px 20px; }
.imageleftborder { float: left; margin: 3px 20px 3px 0; border: 1px solid #c0c0c0; padding: 1px; }
.imagerightborder { float: right; margin: 3px 0 3px 20px; border: 1px solid #c0c0c0; padding: 1px; }
.border { border: 1px solid #c0c0c0; padding: 1px; margin: 3px 20px 3px 20px; }

.alignleft { text-align: left; }
.center { text-align: center; }
.alignright { text-align: right; }
.valigntop { vertical-align: top; }
.valignmiddle { vertical-align: middle; }

.confirmation { background: #E68221; color: #fff; padding: 15px 28px 15px 28px; margin: 20px 0; }

/**
 * Form classes
 */
.error,
.required span { color: #fa0303; }

fieldset { padding: 15px; border: 1px solid #d1dae0; }
    fieldset legend { color: #666; font-size: 1.1em; font-weight: bold; padding: 0 10px; margin-left: 10px; }

label { display: block; }
label.right { float: left; width: 150px; padding-right: 20px; text-align: right; }

.input, .textarea { background: url(../images/bg-input-text.gif) #fff; color: #333; font: 1em "Trebuchet MS", Verdana, sans-serif; padding: 2px 5px; border: 1px solid #BCBCBC; }
select, .select { background: #fff; font: 1em "Trebuchet MS", Verdana, sans-serif; padding: 1px; border: 1px solid #BCBCBC; }

.input[disabled=disabled],
.input[disabled ] { background: #ccc; }

/*.input.error, .textarea.error { border: 1px solid #fa0303; }*/
.input:focus, .textarea:focus { border: 1px solid #31444f; }

.row { clear: both; margin: 10px 0; }
    .row label { float: left; width: 150px; padding: 3px 25px 0 0; text-align: right; }
    .row .field, .row .help, .field-margin { margin-left: 175px; }
    .row .field label { display: inline; float: none; width: auto; padding-right: 0; text-align: left; }
    .row .help, .row .error-message { font-size: 0.9em; }
    .row .help { color: #565656; }

/**
 * Site specific classes
 */
.color1 { color: #444; } /* gris foncé */
.color2 { color: #E58220; } /* Orange */
.color3 { color: #5d89ba; } /* bleu */
a > span.color1, a > span.color2, a > span.color3 { text-decoration: underline; } 

.chapeau { font-size: 1.1em; color: #666; /* font-weight: bold; */ }

.tab1 { width: 100%; margin: 0 0 0 32px; }
    .tab1 th { padding: 2px 6px; background: #E58220; color: #fff; border: 1px solid #ddd; text-align: center; font-size: 1.1em; font-weight: bold; }
    .tab1 td { padding: 2px 6px; border: 1px solid #ddd; color: #444; }

.tab3 {  }
    .tab3-col1 { width: 412px; padding: 5px; }
    .tab3-col2 { width: 280px; padding: 5px; }

    
.box { background: #F6F6F5; /*color: #444;*/ padding: 20px 28px 20px 38px; margin: 5px 32px; }
    .box a { }

.objet1 { /*color: #ABABAB;*/ margin: 0; padding-left: 78px; width: 605px; height: 223px; background: url(../images/lvl2/bg-left-objet1.png) no-repeat 10px 0; }
    .objet1-col1 { float: left; margin: 0; width: 547px; height: 203px; padding: 10px 5px 10px 5px; background: url(../images/lvl2/bg-objet1.png) repeat-y 10px 0;  }
    .objet1-col2 { float: left; margin: 0; width: 48px; height: 223px; padding: 0; background: url(../images/lvl2/bg-right-objet1.png); }
      
.objet1v2 { /*color: #ABABAB;*/ margin: 0; padding-left: 79px; width: 595px; height: 183px; background: url(../images/lvl2/bg-left-objet1v2.png) no-repeat 10px 0; }
    .objet1v2-col1 { float: left; margin: 0; width: 527px; height: 162px; border-top: 1px solid #fff; padding: 10px 5px 10px 5px; background: url(../images/lvl2/bg-objet1v2.png) repeat-y 10px 0;  }
    .objet1v2-col2 { float: left; margin: 0; width: 58px; height: 183px; padding: 0; background: url(../images/lvl2/bg-right-objet1v2.png); }
 
        
.barre-orange { margin: 0; padding: 0; height: 39px; }
    .barre-orange-col1 { width: 5px; height: 39px; background: url(../images/lvl2/bg-barre-orange.png) no-repeat left; }
    .barre-orange-col2 { width: auto; padding: 0 25px; line-height: 39px; height: 39px; background: #E68221; overflow: hidden; border: 0; white-space: nowrap; font-size: 1.2em; color: #fff; font-weight: bold !important; text-align: center; vertical-align: middle; }
    .barre-orange-col3 { width: 5px; height: 39px; background: url(../images/lvl2/bg-barre-orange.png) no-repeat right; }

.box-orange { width: 272px; margin: 20px; background: #EC8138 url(../images/lvl2/bg-box-orange-top.jpg) no-repeat top; }
	.box-orange * { color: #fff; }
    .box-orange-row2 { margin-top: 4px; }
	.box-orange-row2 td { color: #fff !important; padding: 5px 10px 2px 15px; }
    .box-orange-row3 { height: 20px; background: url(../images/lvl2/bg-box-orange-bottom.jpg) no-repeat bottom; }

.objet-dl { height: 41px; }
    .objet-dl-col1 { height: 41px; width: 41px; background: url(../images/lvl2/bg-objet-dl-left.png) no-repeat; }
    .objet-dl-col2 { height: 41px; padding: 11px 8px 0 8px; color: #fff; background: url(../images/lvl2/bg-objet-dl-middle.png) repeat-x; }
    .objet-dl-col3 { height: 41px; width: 7px; background: url(../images/lvl2/bg-objet-dl-right.png) no-repeat; }

.objet-support { height: 42px; }
    .objet-support-col1 { height: 42px; width: 43px; background: url(../images/lvl2/bg-objet-support-left.png) no-repeat; }
    .objet-support-col2 { height: 42px; padding: 10px 8px 0 8px; color: #fff; background: url(../images/lvl2/bg-objet-support-middle.png) repeat-x; }
    .objet-support-col3 { height: 42px; width: 8px; background: url(../images/lvl2/bg-objet-support-right.png) no-repeat; }

.objet-mail { height: 32px; }
    .objet-mail-col1 { height: 32px; width: 32px; background: url(../images/lvl2/bg-objet-mail-left.png) no-repeat; }
    .objet-mail-col2 { height: 32px; padding: 5px 8px 0 8px; color: #fff; background: url(../images/lvl2/bg-objet-mail-middle.png) repeat-x; }
    .objet-mail-col3 { height: 32px; width: 5px; background: url(../images/lvl2/bg-objet-mail-right.png) no-repeat; }

.objet-tel { height: 33px; }
    .objet-tel-col1 { height: 33px; width: 33px; background: url(../images/lvl2/bg-objet-tel-left.png) no-repeat; }
    .objet-tel-col2 { height: 33px; padding: 7px 8px 0 8px; color: #fff; background: url(../images/lvl2/bg-objet-tel-middle.png) repeat-x; }
    .objet-tel-col3 { height: 33px; width: 5px; background: url(../images/lvl2/bg-objet-tel-right.png) no-repeat; }


.tab-liens-produits { width: 193px; margin: 0 0 0 10px; }
	.tab-liens-produits td { vertical-align: middle; height: 46px; color: #999; font-size: 1em; }
	.tab-liens-produits a { text-decoration: none !important; font-weight: bold; color: #9C9C9C !important; font-size: 1em; }
	.tab-liens-produits img { vertical-align: middle; }
	.tab-liens-produits .col1 { width: 75px; }
	
.objet-bulle-logo { margin: 20px 0; }
    .objet-bulle-logo  h3  { margin: 0 0 0 0; font-size: 1.4em; padding: 4px 0px; }
    .objet-bulle-logo  h3  a { color: #E69446; text-decoration: none; font-size: 1em; color: #EC8138; }
    .objet-bulle-logo-img { position: relative; z-index: 2; margin: 0 10px 0 0; font-weight: bold; padding: 7px 0 0 0; text-align: center; vertical-align: middle; color: #fff; width: 76px; height: 76px; float: left; }
    
    .objet-bulle-logo span { color: #666; font-weight: bold; }
    .objet-bulle-logo-content { background: #f9f9f9; margin: 0 0 0 20px; padding: 10px 17px; position: relative; z-index: 1; }
        .objet-bulle-logo-content a { color: #777; font-weight: bold; font-style: italic; }
        .objet-bulle-logo-content .corner { width: 10px; height: 10px; position: absolute; background: url(../images/modules/bg-resume-news.gif); }
        .objet-bulle-logo-top-right { top: 0; right: 0; background-position: top right !important; }
        .objet-bulle-logo-bottom-left { bottom: 0; left: 0; background-position: bottom left !important; }
        .objet-bulle-logo-bottom-right { bottom: 0; right: 0; background-position: bottom right !important; }
	
	
/* overlay */
#overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; z-index: 1000; background: #666; }
#overlay_content { position: absolute; top: 100px; left: 50%; margin-left: -360px; width: 720px; height: 500px; overflow: auto; background: #fff; padding: 15px; z-index: 1000; border: 1px solid #9C0978; }

div.div-liens-produits { margin: 20px 20px 20px 20px; padding-top: 15px; padding-left: 10px; background: #fff url(../images/home/bg-products.jpg) no-repeat;}