/*=====================================================================================
//==( Copyright 2004 - Champagne Lignier - Author Alain Chalet <ach@atomprod.com> )========
//===================================================================================*/


/* ====================================================================
 SQUELETTE 
-------------------------------------------------------------------- */
html, body       { height:100%;}
body             { margin:0;padding:0;font:12px arial, hevetica, sans-serif; color:#000;background:url(img/css1/fond.png) repeat-y center top;}
html>body #main  { height:auto;}
#main            { position:relative;left:50%;margin:0 0 0 -366px;padding:0;width:732px;height:100%;min-height:100%;text-align:left;display:block;background:url(img/css1/main.gif) repeat-y right top #fff;}
html>#main       { height:auto;}

/* <![CDATA[ */
#block-1        { float:left;width:550px;}
* html #block-1 { display:inline;}
#block-2        { position:absolute;left:130px;top:0px;z-index:400;height:295px;width:180px;}
#block-3        { float:right;width:170px;}
#wrapper        { margin:0;}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the necessary height (unless fixed, this problem becomes even more acute weirdness as the method is enhanced */
#wrapper       {
/* Normally a Holly-style hack height: 1% would suffice but that causes IE 5.01 to completely collapse the wrapper - instead we float it */
                  float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes (I saw it happen many moons ago) makes the width of wrapper too small the float: none with the comment is ignored by 5.01, 5.5 and above see it and carry on about their business It's probably fine to just remove it, but it's left here just in case that many moons ago problem rears its head again */
                  float/**/: none; }
/* easy clearing */
#wrapper:after  { content:'[DO NOT LEAVE IT IS NOT REAL]';display:block;height:0;clear:both;visibility:hidden;}
#wrapper        { display:inline-block;}
/*\*/
#wrapper        { display:block;}
/* end easy clearing */
/* ]]> */

