/* positioning */

html,body {overflow:hidden;top:0;left:0;width:100%;height:100%;padding:0;margin:0}
.mail textarea {min-width:250px;min-height:6em}
ul.miniaide li {display:list-item}

#ct,#ctfull {display:block;position:absolute;left:5px;top:75px;bottom:10px;overflow:auto;overflow-y:scroll;overflow-x:hidden}
#ct {right:35%;min-width:300px;max-width:66%; }
#ctfull {right:5px;}

.bubul {width:40%;display:block;position:absolute}

#sectiontitre {left:67%;top:75px;right:5px;display:block;position:absolute;padding:0;margin:0}
#sectiontitre h2,p {padding:0;margin:0}

#sectionmenu {display:block; position:absolute;overflow:auto;overflow-x:hidden;right:5px;margin-top:90px;left:67%;min-width:150px;top:85px;bottom:130px;max-height:50%}

.colonne {display:block;float:left}
#iconesection {display:block;position:absolute;right:10px;bottom:10px;z-index:10}

#calcul {position:absolute;bottom:70px;width:33%;right:5px}
#calcul li,#calcul ul {list-style:none;text-align:right;padding:0;margin:0}
#calcul li {width:45%;display:inline-block}
#calcul input {width:5em;margin-left:0.5em;text-align:right}
#calcul h4 {margin:0;padding:0}

.accessoires {float:left;min-width:25em;padding-right:30px;width:45%}

.bonhom {float:left;padding:5px}
.bonhomdr {float:right;padding:5px}

fieldset {max-width:35em}

input, select, textarea, .bdOK {max-width:180px}

#menu,#w3c,#dyna,#rach,#fourmcache,#arc,#menu li:hover p,.alertemoi,.centreur {display:block;position:absolute}

#legende {display:block;bottom:20px;right:5px;position:absolute;z-index:1;width:33%}

#logo {height:85px;width:199px;top:2px;left:20px;position:absolute;z-index:1;overflow:hidden}

