/*==================================================================================================================
//===(  Copyright 2008 Atomprod  -  Author Alain Chalet <ach@atomprod.com> & Patrice Bridoux <pjb@atomprod.com> )===
//================================================================================================================*/

/* -Wiki--------------------------------------------------------------- */

.p1 #bx-P            { display:none;}

.exter         { text-align:right;width:260px;float:left;}
.exter a       { color:#035077;font-weight:bold;margin:2px 0;font-size:120%;line-height:20px;}
.exter a:hover { color:#000;}

.inter         { text-align:left;width:430px;float:right;}
.inter a       { color:#035077;font-weight:bold;margin:2px 0;font-size:120%;line-height:20px;}
.inter a:hover { color:#000;}



.img15 { background:url(../img/page/8/15.jpg) no-repeat;}
.img16 { background:url(../img/page/8/16.jpg) no-repeat;}
.img17 { background:url(../img/page/8/17.jpg) no-repeat;}
.img19 { background:url(../img/page/8/19.jpg) no-repeat;}
.img21 { background:url(../img/page/8/21.jpg) no-repeat;}
.img22 { background:url(../img/page/8/22.jpg) no-repeat;}

/* -Wiki--------------------------------------------------------------- */

.colLft   {width:260px;display:block;Float:left;text-align:right;padding:0;margin:0;font-size:120%;}
.colRgt   {width:430px;display:block;Float:Right;text-align:left;padding:0;margin:0;font-size:120%;}

.colLft a, .colRgt a             { color:#035077;margin:2px 0;line-height:20px;font-size:100%;}
.colLft a:hover, .colRgt a:hover { color:#000;}

.zone1   { width:100%;position:relative;top:330px; }

.tth1          { position:absolute;top:20px;left:180px;}

#bx-C ul li    { margin:3px 0;}

.colul         { float:left;width:250px;padding:0 0 0 30px;margin:10px 20px;list-style:none;}
.colul li      { margin:2px 0;width:100%;float:left;border-top:1px solid #74c3f2;border-bottom:1px solid #74c3f2;}
.colul a       { width:230;color:#2d8ac1;padding:3px 0 3px 20px;display:block;text-decoration:none;background:url(../img/site_style/2/ul.gif) no-repeat 0 50% #d9f1ff;}
.colul a:hover { color:#fff;background:url(../img/site_style/2/ul.gif) no-repeat -283px 50% #74c3f2;}

.ullst li         { border-bottom:1px solid #d3d3d2;padding:4px 0 0 0;font-size:110%;}


.txtgr         { font-size:140%;color:#5db5e9;text-align:center;}
.menul a       { font-size:110%;font-weight:bold;}




#bx-C table#pictotab  td    { border:0;}

/* ----------------------------------------------------------------- */
html, body   { padding:0;margin:0;border:0;height:100%;width:100%;}
body         { text-align:center; font: 12px Arial,Helvetica,Sans-Serif; color:#000; display:block; background:#74c3f2; }
#horizon     { position:absolute;top:0px;left:0px;width:100%;height:100%;display:block;}
#main        { position:relative;top:0px;left:0px;width:990px;min-height:100%;display:block;margin:0 auto;text-align:left;background:url(../img/site_style/2/main.gif) repeat-y 50% 0;}

#b1          { float:left;width:990px;}
#b1-av       { margin:0 0 0 188px;}
#b2          { float:left;width:188px;margin-left:-983px;padding-top:10px;}
#ft          { clear:left;width:100%;}
#wrapper     { background:transparent;}

#rub-1       { background:#74c3f2;}
#rub-1 #main { background:url(../img/site_style/2/home.gif) no-repeat 300px 0 #74c3f2;}

/* ====================================================================
 ini / base 
-------------------------------------------------------------------- */
img       { border:0;}
a         { color:#5cb0e2;text-decoration:underline;}
a:hover   { color:#3c93c7;}
p         { padding:8px 4px; margin:8px 0;text-align:justify;}
.cleaner  { clear:both;display:block;height:20px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;}
.nocss    { display:none;}
.nohr     { display:none;clear:both;}
/* ====================================================================
 header 
-------------------------------------------------------------------- */
#mh           { display:block;height:100px;width:990px;border-bottom:2px solid #139df0;background:url(../img/site_style/2/deco2.jpg) no-repeat 100% 100%;}
#rub-1 #mh    { height:167px;border-bottom:0;background:transparent;}
#logo         { position:absolute;top:14px;left:10px;z-index:900;display:block;cursor:pointer;}
#rub-1 #logo  { position:absolute;top:4px;left:0px;z-index:900;display:block;cursor:pointer;background:url(../img/site_style/2/logo2.gif) no-repeat 0 0;width:153px;height:167px;}
#rub-1 #logo    img  { display:none;}

/* ====================================================================
 menu accessibilité / menu langue / menu utilisateur
-------------------------------------------------------------------- */
/* =====menu accessibilité -- */
#ma           { display:none;}
/* =====menu langue -- */
#lg           { position:absolute;top:160px;left:26px;z-index:2000;}
/* =====menu utilisateur -- */
#rub-1 #mu    { display:none;}
#mu           { position:absolute;top:1px;right:10px;z-index:800;color:#000;font-size:10px;}
#mu a         { color:#000;text-decoration:none;}
#mu a:visited { color:#000;}
#mu a:hover   { color:#776277;text-decoration:underline;}
/* ====================================================================
 chemin
--------------------------------------------------------------------- */

#bx-P          { color:#c5d8e2;padding:4px 0 10px 0;font-size:10px;}
#bx-P a        { color:#c5d8e2;text-decoration:none;}
#bx-P a:hover  { color:#000;text-decoration:underline;}
/* ====================================================================
 content
-------------------------------------------------------------------- */
#bx-C            { padding:0 60px 0 20px;margin:0 0 6px 0;color:#0000a0;}
/* ===b1-ct-1*/
.colul         { float:left;width:250px;padding:0 0 0 30px;margin:10px 20px;list-style:none;}
.colul li      { margin:2px 0;width:100%;float:left;border-top:1px solid #74c3f2;border-bottom:1px solid #74c3f2;}
.colul a       { width:230;color:#2d8ac1;padding:3px 0 3px 20px;display:block;text-decoration:none;background:url(../img/site_style/2/ul.gif) no-repeat 0 50% #d9f1ff;}


#bx-C h1         { padding:2px 3px;margin:0 0 6px 0;color:#0000a0;}
#bx-C h2         { background-color:#d9f1ff;padding:2px 3px;color:#2d8ac1;border-bottom:1px solid #74c3f2;}
#bx-C h3         { bcolor:#0000a0;border-bottom:2px solid #0080c0;}
#bx-C table      { border:1px solid #000;border-collapse:collapse;margin:20px 0;width:100%;}
#bx-C td         { border:1px solid #000;}
#bx-C th         { background-color:#fff;border:1px solid #000;}

#bx-C form              { margin:20px 0;}
#bx-C form div          { margin:0 0 6px 0;clear:both;}
#bx-C form span         { width:100px;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;}
#bx-C form input        { background:#fff;padding:3px;margin-right:10px;border:1px solid #000;}
#bx-C form input.radio  { width:20px;margin-right:0;}
#bx-C form select       { background:#fff;border:1px solid #000;padding:0px;margin-right:10px;}
#bx-C form textarea     { background:#fff;border:1px solid #000;width:280px;padding:3px;}
#bx-C form button       { cursor:pointer;}
#bx-C button span       { width:auto;padding:0;margin:0px;float:none;text-align:center}

#ct-form div            { margin:0 0 6px 0;}
#ct-form span           { width:80px;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;}
#ct-form  input         { border:1px solid #000;}
/* ====================================================================
 sous-menu (O)
-------------------------------------------------------------------- */

#bx-O          { position:relative;top:10px;width:520px;margin:8px 0;border-top:1px solid #CCD8BE;display:none;}
#bx-O ul       { padding:4px 30px 6px 30px;margin:0;text-align:center;width:auto;list-style:none;}
#bx-O li       { display:inline;margin:0;padding:0;border-left:1px solid #CCD8BE;height:1em;}
#bx-O a        { padding:4px 10px 6px 10px;text-decoration:none;}
#bx-O a:hover  { background-color:#EEF2EA;color:#000;}
#bx-O li#lio-0 { background:transparent;border-left:0;}
#bx-O span     { padding:4px 10px 6px 10px;}
/* ====================================================================
 menu principal (M) 
-------------------------------------------------------------------- */
/* ==== Menu principal ====================================================== */
#b2-av                { position:relative;top:0px;left:0px;z-index:600;display:block;}
#bx-M                 { width:132px;margin-bottom:0px;padding:0;}
#bx-M ul              { width:132px;list-style:none;margin:0;padding:0;display:block;}
#bx-M li              { position:relative;top:0px;left:0px;padding:1px 0;}
#bx-M ul>li           { float:left;} /*--pour moz-- */
#bx-M ul a            { width:117px;height:39px;line-height:37px;padding:0 12px 0 4px;font-size:11px;text-decoration:none;color:#a1dafe;background:url(../img/site_style/2/bt_a.gif) no-repeat 0 0;font-weight:bold;text-align:right;position:relative;display:block;}
#rub-1 #bx-M ul a     { background:url(../img/site_style/2/home_a.gif) no-repeat 0 0;}
#bx-M a:hover         { color:#fff;}
#bx-M li:hover div>ul { display:block; } /*--pour moz--*/
#bx-M li:hover>ul     { display:block; } /*--pour moz--*/
#bx-M #m-do-p         { color:#fff;}
#bx-M #m-do-p:hover   { color:#fff;}
#bx-M li div          { width:151px;position:absolute;left:133px;top:0px;padding:0;margin:0;}

/* --- width(ul et li) = width(a)  + padding(left+right)(a) --- */
#bx-M ul ul           { width:150px;height:auto;position:relative;top:10px;left:0px;display:none;padding:0;float:left;border:1px solid #000;}
#bx-M ul ul ul        { }
#bx-M ul ul li        { width:150px;height:auto;padding:0;position:relative;left:0px;top:0px;border:0;background:#757372;float:left;}

#bx-M ul ul a         { width:140px;height:auto;line-height:130%;padding:3px 5px;background:transparent;text-align:left;color:#a1dafe;display:block;font-size:11px;font-weight:normal;}
#rub-1 #bx-M ul ul a                { background:transparent;}
#bx-M ul ul a:hover                 { color:#fff;text-decoration:underline;}
#bx-M ul ul li #m-do-s              { color:#fff;z-index:10;}
#bx-M ul ul li #m-do-s:hover        { color:#fff;}
#bx-M ul ul li .subm-s              { background:url(../img/site_style/2/subms.gif) no-repeat 100% -200px #a1dafe;}
#bx-M ul ul li .subm-s:hover        { background:url(../img/site_style/2/subms.gif) no-repeat 100% -200px #fff;}
#bx-M ul ul li #m-do-s.subm-s       { background:url(../img/site_style/2/subms.gif) no-repeat 100% -200px #fff;}
#bx-M ul ul li #m-do-s.subm-s:hover { background:url(../img/site_style/2/subms.gif) no-repeat 100% -200px #fff;}
#bx-M ul ul ul        		    { float:left;position:absolute;top:0px;left:100%;z-index:400;}
#bx-M ul ul ul ul                   { float:left;position:absolute;top:0px;left:100%;z-index:400;}

/* ====================================================================
 footer
-------------------------------------------------------------------- */
#cleaner-ft        { position:relative;bottom:0px;clear:both;display:block;height:100px;font-size:0;line-height:0;}
#ft	           { position:relative;bottom:0px;left:0px;width:990px;display:block;border-top:2px solid #139df0;}
#ft-ct             { width:100%;padding:8px 0;}
#ft p              { color:#000;padding:2px 0;margin:0;text-align:left;width:990px;position:relative;z-index:400;}
#ft a              { color:#0080c0;}
#ft a:hover        { color:#000;}
#ft-d1             { width:87px;height:92px;display:block;position:absolute;left:5px;top:-95px;border:0;background:url(../img/site_style/2/logo_ft.gif) no-repeat;}
#ft p.adrs         { position:absolute;top:-70px;right:20px;Padding:0 60px 0 0; text-align:right;background:url(../img/site_style/2/logo_ft2.gif) no-repeat 100% 0;width:auto;}
#ft p.copy         { text-align:center}

#rub-1 #cleaner-ft { display:none;}
#rub-1 #ft	   { display:none;}
#ft-d2             { width:207px;height:41px;display:block;position:absolute;left:97px;top:-43px;border:0;background:url(../img/site_style/2/deco1.jpg) no-repeat;}
/* ====================================================================
 pages plan du site (pds) et derniers changements (dch)
-------------------------------------------------------------------- */
#pds ul         { padding:0;margin:6px 0;list-style:none;}
#pds li         { padding:4px 0 4px 10px;margin:6px 0;}
#pds ul ul      { padding:0 0 0 20px;}
#pds ul ul li   { padding:0 0 0 10px;}
#pds ul a       { padding:0 0 0 10px;margin:0;background:url(../img/site_style/2/li6.gif) no-repeat  -792px 50%;width:100%;display:block;}
#pds ul a:hover { background:url(../img/site_style/2/li6.gif) no-repeat 0px 50%;}
#pds ul a       { font-weight:bold;}
#pds ul ul a    { font-weight:normal;padding:0 0 0 10px;}

#dch ul         { padding:2px 0 0 0;margin:0;list-style:none;}
#dch li         { padding:0 0 2px 0;margin:0 0 0 24px;}


#bdc-c .cob              { text-align:right;color:#aaa; }
#bdc-c p                 { padding:0; }

#bdc-c form span         { width:120px;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;}
#bdc-c form input        { }
#bdc-c form input.bdc-it { background:#fff;border:1px solid #000;width:700px;padding:3px;margin-right:10px;}
#bdc-c form input.bdc-ie { background:#fff;border:1px solid #000;width:35px;padding:3px;margin-right:10px;}
#bdc-c form input.bdc-ip { background:#fff;border:1px solid #000;width:90px;padding:3px;margin-right:10px;}
#bdc-c form textarea     { background:#fff;border:1px solid #000;width:280px;height:70px;padding:3px;}
#bdc-c form input.bdc-ib { cursor:pointer;}