/* Reset CSS */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;line-height: 1.5;font-family: inherit;text-align: left;vertical-align: baseline;}

/* Params */
body { font: 100% Arial, Helvetica, sans-serif; background: white url(../img/fond-body.png) repeat-x; }
hr, .cache {position: absolute;left: -5000px;top: -5000px; font-size: 1px;}
img { border: none; }
strong { font-weight: bold; }
em { font-style: italic; }
acronym { border-bottom: 1px solid #ccc; cursor: help; }
a img, :link img, :visited img { border: 0 none; }

/* Structure doc */
#global { margin: 0 auto; width: 980px;  font: .8em Arial, Helvetica, sans-serif;background: transparent url(../img/cube-fond-lang.png) no-repeat;}
#entete { height:179px; }
#menu { height:41px;background: transparent url(../img/fond-menu.gif) top left no-repeat; padding-left:20px;}
#col { width:230px;min-height:300px; float:left;}
#page {margin: 0 30px 30px 270px;min-height:300px;padding-bottom:15px;} /*border-bottom:5px solid rgb(210,212,215);}*/

/* Menus */
#menu a { display:block;float:left;width:120px;height:41px;line-height:41px;text-align:center;text-decoration:none;color:black;background: transparent url(../img/filet-menu.png) top right no-repeat;}
#menu a:hover, #menu a:focus { color:white;background-color:rgb(60,150,160); }
#menu a.actif {color:white;background:url(../img/noir-menu.png) repeat-x;}
#menu a#men7,  #menu a#men8 {width:40px;background: transparent url(../img/vide.gif) top right no-repeat;}
#menu a#men7:hover,  #menu a#men8:hover, #menu a#men7:focus,  #menu a#men8:focus {color:black;text-decoration:underline;background-img:url(../img/vide.gif);}
#menu a#men7{text-align:right;}

/* Cols */
#incol { width:230px;background-color:rgb(245,245,245); margin:5px 0 0 25px;border:1px solid rgb(210,212,215);}
#col h2, #col p { margin:10px; }
#col h2 { font-size: 1.3em;line-height:1.25em;color:rgb(60,150,160);font-weight:bold; }
#col p#adresse {padding:10px 0 0 20px;color:#777;}
#col a {color:#777;}

/* Pages */
#page h2, #page h3, #page h4, #page p { margin:10px; }
#page h2 { padding-top:30px; font-size: 2.1em;}
#page h3 { font-size:1.6em;color:rgb(60,150,160);}
#page h3.soulign { border-bottom:1px dashed rgb(60,150,160);}
#page h4 { font-size:1.3em;color:rgb(60,150,160);font-weight:bold;}

#page h2.onglets { border-bottom:1px solid #999;padding:0; }
#page h2.onglets  span a { margin:0; font-size:.6em;padding:5px 20px;color:white; text-decoration:none; outline: 0 none;background-color:rgb(60,150,160); position:relative; top:3px;}
#page h2.onglets  span a:hover, #page h2.onglets  span a:focus { background-color:#999; }
#page #question, #page #map { margin:0; padding:0; position:absolute;width:680px;}
#page object { margin-left:10px;}
#page p.loaddoc a { color:#999; font-weight:bold;margin-left:10px;}
#page p.loaddoc a:hover, #page p.loaddoc a:focus { color:black; }
#page p.loaddoc img { vertical-align:middle; }

/* Design boite */
#boitecol { position:relative; left:7px; top:-17px; }
#boitepage { margin-left:-13px;padding-left:13px;background:white url(../img/boite-page.gif) top left no-repeat; }

/* Forms */
input, textarea {font: 1.1em Arial, Helvetica, sans-serif;padding:5px;}
input.text, textarea {width:90%;background-color:rgb(245,245,245);border:1px solid rgb(210,212,215); }
textarea {height:60px;}
input.submit {width:160px;height:50px;color:black;background:rgb(60,150,160) url(../img/fond-submit.png);text-align:center;line-height:50px;border:0 none;}
input.submit:hover,input.submit:focus {color:black;font-weight:bold;}
label {display:none;}
#merci {position:absolute;top:300px;left:50%;margin-left:-150px;width:300px;padding:20px;background-color:rgb(60,150,160);border:1px solid black;color:white;z-index:20;}
#closemerci {position:absolute;top:5px;right:10px;text-align:right}

/* Mp3 */
#mp3 {position:absolute;top:-115px;left:50%;margin-left:-470px;width:307px;height:169px;}
#mp3 #select {height:40px;width:280px;padding:10px;margin-left:3px;}
#mp3 a {outline:0 none;}
#mp3 a.son-mp3 {height:15px;width:15px;float:left;margin:3px;}
#mp3 #player {margin-left:50px;margin-top:15px;height:25px;width:300px;}
#mp3 #topdiv {}
#mp3 #closediv {float:right;width:15px;height:20px;margin-right:10px;padding-top:5px;}
#mp3 #sondiv {background:transparent url(../img/sons-mp3.png) bottom no-repeat;padding-top:5px;}
#bulle {position:absolute;top:40px;left:50%;margin-left:-420px;width:200px;background:transparent url(../img/fond-bulle.gif) no-repeat;}
#bulle p {font-size:.8em;line-height:1em;margin:25px 10px 10px 25px;color:white;}

/* Interactive */
#interactiv { position: absolute; top: -20px; left:50%; margin-left:-440px; }
#interactiv a  {display:block; width:160px; height:50px; background:rgb(60,150,160) url('../img/fond-submit-acc.png');text-align:center;line-height:60px;border:0 none; font-weight:bold; text-decoration:none; color:white; margin: 10px 65px; font-size: .85em; }