.menuitem,.menuitem a {background:#58b;color:#fff;text-decoration:none}
a.menuitem:hover, .menuitem a:hover {background:#85b}

.mtitre {color:#000;text-decoration:none}
#menu {color:#888}
#menu li {list-style-type:none;text-align:center;background:url('buttons.png') no-repeat}
#menu {top:19px;left:200px;right:0;height:40px}
#menu p {display:none}
#menu li {float:left;margin-left:10px;line-height:38px;width:100px;height:40px}
#menu p a {display:block;text-decoration:none}
#menu li:hover p {margin:0 0 0 -20px;line-height:12px;padding:3px;border:1px solid #d60;background:#fe9}
.mtitre {display:block;height:100%}

#w3c {left:0;bottom:2px;font-size:10px;line-height:10px}
#dyna {right:0;bottom:2px;font-size:8px;line-height:8px}

/* specifique JS */
.centreur {text-align:center;left:10px;right:10px}

.alertemoi {background:url('trans.png') repeat-x;z-index:99;top:0;left:0;width:100%;height:100%}
.alertemoi dl {min-width:300px;width:50%;background:#fff;display:block;border:2px solid #555;padding:0 0.5em;margin:20% auto;text-align:justify}
.fermeur {color:#888;font-size:10px;line-height:18px}
.fermeur:before {content:url('croix.png')}

.collapse {display:none}
.bubul:hover .collapse {display:block}
.bubul:hover {z-index:10}
.bubul {font-size:12px;background-color:#fd8;color:#632;display:block;padding:0;margin:5px;border-left:5px solid #fd8;border-right:5px solid #fd8}
.bubul h2 {font-size:110%;margin-top:0;padding-top:0}
.bubul h3, .bubul h3 a {font-size:105%;margin-top:0;padding-top:0;background:inherit;color:#000}
.bubul h3 a {text-decoration:underline;color:#00f}

.bubul:before, .bubul:after {display:block;background-repeat:no-repeat;height:5px;line-height:0;background-position:right;text-indent:-10px;position:absolute;margin-left:5px;width:100%;padding-right:-5px}
.bubul:before {margin-top:-5px}
.bubul:after {margin-bottom:-5px}

.tel {position:absolute;right:10px;top:5px}

/* specifique index */
#etude,#whois,#questions,#news {position:absolute;max-width:40%}
#whois {top:3%;max-height:30%}
#etude {top:37%;max-height:18%}
#questions {top:58%;max-height:40%}

#etude, #whois,#questions {right:50%;margin-right:50px}

#news {left:50%;margin-left:50px;top:3%}

#fourmcache {top:50%;left:50%;margin:-45px;width:90px;height:80px;background-image:url('fourmblink-fond.png');}
#fourmi {background-image:url('fourm-blink2.gif');display:block;width:100%;height:100%}

#arc {right:0;top:0}

#rach {left:250px;top:30px;margin-top:-28px}

/* data:URI*/

.fermeur:before {content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IArs4c6QAAAF1QTFRF3z1YiT5DgENBmUhCpUVJzz9PuUpPrFBB6UFW1UlO8ENUzVFWtVlhpl1n4VZj2WJp1Wlu2Wl77W5MunyE436B3YeN44yS4JOg4Zqn4qOs7c/U293f79vd6unq9vX0AKgf4gAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2AEYDSYJKK7K8QAAAG1JREFUCNdNztEKwyAMheEz50qKhIQhQSv6/o+5WNvRD87FD7kIANkvCU6OP/GqDwmfWsutCnavMdaKIJ05mRXFNq9msaptiMXM+hidiDTiZTn3k3dEyKqtMbe2UoiY12bSQ4D39xbm0+F98foB04wMZhkNltgAAAAASUVORK5CYII=)}

.bubul:before {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAAFAQMAAADsX1RmAAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA/92IzAo9YgAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2AoeDx4NaWMIsAAAABpJREFUKM9j+D+A4APDQNr+Z0Bt/zeCbf8PABXJbpohq8f+AAAAAElFTkSuQmCC);
	content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA/92IzAo9YgAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2AoeDxwjh4Nn/QAAABZJREFUCNdj4P///w+DPYiohxP/gQQAyDoRLkOF4cwAAAAASUVORK5CYII=)}
.bubul:after {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAAFAQMAAADsX1RmAAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA/92IzAo9YgAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2AoeDx4nstjBZgAAABlJREFUKM9j+D+QgGEgLf83gm3/M6C2fwAANUlumhKZ9qgAAAAASUVORK5CYII=);
	content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA/92IzAo9YgAAAAF0Uk5TAEDm2GYAAAABYktHRACIBR1IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH2AoeDxw0BFDiOgAAABZJREFUCNdj+P///x+GejhhDyL4gQQA3XoRLiZTVJMAAAAASUVORK5CYII=)}
h3:before, h3:after {width:100%;height:5px;display:block;background-repeat:no-repeat;background-position:right;line-height:0;font-size:1px}
h3:before {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA////pdmf3QAAAAF0Uk5TAEDm2GYAAAAQSURBVAjXY6hgkGDgAEIGAAUqAKEnGoYzAAAAAElFTkSuQmCC);
	content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA////pdmf3QAAAAF0Uk5TAEDm2GYAAAAQSURBVAjXY/jAcIChAQgZABG6ArFc4CzxAAAAAElFTkSuQmCC)}
h3:after {
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA////pdmf3QAAAAF0Uk5TAEDm2GYAAAAQSURBVAjXY2Bg4ABCCYYKAAEqAKFa1OqUAAAAAElFTkSuQmCC);
	content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAAXNSR0IArs4c6QAAAAZQTFRFAAAA////pdmf3QAAAAF0Uk5TAEDm2GYAAAAQSURBVAjXY2BgaADCAwwfAAk6ArHpDf0kAAAAAElFTkSuQmCC)}
h2 a:after {content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAIAgMAAACwivZiAAAAAXNSR0IArs4c6QAAAAlQTFRFAABnAAAA////zcy9uQAAAAF0Uk5TAEDm2GYAAAAhSURBVAjXY2AQYWBgyARiKQcGBrapQBrIyYoE0iuB/CUAMY4EJqfXmhsAAAAASUVORK5CYII=)}

.bubul h3:before, .bubul h3:after {background-image:none;content:''}