/*================================================================================================================== //===( Copyright 2004 Atomprod - Author Alain Chalet ========================================= //================================================================================================================*/ /* ==================================================================== SQUELETTE -------------------------------------------------------------------- */ html, body { height:100%;} body { margin:0;padding:0;text-align:center;} html>body #main { height:1130px;} #main { position:relative;top:0;left:0;margin:0 auto;width:773px;height:1130px;min-height:100%;display:block;} #mainheader { position:relative;height:226px; width:773px;} #header { height:226px; width:772px;} #content { position:relative;top:0px;left:210px;width:500px;height:700px;display:block;} #menu { position:absolute;top:250px;left:0px;margin-left:40px;width:140px;height:800px;display:block;} #footer { position:absolute;bottom:0px;height:auto;width:auto;display:block;padding-top:10px;} .cleaner { clear:both;height:1px;font-size:1px;border:none;padding:0;margin:0;background:transparent;} .nocss { display:none;} /* ==================================================================== design -------------------------------------------------------------------- */ body { background:#fff;font-size:12px;font-family: Arial, Helvetica, Sans-Serif;} #main { background: url(img/design/fond.gif) repeat-y left;text-align:left;font-size:1.2em;} a { color:#FF6706; text-decoration:none;} a:hover { color:#800000;} img { border:0;} /* ==================================================================== Banner -------------------------------------------------------------------- */ #mainheader { background:url(img/design/h_01.gif) no-repeat ;} #header { background:url(img/design/h_02.jpg) no-repeat 227px 0px;} #h1 { position:absolute;top:0px;left:442px;height:226px;width:150px;background:url(img/design/h_03.gif) no-repeat;display:block;} #h2 { position:absolute;top:0px;left:591px;height:226px;width:159px;background:url(img/design/h_04.gif) no-repeat;display:block;} #h2a { position:absolute;top:0px;right:0px; height:149px;width:100px;z-index:10;display:block;border:0;padding:0;margin:0;} #lienatom { position:absolute;top:45px;left:17px;height:35px;width:179px;display:block;} #lienatom:hover { background:url(img/design/lienatom.gif) no-repeat;} .logoswf { margin-top:31px;} /* ==================================================================== menu p -------------------------------------------------------------------- */ #menu-p { list-style:none;margin:0;padding:0;} #menu-p li { display:block;margin:0;border-bottom:1px solid #DEE8EE;font-size:0.9em;text-align:right;} #menu-p li a { display:block;padding:4px 20px 4px 8px;color:#000;background:#fff;width:100%} #menu-p> li a { width:auto;} #menu-p li a:visited { color:#4562B1;} #menu-p li a:hover { color:#800000;background:url(img/design/menu_ov.png) no-repeat 95% 55% #fff;} #menu-p li span { color:#800000;background:url(img/design/menu_up.png) no-repeat 95% 55% #fff;padding:4px 20px 4px 8px;display:block;} #ad { } #ad p { font-size:0.8em;color:#162449;text-align:right; } #ad span { color:#FF6706;font-size: 1.1em;} .ad { border-bottom:1px solid #C1D3DE;padding-bottom:8px;margin-top:70px;} /* ==================================================================== Menu références -------------------------------------------------------------------- */ #refer { text-align:right;color:#4562B1;text-decoration:none;display:block;margin-top:70px; padding:0.4em 2em 0.4em 2em; background:url(img/design/menu3d.png) repeat-y; border-width:1px; border-color:#DEE8EE #fff #DEE8EE #fff; border-style:solid;} #refer-b { background:url(img/design/menu3b.png) no-repeat right; height:20px; width:110px;} #refer-c { background:url(img/design/menu3c.png) no-repeat right bottom; height:20px; width:110px;} #menu-r { margin:0;padding:0;display:block;width:110px;list-style:none;text-align:right;} #menu-r li { margin:0;padding:0;display:block;} #menu-r a, #menu-r span { display:block;padding:0.4em 1.2em 0.4em 0;font-size:0.8em;color:#677C87;} #menu-r a { background:url(img/design/menu3_up.png) no-repeat 100% 48%;} #menu-r a:visited { color:#4562B1;} #menu-r a:hover { color:#800000;background:url(img/design/menu3_ov.png) no-repeat 100% 48%;} #menu-r span { color:#800000;background:url(img/design/menu3_do.png) no-repeat 100% 48%;} /* ==================================================================== contenu -------------------------------------------------------------------- */ #col3- { width:500px;font-size:0.7em;color:#162449;} #col3-- { width:442px;margin-left:40px;margin-right:40px;} #content { font-size:0.9em; color:#162449;} #content p { text-align:justify;text-indent:1em;font-size: 0.7em;} #content ul { text-align:justify;} #content h1 { font-size:1em;font-weight:bold;margin:0;padding-bottom:4px;border-bottom:2px dotted #162449;} #content h1.tref { font-size:1.2em;margin-left:240px;} #content h2 { font-size:1em;font-weight:bold; margin:30px 0 0 70px; border-top:2px dotted #162449; padding:4px 0; background-color:#F6F7F7; } #content h2.stref { font-size:1em;font-weight:bold;margin:0;margin-left:240px;border:0;background-color:#fff;} #content h4 { font-size:1em;font-weight:bold;margin:0;margin-left:240px;text-decoration:underline;} #robot { position:absolute;top:0px;left:40px;z-index:0;width:60px;height:236px;background:url(img/design/robot.gif) no-repeat;} #content .mep1 { text-indent:0;margin:8px 0 8px 240px;font-size:0.9em;} #content .mep2 { text-indent:0;margin:10px 0;font-size:1em} #content .mep3 { text-indent:0;margin:10px 0;padding-left: 70px;font-size:1em;} #content .mep4 { background:url(img/design/acc1.png) no-repeat #F6F7F7; font-size:1em; border:1px solid #999FAF;padding:10px;margin:0 0 40px 140px;display:block;} #content .mep5 { margin:20px 0 30px 0;font-size:1em;} #content .mep6 { text-indent:0; font-size: 1em; padding: 10px; margin-top:30px; border-top:2px dotted #999FAF; background-color:#F6F7F7;} #content .mep7 { text-indent:0;font-size:0.9em;padding-left:240px;margin-top:0;} #content .mep8 { text-indent:0;font-size:0.8em;width:150px;height:230px;float:left;text-align:justify;margin:4px 16px 0 0;} #content .mep8 img { margin-bottom:6px;} #content .mep8-2 { text-indent:0;font-size:0.8em;width:150px;height:300px;float:left;text-align:justify;margin:4px 16px 0 0;} #content .mep8 h4, #content .mep8-2 h4 { font-size:1em; font-weight:bold; text-decoration:underline; margin:0;padding:0;} #content .mep9 { text-indent:0; font-size:0.9em; margin-top:10px;;float:left;} #content .meprbt { position:relative;z-index:3;margin:50px 0 30px 0;font-size:1em;} #content #tbl { text-align:center;padding:0;margin:0;} #content .acc3 { list-style:none;} #content .acc3 li { display:block;width:350px;height:auto;font-size:1em;padding:5px 10px 5px 16px;margin:8px 110px 8px 0; border-top:1px solid #999FAF;border-bottom:1px solid #999FAF; border-right:1px solid #999FAF; background: url(img/design/acc2.png) no-repeat 0 50% #F6F7F7;} #content img.mgtop { float:left;clear:both;} #content img.mgleft { float:left; border-width:10px 10px 10px 0;border-color:#fff;border-style:solid;} #content img.mgright { float:right;border-width:10px 0 10px 10px;border-color:#fff;border-style:solid;} #content img.picleft { float:left; } .ref { margin-bottom:80px;clear:both;} .ref2 { clear:both;} .reflien { text-indent:0; margin:3px 3px 10px 234px;} .reflien a { background: url(img/design/www.png) no-repeat 0 50%;font-size:1.4em;padding-left:16px;} .reflien a:hover { background: url(img/design/www_ov.png) no-repeat 0 50%;} .reflien a.sans { background:none;padding:0;} .reflien a.sans:hover { background:none; } #content .acc1b { margin:30px 0;font-size:1em; display:block;} #content .acc2 { display:block;} /* ==================================================================== footer -------------------------------------------------------------------- */ #footer { width:772px;background:url(img/design/f_01.png) no-repeat bottom right;padding-bottom:10px;} #flien { width:722px;height:12px;text-align:right;font-size:0.64em;} #bt1 { background:#FC6901; padding:1px; } #bt2 { background:#EE1506; padding:1px; } #bt3 { background:#099A59; padding:1px; margin-right:20px; } #footer a { color:#fff;} #footer a:hover { color:#fff; text-decoration:underline;} #ligne { margin:0 70px 0 60px;border-top:1px solid #BCC0CB;height:1px;line-height:0px;} #ftxt { margin:4px 0 20px 0;font-size:0.7em; color:#162449;text-align:center;} #ftxt a { color:#162449;} #ftxt a:hover { color:#162449; text-decoration:underline;} #deco1 { position:absolute;top:227px;left:0px;width:16px;height:402px;display:block;background:url(img/design/col_leftb.gif) no-repeat;} #deco2 { position:absolute;bottom:40px;right:0;width:33px;height:643px;display:block;background:url(img/design/col_rightb.jpg) no-repeat;}