* { margin: 0; padding: 0; list-style: none; z-index: 0; }
body { font: 0.9em 'Lucida Sans', Arial, sans-serif; background: #fff url(images/bg.png) repeat-x; }
img { border: 0; }
.clear { clear: both; height: 1px; margin: 0; padding: 0; overflow: hidden; }
.hid { display: none; }

#ballons { background: url(images/ballons.gif) no-repeat center top; }
#global { position: relative; width: 950px; margin: 0 auto; }


#logo { position: relative; width: 565px; height: 113px; margin: 20px auto; }
#logo span { position: absolute; top: -200px; left: 0; }



#content { width: 100%; }
#c1 { float: left; width: 618px; padding: 10px; background: #98d921; border: 1px solid #73ac0a; overflow: hidden; margin: 0 0 10px 0; }
#c2 { float: right; width: 300px; overflow: hidden; }


h1 { letter-spacing: -0.05em; color: #fff; margin: 0 0 15px 0; }
.bloc { padding: 10px; color: #73ac0a; background: #fff; font-size: 1.1em; list-height: 1.1em; }
.bloc a { color: #f8268d; text-decoration: none; }
.bloc a:hover { text-decoration: underline; }

.bloc_img { position: relative; width: 618px; margin: 10px 0 0 0; background: #fff; overflow: hidden; text-align: center; }
.bloc_print { display: block; position: absolute; top: 0; right: 0; width: 70px; height: 55px; padding: 10px; background: #d92043 url(images/bg_print.gif) repeat-x 0 0; border: 1px solid #c00f31; cursor: pointer; }


.list { margin: 10px 0 0 0; }
.list li { display: block; position: relative; float: left; width: 90px; height: 90px; }
.list li.last { width: 76px; }
.list li a { display: block; position: absolute; top: 0; left: 0; width: 70px; height: 70px; overflow: hidden; background: #fff; }
#c1 .list li a { border: 4px solid #73ac0a; }
#c2 .list li a { border: 4px solid #86d9f8; }
.list li a img { position: relative; }
.list li a span { position: absolute; top: -100px; left: 0; }
.list li a:hover span{ display: block; position: absolute; top: 0; left: 0; width: 100%; font-size: 0.75em; color: #f8268d; background: #fff;  letter-spacing: -0.05em; text-align: center; border-bottom: 4px solid #f8268d; cursor: pointer; }

#c1 .list li a:hover { border: 4px solid #f8268d; text-decoration: none;}
#c2 .list li a:hover { border: 4px solid #13a4d3; text-decoration: none;}

.multipage { margin: 20px auto; text-align: center; }
.multipage a, .multipage strong { color: #333; padding: 2px 6px; background: #fff; border: 2px solid #ccc; text-decoration: none; }
.multipage a:hover, .multipage strong { color: #fff; background: #f8268d; border: 2px solid #fff; }

.bloc_bleu { margin: 0 0 10px 0; background: #2ecbf8; border: 1px solid #13a4d3; }
.bloc_bleu h2 { display: block; letter-spacing: -0.05em; color: #fff; margin: 0; padding: 10px; background: #28c5f7 url(images/bg_h2_bloc_bleu.gif) repeat-x 0 0; border-bottom: 1px solid #13a4d3; }
.bloc_bleu ul { margin: 5px auto; }
.bloc_bleu ul li { margin: 4px 0; padding: 0 0 0 15px; }
.bloc_bleu ul li a { color: #fff; text-decoration: none; }
.bloc_bleu ul li a:hover { text-decoration: underline; }
.bloc_bleu .link_plus { display: block; text-align: right; padding: 10px; color: #fff; font-weight: bold; text-decoration: none; }
.bloc_bleu .link_plus:hover { text-decoration: underline; }

.pub_300x250 { position: relative; width: 300px;  margin: 0 0 10px 0; z-index: 1; }
.pub_468x60 { position: relative; width: 468px; margin: 10px auto 0 auto; z-index: 1; }
.pub_468x15 { position: relative; width: 468px; margin: 10px 0 ; z-index: 1; }
.pub_728x90 { position: relative; width: 728px; height: 90px; z-index: 1; margin: 0 0 10px 116px;  }
.pub_300x250 *, .pub_468x60 *, .pub_468x15 * { position: relative; z-index: 2; }

.bloc_rose { margin: 0 0 10px 0; background: #f8268d; border: 1px solid #c00f31; }
.bloc_rose h2 { position: relative; display: block; letter-spacing: -0.05em; color: #fff; padding: 10px; background: #d92043 url(images/bg_print.gif) repeat-x 0 0; border-bottom: 1px solid #c00f31; }
.bloc_rose .list { margin: 14px 0 10px 14px; }
.bloc_rose .list li { display: block; position: relative; float: left; width: 94px; height: 94px; }
.bloc_rose .list li.last { width: 76px; }

.link_home { display: block; margin: 0 auto 10px auto; padding: 10px; color: #fff; font-size: 1.2em; font-weight: bold; text-decoration: none; text-align: center; background: #28c5f7 url(images/bg_h2_bloc_bleu.gif) repeat-x 0 0; border: 1px solid #13a4d3;  }

.lnk_footer{ margin: 10px ;}
.lnk_footer a{ color: #FFF; text-decoration: none; }
.lnk_footer a:hover{ text-decoration: underline; }