@charset "UTF-8"; /* == VERSION: ================================ * Filename: framework.css * Version: 0.0 (12-2009) * Navigator: ie6+ / ffox2+ / opera9+ / safari3+ * Website: http://www.argos-ing.com/ * Author: Leclercq Sébastien * Modified : 12-2009 par SL * Description: site framework == HIERARCHIE: ================================ | | | ...,<#MAINPAGE> | ...,...,<.nav-top> | ...,...,<#HEADER> | ...,...,<.nav-main> | ...,...,<#CONTENT> | ...,...,...,<.l> | ...,...,...,...,<.c3q> (ou c1 à c4) | ...,...,...,...,...,<.l> | ...,...,...,...,...,...,<.c1> | ...,...,...,...,...,...,...,<.inside> | ...,...,...,...,<.c4> | ...,...,...,...,...,<.inside> | ...,...,...,<.l> | ...,...,...,...,<.c2t> | ...,...,...,...,...,<.l> | ...,...,...,...,...,...,<.c2> | ...,...,...,...,...,...,...,<.inside> | ...,...,...,...,...,...,<.c2> | ...,...,...,...,...,...,...,<.inside> | ...,...,...,...,<.c3> | ...,...,...,...,...,<.inside> | ...,...,...,<.l> | ...,...,...,...,<.c1> (jusqu'à c4) | ...,...,...,...,...,<.inside> | ...,...,<#FOOTER> =============================================== */ /* ************************************************ */ /* RESET */ /* ************************************************ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 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-family:inherit;vertical-align:baseline;list-style:none;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} /* ************************************************ */ /* ELEMENTS GENERAUX */ /* ************************************************ */ .html{height: 100%; min-height:100.2%; margin-bottom: 1px;/* Forcing scrollbar*/} .body{margin: 0; /* margin and padding only necessary to cater for Mac IE5 */ padding: 0; width: 100%; height: 100%;} .inside { overflow:auto; overflow:hidden; height:100%; } /* définition du style par défaut pour les blocs de contenus */ #MAINPAGE{} /* Taille de la page */ #HEADER{} #CONTENT{} #FOOTER{} /* ************************************************ */ /* GRILLE */ /* ************************************************ */ .l{ _width:100%; clear:both; overflow:auto; overflow:hidden; } .c1, .c2, .c3, .c4{ overflow:auto; overflow:hidden; } .c1{float:left; width:100%;} .c2{float:left; width:50%;} .c3{float:left; width:33.33%;} /* !! bug sur opera */ .c4{float:left; width:25%;} .c5{float:left; width:20%;} /* DECOUPE EN TIERS */ .c3x2{float:left; width:66.66%;} /* Compléter avec un c3 !! bug sur opera */ /* DECOUPE EN QUART */ .c4x3{float:left; width:75%;} /* Compléter avec un c4 */ /* DECOUPE EN 5e >> | c5 | c5x2 | c5x3 |*/ .c5x3{float:left; width:60%;} .c5x2{float:left; width:40%;} /* MODULE DE ZOONING DEGRESSIF HORIZONTAL >> | c2 | c3- | c5 |*/ .c3-{float:left; width:30%;} /* hauteurs */ .h01{height:10px;}.h02{height:20px;}.h03{height:30px;}.h04{height:40px;}.h05{height:50px;}.h06{height:60px;}.h07{height:70px;} .h11{height:110px;}.h12{height:120px;}.h13{height:130px;}.h14{height:140px;}.h15{height:150px;} .h21{height:210px;}.h22{height:220px;}.h23{height:230px;}.h24{height:240px;}.h25{height:250px;}.h26{height:260px;}.h27{height:270px;} .h31{height:310px;}.h36{height:360px;}.h37{height:370px;}.h38{height:380px;}.h39{height:390px;} .h41{height:410px;} .h51{height:510px;} .h61{height:610px;} /* z-index */ .zi1{z-index:10}.zi2{z-index:20}.zi3{z-index:30}.zi4{z-index:40}.zi5{z-index:50}.zi6{z-index:60}.zi7{z-index:70}.zi8{z-index:80}.zi9{z-index:90}.zi10{z-index:100} /* padding */ .pad5{padding:5px}.pad10{padding:10px}.pad15{padding:15px}.pad20{padding:20px} /* ************************************************ */ /* IMAGES */ /* ************************************************ */ img{} .descriptif{width:auto; padding:0.3em; margin-bottom:0px;}