body { margin: auto; background-color: #ebebec; color: black; font-size: 12px; font-family: Helvetica, "Myriad Pro" Arial; } .clear {clear:both;height:0;} #bg { width: 820px; margin: auto; } #top { padding-top: 30px; } #top #top-header {position:relative; top:13px; height:36px;} #top #tab-el { width:217px; float:left; height:33px; padding-top: 3px; text-align:center; background-image: url("image-tab-el-bg.png"); background-repeat:no-repeat; position:relative; margin-left:100px; } #top #tab-el a { font-size: 16px; color:white; font-family: Helvetica;} #top #login-panel { width: 400px; float:right; text-align: right; position: relative; padding-right: 34px; } #top #login-panel label { font-family: Helvetica; font-size: 14px; color: #00005e; margin-right: 2px; } #top #login-panel input { width: 110px; text-align: center; padding: 5px; color: #00005e; margin-left: 5px; border: 1px solid #bfbfd6; font-family: Arial; font-size: 10px; } #top #login-panel .submit { position: absolute; top: 1px; right: -34px; width: 28px; height: 23px; padding: 0px; background-color: #00005e; border-color: #00005e; color: white; font-weight: bold; cursor: pointer; } #top #header { height: 160px; margin-top: 12px; background-color: #014b92; border-top: 1px solid #b1c3d6; border-bottom: 1px solid #ffffff;} #top #header-left { float: left; width: 130px; margin-top: 6px; text-align: center; } #top #header-right { float: right; width: 222px; } #top #logo { margin-top: 5px; text-align: center; } #top #logo a { display: block; color:#1cccff; font-size:12px; font-family:Helvetica;} #top #search { margin: auto; margin-top: 15px; position: relative; width: 158px; padding-left: 15px; } #top #search img { position: absolute; top: 0px; left: 0px; } #top #search input { height: 18px; padding: 0px; border: 1px solid #8797bb; text-align: center; color: black; font-family: Helvetica; font-size: 10px; font-weight: bold; width: 117px; margin-left: 5px; } #top #search .submit { position: absolute; top: 0px; right: 0px; width: 28px; height: 20px; padding: 0px; background-color: #d9dadb; border-color: #7485a9; font-weight: bold; cursor: pointer; } #top #header-center { margin-left: 125px; margin-top: 25px; color: white; } #top h1 { font-size: 21px; font-weight: normal; font-family: "Myriad Pro", Arial; } #top h1 .double-size{ font-size: 1.8em; } #top h2 { font-family: Helvetica; font-size: 12px; margin-top: 2px; } #top #devis { font-family: Times; font-size: 30px; font-style: italic; color: #1cccff; text-align: right; margin-top: 25px; } #top #menu { margin-bottom: 1px; z-index:9999;} #top #menu td { } #top #menu a { display: block; height: 34px;margin-left: 1px; padding-top: 14px; padding-right: 5px; padding-left: 5px; color: white; font-family: Helvetica; font-size: 14px; text-align: center; background-image: url("image-menu-bg.jpg"); background-repeat: repeat-x; border-left: 1px solid #4f7fb5; } #page-56 #top #menu a {border:none; display: block; height: 34px;margin-left: 1px; padding-top: 14px; padding-right: 5px; padding-left: 5px; color: white; font-family: Helvetica; font-size: 14px; text-align: center; background-image: url("image-menu-bg-green.jpg"); background-repeat: repeat-x; } #page-60 #top #menu a {border:none; display: block; height: 34px;margin-left: 1px; padding-top: 14px; padding-right: 5px; padding-left: 5px; color: white; font-family: Helvetica; font-size: 14px; text-align: center; background-image: url("image-menu-bg-golden.jpg"); background-repeat: repeat-x; } #top #menu a:hover, #top #menu .active-a { background-image: url("image-menu-bg-active.jpg"); background-repeat: repeat-x; } #top #menu ul .active-a, #top #menu ul a:hover {background-image:none;} #top #menu .first-a, #page-56 #top #menu .first-a,#page-60 #top #menu .first-a { margin-left: 0px; } #top #menu ul { display: none; margin-left: 1px; list-style: none; background-image: url('image-submenu-bg.png'); background-repeat: repeat; padding-bottom: 15px; position: absolute; z-index:99999; } #page-60 #top #menu ul { display: none; margin-left: 1px; list-style: none; background-image: url('image-submenu-bg-golden.png'); background-repeat: repeat; padding-bottom: 15px; position: absolute; z-index:99999; } #page-56 #top #menu ul { display: none; margin-left: 1px; list-style: none; background-image: url('image-submenu-bg-green.png'); background-repeat: repeat; padding-bottom: 15px; position: absolute; z-index:99999; } #top #menu .first-td ul, #page-56 #top #menu .first-td ul { margin-left: 0px; } #top #menu ul a, #page-56 #top #menu ul a, #page-60 #top #menu ul a { display: inline; height: auto; margin: 0px; padding: 0px; text-align: normal; font-size: 12px; border: 0px; background-image: none; } #top #menu ul a:hover { text-decoration: underline; } #top #menu ul li{ padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; } #middle {font-family:Helvetica, Arial;} #middle .content { height: 100%; } #middle a {color:inherit;} #middle .introtext {height:233px; background-color:white; border:1px solid #d9dadb; border-top: 0; margin:0 0 10px 0;position:relative; padding:0;} #middle .home-intro {height:231px; background-color:white; border:1px solid #d9dadb; border-top: 0; margin:0 0 10px 0;position:relative; padding:0;} #page-52 #middle .introtext {margin-top:10px;} #middle .introtext .sports {background: #d5edfa; height: 203px; padding-top: 30px; padding-left: 15px; } #middle .introtext .sport-icone { float:left; display:block; width:65px; height:30px; padding-top:60px ; background-image:url("image-intro/bg-btn-sport.png");background-position:top left; background-repeat: no-repeat; color:#004a91; font-size:8pt; margin:5px 4px 5px 3px; text-align:center; position:relative; } #middle .introtext .sport-icone:hover {background-image:url("image-intro/bg-btn-sport-hover.png"); background-repeat:no-repeat;} #middle .introtext .ath {display:block; height:55px; width:57px; background-image:url("image-ath.png");background-repeat:no-repeat;position:absolute; top:0; left:2px;} #middle .introtext .can {display:block; height:55px; width:57px; background-image:url("image-can.png");background-repeat:no-repeat;position:absolute; top:3px; left:0;} #middle .introtext .cou {display:block; height:55px; width:57px; background-image:url("image-cou.png");background-repeat:no-repeat;position:absolute; top:5px; left:5px;} #middle .introtext .fot {display:block; height:55px; width:57px; background-image:url("image-fot.png");background-repeat:no-repeat;position:absolute; top:5px; left:5px;} #middle .introtext .bad {display:block; height:55px; width:57px; background-image:url("image-bad.png");background-repeat:no-repeat;position:absolute; top:2px; left:0;} #middle .introtext .bas {display:block; height:55px; width:57px; background-image:url("image-bas.png");background-repeat:no-repeat;position:absolute; top:0; left:2px;} #middle .introtext .box {display:block; height:55px; width:57px; background-image:url("image-box.png");background-repeat:no-repeat;position:absolute; top:0; left:0;} #middle .introtext .cro {display:block; height:55px; width:57px; background-image:url("image-cro.png");background-repeat:no-repeat;position:absolute; top:0; left:0;} #middle .introtext .esca{display:block; height:55px; width:57px; background-image:url("image-esc.png");background-repeat:no-repeat;position:absolute; top:0; left:0;} #middle .introtext .equ {display:block; height:55px; width:57px; background-image:url("image-equ.png");background-repeat:no-repeat;position:absolute; top:0; left:2px;} #middle .introtext .jud {display:block; height:55px; width:57px; background-image:url("image-jud.png");background-repeat:no-repeat;position:absolute; top:0; left:0;} #middle .introtext .lut {display:block; height:55px; width:57px; background-image:url("image-lut.png");background-repeat:no-repeat;position:absolute; top:0; left:3px;} #middle .introtext .nat {display:block; height:55px; width:57px; background-image:url("image-nat.png");background-repeat:no-repeat;position:absolute; top:0; left:3px;} #middle .introtext .pet {display:block; height:55px; width:57px; background-image:url("image-pet.png");background-repeat:no-repeat;position:absolute; top:0; left:2px;} #middle .introtext .ski {display:block; height:55px; width:57px; background-image:url("image-ski.png");background-repeat:no-repeat;position:absolute; top:0; left:0;} #middle .introtext .bou {display:block; height:55px; width:57px; background-image:url("image-bou.png");background-repeat:no-repeat;position:absolute; top:0; left:2px;} #middle .introtext .sco {display:block; height:55px; width:57px; background-image:url("image-sco.png");background-repeat:no-repeat;position:absolute; top:0; left:0;} #middle .introtext .ten {display:block; height:55px; width:57px; background-image:url("image-ten.png");background-repeat:no-repeat;position:absolute; top:0; left:0;} #middle .introtext .tet {display:block; height:55px; width:57px; background-image:url("image-tet.png");background-repeat:no-repeat;position:absolute; top:0; left:0;} #middle .introtext .arc {display:block; height:55px; width:57px; background-image:url("image-arc.png");background-repeat:no-repeat;position:absolute; top:2px; left:0;} #middle .introtext .voi {display:block; height:55px; width:57px; background-image:url("image-voi.png");background-repeat:no-repeat;position:absolute; top:0; left:0;} #middle .introtext .vit {display:block; height:55px; width:57px; background-image:url("image-vit.png");background-repeat:no-repeat;position:absolute; top:0; left:0;} #middle #left-content {width:660px; float:left; height:508px; } #page-64 #middle #left-content {height:auto; } #page-65 #middle #left-content {height:auto; } #page-40 #middle select { width: 70px; } #page-40 #middle select option { padding-left: 5px; } #middle #right-content {width:152px; float:right;} #middle #rdd select { width: 150px; } #middle .blue-dark-title {height:31px; line-height:31px;text-align:center; background-image:url('image-bg-dark-blue-title.png');background-position: top left; background-repeat: repeat-x; font-family:"Myriad Pro", Helvetica, Arial; font-size:16px; color:white; font-weight: normal; } #middle .blue-dark-title a {color:white;} #middle .blue-light-title {height:31px; line-height:31px;text-align:center; background-image:url('image-bg-light-blue-title.png');background-position: top left;background-repeat: repeat-x; font-family:Helvetica; font-size:16px; color:white;} #middle .panel {border:1px solid #e1e1e1; background-color:white; margin:0 0 10px 0; position:relative; /*height:100%;*/} #middle .panel .header-panel {height:29px; line-height:25px;text-align:center; background-image:url('image-bg-header-bloc.png');background-position:top left;background-repeat: repeat-x; font-family:"Myriad Pro"; font-weight: lighter; font-size:17px; color:white;} #middle .panel .green-header-panel {height:31px; line-height:31px;text-align:center; background-image:url('image-bg-green-header-panel.png'); background-position:top left; background-repeat: repeat-x; font-family:Helvetica; font-size:16px; color:white;} #middle .panel .gray-header-panel {height:29px; line-height:29px;text-align:center; background-image:url('image-bg-gray-header-panel.png');background-position:top left;background-repeat: repeat-x; font-family:Helvetica; font-size:13px; color:black;} #middle .golden-header-panel {height:29px; line-height:29px;text-align:center; background-image:url('image-bg-golden-header-panel.png');background-position:top left; background-repeat: repeat-x; font-family:"Myriad Pro"; font-weight: lighter; font-size:17px; color:white;} #middle .golden-header-panel a {color:white;} #middle .result-search table {width:97%;} #middle .result-search td {padding:2px; } #middle .panel .blue-header-panel {line-height:23px; height:23px;text-align:left; background-color:#2c7cb8; font-family:Advert, Arial; font-size:15px; color:white; padding-left:10px;} /* boutique */ #middle .panel-170-185 {border:2px solid #437aaf; height:170px; width:185px; text-align:center; float:left; margin:0 0 20px 0; } #middle .panel-170-185 a {width:100%; height:auto; display:block;} #middle .panel-170-185 .edit a { display: inline; } #middle .panel .back-boutique {display:block; width:40px; color:white; background-color:#01083c; background-image:url('image-fleche-back.png'); background-position:2px 7px; padding:5px 5px 5px 13px; position:absolute;top:2px; left:2px; font-family:verdana; font-size:8pt;} #page-49 #middle .panel .back-boutique {display:none; } #middle .panel .back {display:block; width:40px; color:white; background-color:#01083c; background-image:url('image-fleche-back.png'); background-position:2px 7px; padding:5px 5px 5px 13px; position:absolute;top:0px; left:0px; font-family:verdana; font-size:8pt;} #middle .panel .normal-back {display:block; width:40px; color:white; background-color:#063f87; background-image:url('image-fleche-back.png'); background-position:2px 7px; padding:5px 5px 5px 13px; family:verdana; font-size:8pt; position:relative;top:-10px;} .defil-content {overflow:auto; } .content-panel {padding:10px;} /*.content-panel h3 {color:#0f3078; border-bottom:3px solid #1f71b4; font-size:18pt; font-family:Helvetica; padding:0 0 10px 0; margin:5px 5px 10px 5px;}*/ .bloc .image-fottante {margin:0 10px 5px 0; padding:0 5px 0 0; float:left; display:block; } .content-panel .text-image {color:#004b92; font-size:15px; } .gray-btn a {display:block; height:22px; padding:0 15px 0 15px; background-image:url("image-bg-light-gray-btn.png");background-position:top left; background-repeat: repeat-x; color:black; font-size:12px; border:1px solid #e1e1e1; margin:2px; line-height:22px;} .active-gray-btn a {background-image:url("image-bg-active-gray-btn.png");background-position:top left; background-repeat: repeat-x; color:white;} .active-gray-btn {color:white;} .form-btn {display:block; height:22px; padding-left: 15px; padding-right:15px; background-image:url("image-bg-light-gray-btn.png"); background-position:top left; background-repeat: repeat-x; color:black; font-size:12px; border:1px solid #e1e1e1; margin:2px; padding-top:1px; padding-bottom:5px; } #middle .small-gray-btn {background-image:url("image-gray-btn-18.png"); background-repeat:repeat-x; border:1px solid #f1f1f1; height:18px; padding:0 5px 0 5px; color:#00005e; font-weight: bold; line-height: 18px; font-size:10px; display:block; text-align:center; margin:5px;} #middle .multi-line {line-height:normal; } #middle .underline-title {border-bottom:4px solid #055197; color:#004b92; margin:0 0 10px 0; font-size:16px;} #middle .underline-green-title {border-bottom:4px solid #5ea53f; color:#5ea53f; margin:0 0 10px 0; font-size:16px;} #left-content ul li {margin-left:20px; margin-bottom:5px; } #middle .bloc {border-bottom:2px solid #055197; margin-bottom:20px; padding-bottom:10px;} #middle .last-bloc {border:0;} #middle .bloc h3 {color:#055197; font-size:18px; font-family:Arial; margin-bottom:10px;} #middle .bloc p {font-size:16px;} #middle .bloc td {padding:0 0 20px 0; } #middle .comite img {margin-right:10px; float:left; } #middle .statut {font-family:Arial; font-size:14px; color:#004b92; font-weight:bold; } /*home*/ #middle .pub-du-mois {background-image:url("image-bg-pub-mois.png"); background-repeat:repeat-x; } #middle .calendrier-sportif { background-repeat:no-repeat; background-position:2px 35px;} #middle .calendrier-sportif p{margin: 0 0 0 10px; font-size:11px; padding-left:30px;} #middle .calendrier-sportif strong{line-height:30px;} #middle .tableau td {vertical-align:bottom; padding-bottom: 0; font-weight:bold; } #middle .tableau img {margin:10px 0 0 10px;} /* commité medical */ #middle .commission td{ padding-bottom:30px; vertical-align:bottom; font-weight:bold;} #middle #faq {padding:20px;} #middle #faq .title-faq {color:#3087c7; font-size:13pt; margin:20px 0 0 0; } #middle #faq .question-faq {color:black; font-size:10pt; } #middle #faq .reponse-faq {display:none;color:black; font-size:10pt; border:1px solid #969696; background-color:#e6e6e6; padding:5px 10px 5px 10px; margin:10px 20px 0 0;} #middle .link-down {color:#006600; font-size:9pt; text-decoration:underline; font-weight:bold; } #middle .asso {padding:30px;} #middle .asso h3 {color:#0f3078; font-size:16px;} #middle .asso strong {color:#3087c7; font-size:9pt} #middle #don {float:left; width:339px;} #middle #form-don {float:right; width:460px; } #middle .confident, #middle .fiscal {font-size:10pt; color:#646464;} #middle .confident:hover, #middle .fiscal:hover {cursor: pointer;} #middle .cftext {display:none; position:absolute; width:400px; background-color:white; border:2px solid #646464; padding:10px; font-size:13pt; margin-top:-50px;} #middle .cf-bottom {text-align:center; margin-top:10px; } #middle .close-cftext {font-weight:bold; font-size:14pt; width:50px; margin:auto; display:block; height:22px; padding:0 15px 0 15px; background-image:url("image-bg-light-gray-btn.png");background-position:top left; background-repeat: repeat-x; color:black; border:1px solid #e1e1e1; line-height:22px; } #middle .close-cftext:hover {cursor: pointer; color:#c8c8c8;} #middle .marron-form {border:1px solid white; background-image:url("image-bg-marron1.png"); background-color:white; background-repeat:repeat-x; margin:0 0 10px 0; padding:10px;} #middle .info-don { height:30px;border:1px solid white; background-image:url("image-bg-marron1.png"); background-color:white; background-position:center; background-repeat:repeat-x; margin:0 0 10px 0; padding:10px;} #middle .info-don h3 { color:#646464; font-size:16px; margin-bottom:10px; line-height: 30px;} #middle .marron-form h3 {color:#646464; font-size:16px; margin-bottom:10px;} #middle .marron-form .label-form {color:#646464; font-size:12px;} #middle .marron-form input[type=text] {width:300px; border:1px solid #e1e1e1; height:23px;} #middle .marron-form label {margin-right:10px; font-size:14px;} #middle .marron-form input[type="radio"] {margin-right:2px} #middle .marron-form select {border:1px solid #e1e1e1; height:23px;} #middle .marron-form td {padding:3px 2px 3px 2px;} #middle .submit-don, #middle .reset-don {height:22px; line-height:22px; font-size:9pt; color:#646464; background-image:url("image-golden-btn.png"); background-repeat:repeat-x; border:1px solid #e1e1e1; padding:0 10px 0 10px;} #middle .nous-contacter input[type=text] { width:100%; height:25px; border:1px solid #e1e1e1;} #middle .nous-contacter select {border:1px solid #e1e1e1;} #middle .nous-contacter textarea { width:100%; height:200px;border:1px solid #e1e1e1;} #middle .nous-contacter td { padding:2px; vertical-align:top; padding-top:3px;} #middle .nous-contacter .label-form {color:#646464; font-size:14px; width:100px;} #middle #form-identification {background-image:url("image-bg-form-identification.png"); background-repeat:repeat-x; margin:20px;padding:10px;border:2px solid #f1f1f1;} #middle #form-identification h3 {color:#646464; font-size:17px;margin:0 0 10px 0;} #middle #form-identification .label-form {color:#646464; font-size:15px;} #middle #form-identification input[type="text"] {border:1px solid #e1e1e1; width:259px; margin-bottom:5px;} #middle #bon-cmd {} #middle #bon-cmd h3 {background-color:#969696; color:white;} #middle #bon-cmd .label-form {color:#646464; font-size:14px; padding-right:5px; } #middle #bon-cmd table { margin:20px 0 20px 0; } #middle #bon-cmd td { vertical-align:middle; } #middle #bon-cmd .cahier-num { width:100px; } #middle #bon-cmd input[type="text"] { border:1px solid #e3e3e4; margin:2px; height:22px; width:675px;} #middle #bon-cmd select {border:1px solid #e1e1e1; margin:2px;} #middle #bon-cmd .produits { width:765px; } #middle #bon-cmd .produits td {border:1px solid #e3e3e4; font-size:14px; color:#646464; padding:2px; } #middle #bon-cmd .produits th {border:none; border:0;font-size:14px; color:#646464; } #middle #bon-cmd h3 {padding:5px; display:inline;margin:0 0 20px 0;} #middle select, #middle input[type="text"] {border:1px solid #e1e1e1;} #middle .inscription-form {background-image:url("image-bg-inscription.png"); background-repeat:repeat-x;float:right; padding:10px; color:#646464; width:450px; margin:20px 20px 0 0; border:1px solid #e1e1e1;font-size:15px;} #middle .inscription-form h3 {font-size:20px; margin-bottom:30px;} #middle .slider-photo {margin:auto; margin-bottom:20px; padding:0 0 0 30px; position:relative; } #middle .slider-photo ul { list-style:none;} #middle .slider-photo li { width:110px; float:left; margin-right:7px; margin-left:7px; text-align:left;} #middle .slider-photo .titre-item-slider a { color:#004b92; font-size:11px; font-weight:bold;} #middle .slider-photo .titre-item-slider a:hover { text-decoration:underline;} #middle .slider-photo .info-item-slider { color:#969696; font-size:10px;} #middle .slider-photo .prev-slider {display:block; position:absolute; left:5px; top:25px; width:17px; height:20px; background-image:url("image-prev-album.png");} #middle .slider-photo .suc-slider {display:block; position:absolute; right:5px; top:25px; width:17px; height:20px; background-image:url("image-suc-album.png");} #middle .slider-devdur {list-style:none; height:110px; padding:10px 0 10px 0;} #middle .slider-devdur li { float:left; width: 112px; text-align: center;} #middle .slider-devdur img { width: 70px; height: 90px; } #middle .slider-devdur a {display:block; } #middle .slider-devdur a .green-link { display: block; max-width: 150px; position: absolute; color:#006600; font-size:12px; font-weight:bold; border-bottom:2px solid #bfd9bf; visibility:hidden; } #middle .slider-devdur a:hover > .green-link { visibility:visible;} #middle .slider-devdur .edit { width: 112px; display: block; position: absolute; margin: 0px; padding: 0px; text-align: center; margin-top: -17px; } #middle .slider-devdur .edit a { display: inline; margin: 0px; padding: 0px; } #middle .link-resultat a {color:#004b92; font-size:13px;} #middle .link-resultat a:hover {color:#3087C7; } #middle .plan-site h4 {font-size:18px; font-family:"Myriad Pro"; color:#004b92; margin:20px 0 10px 0;} #middle .plan-site p {font-size:14px; color:black; margin-left:30px;} #middle .plan-site p a:hover{text-decoration:underline;} #middle .plan-site h4:hover{color:#3087C7;} #middle .mentions h4 {font-size:18px; font-family:"Myriad Pro"; color:#004b92; margin:20px 0 10px 0;} #middle .mentions p {font-size:14px; } #page-64 #middle .defil-content {padding:10px; } #page-64 #liens td {padding:10px 0;} #page-64 #middle td img {margin-right:10px;} #page-64 #middle .title-link {display:block;} #page-64 #middle .web-link a {display:block; color:#3087c7; text-decoration:underline;} #middle .partenaire p {text-align: center; } #middle .partenaire img {margin:0 5px 5px 5px;} #middle .partenaire .top-partenaire {display:block; margin:0;} #middle .partenaire .top-partenaire img {} #middle .partenaire .underline-title {clear:both;margin:10px 0 20px 0;} #middle .panel-calendrier {position: relative;} #middle .panel-calendrier .home {position: absolute; top:0; left:0; background-image:url("image-home-icone.png"); background-repeat: no-repeat; background-position:5px 4px; color:#eaeaeb ;font-weight: normal; font-size: 11px; height:28px; width:50px; line-height:29px; padding:0 0 0 30px; border-right:1px solid #eaeaeb; } .share { margin:0; padding:0; position:relative; } .share .networks {position:absolute; top:20px; right:0; padding:10px; width:90px; background-color:white; border:1px solid gray; z-index:99999; display:none;} .share .network {display:block; height:20px; line-height: 20px ; margin: 0 0 10px 0; } .share .network a {margin-top:-5px; position: relative; top:-5px;} .share .network a:hover {text-decoration: underline;} .share:hover > .networks {display:block;} #middle .magffsa {padding-top:20px;} #middle .magffsa .vignettes {margin-top:10px 0 0 0; margin-bottom:20px; list-style: none; } #middle .magffsa .item-mag {float:left; width:55px; height:80px; padding:0; margin:0 0 5px 0; } #middle .magffsa .item-mag:hover {cursor: pointer;} #middle .vignettes .mag-details {display:none; } #middle .magffsa .vignette {} #middle .magffsa .vignette img {width:45px;} #middle .magffsa .vignette .mag-num {font-size:8pt; color:#004b92;} #middle #mag-details h3 {font-size:20pt; } #middle #mag-details .magplustitle {width:600px; margin:auto; margin-top: 20px; } #middle #mag-details object {float:left; margin-right:10px; } #middle #mag-details .mag-title {color:#004b92; font-size:13pt; position:relative; top:10px;} #middle #mag-details .gray-btn {width:150px; float:right; } #middle .cahierffsa .vignettes {margin-top:10px 0 0 0; margin-bottom:20px; list-style: none; } #middle .item-cahier {float:left; width:55px; height:80px; padding:0; margin:0 0px 5px 0; } #middle .item-cahier:hover {cursor: pointer;} #middle .vignettes .cahier-details {display:none; } #middle #cahier-details h3 {font-size:20pt;} #middle .vignette {} #middle .vignette img {width:45px;} #middle .vignette .cahier-num {font-size:7pt; color:#004b92;} #middle #cahier-details img {float:left; margin-right:10px; width:127px; height:179px;} #middle #cahier-details .cahier-title {color:#004b92; font-size:13pt;} #middle #cahier-details .cahier-price {color:#004b92; font-size:10pt; font-weight:bold; } #middle #cahier-details .cahier-btn {float:right; position:relative; top:-30px;} #middle #cahier-details .cahier-btn .summary {float:left;} #middle #cahier-details .cahier-btn .cmd {float:left;} #middle .membre-details {margin-bottom:10px;} #bottom-bg { background-color: #014b92; } #bottom { width: 820px; margin: auto; margin-top:10px; font-family: Helvetica} #bottom td { vertical-align: middle; padding-top: 8px; padding-bottom: 8px; padding-right: 20px; } #bottom a { display: block; color: white; background-position: left center } #bottom a:hover { text-decoration: underline; } #bottom #el a { background-image: url('image-picto_espace_licence.jpg'); padding-left:45px; } #bottom #nc a { background-image: url('image-picto_contacter.jpg'); padding-left:41px; } #bottom #li a { background-image: url('image-picto_liens.jpg'); padding-left:32px; } #bottom #dd a { background-image: url('image-picto_dev_durable.jpg'); padding-left:35px; } #bottom #bo a { background-image: url('image-picto_boutique.jpg'); padding-left:32px; padding-top: 5px; padding-bottom: 5px; } #bottom #social { text-align: right; padding-right: 0px; } #bottom #social a { display: inline; }