/************ VERT *****************/ * {padding:0px;margin:0px;} body {background:#f2f2e3;height:100%;} img {border:none;line-height:0;} li {list-style-type:none;} a {font-family:Georgia,"DejaVu Serif","Bitstream Vera Serif",Norasi,serif;text-decoration:none;color:#7b9c01;} a:hover {color:#b5d902;} p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:90%;color:#606060;} h1,h2 {font-family:Georgia,"DejaVu Serif","Bitstream Vera Serif",Norasi,serif;font-size:140%;font-weight:normal;color:#404040;} .disabled {display:none;} .clear {clear:both;} .couleur {color:#7b9c01;} h1#presentation{width:775px;left:51%;top:5px;margin-left:-385px;position:absolute;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:90%;color:#d3d3ab;} #global {width:775px;left:50%;margin-left:-385px;position:relative;padding-bottom:60px;} /* -------------------HEADER---------------------------------------------------- */ #header {width:760px;margin-top:40px;background: url("../../creation-site-web/images/separateur.gif") repeat-x 10% 50%;position:relative;} #global #header ul {padding-top:45px;float:right;padding-right:20px;padding-bottom:13px;} #global #header ul li{float:left;margin-right:0px;margin-left:20px;} #global #header ul li a{float:left;color:#808080;padding-bottom:6px;} #global #header ul li a.pageactuelle {background: url('../../creation-site-web/images/separateur.gif') repeat-x bottom center;color:#7b9c01;} #global #header ul li a:hover {color:#b5d902;} #global #header ul li a:hover.pageactuelle {color:#7b9c01;} #logo {position:absolute;width:306px;height:78px;background: url("../../creation-site-web/images/vert/logo_vert.gif") no-repeat;margin-top:5px;} /* -------------------INTRO ACCUEIL---------------------------------------------------- */ #intro_accueil {position:relative;width:770px;height:221px;background: url('../../creation-site-web/images/vert/introacc_vert.jpg') no-repeat;} #flashcontent {position:absolute;top:11px;left:15px;} #noflash{width:740px;height:185px;background: url('../../creation-site-web/images/vert/noflash_vert.jpg') no-repeat;} #noscript {position:absolute;top:11px;left:15px;width:740px;height:185px;background: url('../../creation-site-web/images/vert/noflash_vert.jpg') no-repeat;} /* -------------------CONTENU ACCUEIL---------------------------------------------------- */ .etiquette {position:absolute;left:416px;width:359px;height:330px;background: url('../../creation-site-web/images/vert/etiquette_vert.jpg') no-repeat;} #gauche {width:365px;padding-left:40px;} #gauche p {margin-top:7px;margin-bottom:20px;} #gauche a.liendevis {padding-top:15px;padding-left:60px;display:block;height:49px;background: url('../../creation-site-web/images/vert/iconedevis_vert.png') no-repeat 0 0;text-align:left;font-variant:small-caps;} #gauche a.lienfaq {padding-top:15px;padding-left:60px;display:block;height:49px;background: url('../../creation-site-web/images/vert/iconefaq_vert.png') no-repeat 0 0;text-align:left;font-variant:small-caps;} #gauche a.liendevis span,#gauche a.lienfaq span {color:#808080;font-size:90%;font-variant:normal;} #gauche h2 {margin-top:15px;} #listepresta{padding-left:40px;padding-top:15px;padding-bottom:50px;background: url('../../creation-site-web/images/fond_competences.jpg') no-repeat;} #listepresta h2 {margin-bottom:10px;} dl {} dt {padding-left:30px;width:720px;padding-top:11px;font-family:georgia,'Trebuchet MS', arial;font-size:110%;font-weight:normal;color:#505050;background: url("../../creation-site-web/images/vert/checksep_vert.gif") no-repeat;} dd {width:720px;padding-left:30px;padding-top:3px;padding-bottom:10px;font-family:'trebuchet ms',georgia, arial;font-size:90%;color:#808080;} #projetsrecents {width:775px;margin-top:10px;} .map_portfolio{float:left;width:398px;margin-left:10px;} .desc_portfolio{float:right;width:330px;padding-top:30px;} .desc_portfolio p{padding-top:5px;padding-bottom:0px;color:#707070;} .desc_portfolio a {color:#505050;font-weight:bold;letter-spacing:1px;font-family:georgia,'Trebuchet MS', arial;} .desc_portfolio a:hover {color:#b5d902;} /* -------------------INTRO CV---------------------------------------------------- */ #wrap_introcv {background: url('../../creation-site-web/images/bkgmarron.gif') repeat-y;margin-bottom:15px;} #intro_cv {padding-left:50px;width:770px;padding-bottom:10px;background: url('../../creation-site-web/images/vert/introcv_vert.jpg') no-repeat;} #intro_cv:after{content:".";clear:both;line-height:0px;visibility:hidden;display:block;} #intro_cv h1 {padding-top:100px;letter-spacing:1px;color:#808080;font-variant:small-caps;line-height:19px;} #intro_cv p {float:left;padding-top:5px;padding-right:75px;color:#999999;} #intro_cv .soustitre {font-size:70%;} #intro_cv a.lienpdf {float:left;padding-top:23px;padding-left:45px;background: url('../../creation-site-web/images/vert/pdf2_vert.png') no-repeat left top;font-family:'trebuchet ms',georgia,arial;font-size:90%;color:#999999;} #intro_cv a.lienpdf:hover {color:#fff;} /* ------------------- CONTENU CV---------------------------------------------------- */ #gauche_cv{float:left;width:370px;margin-bottom:65px;} #droite_cv{float:right;width:340px;} #gauche_cv h2 {padding-top:15px;padding-bottom:15px;padding-left:45px;} #gauche_cv h3 {width:350px;padding-left:35px;padding-top:10px;padding-bottom:5px;margin:0px;color:#7b9c01;background: url('../../creation-site-web/images/sep300.gif') no-repeat 45px 0px; } #gauche_cv p {padding-left:45px;padding-bottom:10px;} #gauche_cv h2.sspad {padding-bottom:5px;} #gauche_cv p.sspad {padding-bottom:0px;margin:0px;} #droite_cv h2 {padding-top:15px;} #droite_cv p {padding-top:10px;} #droite_cv ul {padding-right:35px;padding-top:15px;padding-bottom:22px;} #droite_cv li {background:#fcfcf8 url('../../creation-site-web/images/check_cv.gif') no-repeat;padding-left:80px;padding-top:7px;padding-bottom:6px;margin-bottom:2px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#606060;font-size:90%;} #droite_cv li.coul1 {background:#f3feda url('../../creation-site-web/images/check_cv.gif') no-repeat;} .sep {height:2px;background: url('../../creation-site-web/images/sep300.gif') no-repeat 45px 0px;padding-bottom:30px; } /* -------------------FAQ---------------------------------------------------- */ #intro_faq {width:765px;height:144px;margin-bottom:30px;background: url('../../creation-site-web/images/vert/introfaq_vert.jpg') no-repeat ;} #intro_faq p {width:660px;padding-left:45px;padding-right:45px;padding-top:90px;color:#999999;} .questions_top {width:463px;height:11px;background: url('../../creation-site-web/images/vert/fondfaq_top.jpg') no-repeat ;} .questions_bottom {width:463px;height:36px;background: url('../../creation-site-web/images/vert/fondfaq_bottom.jpg') no-repeat ;} ul.questions{width:680px;padding-top:10px;padding-bottom:10px;background: url('../../creation-site-web/images/vert/fondfaq_middle.jpg') repeat-y ;} ul.questions li {width:660px;padding-bottom:8px;padding-left:50px;padding-right:45px;background: url("../../creation-site-web/images/chevron.gif") no-repeat 25px 5px;} ul.questions li a {color:#777777;text-decoration:underline;} ul.questions li a:hover {color:#7b9c01;} #questionsreponses{margin-bottom:100px;} .quest {width:660px; margin-top:25px;padding-left:60px;padding-right:45px;padding-top:25px;padding-bottom:10px;background: url("../../creation-site-web/images/vert/iconefaq_vert.png") no-repeat;font-family:Georgia,"DejaVu Serif",serif;font-size:110%;font-weight:bold;text-decoration:underline;color:#7b9c01;} .rep {width:640px;padding-left:60px;padding-right:45px;color:#707070;} .hautdepage {line-height:30px;} .def_faq{font-weight:bold;line-height:25px;:10px;} /* -------------------INTRO DEVIS---------------------------------------------------- */ #wrap_introdevis {background: url("../../creation-site-web/images/bkgmarron.gif") repeat-y;} #intro_devis {background: url('../../creation-site-web/images/vert/introdevis_vert.jpg') no-repeat;position:relative;width:770px;margin-bottom:10px;} #intro_devis p {padding-left:50px;padding-top:95px;padding-right:60px;padding-bottom:15px;color:#999999;} /* ------------------- CONTENU DEVIS---------------------------------------------------- */ #gauche_devis{float:left;width:390px;} #droite_devis{float:right;width:290px;} #gauche_devis h2 {padding-top:20px;padding-bottom:15px;padding-left:25px;} #myForm input {width:180px;padding-left:4px;} #myForm p.submit_devis{height:80px;margin-left:10px;background:none;font-size:80%;color:#808080;padding-left:20px;} #myForm label.votremsg {padding-left:5px;display:block;width:370px;} #gauche_devis p {margin-bottom:15px;margin-left:0px;padding-left:35px;padding-bottom:10px;padding-left:20px;padding-top:0px;background:none;font-size:80%;} #myForm textarea{width:402px;margin-left:0px;border: 1px solid #cac9b9;padding:4px;background:#fcfcf8;height:150px;font-family:"trebuchet ms", arial;font-size:100%;color:#505050;} #gauche_devis table {width:410px;margin-left:20px;font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;font-size:80%;color:#606060;} #gauche_devis table td {padding:5px;} #gauche_devis table input{margin-left:20px;padding:1px;font-size:90%;color:#606060;} #gauche_devis table label{padding-left:25px;} #gauche_devis table tr.coul1,#droite_devis table tr.coul1 {background:#f3feda;} #gauche_devis table tr.coul2,#droite_devis table tr.coul2 {background:#fcfcf8;} #gauche_devis table.creationrefonte {width:415px;margin-bottom:30px;} #gauche_devis caption , #droite_devis table.forfait_maj caption {padding-left:10px;padding-bottom:10px;text-decoration:underline;text-align:left;color:#505050;font-weight:normal;font-style:italic;font-family:georgia,arial;} #gauche_devis table input#nombredepages {width:70px;margin-left:8px;} #gauche_devis table.creationrefonte td.celldroite {width:100px;} #gauche_devis table.creationrefonte td.celldroite input{margin-left:0;padding-left:0;} #gauche_devis table.creationrefonte td.celldroite label {padding-left:0;padding-right:4px;} #gauche_devis table.creationrefonte td.cellgauche label{padding-left:10px;} #gauche_devis table.creationrefonte input.caseradio{width:20px;border:none;} #gauche_devis table a,#droite_devis table a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#606060;} #gauche_devis table a:hover,#droite_devis table a:hover {cursor:default;} #droite_devis h2 {padding-top:20px;padding-bottom:15px;} #droite_devis table {width:270px;margin:0px;padding-left:0px;margin-bottom:33px;font-size:90%;} #droite_devis table label {width:190px;} #droite_devis table input {width:30px;} #droite_devis td {padding-left:30px;padding-right:35px;padding-top:7px;padding-bottom:6px;margin-bottom:2px;font-family: 'trebuchet ms',georgia;color:#606060;font-size:90%;} #droite_devis td.checkbox {padding:0px;text-align:center;} .obligatoire{font-weight:normal;font-size:50%;color:#808080;} .orange {color:#fc3f00;} #myForm .red {border: 1px solid #fc3f00;background:#fffdfb ;padding:2px;} #myForm .errorMessage {display:none;position:absolute;top:61.3em;left:10em;width:230px;text-align:center;background:#fff;border:1px solid red;padding:2px;color:#fc3f00;font-size:1em;font-family:geaorgia,'trebuchet ms', arial;} #validationMessage {display:none;border:1px solid red;margin-bottom:10px;color:red;font-weight:bold;padding:5px;} #gauche_devis p.devis_envoye, p.devis_envoye {margin-top:15px;margin-bottom:30px;text-align:center;color:#149414;background:#fff;border:1px solid #149414;padding:4px;} /* ------------------- CONTACT & validate---------------------------------------------------- */ #globalcontact {padding-left:10px;padding-top:15px;} #globalcontact h1 {padding-left:20px;font-weight:bold;font-family:"Trebuchet MS", arial;font-size:130%;color:#606060;margin-bottom:20px;} #globalcontact .titrecontact {color:#acd002;} #globalcontact #myForm textarea{width:372px;border:1px solid #cac9b9;padding:4px;background:#fcfcf8;height:150px;} #globalcontact #myForm input {margin-left:5px;padding-left:4px;padding-bottom:1px;padding-top:1px;border:1px solid #cac9b9;width:180px;} #globalcontact #myForm .red {border:1px solid red;background:#fffdfb ;} #globalcontact #myForm #submit {width:100px;height:28px;margin-top:10px;margin-left:0px;background: url("../../creation-site-web/images/vert/btn_vert.gif") repeat-x;color:#fff;letter-spacing:1px;} #globalcontact #myForm label.labeltextarea {padding-left:20px;display:block;width:200px;margin-top:20px;} #globalcontact table tr.coul1 {background:#f3feda;} #globalcontact table tr.coul2 {background:#fcfcf8;} #globalcontact table {font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;font-size:90%;color:#606060;width:380px;} #globalcontact table td {padding:7px;padding-left:20px;} #globalcontact p.submit_contact {font-size:80%;color:#808080;} #globalcontact p.adressecontact {text-align:center;letter-spacing:1px;color:#707070;font-size:70%;background: url('../../creation-site-web/images/separateur.gif') repeat-x;padding-top:10px;margin-top:30px;width:380px;} #envoye {width:380px;text-align:center;padding-top:100px;} #envoye h1 {padding-top:15px;padding-bottom:15px;padding-left:20px;font-family:georgia,'Trebuchet MS', arial;font-size:140%;font-weight:normal;color:#99b801;margin:0px;} #envoye p {font-family:georgia, arial;font-size:80%;color:#808080;} #globalcontact #myForm .errorMessage {display:none;color:red;margin-left:10px;margin-top:13px;font-size:0.7em;} #globalcontact #validationMessage {display:none;border:1px solid red;margin-bottom:10px;color:red;font-weight:bold;padding:5px;} #globalcontact #myForm .customRed {border: none;color: red;} #globalcontact #myForm label.red {border:none;color:red;} /* -------------------MENTIONS---------------------------------------------------- */ #intro_mentions {position:relative;width:770px;height:106px;background: url('../../creation-site-web/images/vert/intromentions_vert.jpg') no-repeat;} #gauche_mentions h3 {padding-top:15px;padding-bottom:5px;padding-left:45px;font-family:georgia,'Trebuchet MS', arial;font-size:140%;font-weight:normal;font-variant:small-caps;color:#404040;margin:0px;} #droite_mentions h3 {padding-top:15px;padding-bottom:5px;font-family:georgia,'Trebuchet MS', arial;font-size:140%;font-weight:normal;font-variant:small-caps;color:#404040;} #gauche_mentions{float:left;width:410px;} #droite_mentions{float:right;width:300px;} .siret {font-family:arial,georgia,'trebuchet ms';font-size:60%;color:#606060;} #responsabilites p{padding-left:45px;padding-bottom:50px;padding-top:10px;padding-right:35px;font-family: 'trebuchet ms',georgia;color:#606060;font-size:70%;} #responsabilites h3 {padding-top:45px;padding-left:45px;font-family:georgia,'Trebuchet MS', arial;font-size:130%;font-weight:normal;font-variant:small-caps;color:#404040;} #gauche_mentions p, #droite_mentions p {padding-left:45px;padding-bottom:10px;} /* -------------------CGV---------------------------------------------------- */ #intro_cgv {position:relative;width:770px;height:106px;background: url('../../creation-site-web/images/vert/introcgv_vert.jpg') no-repeat;} #cgv p{padding-left:45px;padding-bottom:20px;padding-top:5px;padding-right:45px;font-family: 'trebuchet ms',georgia;color:#606060;font-size:80%;} #cgv h3 {padding-top:5px;padding-left:45px;font-family:georgia,'Trebuchet MS', arial;font-size:130%;font-weight:normal;font-variant:small-caps;color:#404040;} /* -------------------FOOTER---------------------------------------------------- */ #footer {width:770px;height:100px;text-align:center;color:#a6a663;background: url('../../creation-site-web/images/footer.gif') no-repeat;} #footer p.menubas {color:#a6a663;} #footer p.menubas a {color:#a6a663;font-size:120%;} #footer p.menubas a:hover {color:#b5d902;} #footer p.adresse {color:#a6a663;margin-top:20px;} a.mail {color:#a6a663;font-family:"trebuchet MS",georgia;} /* ------------------MOOTOOLS TIPS---------------------------------------------------- */ .tool-tip {color: #303030;width: 139px;background-color:#fffff1;z-index: 13000;border:1px ridge #b5d902;} .tool-title {/*kkd*/display:none;/*kkd*/height:0px;font-weight: bold;font-size: 11px;color: #fff;padding: 8px 8px 4px;} .tool-text {font-size: 10px;padding: 4px 8px 5px;font-family:'trebuchet ms',arial;} .custom-tip {color: #000;width: 130px;z-index: 13000;} .custom-title {/*kkd*/display:none;/*kkd*/font-weight: bold;font-size: 11px;margin: 0;color: #3E4F14;padding: 8px 8px 4px;background: #C3DF7D;border-bottom: 1px solid #B5CF74;} .custom-text {font-size: 11px;padding: 4px 8px 8px;background: #CFDFA7;}