/* ====================================================================
 base
-------------------------------------------------------------------- */
.cleaner  { clear:both;display:block;height:0px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;}
.nocss    { display:none;}
a         { color:#6F6B10;text-decoration:none;}
a:visited { color:#CC930A;}
a:hover   { text-decoration:underline;}
img       { border:0;}
acronym   { color:#C53405;}
/* ====================================================================
 Header
-------------------------------------------------------------------- */
#mh    { position:relative;left:0;top:0;z-index:100;height:309px;width:730px;background:url(img/css1/mh_f.jpg) no-repeat 191px bottom;}
#logo  { position:absolute;left:0;top:0;z-index:610;height:180px;width:200px;}
#h     { position:relative;left:0;top:0;z-index:100;height:309px;width:730px;}
#f1    { position:absolute;left:-12px;top:0px;z-index:600;height:309px;width:203px;background:url(img/css1/f1.jpg) no-repeat;}
#f2    { position:absolute;left:656px;top:0px;z-index:600;height:309px;width:87px; background:url(img/css1/f2.jpg) no-repeat;}
#f3    { position:absolute;left:638px;top:0px;z-index:600;height:295px;width:19px; 
         filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/f3.png',sizingMethod='scale');}
#main>#f3  { background:url(img/css1/f3.png) no-repeat;}
#f4        { position:absolute;left:191px;top:0px;z-index:600;height:295px;width:12px; 
             filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/f4.png',sizingMethod='scale');}
#main>#f4  { background:url(img/css1/f4.png) no-repeat;}
#fla       { position:absolute;left:657px;top:68px;height:126px;width:67px;display:block;}

/* ====================================================================
 ma (accessibilité)
-------------------------------------------------------------------- */
#ma { position:absolute; left:654px;top:380px;z-index:600;height:14px;width:56px;display:block;}

/* ====================================================================
 contenu
-------------------------------------------------------------------- */ 
#ct         { position:relative;left:30px;top:0;z-index:1;height:auto;width:500px;float:left}
#ct-img     { margin:0 10px 0 0;padding:0;width:220px;border-right:1px solid #CACACA;float:left;}
#ct-img img { padding:0;margin:0;border:0;}

#ct h1      { position:relative;left:-10px;padding:7px 0 16px 22px;margin:20px 0 30px 0;color:#332F20;font-size:1.5em;background:url(img/css1/h1.png) no-repeat;}
#ct h2      { font-size:1.6em;background:url(img/css1/h2.jpg) no-repeat 0 50%;padding:0 0 0 26px;}
#ct h3      { font-size:1.4em;background:url(img/css1/h3.jpg) no-repeat 0 50%;padding:0 0 0 20px;}
#ct h4      { font-size:1.2em;background:url(img/css1/h4.jpg) no-repeat 0 50%;padding:0 0 0 18px;}
#ct h5      { font-size:1em;  background:url(img/css1/h5.jpg) no-repeat 0 50%;padding:0 0 0 16px;}
#ct p       { text-align:justify;padding:0;margin:10px 0;}
#ct ul, ol  { margin:8px 0;padding:0 0 0 10px;list-style-position:inside;text-align:justify;}
#ct li      { margin:1px 0 1px 10px;text-align:justify;}
#ct object  { border:1px solid #000;float:left;margin:4px;}

#ct p#txt  { width:200px;padding:4px 20px 4px 0;margin:0;float:left;} 
#ct p#vol  { width:160px;padding:4px 6px;margin:10px 0;float:left;display:block;} 
#ct p#prx  { width:235px;padding:26px 0 70px 0;margin:0;background:#FBFAF2;font-weight:bold;
	     text-align:left;background:url(img/css1/prix.jpg) no-repeat;float:left;} 
#prx span  { padding:0 0 0 165px;} 
#ct p#abu  { width:160px;padding:0;margin:10px 0;font-size:9px;float:left;color:#919191;} 

#tarif         { width:436px;display:block;padding:0 0 0 20px;margin:0;list-style:none;float:left;} 
#tarif #tab1   { width:436px;height:47px;display:block;background:url(img/css1/tab1.png) no-repeat;float:left;} 
#tarif #tab3   { width:436px;height:66px;display:block;background:url(img/css1/tab3.png) no-repeat;float:left;} 
#tarif li      { padding:0;margin:0;float:left;} 
#tarif li div  { width:436px;display:block;background:url(img/css1/tab2.png) no-repeat;padding:6px 0 4px 25px;margin:0;float:left;} 
#tarif a       { width:270px;display:block;float:left;color:#000;text-decoration:none;} 
#tarif a:hover { text-decoration:underline;} 
.tvol          { width: 40px;display:block;float:left;} 
.tprx          { width: 70px;display:block;float:left;text-align:right;font-weight:bold;} 

/* ====================================================================
 Formulaire
-------------------------------------------------------------------- */ 
#fo-form div      { margin:0 0 6px 0;}
#fo-form span     { width:100px;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;}
#fo-form input    { background:#FBFBF4;border:1px solid #000;width:160px;padding:3px;margin-right:10px;}
#fo-form input.radio  { width:20px;margin-right:0;}
#fo-form select   { background:#FBFBF4;border:1px solid #000;padding:0px;margin-right:10px;}
#fo-form textarea { background:#FBFBF4;border:1px solid #000;width:280px;padding:3px;}
#fo-form button   { cursor:pointer;}

/* ====================================================================
 mp
-------------------------------------------------------------------- */  
#mp           { height:295px;width:170px;display:block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/mp.png',sizingMethod='scale');}
#block-2>#mp  { background:url(img/css1/mp.png) repeat;}

#mp ul        { padding:0;margin:0 0 20px 0;list-style:none;display:block;position:absolute;left:0px;bottom:0px;z-index:500;}

#mp li        { height:26px;width:170px;margin:0;padding:0;display:block;}
#mp a         { height:26px;width:auto;margin:0;padding:0 0 0 70px;display:block;
	        text-decoration:none;text-align:left;font-size:14px;color:#fff;line-height:26px;cursor:pointer;}
#mp a:visited { color:#fff;}
#mp a:hover   { color:#000;background:#D5CFB0;}
#mp span      { height:26px;width:auto;display:block;padding:0 0 0 70px;text-decoration:none;text-align:left;font-size:14px;line-height:26px;
	        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/mp_do.png',sizingMethod='scale');}
#mp li>span   { background:url(img/css1/mp_do.png) repeat;}

/* ====================================================================
 ms (sous menu)
-------------------------------------------------------------------- */
#ms            { position:relative;top:0;left:7px;z-index:4;width:146px;display:block;margin:90px 0 0 0;background:#EEEACC;
                 border-top:1px solid #B2B2B2;border-bottom:1px solid #B2B2B2;}
#mse           { padding:0;margin:20px 0 30px 0;list-style:none;display:block;}
#mse li        { height:auto;width:auto;margin:0;padding:0;font-size:14px;display:block;text-align:center;}
#mse a         { height:1em;width:auto;margin:0;padding:4px 0;color:#666666;text-decoration:none;font-size:12px;line-height:1em;display:block;}
#mdse a:visited { color:#000;}
#mse a:hover   { color:#000;background:#C3C0A7;}
#mse span      { color:#000;background:#FBFAF2;height:1em;width:auto;padding:4px 0;margin:0;font-size:12px;line-height:1em;display:block;}

#bch       { position:absolute;z-index:800;left:-35px;bottom:-80px;height:116px;width:103px;
             filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css1/bch.png',sizingMethod='scale');}
#ms>#bch { background:url(img/css1/bch.png) no-repeat;}
/* ====================================================================
 ml (langue)
-------------------------------------------------------------------- */
#ml             { padding:0;margin:0;height:14px;width:56px; display:block; list-style:none;position:absolute;bottom:-20px;right:10px;}
#ml li          { padding:0;margin:0;height:14px;width:28px; display:block;float:left;}
#ml a           { padding:0;margin:0;height:14px;width:24px; display:block;}
#ml span        { padding:0;margin:0;height:14px;width:24px; }
#ml #en a       { background:url(img/css1/drp.gif) no-repeat 0 -14px;float:left;}
#ml #en a:hover { background-position: -24px -14px;}
#ml #en span    { background:url(img/css1/drp.gif) no-repeat -24px -14px;float:right;}
#ml #fr a       { background:url(img/css1/drp.gif) no-repeat 0 0;float:left;}
#ml #fr a:hover { background-position: -24px 0;}
#ml #fr span    { background:url(img/css1/drp.gif) no-repeat -24px 0;float:right;}
/* ====================================================================
 footer
-------------------------------------------------------------------- */
#clft         { height:80px; width:730px; display:block; clear:both;}
#ft           { position:absolute;z-index:4;left:1px;bottom:0px;width:730px;height:44px;display:block;background:url(img/css1/ft2.jpg) no-repeat 0 26px;}
#ft a         { color:#6F6B10;text-decoration:none;}
#ft a:visited { color:#CC930A;}
#ft a:hover   { text-decoration:underline;}
#ft #foot-atom a:visited { color:#6F6B10;}
#foot-client  { font-size:11px;color:#000;margin:0;padding:10px 0 2px 50px;width:auto;height:auto;display:block;background:url(img/css1/ft1.gif) no-repeat 6px 0;}
#foot-atom    { font-size:10px;color:#000;margin:0;padding:2px 10px 2px 0;width:auto;height:auto;display:block;
	        text-align:right;border-top:1px solid #000;}