/* css by alex boussinet <alex.boussinet at gmail dot com> 2009 */
body {margin:0px;background:url(../img/bg_repeat.png) repeat-x left top; font-family: Verdana,Arial,Sans-Serif; color:#2b5c00;}

#preloader {display:none;}
.content-bg {background:url(../img/bg_deco.png) no-repeat center top;}
.content {width:364px; height:597px; padding:8px 295px; margin:0px auto; position:relative; background-color:#fff;}

.box {width:312px; height:462px; position:absolute; top:8px; padding-top:20px;}
.box-left {right:348px; background-color:#bae651;}
.box-right {right:22px; background-color:#eff;}
.box-shadow {width:954px; height:55px; margin:1px auto; background:url(../img/bg_shadow.gif) repeat-x left top; text-align:right;}
.navigation {position:absolute; left:0px; padding:4px 0px; font-weight:bold; width:170px;}

.navigation div.menu1 {background:url(../img/end_menu1.gif) no-repeat right top; padding-right:3px;}
.navigation div.menu1 div {background-color:#b0e235; padding:4px 8px; margin-bottom:2px; height:18px;}

.navigation div.menu2 {background:url(../img/end_menu2.gif) no-repeat right top; padding-right:3px;}
.navigation div.menu2 div {background-color:#2b5c00; padding:4px 8px; margin-bottom:2px; height:18px;}

.navigation div.menu3 {background:url(../img/end_menu3.gif) no-repeat right top; padding-right:3px;}
.navigation div.menu3 div {background-color:#f67a0d; padding:4px 8px; margin-bottom:2px; height:18px;}

.navigation div.menu4 {background:url(../img/end_menu4.gif) no-repeat right top; padding-right:3px;}
.navigation div.menu4 div {background-color:#0397ff; padding:4px 8px; margin-bottom:2px; height:18px;}

.navigation div.menu5 {background:url(../img/end_menu5.gif) no-repeat right top; padding-right:3px;}
.navigation div.menu5 div {background-color:#deb021; padding:4px 8px; margin-bottom:2px; height:18px;}

.navigation a {color:#fff; font-size:12px;}
.navigation a:visited {color:#fff;}
.navigation a:hover {text-decoration:none;}

.box2 {width:637px; height:478px; position:absolute; left:294px; top:8px;}
.box-up {width:638px; height:3px; background:url(../img/boutboite_haut.gif) no-repeat left top; font-size:0px;}
.box-down {width:638px; height:3px; background:url(../img/boutboite_bas2.gif) no-repeat left top;}
.box-middle {height:100%; background-color:#ebf7ff;}
.box-fill {background-color:#ebf7ff; height:12px;}
.font-bold {font-weight:bold;}

.block1 {color:#060; font-size:12px; margin:12px; line-height:1.5em; text-align:justify;}
.block2 {color:#fff; font-size:12px; margin:12px 0px; padding:4px 12px 12px 12px; background:url(../img/picto_nom.gif) no-repeat left top;}
.block3 {color:#da0; font-size:18px; margin:12px;}
.block4 {margin:12px; color:#fff; font-size:12px; line-height:2.0em;}
.block5 {color:#fff; font-size:10px; margin:0px; padding:4px 12px 12px 16px; background:url(../img/picto_titreorange.gif) no-repeat left top; background-color:#ebf7ff;}
.block6 {color:#f67a0d; font-size:10px; margin:0px; padding:4px 12px 12px 16px; background:url(../img/picto_titrevert.gif) no-repeat left top; background-color:#ebf7ff;}

.separator1 {margin:12px; padding:0px; border:0; height:2px; background:url(../img/bg_hr1.gif) repeat-x left top;}

.highlight {font-weight:bold; font-size:16px; color:#2b5c00;}
.highlight2 {font-weight:bold; font-size:16px; color:#f67a0d;}

.contact {color:#fff; height:26px;background:url(../img/bg_email.png) no-repeat left top;margin:0px; padding-left:12px; font-size:12px; line-height:24px;}
.contact a {color:#fff; font-size:12px;}
.listing {margin:0px; padding:0px 12px;}
.listing li {list-style:none; background:url(../img/picto_feuille.gif) no-repeat left top; font-weight:bold; font-size:14px; padding:0px 0px 10px 30px;}
.listing li span.detail {font-weight:normal; font-size:12px;}

#slideshow1 {background:url(../img/visuelsite02.jpg) no-repeat left top;}
#slideshow2 {background:url(../img/visuelsite03.jpg) no-repeat left top;}

.special {color:#f67a0d;}
.detail {font-weight:normal; font-size:9px;}
.bg-col-white {background-color:#ebf7ff;}
.col-orange {color:#f67a0d;}
.centered {text-align:center;}
.list-style {font-size:12px; border-spacing:0px; padding-left:8px; margin:0px; background-color:#ebf7ff;}
.cell-left {list-style:none; float:left; font-weight:bold; vertical-align:top; padding-left:8px; width:170px;}
.cell-left div {background:url(../img/picto_feuille.gif) no-repeat left top; padding:4px 24px;}
.cell-right {list-style:none; margin-left:170px; background:url(../img/picto_fleche.gif) no-repeat left top; padding:0px 12px 8px 7px;}
.cell-right div {font-weight:normal; padding:4px 8px; background-color:#fff; line-height:2.0em;}
.cell-right .read-next {display:none; position:absolute; width:424px;}
.cell-right .read-next-close {color:#0397ff; font-size:10px; font-weight:bold;}
.cell-right .read-next-toggle {color:#0397ff; font-size:10px; font-weight:bold;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}