/****************************************************************/
/*   Design:     Multiflex-3 Update-7 / Layout-2                */
/*   Author:     Wolfgang / www.1-2-3-4.info / January 15, 2007 */
/*   License:    Fully open source without restrictions.        */
/*   Updated by: didier@cielensauce.com /  juillet 2008         */
/****************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0;margin:0}
body{font-size:62.5%;background:#fff url(bg_trame.gif);font-family:verdana,arial,sans-serif} /*Font-size: 1em = 10px when browser default size is 16px*/
.page-container{width:980px;margin:10px auto;border:solid 1px #969696;font-size:1em}
.main{clear:both;padding-bottom:30px;background:transparent url(bg_main_withnav.jpg) top left repeat-y}
.main-navigation{display:inline /*Fix IE floating margin bug*/;float:left;width:200px;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/}
.main-content{display:inline;/*Fix IE floating margin bug*/;float:left;width:720px;margin:0 0 0 30px;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/}
.footer{clear:both;width:980px;padding:1em 0 1em 0;background:#e1e1e1 url(bg_foot.jpg) no-repeat;font-size:1em;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/}

/* HEADER */
.header{font-family:"trebuchet ms",arial,sans-serif}
.header-middle{height:150px;background:#fff url(bandeau/illustration23.jpg) no-repeat top right;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/}
.header-breadcrumbs{clear:both;padding:1.1em 0 0.2em 0;background:#fff url(bg_head_bottom_nav.jpg) repeat-y}

/*************/
/*  2. HEAD  */
/*************/
.header a,.header h1.logo a:hover{text-decoration:none}
.header a:hover{text-decoration:underline}

h1.logo{width:390px;height:150px;margin:0;padding:0}
h1.logo a{display:block;height:130px;font-size:78%;padding:20px 0 0 130px;background:#fff url(logo.jpg) no-repeat 0 10px;text-decoration:none;text-align:center}
h1.logo a span{display:block;font-size:78%;margin-top:15px}

.panier{display:none;width:342px;height:42px;position:absolute;z-index:3;margin:-55px 0 0 630px;font-size:120%;background-color:#f55}

.header-breadcrumbs ul{float:left;width:560px;list-style:none;margin-top:0.2em;padding:0 0 0 15px}
.header-breadcrumbs ul li{display:inline;padding:0 0 0 15px;background:transparent url(bg_bullet_arrow.gif) no-repeat 5px 50%;font-weight:bold;color:#cf2525;font-size:100%}
.searchform{float:right;width:365px;padding:0 17px 0px 0px !important /*Non-IE6*/;padding:0 12px 0px 0px /*IE6*/}
.searchform .annexe{width:3.1em;float:right;padding-top:2px}
.searchform form{width:15.4em;float:right}
.searchform form fieldset{float:right;border:none}
.searchform input.field{font-family:"trebuchet ms",arial,sans-serif;width:10em;padding-top:1px;border:1px solid #1e7e04;font-size:110%}
.searchform input.button{width:3em;padding:1px !important /*Non-IE6*/;padding:0 /*IE6*/;background:#e6e6e6;border:solid 1px #1e7e04;text-align:center;color:#1e7e04;font-size:120%}
.searchform input.button:hover{cursor:pointer;border:solid 1px #65c14c;background:#dcdcdc;color:#65c14c}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.nav3-grid{width:199px;border-bottom:solid 1px #c8c8c8}
.nav3-grid dt a, .nav3-grid dt span{background:url(bg_bullet_full_1.gif) no-repeat 10px 50%;display:block;min-height:2em /*Non-IE6*/;height:auto !important;height:2em /*IE6*/;line-height:2em;padding:0px 10px 0px 20px; border-top: solid 1px #c8c8c8;text-decoration:none;font-weight:bold;font-size:120%}
.nav3-grid dd a, .nav3-grid dd span{background:url(bg_bullet_half_1.gif) no-repeat 30px 50%;display:block;min-height:1.7em /*Non-IE6*/;height:auto !important;height:1.7em /*IE6*/;line-height:1.7em;padding:0px 10px 0px 40px;border:none;font-weight:normal;text-decoration:none;font-size:120%}
.nav3-grid dt a:hover{background:#e1e1e1 url(bg_bullet_full_2.gif) no-repeat 10px 50%}
.nav3-grid dd a:hover{background:#e1e1e1 url(bg_bullet_half_2.gif) no-repeat 30px 50%}
.nav3-grid dt span{color:#1e7904}

.main-navigation h1{clear:both;margin:0;padding:4px 20px 3px 20px;background:#df5454 url(bg_corner_topright.gif) no-repeat top right;color:#fff;font-weight:bold;font-size:150%;border:none}
.main-navigation h2{clear:both;margin:10px 10px 10px 20px;color:#646464;font-weight:bold;font-size:150%}
.main-navigation h3{clear:both;margin:10px 10px 5px 20px;color:#505050;font-weight:bold;font-size:110%} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p{clear:both;margin:0 10px 10px 20px;color:#505050;line-height:1.2em;font-size:110%}
.main-navigation ul{margin:0.5em 10px 1em 20px}
.main-navigation ul li{margin:5px 0 0.2em 2px;padding:0px 0px 0 11px;line-height:1.2em;font-size:110%}
.main-navigation ol{margin:0.5em 10px 1em 40px !important /*Non-IE6*/;margin:0.5em 10px 1em 45px /*IE6*/}
.main-navigation ol li{list-style-position:outside;margin:0 0 0.4em 0;font-size:110%}

/* MAIN CONTENT */
.column1-unit{margin-bottom:10px !important /*Non-IE6*/;margin-bottom:5px /*IE6*/}
.column2-unit-left{float:left;width:340px;margin-bottom:10px !important /*Non-IE6*/;margin-bottom:5px /*IE6*/}
.column2-unit-right{float:right;width:340px;margin-bottom:10px !important /*Non-IE6*/;margin-bottom:5px /*IE6*/}

h1,h2,h3,h4,h5,h6{font-family:"trebuchet ms",arial,sans-serif}
h1{clear:both;margin:1.3em 0 0.4em 0;padding:0 0 2px 0;border-bottom:solid 7px #e1e1e1;color:#cf2525;font-weight:bold;font-size:220%}
h2{clear:both;margin:1em 0 0.5em 0;color:#cf2525;font-weight:normal;font-size:200%}
h3{clear:both;margin:1em 0 0.5em 0;color:#cf2525;font-weight:normal;font-size:160%}
h4{clear:both;margin:-1em 0 0.5em 0;color:#7d7d7d;font-weight:normal;font-size:130%}
h5{margin:1.5em 0 1em 0;color:#cf2525;font-weight:normal;font-size:150%}
h6{margin:1.5em 0 1em 0;color:#cf2525;font-size:140%}
h2.side,h4.side{clear:none}
h2 a{font-weight:normal}
p{margin:0 0 1em 0;line-height:1.5em;font-size:120%}
p.center{text-align:center}
p.right{text-align:right}
p.details{clear:both;margin:-0.25em 0 1em 0;line-height:1em;font-size:110%;width:auto;float:none}
blockquote{clear:both;margin:0 30px 0.6em 30px;font-size:90%}
code{font-size:150%}

.main table{clear:both;width:680px;margin:2em 0 0.2em 20px;table-layout: fixed;border-collapse:collapse;empty-cells:show;background-color:#e9e8f4}
table th.top{height:3.5em;padding:0 7px 0 7px;empty-cells:show;background-color:#df5454;text-align:left;color:#fff;font-weight:bold;font-size:110%}
table th.first{background:#df5454 url(bg_corner_topleft.gif) no-repeat top left}
table th.last{background:#df5454 url(bg_corner_topright.gif) no-repeat top right}
table th{height:3em;padding:2px 20px 2px 7px;border:solid 2px #fff;background-color:#ade0a0;text-align:left;color:#505050; font-weight:bold;font-size:110%}
table td{height:3em;padding:2px 7px 2px 7px;border:solid 2px #fff;background-color:#ade0a0;text-align:left;font-weight:normal;color:#505050; font-size:110%}

p.caption{clear:both;margin:0.5em 0 2em 20px;text-align:left;color:#505050; font-size:110%}
.column1-unit .avec_image h4, .column1-unit .avec_image p{float:left;width:530px;clear:none;margin-top:0em}

img{float:left;margin:3px 10px 7px 0;padding:2px;border:1px solid #1e7904}
a.highslide img{display:block;float:none;margin:0}
a.highslide{display:block;width:156px;margin:3px 10px 7px 0;}
a.gauche{float:left}
a.centre{margin:auto}
a.droite{float:right}
.galerie a.highslide{float:left;margin:0 12px 24px 12px}

img.center{float:none;display:block;margin:0 auto}
img.right{float:right;margin:3px 0 7px 10px}

a{color:#1e7904;font-weight:bold;text-decoration:underline;outline:0}
a:hover{color:#52BA38;text-decoration:none}
a img{border-color:#1e7904}
a:hover img{border-color:#65c14c}

ul{list-style:none;margin:0.5em 0 1em 0}
ul li{margin:0 0 0.2em 2px;padding:0 0 0 12px;background:url(bg_bullet_full_1.gif) no-repeat 0 0.5em;line-height:1.4em;font-size:120%}
ol{margin:0.5em 0 1em 20px !important /*Non-IE6*/;margin:0.5em 0 1em 25px /*IE6*/}
ol li{list-style-position:outside;margin:0 0 0.2em 0;line-height:1.4em;font-size:120%}

.contactform{width:418px;margin:2em 0 0 0;padding:10px 10px 0 10px;border:solid 1px #c8c8c8;background-color:#f0f0f0}
.contactform fieldset{padding:20px 0 0 0 !important /*Non-IE6*/;padding:0 /*IE6*/;margin:0 0 20px 0;border:solid 1px #dcdcdc}
.contactform fieldset legend{margin:0 0 0 5px !important /*Non-IE*/;margin:0 0 20px 5px /*IE6*/;padding:0 2px 0 2px;color:#505050; font-weight:bold;font-size:130%}
.contactform label.left{float:left;width:100px;margin:0 0 0 10px;padding:2px;font-size:110%}
.contactform select.combo{width:175px;padding:2px;border:solid 1px #c8c8c8;font-size:110%}
.contactform input.field{width:275px;padding:2px;border:solid 1px #c8c8c8;font-size:110%}
.contactform textarea{width:275px;padding:2px;border:solid 1px #c8c8c8;font-size:110%;font-family:verdana,arial,sans-serif}
.contactform input.button{float:right;width:9em;margin-right:20px;padding:1px !important /*Non-IE6*/;padding:0 /*IE6*/;background:#e6e6e6;border:solid 1px #969696;text-align:center;color:#969696;font-size:110%}
.contactform input.button:hover{cursor: pointer;border:solid 1px #505050; background:#dcdcdc;color:#505050}

#keyword{clear:both;margin:0 30px -20px 230px}
#keyword .clear-contentunit{margin-bottom:10px}

.ssbloc{width:158px;float:left;padding:0 11px 15px 11px}
.ssbloc h3,.ssbloc p{margin:0}
.ssbloc a{font-weight:normal}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p{line-height:1.3em;text-align:center;color:#7d7d7d;font-weight:bold;font-size:110%;margin:0}
.footer p.credits{font-weight:normal}
.footer a{text-decoration:underline;color:#7d7d7d}
.footer a:hover{text-decoration:none;color:#000}

/**********************************/
/*  CLEAR FLOATS & COMMON CLASSES */
/**********************************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after,
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after,
.footer:after, p:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear-contentunit{clear:both;height:0.1em;border:none;background:#d2d2d2;color:#d2d2d2}
.white-space-30px{height:30px;background-color:#fff;margin-right:-1px}
.no_float{clear:both}
.no_display{display:none}

/**************/
/*  PRINTING  */
/**************/
@media print{.page-container{border:none;width:auto}}
@media print{.header-top{width:900px;height:80px;background:#f0f0f0;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/}}
@media print{h1.logo{margin:auto;display:block;border:none}}
@media print{h1.logo a{padding:0}}
@media print{.header-breadcrumbs{display:none}}
@media print{.nav2{float:left;width:900px;border:none;background:#f0f0f0;color:#4b4b4b;font-size:1em;font-size:130%}} /*Color navigation bar normal mode*/
@media print{.main{clear:both;width:900px;padding-bottom:30px;background:transparent}}
@media print{.main-navigation{display:none}}
@media print{.main-content{width:auto}}
@media print{h1.first{margin-top:0}}
@media print{.footer{clear:both;width:900px;height:3.7em;padding:1.1em 0 0;background:#f0f0f0;font-size:1em;overflow:visible !important /*Firefox*/;overflow:hidden /*IE6*/}}