/* Corrections apportées au css général */ #bando-left{ width: 14px;height: 91px;float: left;background: url("../images/parts/accentyou/bando-left.png") no-repeat top left;} #bando-mid{ position: relative;z-index:100;width: 580px;height: 91px;float: left;background: url("../images/parts/accentyou/bando-mid.png") repeat-x top;padding-top: 17px;} #bando-mid img{ position: absolute;right: -10px;top: 13px;} #bando-right{ width: 34px;height: 91px;float: left;background: url("../images/parts/accentyou/bando-right.png") no-repeat top right;} #logos img { margin: -16px 0px;} #ql1 img{ margin: 0px 0px 0px 6px;} #ql1 span { margin-top: -4px;} .rouge{ color: #c1022c;} .gris1{ color: #767575;} .gras{ font-weight: bold;} /* Fin des corrections et ajouts apportés au css général ######################################## Page presse ######################################## */ .pres { float: left;width: 150px;height: 75px;font-size: 8px;margin-right: 50px;margin-bottom: 70px;text-align: center;position:relative;} .pres p{ width: 138px;height: 15px;position: absolute;bottom: 0px;padding-left: 12px;} .pres p a,.pres p a:visited{display: block;float: left;margin-right: 6px;color: #c1022c;} .pres img { } /*.pres1 p img { margin-top: 15px;} .pres2 p img { margin-top: 15px;} .pres3 p img { margin-top: 35px;margin-left: -145px;} .pres4 p img { margin-top: 35px;margin-left: -145px;} */ /* ######################################## Page documents-pdf ######################################## */ .pdf { font-size: 8px;float: left} .pdf h4{ font-size: 13px;margin-bottom: 5px;} .pdf a,#pdf a:visited{color: #c1022c;display: block; float: left;} .pdf #pdf1{ width: 300px;margin-right: 70px;} .pdf #pdf2{ width: 180px;margin-top: 154px;} .pdf #pdf3{ width: 280px;margin-top: 78px;margin-left: 305px;} .pdf #pdf3 p { float: left;margin-left: -74px;} .pdf img { float: left;} .pdf #pdf1 img { margin-top: 35px;margin-left: -140px;} .pdf #pdf2 img { margin-top: 15px;} .pdf #pdf3 img { margin-top: -15px;margin-left: -175px;} /* ######################################## Page doc-tech ######################################## */ .doc-tc { font-size: 8px;float: left} .doc-tc h4{ font-size: 13px;margin-bottom: 5px;} .doc-tc a,#doc-tc a:visited{color: #c1022c;display: block; float: left;margin-right: 6px;} #doc-tc1{ width: 300px;margin-right: 70px;} #doc-tc2{ width: 180px;margin-top: 154px;} #doc-tc3{ width: 280px;margin-top: 78px;margin-left: 305px;} #doc-tc3 p { float: left;margin-left: -74px;} .doc-tc img { float: left;} #doc-tc1 img { margin-top: 15px;margin-left: 0px;} #doc-tc2 img { margin-top: 15px;} #doc-tc3 img { margin-top: -15px;margin-left: -175px;} /* ######################################## Page questions-reponses ######################################## */ .qr h4 { font-size: 14px;color: #c1022c;margin-bottom: 5px;} .qr p { font-size: 12px;margin-bottom: 30px;text-align: justify;} .qr { margin-right: 40px;margin-top: -10px;} /* ######################################## Page témoignages ######################################## */ .tm { margin-right: 40px;margin-top: 0px;margin-bottom: 250px;} .tm img:first-child{float: left;margin-top: 50px;margin-left: -33px;margin-right: 15px;} .tm img:first-child+img{float: left;margin-top: 50px;margin-right: 12px;} .tm p#legende{ font-size: 12px;margin-top: 75px;margin-bottom:118px;line-height: 16px;margin-right: -20px;} .tm p#legende span{font-weight: bold;font-size: 14px;letter-spacing: 1px;} .tm .apercu-temoign{display: block;padding: 10px;float:none;background-color:#efefef;height: 90px;} .tm .apercu-temoign:hover{background-color:#dedede;} .tm .apercu-temoign img{display:block;float:left;border:2px solid #dedede;margin:0;} .tm .apercu-temoign a{display:block;float:left;width:460px;padding-left:20px;text-decoration:none;color:#000;} .tm .apercu-temoign a span{font-weight: bold;font-size: 14px;letter-spacing: 1px;} .tm p{ font-size: 12px;text-align: justify;margin-bottom: 15px;} .tm ul{ margin-bottom: 15px;margin-top: -15px;} .tm ul li{ font-size: 12px;text-align: justify;} .tm h4 { font-size: 14px;color: #c1022c;margin-top: 35px;margin-bottom: 5px;text-transform: uppercase;} /* ######################################## Page technologie ######################################## */ .tech{ margin-left: -30px;width: 610px;} .tech > p{ font-size: 13px;letter-spacing: 0.0005em;line-height: 16px;margin-bottom: 18px;} .tech #col-1{ width: 310px;float: left;border-right: 2px solid #a1a1a1;} .tech #col-1 img,.tech #col-2 img{ margin-left: -20px;} .tech #col-2{ width: 260px;float: left;margin-left: 0px;} .tech .titre{ position: relative;width: 290px;height: 101px;margin-bottom: 232px;margin-left: 20px;} .tech .titre img { float: left;} .tech .titre .txt-titr { position: absolute; bottom: 0px;left: 74px;} .tech .titre .txt-titr h4 {font-size: 16px;letter-spacing: 0.0005em;line-height: 25px;font-weight: bold;} .tech .titre .txt-titr h5 { font-size: 11px;} .tech #av-trait div:first-child{ } .tech .tech-1 { clear: both;height: 560px;margin-left: 50px;margin-right: 40px;} .tech .tech-1 p { width: 126px;margin-top: -90px;font-size: 12px;text-align: left;} .tech .tech-1 div { font-size: 12px;} .tech #col-2 .tech-1 p { width: 140px;} .tech #col-2 .tech-1 div { width: 206px;} .tech .tech-1 h5{ font-size: 13px;padding-top: 30px;margin-bottom: -40px;} .tech .tech-2{ width: 222px;height: 231px;margin: 100px auto 50px auto;padding: 8px;text-align: center;font-size: 12px;background-color: #cfd0d0;} .tech .tech-2 h5{ padding-bottom: 8px;} #col-2 .tech-2{ margin-left: 45px;} #av-trait{ position: absolute;width: 682px;height: 310px;margin-left: 0px;margin-top: 140px;} #av-trait h5{ font-size: 12px;} #av-trait div{ width: 175px;float: left;font-size: 10px;text-align: right;padding: 10px;} #av-trait p,#av-trait h5{ text-align: right;padding-right: 2px;} #av-trait h5.left,#av-trait p.left { padding-left: 2px;text-align: left;} #av-trait img{ display: block;float: left;margin-top: 13px;} /* ######################################## Page resultats ######################################## */ .resu{ padding-right: 38px;padding-left: 39px;} .resu img{ display: block;margin: 5px auto;} .resu h5{ width: 280px;text-align: center;margin-top: -10px;} img#im1{ margin-left: 10px;margin-top: 40px;margin-bottom: 15px;} img#im2{ margin-left: 28px;margin-top: 40px;margin-bottom: 15px;} img#im3{ margin-left: 28px;margin-top: 40px;margin-bottom: 15px;} img#im4{ margin-left: 29px;margin-top: 40px;margin-bottom: 15px;} img#im5{ margin-left: 29px;margin-top: 40px;margin-bottom: 15px;} .resu > p{ } .resu ul { margin-top: 18px;margin-bottom: -40px;} .resu h4{ margin-top: 65px;margin-bottom: 25px;letter-spacing: 1px;color: #c1022c;} .resu h5{ float: left;margin-top: -10px;} .resu p.legende{ float: left;width: 251px;margin-top: 10px;margin-left: 20px;} /* ######################################## Page pour-qui ######################################## */ .pq h4 { margin-bottom: 53px;} .pq h5 { color: #c1022c;margin-bottom: 28px;} .pq p{ margin-bottom: 28px;} .pq img{ float: left;} .pq p + h5 + img{ float: right;} .pq ul { list-style-type: disc;list-style-position: inside;color: #c1022c;width: 370px;} .pq h5 + ul,.pq img+ h5 { float: right;width: 390px;} .pq li { margin-bottom: 28px;padding-right: 40px;text-align: justify;} .pq li span{ color: #000;} div.pq{ padding-bottom: 430px;} /* ######################################## Page présentation ######################################## */ .pr { margin-top: -88px;margin-right: 33px;} .pr div { float: left;margin-bottom: 25px;} .pr h4 { font-size: 13px;margin-bottom: 25px;} .pr > h4{ clear: both;} .pr p ,.pr div p,.pr ul { margin-bottom: 25px;font-size: 14px;text-align: justify;} .pr ul { margin-top: -25px;list-style-type: disc;list-style-position: inside;} .pr img{ float: right;margin-left: 29px;} .pr div + div img{ float: left;margin-left: 0px;margin-right: 29px;} .pr div + div p,.pr div + div ul{ float: right;width: 386px;} .pr div + div + h4 + div p{ float: left;width: 406px;} /* ######################################## Page vidéo ######################################## */ .video h3{ color: #c1022c;} .video {width: 450px;height:250px;margin-bottom: 60px;} .video a{display: block;margin: 8px;} .video img{ float: left;} /* ######################################## Page fiche technique ######################################## */ .fich h4,.fich p {font-size: 12px;color: #444444;} .fich > img{ display: block;float: left;margin-left: -15px;} .fich div{ float: left;width: 398px;margin-left: 10px;} .fich div img { float: right;} .fich div + div p {width: 260px;margin-bottom: 15px;} .fich div + div span {font-weight: bold;} .fich div#ecran{ float: left;margin-left: 5px;} .fich div#ecran img {float: left;margin-right: 5px;} .fich div#ecran p, .fich div#ecran h4 {width: 380px;text-align: left;} .fich div#ecran p {margin-bottom: 30px;} .fich table{font-size: 15px;width: 580px;margin-top: 30px;} .fich tr{ background-color: #e4e3e3;height: 25px;} .fich td,.fich th{ border-bottom: 1px solid white;font-size: 13px;} .fich th{ width: 150px;padding-left: 20px;}/* .fich div p {margin-bottom: 25px;float: left;font-size: 12px;} .fich #piece p{width: 270px;} .fich #piece img{margin-right: -25px;} */