Subversion Repositories Sites.tela-botanica.org

Compare Revisions

Ignore whitespace Rev 693 → Rev 694

/trunk/sites/commun/generique/styles/pageInterieure.css
5,7 → 5,7
/* Helveticaneue est utilisée pour les grands textes décoratifs (ex:mots clés).
Pour windows, elle est remplacée par la police Helveticaneue2 */
@font-face { font-family:Helveticaneue; src:url('/commun/polices/helvetica_light.ttf'); }
@font-face { font-family:Helveticaneue2; src:url('../polices/helvetica_light.eot'); }
@font-face { font-family:Helveticaneue2; src:url('/commun/polices/helvetica_light.eot'); }
/* Optima n'est pas utile dans les pages intèrieures.
@font-face { font-family: optima; src: url('/commun/polices/optima_demi_bold.ttf'); }
14,34 → 14,43
/** Classes **/
/* Marges */
img,ul,form,li,td,div,p,br,a,h1,h2 { margin:0; padding:0; border:0; text-decoration:none;}
img,form,td,div,p,br,a,h1,h2{padding:0; border:0; text-decoration:none;}
ul,form,li,td,div,p,br,a,h1,h2{margin:0; }
/* Classes & couleurs */
.nodisplay {display:none}
.hidden {visibility:hidden}
.spacer125 {width:125px; float:left;}
.cadreRondVert h1 {margin:0 0 10px 0}
.cadreRondVert { width:685px; float:left; margin-bottom:20px; background-color:#eaedcd;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
padding:8px; }
.cadreRondGris h1 {margin:0 0 10px 0}
.cadreRondGris h3 {margin:0}
.cadreRondGris { width:685px; float:left; margin-top:20px; background-color:#e5e4d4;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; /* pour Chrome */ border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 5px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */ zoom: 1; /* pour ie8 */
padding:8px; }
.floatLeft {float:left}
.notext { display:none; left:-5000px; top:-5000px; text-indent:-5000px; }
.petitcarre {padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 3px;}
.petitcarre {padding-left:15px; background:url(../images/petitCarre.jpg) no-repeat 5px 4px;}
.troiscarre {padding:0px 0 0 30px; background:url(../images/troisCarre.png) no-repeat 5px 5px;}
.puceFleche {padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
#contenu .puceFleche, #zone_contenu_corps .puceFleche, .puceFleche {padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;}
#zone_contenu_corps {font-family:arial; font-size:12px}
#zone_contenu_corps .liste_projet li, #contenu .liste_projet li {background:none}
#zone_contenu_corps .liste_projet h1, #contenu .liste_projet h1 {margin-bottom:0}
#zone_contenu_corps a {color:#7B9C35}
.champs { font-family:arial; font-size:11px; background-color:#ffffff; border:dotted 1px #7b9c35; color:#3a3633; margin-bottom:7px; }
.champs2 { font-family:arial; font-size:11px; color:#3a3633; }
.ok { font-family:arial; font-size:11px; font-weight:bold; background-color:#ffffff; border:dotted 1px #7b9c35; color:#fd8c13; margin-left:242px; font-variant:small-caps; }
.clear,.nettoyage{clear:both;}
/** Cadre rond gris : mise en page **/
.cadreRondGris .colonneGauche, .cadreRondVert .colonneGauche { width:320px; padding:20px; border-right:1px dotted #959486; float:left; }
.cadreRondGris .colonneDroite, .cadreRondVert .colonneDroite { width:284px; float:left; padding:20px; }
62,30 → 71,80
.gris{ color:#3a3633; font-family:arial; font-size:12px; }
.overflow-hidden { overflow:hidden;}
strong, b {color:#222222}
#contenu a, p a {color:#7B9C35; }
#zone_contenu_corps h2 a, #zone_contenu_corps h1 a, #contenu h2 a, #contenu h1 a{color:#FD8C13; }
.boutonJaune {background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12; padding:4px 10px 4px 30px;
-moz-border-radius: 10px 10px 10px 10px; color:#6C6865; font-family:helveticaneue; font-size:15px}
h1, h2, h3, h4 {font-weight:bold; letter-spacing:0px; font-family:arial;}
h1 {padding:0px 0 0 25px; background:url(../images/troisCarre.png) no-repeat 0px 5px; color:#fd8c13; font-size:13px;
text-transform:uppercase; margin-bottom:15px; margin-top:10px }
#zone_contenu_corps h1, #contenu h1 {background:url(../images/troisCarre.png) no-repeat 0px 5px;}
h1 {padding:0px 0 0 25px; color:#fd8c13; font-size:14px;
text-transform:uppercase; margin-bottom:20px; margin-top:5px }
h1 a:link, h1 a:visited, h1 a:active { color:#fd8c13; }
h1 a:hover, h1 a:focus { color:#7b9c35; }
/* presentation des listes de definitions */
dl {width:100%;}
dt {
float:left;
font-weight: bold;
text-align:top left;
margin-right:0.3em;}
dd {
width:auto;
margin-left:0;
margin:0.5em 0;}
.ajout_2point dt:after {content:" : ";}
 
/* Tableau */
/* Table */
.table_cadre{
border:1px solid #9ac342;
border-collapse:collapse;}
.table_cadre thead, .table_cadre tfoot{
background-color:#EEE;
border:1px solid #9ac342;}
.table_cadre tbody{
background-color:#FFF;
border:1px solid #9ac342;}
.table_cadre th{
font-family:monospace;
border:1px dotted #9ac342;
padding:5px;
background-color:#EEE;}
.table_cadre td{
font-family:sans-serif;
font-size:80%;
border:1px dotted #9ac342;
padding:5px;
text-align:left;}
.table_cadre caption{
font-family:sans-serif;}
 
/*TEMP : le style pour le titre 2 */
h2 { color:#FD8C13; font-family:arial; font-size:12px; font-weight:normal; letter-spacing:0; margin-bottom:5px;
text-transform:uppercase;}
h2, h2 a { color:#FD8C13; font-family:arial; font-size:12px; font-weight:normal; letter-spacing:0; margin:20px 0 12px 0;
text-transform:uppercase; font-weight:bold}
#contenu h2:before, #zone_contenu_corps h2:before {content:"> "}
h2 a:hover {color:#6C6865}
 
/*TODO : vérifier ci dessous */
/*h2 { color:#6c6865; font-size:12px; margin-bottom:0px; }*/
h2 a:link, h2 a:visited,h2 a:active { color:#5e5852; }
h2 a:hover, h2 a:focus { color:#fd8c13; }
/*h2 a:link, h2 a:visited,h2 a:active { color:#6C6865; }*/
h2 a:focus { color:#fd8c13; }
/*TODO : vérifier ci-dessous *
h3 { color:#6c6865; font-size:11px; letter-spacing:0px; margin:2px; }*/
 
/*TEMP : le style pour titre 3*/
h3 {color:#6C6865; font-family:arial; font-size:12px; font-weight:bold; letter-spacing:0; margin-bottom:5px; }
h3, h3 a{color:#6C6865; font-family:arial; font-size:13px; font-weight:bold; letter-spacing:0; margin:20px 0 12px; }
.contenu_RSS h3 {margin:0}
 
h4 { font-size:11px; margin:2px; color:#7b9c35; font-weight:normal;}
h4 { font-size:11px; margin:2px 2px 2px 0; color:#7b9c35; font-weight:normal;}
.traitTela li{list-style:none; padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
#zone_contenu_corps .traitTela li{list-style:none; padding:10px 0 0 30px; background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
color:#3a3633; font-family:arial; font-size:11px; font-weight:bold;}
.traitTela li a { color:#3a3633; font-family:arial; font-size:11px; font-weight:bold;}
/* Ombres */
99,9 → 158,9
/* Menu supèrieur */
/* TODO : mettre les petits carrés à la bonne place */
#zone-menu-haut { width:830px; height:12px; text-align:center; margin: 0 auto 0 40px; position:absolute; top:0px; color:#3a3633;
font-family:arial; font-size:12px;}
#zone-menu-haut ul { list-style:none; }
#zone-menu-haut ul li {background:url(../images/petitCarre.jpg) no-repeat 3px 5px;float:left}
font-family:arial; font-size:12px;left:0}
#zone-menu-haut ul{padding:0;list-style:none;}
#zone-menu-haut ul li {background:url(../images/petitCarre.jpg) no-repeat 3px 4px;float:left}
#zone-menu-haut #seconnecter { margin:0; padding-left:10px}
#zone-menu-haut #don { width:110px; margin:0}
#zone-menu-haut #lettre { width:120px; margin:0}
120,16 → 179,17
#zone-menu-haut a:link, #zone-menu-haut a:visited, #zone-menu-haut a :active { color:#7b9c35; }
#zone-menu-haut a:hover, #zone-menu-haut a:focus { color:#fd8c13; }
#zone-menu-haut a { font-family:arial; font-size:12px; }
#zone-principale { position: absolute; width:910px; margin-left:-450px; left: 50%; padding-top:20px;}
#zone-principale { position: absolute; width:960px; margin-left:-450px; left: 50%; padding-top:20px;}
.zone-haut {height:123px; margin:4px 0 0 0; width:885px; text-align:center; }
.zone-haut h1 {float:left; padding:4px 0 0 29px; background:none}
.zone-haut h2 {position:absolute; left:0; margin:105px 0 0 85px;color:white; font-size:16px; font-family:arial}
.zone-haut h1 {position:absolute; background:none; left:0}
.zone-haut h2 {position:absolute; left:0; top:20px; margin:105px 0 0 85px;color:white; font-size:16px; font-family:arial;
margin-bottom:0px; text-transform:none}
.motsclefs { left:0;position:absolute; font-family:Helveticaneue; letter-spacing:-1px; font-weight:lighter; text-align:left;
padding:0 0 0 450px; margin:0; cursor:pointer; }
padding:0 0 0 0; margin-left:450px; margin:0; cursor:pointer; }
.motsclefs h3 { position:absolute; margin-top:17px; font-size:60px; font-weight:lighter; color:#5c5950; left:240px; line-height:35px; font-family:helveticaneue}
.motsclefs h4 { text-align:left; color:#f2f2f2; margin-left:111px; margin-top:69px; font-family:helveticaneue}
.motsclefs h4 { text-align:left; color:#f2f2f2; margin-left:111px; margin-top:69px; font-family:helveticaneue; margin-left:550px}
.motsclefs span{position:absolute; font-weight:normal;text-transform:lowercase; top:85px}
136,14 → 196,14
/** Menu de navigation entre univers **/
#zone-menu-navigation { width:900px; margin-bottom:10px; margin-top:10px; margin-left:15px; float:left; text-decoration:none; text-align:center; font-size: 14px; font-family:arial; line-height:20px;}
#zone-menu-navigation a:link , #zone-menu-navigation a:visited , #zone-menu-navigation a :active { text-decoration:none; }
#zone-menu-navigation .menuHautActif a{ color: #5e5852; width:20px; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-bottom: 5px; border-bottom:4px solid grey;}
#zone-menu-navigation .menuHautActif a{ color: #6C6865; width:20px; font-weight: bold; font-size: 14px; text-transform: uppercase; padding-bottom: 5px; border-bottom:4px solid grey;}
 
#zone-menu-navigation a {color:white; }
 
#zone-menu-navigation ul li {float:left; width:160px; height:20px; margin-right:15px; text-align:center; text-decoration: none; list-style-type:none;
#zone-menu-navigation ul{padding:0;}
#zone-menu-navigation ul li {float:left; width:160px; height:20px; margin-right:15px; text-align:center; text-decoration: none; list-style-type:none;padding:0;
/* pour ie8 */ zoom: 1;}
 
#zone-menu-navigation a:hover, #zone-menu-navigation a:focus{ font-weight:bold; color: #5e5852; text-decoration:none; text-transform:uppercase; padding-bottom: 5px; border-bottom:4px solid grey; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */ border-radius: 30px 30px 30px 30px; }
#zone-menu-navigation a:hover, #zone-menu-navigation a:focus{ font-weight:bold; color: #6C6865; text-decoration:none; text-transform:uppercase; padding-bottom: 5px; border-bottom:4px solid grey; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius:30px 30px 30px 30px; /* pour Chrome */ border-radius: 30px 30px 30px 30px; }
 
 
/* Couleurs des différents menus*/
154,16 → 214,17
#menuProjets{ background: #a89d80; }
/* Menus */
#zone-menu-gauche {font-family:arial; font-size:12px; width: 170px; margin-top:10px; border-left: 1px solid #7b9c35; padding-left:2px}
#zone-menu-gauche ul { list-style:none;}
#zone-menu-gauche ul li { padding-bottom:5px;}
#zone-menu-gauche ul li a{margin:0px 0 0 0px; padding:2px 0 2px 12px; border-top:1px solid #7b9c35; border-bottom:1px solid #7b9c35;
#zone-menu-gauche{font-family:arial; font-size:12px; width: 170px; margin-top:10px; border-left: 1px solid #7b9c35; padding-left:2px}
#zone-menu-gauche ul{padding:0;list-style:none;}
#zone-menu-gauche ul li{padding:0 0 5px 0;}
#zone-menu-gauche ul li a{margin:0px 0 0 0px; padding:2px 0 2px 14px; border-top:1px solid #7b9c35; border-bottom:1px solid #7b9c35;
border-right:1px solid #7b9c35; -moz-border-radius: 7px;-webkit-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;
font-weight:bold; color:#7b9c35;display:block; background:url(../images/petitCarre.jpg) no-repeat 3px 7px;
}
#zone-menu-gauche ul li ul { list-style:disc inside; color:#7b9c35; padding: 0 0 0 15px;}
#zone-menu-gauche ul li ul li{padding:0px 0 0 0;}
#zone-menu-gauche ul li ul li a { border:none; background:none;padding:0px; display:inline}
#zone-menu-gauche ul li ul li a { border:none; background:none;padding:0px; display:inline; font-weight:normal}
#zone-menu-gauche a:hover{color:#FD8C13}
#cheminDeFer { width:500px; margin-left:34px; margin-top:12px; margin-bottom:10px; }
189,41 → 250,73
/** Zone principale : zone droite **/
#zone-droite { width:725px; margin-left:00px; float:left; height:auto;overflow:hidden}
#zone-droite #main { padding-left:20px}
#contenu li {list-style:none; background:url(../images/petitCarre.jpg) no-repeat 0px 6px; padding-left:10px}
#contenu form li {background:none}
#zone-droite { width:730px; margin-left:00px; float:left; height:auto;overflow:hidden}
#zone-droite #main { padding-left:20px}
#contenu {border:none}
#zone_contenu_corps {border:none}
#zone_contenu_corps li, #contenu li {list-style-image:url(../images/petitCarre.jpg);line-height:18px;}
#zone_contenu_corps li ul li, #contenu li ul li {list-style:none; background:url(../images/petitCarreContour.jpg) no-repeat 10px 6px; padding-left:25px; line-height:18px}
#zone_contenu_corps form li, #contenu form li {background:none}
#zone_contenu_corps h3, #contenu h3 {padding-left:25px}
#zone_contenu_corps .alpha, #contenu .alpha { background:none; padding-left:25px; list-style-type: upper-alpha;}
#zone_contenu_corps .listeSimple li, #contenu .listeSimple li {list-style:inherit; background:none; padding:0}
#zone_contenu_corps .listeNumerique li, #contenu .listeNumerique li {list-style:upper-alpha inside; background:none; padding:0}
#zone_contenu_corps ul li ul {margin-bottom:10px}
.filetVert { width:300px; margin-left:00px; margin-top:5px; padding:20px; border:1px solid #9ac342; -moz-border-radius: 10px; float:left; }
.cadreInvisible {float:left; margin-left:10px; margin-top:0px;}
.filetVert h1 {margin:0 0 10px 0}
/*Onglets*/
#zone_contenu_corps #BAZ_menu, #zone_contenu_corps .menu_classique_n3, .onglets {display:inline-block;padding:0;}
#zone_contenu_corps #BAZ_menu a, #zone_contenu_corps .menu_classique_n3 a, #zone_contenu_corps .onglets li a, #zone_contenu_corps .onglets li {list-style-image:none;padding:5px 3px 5px 3px;margin-top:2px;background-color:#C2C0AD;}
#zone_contenu_corps #BAZ_menu li, #zone_contenu_corps .menu_classique_n3 li, .onglets li { cursor:pointer; float:left; list-style:none; margin-right:5px; /* font-variant:small-caps; */
font-size:13px; text-transform:uppercase; letter-spacing:0px; padding:5px 2px 5px 5px;margin:0 1px 0 0;
background:none no-repeat 5px 9px #C2C0AD; color:#fd8c13;
border: 1px solid #c2c0ad; border-bottom: 0px solid #c2c0ad; text-decoration: none;
-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; /* pour Chrome */ border-radius: 10px 10px 0 0;
}
#zone_contenu_corps #BAZ_menu .menu_actif a, #zone_contenu_corps .menu_classique_n3 .menu_actif a, #zone_contenu_corps .onglets .menu_actif a {background:none;color:#FD8C13; font-weight:bold}
#zone_contenu_corps #BAZ_menu .menu_actif, #zone_contenu_corps .menu_classique_n3 .menu_actif, #zone_contenu_corps .onglets .menu_actif {
background:none; border: 1px solid #C2C0AD; border-bottom: 0px solid #c2c0ad;
text-decoration: none;
-moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; /* pour Chrome */ border-radius: 10px 10px 0 0; }
#zone_contenu_corps #BAZ_menu .menu_inactif a, #zone_contenu_corps .menu_classique_n3 .menu_inactif a, #zone_contenu_corps .menu_classique_n3 h1, #zone_contenu_corps .onglets .menu_inactif a, #zone_contenu_corps .onglets h1 {color:#6C6865; }
#zone_contenu_corps #BAZ_menu .menu_actif h1, #zone_contenu_corps .menu_classique_n3 .menu_actif h1, .onglets .menu_actif h1 {color:#FD8C13; }
.cadreInvisible {float:left; margin-left:10px; margin-top:10px;}
.cadreInvisible h1 {margin:0 0 10px 0}
.cadreRondOmbre {float:left; margin-bottom:10px; padding:20px; background-color:#fff; border:1px solid #fff;
-moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;
-moz-box-shadow: 2px 2px 9px #aaa; -webkit-box-shadow: 7px 7px 11px #aaa; box-shadow: 7px 7px 11px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4); /* pour ie8 */
zoom: 1; /* pour ie8 */}
.filetRouge { border:solid 1px red;}
#cartographieVolante { position:absolute; z-index:10; background :white; border:solid 1px #AAAAAA; padding:15px; margin:-300px 0 0 -300px; }
#cartographieVolante #masquerLaCarte { float:right }
/** Zone projets : commun avec accueil */
/** TODO : mettre en place une feuille commune **/
/* Projets */
#bandeauProjets { width:845px; margin:20px 0 20px 0; border:dotted 1px #fd8c13; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
float:left; padding-left:65px; }
#bandeauProjets ul { height:98px; padding:0px; list-style:none; font-family:arial;}
#bandeauProjets ul li { width:250px; margin-left:15px; border: double 1px orange; border-width:0 4px 0 0; display:inline;height:95px;float:left;}
#bandeauProjets ul li, #bandeauProjets ul li p { font-family:arial; font-size: 10px; line-height:1.3em;}
#bandeauProjets ul li p { padding-right:2px; }
#bandeauProjets ul li a { color:#7B9C35; font-weight:bold; }
#bandeauProjets ul li h3 { padding:5px 0 5px 0 ; margin:0; color:#fd8c13; }
#bandeauProjets ul li img { float:left; }
#bandeauProjets ul .bouton { width:20px;}
#bandeauProjets #boutonPrecedent, #bandeauProjets #boutonSuivant { position:absolute;}
#bandeauProjets #boutonPrecedent { margin-left:-66px; margin-top:-99px; height:100px; background:white; cursor:pointer; width:70px; border:dotted 1px #fd8c13;
#bandeauProjets ul { height:98px; padding:0px; list-style:none; font-family:arial;}
#bandeauProjets ul li { width:250px; margin-left:15px; border: double 1px orange; border-width:0 4px 0 0; display:inline;height:95px;float:left;}
#bandeauProjets ul li, #bandeauProjets ul li p { font-family:arial; font-size: 10px; line-height:1.3em;}
#bandeauProjets ul li p { padding-right:2px; }
#bandeauProjets ul li a { color:#7B9C35; font-weight:bold; }
#bandeauProjets ul li h3 { padding:5px 0 5px 0 ; margin:0; color:#fd8c13; }
#bandeauProjets ul li img { float:right; padding:10px}
#bandeauProjets ul .bouton { width:20px;}
#boutonPrecedent, #boutonSuivant { position:absolute;}
#boutonPrecedent { margin-left:-66px; margin-top:-99px; height:100px; background:white; cursor:pointer; width:70px; border:dotted 1px #fd8c13;
border-right-style:none; -moz-border-radius: 10px 0 0px 10px ; -webkit-border-radius: 10px 0 0px 10px ; border-radius: 10px 0 0 10px;
background:white url(../images/flecheGauche.jpg) no-repeat 5px 25px; }
#bandeauProjets #boutonSuivant { margin-left:799px; margin-top:-99px; width:30px; cursor:pointer; background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
 
#boutonSuivant { margin-left:799px; margin-top:-99px; width:30px; cursor:pointer; background:white url(../images/flecheDroite.jpg) no-repeat 15px 25px;
padding:28px 8px 53px 8px; border:dotted 1px #fd8c13; border-left-style:none;-moz-border-radius: 0px 10px 10px 0px ; -webkit-border-radius: 0px 10px 10px 0px ;
border-radius: 0px 10px 10px 0px ; }
 
253,9 → 346,54
#coordonees a:hover, #coordonees a:focus { color:#fd8c13;}
/* ====== Menus cachés ==== */
/** Menu caché spip **/
#menu_1_758 {
display: none;
}
#menu_2_22 {
display: none;
}
/**
Mise en page en colonne depuis www.1kbgrid.com
*/
/* ================ */
/* = The 1Kb Grid = */ /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */
 
.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }
.column {
margin: 0 10px;
overflow: hidden;
float: left;
display: inline;
}
.row {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
.row .row {
margin: 0 -10px;
width: auto;
display: inline-block;
}