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

/* ----- wiki ------------------------------------------------------- */

.intro    { color:#830826;font-size:120%; font-weight:bold;}
.info     { color:#fff;font-size:140%; font-weight:bold;text-align:center;width:300px;margin:15px auto;background:#f3a1b3;padding:10px;border:5px dotted #e88299;}




/* google map ===== */
#ggmap { margin:8px 0 20px 0;width:620px;height:400px;left:0;}
.gmnoprint span, .gmnoprint a { position:relative;bottom:-20px;}
.gmnoprint a img { position:relative;bottom:20px;}

/* ----------------------------------------------------------------- */

html, body      { padding:0;margin:0;border:0;height:100%;}
html>body #main { height:auto;}
html            { background:url(../img/site_style/6/fond.jpg) repeat-x 50% 0 #b8b9bf;}
body            { text-align:center;font-size:14px;font-family:Arial,Helvetica,Sans-Serif;}
#main           { position:relative;top:0px;left:0px;margin:0 auto;width:990px;height:100%;display:block;text-align:left;
	          background:url(../img/site_style/6/main.gif) repeat-y 50% 0;}
html>#main      { height:auto;}
#horizon        { position:absolute;top:0px;left:0px;height:100%;width:100%;}

#b1             { float:left;width:730px;margin-left:260px;position:relative;z-index:4;}
* html #b1 	{ display:inline;}
#b2        	{ float:left;width:0%;}
#b3        	{ float:left;width:260px;margin-left:-100%;}
#wrapper   	{ margin:0 0 14px 0;width:990px;}

/* ====================================================================
 ini / base
-------------------------------------------------------------------- */
img       { border:0;}
a         { color:#a5082c;text-decoration:underline;}
a:hover   { color:#06b11d;}
p         { padding:8px 0; 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:390px;width:990px;background:url(../img/site_style/6/head.jpg) no-repeat;position:relative;overflow:hidden;}
#mh p         { margin:0;padding:0;}
.logo         { position:absolute;top:32px;left:38px;z-index:900;display:block;}
.txt          { position:absolute;top:197px;left:38px;z-index:900;display:block;width:396px;text-align:center;font-size:90%;color:#fff;}
/* ====================================================================
 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 -- */
#mu           { display:none;position:absolute;top:1px;right:30px;z-index:800;color:#fff;font-size:10px;}
#mu a         { color:#fff;text-decoration:none;}
#mu a:hover   { color:#fff;text-decoration:underline;}
/* ====================================================================
 chemin
-------------------------------------------------------------------- */
#bx-P          { position:absolute;left:40px;top:-10px;color:#f4abbd;padding:0;font-size:80%}
#bx-P a        { color:#de748e;text-decoration:none;}
#bx-P a:hover  { color:#930829;text-decoration:underline;}
/* ====================================================================
 content
-------------------------------------------------------------------- */
#b1-av           { float:left;width:630px;padding:0 60px 0 40px;display:block;}

/* ===b1-ct-1*/
#bx-C h1         { color:#830826;font-size:180%;padding:4px 0 8px 0;margin:0;}
#bx-C h2         { color:#000;font-size:140%;padding:8px 0  4px 0;margin:8px 0 10px 0;border-bottom:1px solid #ccc;}
#bx-C h3         { color:#7e7e7e;font-size:140%;padding:8px 0  2px 0;margin:6px 0 0 0;}
#bx-C h4         { color:#7e7e7e;font-size:120%;padding:8px 0  2px 0;margin:6px 0 0 0;}
#bx-C h5         { color:#7e7e7e;font-size:100%;padding:8px 0  2px 0;margin:6px 0 0 0;}
#bx-C table      { border:1px solid #314F65;border-collapse:collapse;margin:20px 0;width:100%;}
#bx-C td         { border:1px solid #314F65;}
#bx-C th         { background-color:#F0F7E9;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:160px;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;}
#bx-C form input        { background:#fff;border:1px solid #000;width:160px;padding:3px;margin-right:10px;}
#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;}

/* ====================================================================
 menu principal (M)
-------------------------------------------------------------------- */
#b2-av              { position:absolute;top:314px;left:0px;z-index:600;padding:6px 0 0 0;display:block;height:auto;width:100%;}
#bx-M               { width:962px;height:46px;position:relative;top:0px;left:14px;font-size:90%;}
#bx-M ul            { float:left;width:auto;list-style:none;margin:0;padding:0;padding:0 20px;}
#bx-M li            { float:left;position:relative;font-weight:bold;}
#bx-M a             { float:left;height:22px;padding:24px 0 0 0;text-decoration:none;color:#de748e;display:block;font-weight:bold;}
#bx-M ul li>a       { float:none;}       /*--pour Opera prb IE6--*/
#bx-M a:hover       { color:#820826;}
#bx-M li:hover div>ul { display:block; } /*--pour moz prb IE6--*/
#bx-M li:hover>ul   { display:block;}    /*--pour moz prb IE6--*/
#bx-M #m-do-p       { background:url(../img/site_style/6/menu_M.gif) no-repeat 50% 0;color:#820826;}
#bx-M #m-do-p:hover { background:url(../img/site_style/6/menu_M.gif) no-repeat 50% 0;color:#820826;}
#bx-M li div        { width:150px;position:absolute;left:-12px;top:100%;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:0px;left:0px;float:left;
                             border:1px solid #f8c6d3;background:#ffeaef;display:none;padding:0;}
#bx-M ul ul li             { width:150px;height:auto;padding:0;position:relative;left:0px;top:0px;border:0;background:transparent;float:left;}
#bx-M ul ul span           { width:130px;height:auto;padding:4px 14px 4px 6px;text-align:left;display:block;cursor:pointer;}
#bx-M ul ul a              { width:150px;height:auto;padding:0;color:#000;display:block;font-weight:normal;}
#bx-M ul ul a:hover        { background:#820826;color:#fff;}
#bx-M #m-do-s              { background-color:#CCD8BE;color:#000;}
#bx-M #m-do-s:hover        { background-color:#820826;color:#fff;}
#bx-M ul ul li .subm-s              { background:url(../img/site_style/6/subms.gif) no-repeat 100% 0;}
#bx-M ul ul li .subm-s:hover        { background:url(../img/site_style/6/subms.gif) no-repeat 100% -200px #820826;color:#fff;}
#bx-M ul ul li #m-do-s.subm-s       { background-position:100% 0;}
#bx-M ul ul li #m-do-s.subm-s:hover { background-position:100% -200px;color:#fff;}
#bx-M ul ul ul             { border:1px solid #f8c6d3;position:absolute;top:3px;left:150px;z-index:800;}
#bx-M ul ul ul ul          { border:1px solid #f8c6d3;position:absolute;top:3px;left:150px;}

/* ====================================================================
 menu secondaire (N)
-------------------------------------------------------------------- */
#b3-av            { width:194px;position:relative;top:11px;left:30px;}
#bx-N             { width:194px;position:relative;background:url(../img/site_style/6/menu_N.gif) repeat-x;}
#bx-N-ct          { }
#bx-N ul          { width:194px;list-style:none;margin:0;padding:10px 0 10px 0;}
#bx-N li          { width:194px;height:auto;display:block;}
#bx-N a           { width:174px;height:auto;color:#de748e;display:block;padding:4px 10px 4px 14px;text-decoration:none;}
#bx-N a:hover     { color:#820826;}
#bx-N span        { width:174px;height:auto;background:url(../img/site_style/6/menu_N_a.gif) no-repeat 0 50%;
	            display:block;padding:4px 10px 4px 14px;color:#820826;}

#bx-N ul li#ms-rt       { width:27px;height:26px;}
#bx-N #ms-rt a          { width:27px;height:26px;display:block;background:url(../img/site_style/6/msrt.gif) no-repeat 0 0;padding:0;margin:0;position:absolute;top:0px;right:0px;z-index:200;}
#bx-N #ms-rt a:hover    { background-position:-27px 0;}
#bx-N #ms-rt span       { width:27px;height:26px;display:block;background:url(../img/site_style/6/msrt.gif) no-repeat -54px 0;padding:0;margin:0;position:absolute;top:0px;right:0px;z-index:200;}
#bx-N #ms-rt span.nocss { display:none;}

/* ====================================================================
 sous-menu (O)
-------------------------------------------------------------------- */
#bx-O          { width:194px;}
#bx-O ul       { width:194px;list-style:none;margin:0;padding:10px 0 10px 0;}
#bx-O li       { width:194px;height:auto;display:block;}
#bx-O a        { width:174px;height:auto;color:#de748e;display:block;padding:4px 10px 4px 14px;text-decoration:none;background:#fad7df;}
#bx-O a:hover  { color:#820826;}

/* ====================================================================
 encart
-------------------------------------------------------------------- */
.bx-E          { padding:0 0 24px 0;margin:0;clear:both;background:url(../img/site_style/6/Enc.gif) no-repeat 0 100% #a5082c;font-size:80%;color:#fff;}
.bx-E p        { padding:10px 10px;margin:0;}
.bx-E h2       { padding:4px 4px 4px 4px;margin:0 0 6px 0;border-bottom:2px solid #fff;background:#3bac4a}
.bx-E h3       { padding:4px 0;margin:0;}
.bx-E h4       { padding:4px 0;margin:0;}
.bx-E ul       { margin:0 0 0 10px;padding: 4px 0 4px 10px;}
.bx-E a        { color:#fff;}
.bx-E a:hover  { color:#fff;}

#ec--2                 { padding:0 0 130px 0 ;background:url(../img/site_style/6/photo.jpg) no-repeat 50% 100% #a5082c;text-align:center;}
#ec--2 h2              { font-size:200%;}
#ec--2 p.cont          { color:#f48ba5;text-align:center;}
#ec--2 p.cont a        { color:#fff;text-decoration:none;}
#ec--2 p.cont a:hover  { color:#fff;text-decoration:underline;}
/* ====================================================================
 footer
-------------------------------------------------------------------- */
#ft	       { position:relative;top:0px;left:14px;width:962px;display:block;border-top:6px solid #3bac4a;background:#a5082c;color:#f3aebe;}
#ft p	       { text-align:center;margin:0;padding:6px 0;font-weight:bold;display:block;font-size:80%;}
#ft a          { color:#f3aebe;text-decoration:none}
#ft a:hover    { color:#fff;}

#ft p.copy         { position:absolute;bottom:-50px;left:-14px;width:990px;display:block;color:#4e4e4f;background:url(../img/site_style/6/foot.gif) no-repeat;margin:0;padding:10px 0 0 0;height:40px;font-weight:normal;}
#ft p.copy a       { color:#4e4e4f;}
#ft p.copy a:hover { color:#000;}

* ====================================================================
 pages plan du site (pds) et derniers changements (dch)
-------------------------------------------------------------------- */ 
#pds                 {  }
#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 30px;}
#pds ul ul li        { padding:0;margin:0;list-style:decimal;}
#pds ul a            { padding:0 0 6px 0;margin:0 0 10px 0;font-weight:bold;border-bottom:1px solid #000;display:block;text-indent:3px;text-decoration:none;}
#pds ul ul a         { padding:3px;margin:0;width:100%;font-weight:normal;border-bottom:1px solid #ccc;}
#pds ul ul a:hover   { background:#fce4ea;color:#000;}

#dch ul              { padding:2px 0 0 0;margin:0;list-style:none;}
#dch h3              { border-bottom:1px solid #000;}
#dch li              { padding:0;margin:0 0 0 20px;}
#dch a               { padding:3px;margin:0;width:100%;display:block;border-bottom:1px solid #ccc;text-decoration:none;}
#dch ul ul a         { font-weight:normal;margin:0;border:0;}
#dch a:hover         { background:#fce4ea;color:#000;}