/* ------- */ /* COMMONS */ /* ------- */ /* ****** */ /* */ /* ****** */ body {margin:0; font-family: Arial, Helvetica, sans-serif;background:#830e0e url(../img/design/degBody.png) repeat-x scroll left top;} ul, li, dl, dt, dd, p {margin:0; padding:0; list-style:none;} img {border: 0; display: block;} a:link,a:visited {color:#333333;text-decoration:none;} a:hover {color:#CCC;text-decoration:underline;} h1, h2, h3, h4, h5 {margin:0;font-size:1em;} textarea {font-family:Arial,Helvetica,Garuda,sans-serif;font-size:12px;} /* **************** */ /* CLASSES COMMUNES */ /* **************** */ .alert,.valid{font-size:14px; text-align:center !important; padding:10px 0;font-weight:bold;margin-bottom:15px;} .alert{border:2px solid #555;background-color:#F59999; color:#555555;} .valid{border:2px solid #238D1B;background-color:#A0E19B;color:#238D1B;} .alertImportant {border:2px solid #555 !important;background-color:#F59999 !important; color:#555555 !important;} .statut {font-size:12px;text-align:center;display:none;height:20px;position:absolute;width:100%;} /************** Positionnement ***************/ .floatr {float:right;} .floatl {float:left;} /*************** Text Align ****************/ .txt_l{text-align:left;} .txt_c{text-align:center;} .txt_r{text-align:right;} .valign_t{vertical-align:top;} .valign_m{vertical-align:middle;} .valign_b{vertical-align:bottom;} /*************** FONT SIZE ****************/ .font12 {font-size:12px !important;} /*************** Bordures ****************/ .bdr_1_gris {border:1px solid #CCC;} .bdr_b_1_gris {border-bottom:1px solid #CCC;} .bdr_t_1_gris {border-top:1px solid #CCC;} .bdr_l_1_gris {border-left:1px solid #CCC;} .bdr_r_1_gris {border-right:1px solid #CCC;} /*************** Colors ****************/ .black {color:#000 !important;} .red {color:#FF0000 !important;} .green {color:#398e14 !important;} /************** Position - Display *************/ .posrel {position:relative !important;} .posabs {position:absolute !important;} .hide {display:none;} .block {display:block;} .inline {display:inline;} /************** WIDTH *************/ .width45 {width:45%;} a.u {text-decoration:underline !important;} a.u:hover {text-decoration:none !important;} /************** Padding *************/ .pdg_no {padding:0 !important} .pdg_5{padding:5px !important} .pdg_10{padding:10px !important} .pdg_15{padding:15px !important} .pdg_20{padding:20px !important} .pdg_50{padding:50px !important} /************** Padding Right *************/ .pdg_r_5{padding-right:5px !important} .pdg_r_10{padding-right:10px !important} .pdg_r_15{padding-right:15px !important} .pdg_r_20{padding-right:20px !important} /************** Padding Left *************/ .pdg_l_5{padding-left:5px !important} .pdg_l_10{padding-left:10px !important} .pdg_l_15{padding-left:15px !important} .pdg_l_20{padding-left:20px !important} /************** Padding Top *************/ .pdg_t_5{padding-top:5px !important} .pdg_t_10{padding-top:10px !important} .pdg_t_15{padding-top:15px !important} .pdg_t_20{padding-top:20px !important} /************** Padding Bottom *************/ .pdg_b_5{padding-bottom:5px !important} .pdg_b_10{padding-bottom:10px !important} .pdg_b_15{padding-bottom:15px !important} .pdg_b_20{padding-bottom:20px !important} /************** margin Horiz *************/ .pdg_h_5 {padding:0 5px} .pdg_h_10 {padding:0 10px} .pdg_h_15 {padding:0 15px} .pdg_h_20 {padding:0 20px} /************** Margin *************/ .mrg_no {margin:0 !important} .mrg_5{margin:5px !important} .mrg_10{margin:10px !important} .mrg_15{margin:15px !important} .mrg_20{margin:20px !important} .mrg_50{margin:50px !important} /************** margin Right *************/ .mrg_r_5{margin-right:5px !important} .mrg_r_10{margin-right:10px !important} .mrg_r_15{margin-right:15px !important} .mrg_r_20{margin-right:20px !important} /************** margin Left *************/ .mrg_l_5{margin-left:5px} .mrg_l_10{margin-left:10px !important} .mrg_l_15{margin-left:15px !important} .mrg_l_20{margin-left:20px !important} .mrg_l_35{margin-left:35px !important} /************** margin Top *************/ .mrg_t_5{margin-top:5px !important} .mrg_t_10{margin-top:10px !important} .mrg_t_15{margin-top:15px !important} .mrg_t_20{margin-top:20px !important} /************** margin Bottom *************/ .mrg_b_5{margin-bottom:5px !important} .mrg_b_10{margin-bottom:10px !important} .mrg_b_15{margin-bottom:15px !important} .mrg_b_20{margin-bottom:20px !important} /************** margin Horiz *************/ .mrg_h_5 {margin:0 5px} .mrg_h_10 {margin:0 10px} .mrg_h_15 {margin:0 15px} .mrg_h_20 {margin:0 20px} /************** margin Vertical *************/ .mrg_v_5 {margin:5px 0} .mrg_v_10 {margin:10px 0;} .mrg_v_15 {margin:15px 0;} .mrg_v_20 {margin:20px 0;} /************** Utiles *************/ .bold {font-weight:bold;} .clearb {clear:both;} .small {font-size:0.8em;} .smaller {font-size:0.6em;} /* STRUCTURE CREETIK 2.0 */ .background {width:100%;text-align:center;background-image:url(../img/design/degBackgroundRed.png);background-repeat:repeat-x;height:auto;background-color:#7a0b0b;} .content {background-color:#FFF;} .content,.footer {width:986px;/*width:1000px;*/margin:0 auto 0 auto;} .colCentre {width:677px;/*margin-left:7px;*/background-color:#FFF;padding-top:15px;} .colCentre a:hover {color:#333;} .colDroite {width:309px;/*margin-right:7px;*/padding-top:15px;background-color:#FFF;} .colCentre,.colDroite {/*min-height:1160px;*/padding-bottom:30px;} .colDroite .member,.colDroite .ameliorate,.colDroite .community {width:290px;margin:0 auto;} .colDroite .member .contentEncartRightMember {background-image:url(../img/design/degMemberHome.png);background-repeat:repeat-x;height:134px;} .colDroite .member .footerEncartRightMember,.colDroite .ameliorate .footerEncartRightAmeliorate, .colDroite .community .footerEncartRight {background-image:url(../img/design/bottomRightAngle.png);background-repeat:no-repeat;height:15px;background-position:top right;background-color:#b11717;font-size:11px;text-align:right;} .colDroite .member .footerEncartRightMember a,.colDroite .ameliorate .footerEncartRightAmeliorate a, .colDroite .community .footerEncartRight a {margin-right:10px;color:#FFFFFF;} .colDroite .member .contentEncartRightMember .formConnectHome {width:270px;margin:0 auto 0 auto;text-align:right;color:#FFF;font-weight:bold;} .colDroite .member .contentEncartRightMember .formConnectHome p {margin-bottom:10px;} .header { width:100%; background:#7a0b0b url(../img/design/degHeaderHome.png) repeat-x scroll 10px top; height:138px; } .header .designHead, .menu .contentMenu {width:1000px;margin:0 auto 0 auto;} .headerM {background-color:#AD1515;} .headerM .top {width:100%;height:30px;background:#b11616;} .headerM .designHead {background:#AD1515 url(../img/design/degHeaderHome.png) repeat-x scroll left top; height:197px;z-index:1;width:100%;position:relative;} .headerM .menu {width:100%;background:transparent;z-index:2;margin-top:-73px;position:relative;} .headerM .menu .contentMenu {width:986px;margin:0 auto;} .headerM .menu .contentMenu ul{margin:0;padding:0;} .headerM .menu .contentMenu ul li {float:left;padding:0;} .headerM .menu .contentMenu ul li a {border:none;} .headerM .designHead .headTop {width:986px;margin:0 auto;position:relative;} .headerM .designHead .headTop .logo {float:left;margin:27px 8px 0;} .headerM .designHead .headTop .search{float:right;margin-top:50px;margin-right:50px;position:absolute;right:0;top:0;} .headerM .designHead .headTop .search input[type=text] {width:200px;margin-right:15px;} .headerM .designHead .headTop .search .gsc-input {text-align:left;} .menu {width:100%;background-image:url(../img/design/degMenuHome.png);background-repeat:repeat-x;height:80px;} /* Gestion Menu */ .headerM .menu ul li a {position:relative;} .headerM .menu ul li a, .headerM .menu ul li a span {display:block;} .headerM .menu ul li a span {background:transparent url(../img/design/menu/menu.png) no-repeat left top;position:absolute;top:0;left:0;} .headerM .menu ul li a span.item {z-index:100;} .headerM .menu ul li a span.hover {background-position:left -80px;z-index:99;} .headerM .menu ul li a span.hide {display:none !important;} /* Home - Archives */ .headerM .menu ul li.home a, .headerM .menu ul li.archives a, .headerM .menu ul li.home a span, .headerM .menu ul li.archives a span {width:140px;height:80px;} /* Archives */ .headerM .menu ul li.archives a span.item {background-position:-140px 0;} .headerM .menu ul li.archives a span.hover {background-position:-140px -80px;} /* Proposer - Analyser */ .headerM .menu ul li.proposer a, .headerM .menu ul li.analyser a, .headerM .menu ul li.proposer a span, .headerM .menu ul li.analyser a span {width:160px;height:80px;} .headerM .menu ul li.proposer a span.item {background-position:-280px 0;} .headerM .menu ul li.proposer a span.hover {background-position:-280px -80px;} /* Analyser */ .headerM .menu ul li.analyser a span.item {background-position:-440px 0;} .headerM .menu ul li.analyser a span.hover {background-position:-440px -80px;} /* Ameliorer */ .headerM .menu ul li.ameliorer a, .headerM .menu ul li.ameliorer a span {width:180px;height:80px;} .headerM .menu ul li.ameliorer a span.item {background-position:-600px 0;} .headerM .menu ul li.ameliorer a span.hover {background-position:-600px -80px;} /* Communauté */ .headerM .menu ul li.communaute a, .headerM .menu ul li.communaute a span {width:206px;height:80px;} .headerM .menu ul li.communaute a span.item {background-position:-780px 0;} .headerM .menu ul li.communaute a span.hover {background-position:-780px -80px;} /* Footer */ .footer {padding-bottom:30px;} .footer .bdrL,.footer .bdrR,.footer .fooContent {height:258px;} .footer .bdrL,.footer .bdrR {width:13px;} .footer .bdrL {background:transparent url(../img/design/footerBorderLeft.png) no-repeat;/*margin-left:7px;*/} .footer .bdrR {background:transparent url(../img/design/footerBorderRight.png) no-repeat;} .footer .fooContent {background:transparent url(../img/design/degFooter.png) repeat-x;width:960px;font-size:12px;color:#FFF;} .footer .fooContent a:link,.footer .fooContent a:visited {color:#FFF;} .footer .fooContent a:hover{color:#CCC;} .footer .fooContent .rss,.footer .fooContent .listOne,.footer .fooContent .listTwo,.footer .fooContent .edito {width:150px;padding-left:10px;padding-top:20px;} .footer .fooContent .listOne {width:200px;} .footer .fooContent .edito {width:400px;} .footer .fooContent .edito p {margin-bottom:10px;} .footer .fooContent dl dt,.footer .fooContent h5 {font-size:15px;font-weight:bold;margin-bottom:10px;} .footer .fooContent dl {margin-bottom:30px;} /* Module news-archives */ .colCentre .module1,.colCentre .module2,.colCentre .module3 {width:660px;margin:0 auto;} .colCentre .module1 .meduleNews .links {text-align:right;font-size:11px;} .colCentre .module1 .meduleNews .slider,.colCentre .module2 .modulePresent .present {width:658px;border:1px solid #CCC;background:#eeeeee;} .colCentre .module2 .modulePresent{margin-top:15px;} /* Module de connexion */ .contentEncartRightMember .formConnectHome {font-size:15px;padding-top:22px;} .contentEncartRightMember .formConnectHome #inscript { background:transparent url(../img/boutons/inscrire.png) no-repeat scroll 0 0; border:0 none; height:24px; width:70px; cursor:pointer; } .contentEncartRightMember .formConnectHome #connect { background:transparent url(../img/boutons/seConnecter.png) no-repeat scroll 0 0; border:0 none; height:24px; width:87px; margin-left:22px; cursor:pointer; margin-left:20px !ie; } .contentEncartRightMember .formConnectHome input[type=text],.contentEncartRightMember .formConnectHome input[type=password] { width:175px;width:170px !ie; } /* * Module present Home */ .present{ font:normal 0.8em/0.8em Arial, "Times New Roman", Times, serif;/**/ color:#999; text-align:center; background:white; } .present ul{ list-style: none; padding: 0; height:200px; width:655px; background:transparent url(../img/design/degPresentHome.png) repeat-x; } .present ul li a.fst {width:360px;border-left:none;} .present ul li{ padding: 0px; margin:0 2px 0 0; list-style:none; display:inline; background:transparent url(../img/design/degPresentHome.png) repeat-x; } .present ul li div {float:left;position:relative;background:transparent url(../img/design/degPresentHome.png) repeat-x;height:200px;} .present ul li a{ display: inline-block!important; overflow: hidden; height: 200px; line-height:90px; width: 134px; white-space:nowrap; text-align:left; font-size:13px; text-decoration:none; background-color:#FFF; border-left:1px solid #CCCCCC; color:#555; } .present ul li a p { padding:0 0 0 135px; line-height:normal; } .present ul li a p.text {margin-top:10px;} .present ul li a p.first { margin-bottom:7px; margin-top:10px; padding-left:15px; line-height:normal; width:120px; } .present ul li a p.subtitle strong { font-size:14px;color:#555;text-transform:uppercase;letter-spacing:normal; } .present ul li a p strong { font-size:24px; color:#BC0000; } .present ul li a.home { background:url(../img/deco/proposerLogo.png) 10px 50px no-repeat; } .present ul li a.blog { background:url(../img/deco/analyserLogo.png) 10px 50px no-repeat; } .present ul li a.services { background:url(../img/deco/ameliorerLogo.png) 25px 50px no-repeat; } .present ul li a.services p.first {padding-left:18px;} /* Module d'inscription */ #formInscript {width:420px;} #formInscript,.recupPass,.expliInscript {font-size:13px;} #formInscript .champs {padding-left:3px;} #formInscript input[type=text], #formInscript input[type=password],#cap,#caption,.recupPass input[type=text] {border:1px solid #AAAAAA;width:225px;} #cap,#caption {width:118px !important;} .expliInscript ul li {margin-bottom:5px;list-style:circle;list-style-position:inside;} /* Module de récupération du mot de passe */ .recupPass form {text-align:center;margin-bottom:20px;} .recupPass form span {display:block;} .recupPass form .capt {width:450px;margin:10px auto 0 auto;} .recupPass form .capt span {float:left;} .recupPass form .capt span.in {margin-top:3px;} .recupPass form .capt table {float:left;} .recupPass form .capt td {padding:0;} .recupPass .hAlign {margin:0 auto;text-align:center;width:550px;} .recupPass .ou {width:50px;margin:20px;text-align:center;} /* Module ameliorer */ .ameliorate,.community {padding-top:15px;} .ameliorate dl {padding:10px 5px 10px 10px;} .ameliorate dl dt {font-size:13px;font-weight:bold;} .ameliorate dl dd {font-size:11px;margin:0 10px 5px 10px;text-align:justify;} .contentEncartRight {background-color:#EEEEEE;border:1px solid #CCCCCC;} .contentEncartRight #community span {display:block;padding:10px 10px 0;font-size:12px;} .ameliorate .context ul li {padding-left:35px;margin-bottom:5px;} .ameliorate h2 {margin-top:5px;margin-left:3px;} /* Module Communaute */ .community ul {margin:10px 0 0 10px;} .community ul li {float:left;margin:0 10px 5px 0;min-height:45px;min-width:45px;overflow:hidden;} .btnMembre {margin:10px 0;width:100%;} .btnMembre a {margin:auto;display:block;width:268px} /* Ameliorer les sites internet */ .ameliorateWebsite {background-color:#EEEEEE;margin-top:15px;} .ameliorateWebsite .colD, .ameliorateWebsite .colG {width:315px;margin-bottom:10px;} .ameliorateWebsite .colD .propal .list .txt, .ameliorateWebsite .colG .propal .list .txt {width:205px !important;} .ameliorateWebsite .colG {margin-left:9px;} .ameliorateWebsite .colD {margin-right:9px;} .ameliorateWebsite .colG span, .ameliorateWebsite .colD span {font-size:14px; color:#BC0000;text-align:left;font-weight:bold;padding:10px 0 10px 10px;display:block;} .ameliorateWebsite .colG .propal .fone .visuel ,.ameliorateWebsite .colG .propal .fone .txt,.ameliorateWebsite .colD .propal .fone .visuel,.ameliorateWebsite .colD .propal .fone .txt{background-color:#D0D0D0;min-height:125px;} .ameliorateWebsite .list .separate {border-bottom:1px solid #AAAAAA;width:95%;height:2px;margin:0 auto;} .ameliorateWebsite .colG .propal .list,.ameliorateWebsite .colD .propal .list {margin-top:9px;} .ameliorateWebsite .colG .propal .list .visuel ,.ameliorateWebsite .colG .propal .list .txt,.ameliorateWebsite .colD .propal .list .visuel,.ameliorateWebsite .colD .propal .list .txt {min-height:100px !important;} .ameliorateWebsite .colG .propal .fone .txt,.ameliorateWebsite .colD .propal .fone .txt {width:205px;font-size:12px;text-align:left;} .ameliorateWebsite .colG .propal .fone .txt span,.ameliorateWebsite .colD .propal .fone .txt span {margin:3px 0 0px 5px;padding:0;font-size:12px;text-align:left;text-transform:uppercase;} .ameliorateWebsite .colG .propal .fone .txt span.lasuite,.ameliorateWebsite .colD .propal .fone .txt span.lasuite {text-transform:lowercase;} .ameliorateWebsite .colG .propal .fone .txt .PR,.ameliorateWebsite .colD .propal .fone .txt .PR {margin:7px 0 0 10px} .ameliorateWebsite .colG .propal .fone .txt .date,.ameliorateWebsite .colD .propal .fone .txt .date {font-weight:bolder;} .ameliorateWebsite .colG .propal .fone .txt a:hover,.ameliorateWebsite .colD .propal .fone .txt a:hover {color:#000} .ameliorateWebsite .colG .propal .fone .txt p,.ameliorateWebsite .colD .propal .fone .txt p {margin-left:5px;} .ameliorateWebsite .colG .propal .fone .txt p span,.ameliorateWebsite .colD .propal .fone .txt p span {font-size:11px;margin:0;display:inline;} .ameliorateWebsite .colG .propal .fone .txt p span a,.ameliorateWebsite .colD .propal .fone .txt p span a {margin-left:7px;} .ameliorateWebsite .colG .propal .fone .visuel,.ameliorateWebsite .colD .propal .fone .visuel {width:110px;} /*.ameliorateWebsite .colG .propal .fone .visuel p,.ameliorateWebsite .colD .propal .fone .visuel p {margin:0 auto !important;width:77px;padding-top:5px;}*/ .ameliorateWebsite .colG .propal .fone .visuel p.one,.ameliorateWebsite .colD .propal .fone .visuel p.one {width:100px;} .ameliorateWebsite .colG .propal .fone .visuel span,.ameliorateWebsite .colD .propal .fone .visuel span {padding:0;display:block;text-align:center;font-size:11px;} .ameliorateWebsite .colG .propal .fone .secondTemplate .visuel,.ameliorateWebsite .colG .propal .fone .secondTemplate .txt,.ameliorateWebsite .colD .propal .fone .secondTemplate .visuel,.ameliorateWebsite .colD .propal .fone .secondTemplate .txt{height:auto} .ameliorateWebsite .colG .propal .fone .secondTemplate .txt,.ameliorateWebsite .colD .propal .fone .secondTemplate .txt {font-size:10px;} .ameliorateWebsite .colG .propal .fone .secondTemplate .txt span,.ameliorateWebsite .colD .propal .fone .secondTemplate .txt span {font-size:13px;padding:0;text-transform:lowercase;} .ameliorateWebsite .colG .propal .fone .secondTemplate .txt span.lasuite,.ameliorateWebsite .colD .propal .fone .secondTemplate .txt span.lasuite {font-size:10px;} .ameliorateWebsite .colG .propal .fone .secondTemplate .visuel,.ameliorateWebsite .colG .propal .fone .secondTemplate .txt,.ameliorateWebsite .colD .propal .fone .secondTemplate .visuel,.ameliorateWebsite .colD .propal .fone .secondTemplate .txt {background-color:#E2E2E2;} /*.ameliorateWebsite .propal .fone .secondTemplate a:visited,.ameliorateWebsite .propal .fone .secondTemplate a:link {color:#555555;}*/ /* Ameliorer les sites internet - Colonne Gauche */ .ameliorateWebsite .contentEncartLeft { border:1px solid #CCCCCC; } /* Module - Archives */ .archives ul {margin:20px 0 10px 35px;} .archives ul li {float:left;margin:0 25px 10px 0; position: relative;} .archives .sort {font-size:11px;margin:5px 20px 0;} .archives .sort a.underline {text-decoration:underline;} .archives li.selectCat {width:100%;text-align:center;} /* .archives ul li div.bubbleInfo div a.trigger {width:100px;height:75px;display:block;overflow:hidden;} .archives dl dd {display:none;margin:2px 0;float:left;width:100px;font-size:12px;margin:0 30px 50px 0;}*/ /* Gestion du rollOver des archives */ #moz .boxgrid{ width: 160px; height: 120px; margin:5px; float:left; background:#161613; border: solid 2px #8399AF; overflow: hidden; position: relative; } #moz .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; } #moz .boxgrid p{ padding-top:5px; color:#afafaf; font-weight:bold; font:10px "Lucida Grande", Arial, sans-serif; } #moz .boxgrid .expliHome { color:#BBB; font-size:10px; } .ameliorateMozaiq ul li .boxcaption {height:75px !important;bottom:-58px!important;} #moz .boxgrid .expliHome div.floatl {width:116px;} #moz .boxgrid a {font-size:12px;color:#FFF;font-weight:bold;} #moz .boxgrid .expliHome a {font-size:11px;font-weight:normal;} #moz .boxgrid .expliHome .note { color:#EEE; font-size:14px; text-align:center; margin:7px 5px 0 0; } #moz .boxgrid .expliHome .note div { border-top:1px solid #DDD; margin-top:2px; padding-top:2px; } #moz .boxgrid .expliHome .note span { font-weight:bold; } #moz .boxgrid .expliHome .proposeName a { font-size:10px; text-decoration:underline; color:#FFF; } #moz .boxgrid .expliHome .proposeName a:hover { /*text-decoration:none;*/ color:#BBB; } #moz .boxgrid .expliHome span.plus { display:block; text-align:left; margin-bottom:1px; } #moz .boxgrid .expliHome span.plus a { font-size:10px; color:#FFF; } #moz .boxgrid .expliHome span.plus a:hover { color:#BBB; } #moz .boxgrid h3 { color:#FFF; font-size:12px; } #moz .boxcaption{ float: left; position: absolute; padding:5px; background: #000; height: 70px; width:150px; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #moz .caption .boxcaption { bottom: -53px; left: 0; } /* Marketing - Module Inscription (visitor)*/ .expliCommonInscript .explication {width:530px;padding:2px 0 0 10px;} .expliCommonInscript .explication p {margin-bottom:5px;line-height:18px;} .expliCommonInscript .link {width:530px;background:#b11717;display:block;text-align:right;} .expliCommonInscript .link img {display:inline;} /* Module Proposer */ .expliProposer,.avertissement {font-size:12px;} .avertissement ul li {font-size:13px;list-style-type:circle;list-style-position:inside;} .expliProposer input[type='text'],.expliProposer select {width:200px;} .expliProposer textarea,#keywords {width:300px;font-family:Arial,Helvetica,Garuda,sans-serif;font-size:12px;} .expliProposer form {font-size:13px;} .expliProposer form span.floatr {width:85px;font-size:10px;} .avertColor {color:#CC3300;font-weight:bold;} .suggest form tr #valid.noExist {} .suggest form tr #valid.exist {} .suggest ul.addSuggest li {margin-bottom:5px;font-size:13px;} .suggest ul.addSuggest li input[type='checkbox'] {margin:0 5px 0 0;vertical-align:middle;} /* Module Proposer (visitor) */ .ameliorer {font-size:12px;} .ameliorer .visuel {width:119px;text-align:center;} .ameliorer .visuel img {display:inline;} .proposer h1, .analyser h1, .ameliorer h1 {font-size:20px;} .proposer .textR, .analyser .textR, .ameliorer .textR {width:505px;} .proposer .textR p, .analyser .textR p, .ameliorer .textR p {line-height:17px;} .proposer .textR .inscript {margin:10px auto;width:200px;display:block;} .proposer .textL, .analyser .textL, .ameliorer .textL {width:515px;text-align:justify;} /* Fiche de site internet */ .ficheWebsite {font-size:12px;} .ficheWebsite .enteteIn {background:transparent url(../img/deco/HeadWebsiteRed.png) no-repeat left top;height:40px;} .profile .enteteIn {background:transparent url(../img/deco/HeadProfileRed.png) no-repeat left top;height:39px;} .analyser .enteteIn, .ameliorer .enteteIn {background:transparent url(../img/deco/HeadAnalyserRed.png) no-repeat left top;height:40px;} .ficheWebsite .enteteIn span, .analyser .enteteIn span, .sondages .enteteIn span, .profile .enteteIn span {color:#FFFFFF;display:block;font-size:19px;font-weight:bold;margin-left:150px;padding-top:7px;letter-spacing:1px;} .analyser .enteteIn span {margin-left:155px;} .ameliorer .enteteIn {background-image:url(../img/deco/HeadProgressRed.png);text-align:left;} .ameliorer .enteteIn h1 {margin-left:323px;color:#FFFFFF;font-size:19px;letter-spacing:1px;padding-top:7px;} .profile .enteteIn span {margin-left:127px;} .ficheWebsite .viewAnalyses ul.list {padding-left:30px;} .ficheWebsite .viewAnalyses ul.list li.item {float:left;width:200px;margin-bottom:10px;} .ficheWebsite .viewAnalyses ul.list li.item .txtAnalyse {margin:0 15px 15px 5px;} .ficheWebsite .infos {width:387px;text-align:left;} .ficheWebsite .infos h2 {font-size:1.8em;text-transform:uppercase; color:#999999;} .ficheWebsite .infos .demiCol {width:100%;} .ficheWebsite .infos .col {width:50%;} .ficheWebsite .contentWebsite {border:1px solid #999} .ficheWebsite .infos .monitor {margin:10px 0;float:left;width:100%;} .ficheWebsite .infos .monitor .note,.analyser .infos .note {text-align:center;height:50px;width:50px;font-size:20px;color:#FFF;font-weight:bolder;width:50px;float:left;background:transparent url(../img/deco/viewRatingBackground.png) no-repeat 1px 0;} .ficheWebsite .infos .monitor .note span,.analyser .infos .note span {display:block;margin-top:7px;} .ficheWebsite .infos .monitor .note div,.analyser .infos .note div {font-size:8px;} .ficheWebsite .infos .monitor .stat {margin-left:30px;margin-right:25px;} .ficheWebsite .infos .monitor .stat ul li {list-style-type:circle;list-style-position:outside;} .ficheWebsite .infos .follow, .ficheWebsite .infos .followers { } /* Module de critique intégré à la fiche du site internet */ .ficheWebsite .sondage div.floatl {width:45%;margin-left:15px;} .ficheWebsite .sondage div .ask {font-size:15px;font-weight:bold;} .ficheWebsite .sondage div ul {min-height:80px;margin-left:20px;} /* Module de creetik rapide */ .speedCreetik td {padding:5px 0;} .speedCreetik input[type='text'] {width:350px;} .ficheWebsite .speedCreetik textarea {width:550px; height:70px;} .ficheWebsite .speedCreetik .viewSpeedCreetik {height:102px;overflow:hidden;position:relative;} .ficheWebsite .speedCreetikLine {min-height:25px;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #CCC;} #seeAllSpeedCreetik {text-align:right;font-weight:bold;color:#CCC;background-color:#111;padding:5px;} #seeAllSpeedCreetik a {color:#CCC} /* Module de commentaires */ .viewComment {text-align:left;} .viewComment .com {margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #CCC;} .viewComment .com.last {border:none;} .viewComment .com span {display:block;margin-bottom:5px;} /* Module Analyser */ /* Ajustement de la structure pour le formulaire */ /*.background .formAnalyse .colCentre,.background .formAnalyse .colDroite {min-height:1600px;}*/ .analyser {font-size:12px;} .analyser .infos {margin-left:0 !important;width:385px;padding-left:5px;border-left:1px solid #AAA;} .analyser h2 {font-size:1.6em;} .analyser .creetik {margin-bottom:10px;} .analyser .creetik .eval {height:20px} .analyser .creetik textarea {width:450px;min-height:100px;border:1px solid #AAA;} .analyser .creetik .infos {width:180px;font-size:13px;text-align:left;min-height:159px;padding-left:5px;} .analyser .creetik .separate {border-bottom:1px solid #AAA;width:96%;padding:8px 0 0;} .analyser .firstPart .w3c,.analyser .firstPart .level {width:45%;padding:0 10px;} .analyser h2 {margin-bottom:5px;margin-top:15px;padding-left:31px;background:url("../img/icones/pictoList.png") no-repeat scroll 4px 2px transparent;} .analyser .firstPart .w3c {border-right:1px solid #AAA;} .analyser .config {padding:0 10px;} .analyser .config .resol, .analyser .config .navigate {float:left;width:70px;margin-right:20px;} .analyser .config .resol span, .analyser .config .navigate span {margin-top:50px;display:block;text-align:center;} .analyser .config .resol {background:transparent url("../img/deco/screenSize.jpg") no-repeat 10px 11px;} .analyser .config .navigate.n0 {background:transparent url("../img/deco/browsers.png") no-repeat 0 top;} .analyser .config .navigate.n1 {background:transparent url("../img/deco/browsers.png") no-repeat -100px top;} .analyser .config .navigate.n2 {background:transparent url("../img/deco/browsers.png") no-repeat -200px top;} .analyser .config .navigate.n3 {background:transparent url("../img/deco/browsers.png") no-repeat -300px top;} .analyser .config .navigate.n4 {background:transparent url("../img/deco/browsers.png") no-repeat -400px top;} /* Module de connexion omnipresent */ .member {color:#EEE;font-size:11px;} .member .avatar {margin:10px 10px 0 10px;width:80px;text-align:center;} .member .avatar img {margin:0 auto;display:block;} .member .pseudo {font-size:16px;} .member .inf {margin:10px 10px 0 0;text-align:left;} .member .inf .nbPt {font-size:16px;font-weight:bold;} .member .stat {margin:0 10px;} .member .footerEncartRightMember {color:#000;} .member .footerEncartRightMember a {color:#FFF;} .member ul, .member ul li {padding:0 !important;font-size:11px;} .member ul li a {color:#FFF;} /* Provisoire */ .community {padding-bottom:25px;} /* Module present home Community*/ .communitySpace .listing {margin:0 auto;padding:5px;} .communitySpace .listing ul li, .communitySpace .listing .handler div.reply {padding:5px;margin:5px 0;text-align:left;font-size:12px; color:#666;border-bottom:1px solid #CCCCCC;padding-bottom:5px;} .communitySpace .listing .handler div.reply {position:relative;margin:0 auto;border:1px solid #CCC;} .communitySpace .listing ul li {border-bottom:1px solid #CCC;} .communitySpace .listing ul li div.com {margin-left:50px;} .communitySpace .listing ul li:last-child {border:none;} .communitySpace .listing ul li.temp, .communitySpace .listing ul li.tempOne{font-weight:bolder;font-size:14px;margin-top:0;margin-bottom:10px;list-style:none;border:none;} .communitySpace .listing ul li.tempOne {font-size:16px;color:#333333;} .communitySpace .listing ul li a:hover {color:#000;text-decoration:underline;} .communitySpace .listing .handler h3 {font-size:14px;font-weight:bold;} .communitySpace .listing .handler div.reply h3 {font-size:14px;} .communitySpace .listing .handler div.reply .close {position:absolute;top:-13px;right:-15px;} .communitySpace .listing .handler div.reply .act {width:120px;margin:0 auto;} /* BTN Tweet */ .communitySpace .listing .handler .bTweet {width:38px;height:25px;float:right;margin:5px 5px 0 0} .communitySpace .listing .handler .bTweet a.off, .communitySpace .listing .handler .bTweet a.on {display:block;width:38px;height:25px;background:transparent url(../img/boutons/buttonTwitter_on.png) no-repeat top left;} .communitySpace .listing .handler .bTweet a.off {background:transparent url(../img/boutons/buttonTwitter_off.png) no-repeat top left;} /* BTN GO Send msg */ #go {cursor:pointer;border:0;background:transparent url(../img/boutons/publish.png) no-repeat top left;width:100px;height:25px;} /*.communitySpace .listing .handler {height:80px;}*/ .communitySpace .listing .msg {border:1px solid #CCC;padding:5px;} .communitySpace .listing .msg input[type=text] {border:1px solid #CCC;width:623px;background:transparent url(../img/deco/inputMsg.png) no-repeat scroll left center;height:20px;} .communitySpace .listing .msg input[type=button] {float:right;margin-top:5px;} .communitySpace .listing .msg select {float:right;margin:7px 5px 0 0;} .communitySpace .listing .newMsg {background-color:#7f1919;} .communitySpace .listing .newMsg .renew {text-align:center;color:#FFF;font-weight:bold;font-size:13px;} .communitySpace .listing .newMsg .renew a {color:#FFF;font-weight:bold;font-size:13px;} /* Item */ .communitySpace .listing ul {width:570px;padding:10px;margin:15px auto 0 auto;border:1px solid #CCCCCC;} .communitySpace .listing ul li div.item, .communitySpace .listing .handler div.reply {width:540px;} .communitySpace .listing ul li div.action {width:15px;height:45px;} .communitySpace .listing ul li div.action a {display:block;width:15px;height:20px;} .communitySpace .listing ul li div.action a.react {background:transparent url(../img/boutons/listing-action.png) no-repeat scroll left bottom;} .communitySpace .listing ul li div.action a.delete {background:transparent url(../img/boutons/listing-action.png) no-repeat scroll left top;} .communitySpace .listing ul li div div.img, .communitySpace .listing .handler div.reply div.img {margin-right:5px;float:left;} .communitySpace .listing ul li div div.img {height:58px;} /* Module de la communauté */ .communityModule {font-size:12px;} .dateScript {display:none;} /* Module de validation des sites */ .validSite {font-size:12px;} .validSite div.int {margin-bottom:15px} .validSite div.crit {float:left;width:315px;} .validSite .lineValidSite {border-bottom:1px solid #CCC;padding-bottom:10px;/*min-height:100px;*/} .validSite .lineValidSite.last{border:none;padding:0} .validSite .choice {width:145px;text-align:center;height:50px;} .validSite .context {width:150px;} .boxMembre {float:left;width:90px;margin-left:10px;} .boxMembre h4 {margin-bottom:2px;} .boxMembre ul li {margin-right:5px;margin-bottom:5px;} #valid {margin-left:20px} /* Module des propositions */ .sondage .moz-sondage {font-size:12px;} .sondage .moz-sondage ul li {min-height:75px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #AAAAAA;} .sondage .moz-sondage ul li.last {border:none;} .sondage .moz-sondage ul li div.visu {width:100px;margin-right:5px;min-height:70px;border:1px solid #CCC;} .sondage .moz-sondage ul li div.inf {text-align:justify;width:400px;} .sondage .moz-sondage ul li div.inf h2 {font-size:14px;} .sondage .moz-sondage ul li div.links {width:130px;min-height:75px;} .sondage .moz-sondage .maj {margin:10px auto;width:450px;padding:10px;border:2px solid #AAA;} .sondage .moz-sondage .maj ul.addSuggest li {min-height:15px;border:none;margin:0;padding:0;} /* Module des sondages */ #response tr td, #question tr td {padding:5px 0;} #response tr td input, #question tr td input,#question tr td select {width:300px;} #question tr td select {width:50px;} .sondageView {min-width:490px;} .actionView {min-width:140px;border-left:1px solid #ccc;min-height:50px;padding-left:5px;} .line1,.line2 {margin-bottom:15px;} .sondages .enteteIn {background:transparent url(../img/deco/encartSondages.png) no-repeat right top;height:39px} .sondages .enteteIn span {margin-left:165px;} /* Module Profile */ #profile {padding: 5px 0;} #profile .wrapper {/*width:647px;*/height:325px;/*280px;*/position:relative;overflow:hidden;text-align:left;} #profile .wrapper .menuProfile {width:149px;border-right:1px solid #CCC;float:left;height:280px;} #profile .wrapper .menuProfile ul li {padding:20px 0 0 5px;} #profile .wrapper .menuProfile ul li.current {padding:20px 0 0 20px !important;} #profile .wrapper .content {font-size:12px;float:left;min-height:500px;width:508px;position:absolute;left:150px;top:0;overflow:hidden;} #profile .wrapper .content .index {height:325px;/*height:277px;*/padding:8px 0;} #profile .wrapper .content .index.reference, #profile .analyses {position:relative;overflow:hidden;} #profile .wrapper .content .index.reference .handler, #profile .analyses .handler {display:none;} #profile .wrapper .content .index.reference .handler .leftButton, #profile .wrapper .content .index.reference .handler .rightButton, #profile .analyses .handler .leftButton, #profile .analyses .handler .rightButton {padding:127px 0;position:relative;z-index:999;background-color:#FFF;} #profile .wrapper .content .index.reference .handler .leftButton, #profile .analyses .handler .leftButton {float:left;} #profile .wrapper .content .index.reference .handler .rightButton, #profile .analyses .handler .rightButton {float:right;} #profile .wrapper .content .index.reference .slide, #profile .analyses .slide {position:absolute;left:0;top:0;width:1200px;margin:30px 0 0 0px;} #profile .wrapper .content .index.reference .slide ul, #profile .analyses .slide ul {float:left;margin:0 20px;} #profile .analyses .slide ul {width:470px;} #profile .analyses .slide ul li {margin:15px 0 0 40px;float:left;} #profile .addComp {text-align:center;font-size:13px;font-weight:bold;margin:10px 0;} /*#profile .analyses .handler .breadscrum {margin-top:155px;}*/ #profile .analyses .handler .breadscrum ul {margin:0 auto} #profile .analyses .handler .breadscrum ul li {float:left;width:15px;height:15px;background:transparent url(../img/deco/puce_breadscrum.png) no-repeat right top;} #profile .analyses .handler .breadscrum ul li.active {background-position: 2px top;} /* Partie GENERAL */ #profile .general .headProfile {margin:0 10px;} #profile .general .infosUser {margin-left:10px;min-height:70px;width:250px;} #profile .general .infosUser h2 {font-size:15px;} #profile .general .points {width:100px;color:#FFF;background:#000;font-size:25px;min-height:50px;text-align:center;font-weight:bold;padding-top:20px;} #profile .general .stats {margin:10px 10px 0 10px;padding-top:10px;border-top:1px solid #CCC} #profile .general .stats h3 {font-size:13px;padding-bottom:5px;} #profile .general .stats .col {width:48%;} #profile .general .stats .col ul li {margin-top:10px;} /* Partie REFERENCES */ #profile .reference ul li {margin-bottom:10px;} #profile .reference ul li.last {margin:0;} #profile .reference ul li .visu {border:1px solid #BBBBBB;} #profile .reference ul li div.infos {width:356px;padding-left:10px;} #profile .reference ul li div.infos h3 {font-size:14px;text-transform:uppercase;} #profile .reference ul li div p {font-size:11px;} /* Partie COMPETENCES */ #profile .competences div.floatl,#profile .competences div.floatr {width:225px;text-align:center;height:245px;} #profile .competences div.floatl {border-right:1px solid #CCC} #profile .competences h3 {font-size:13px;color:#414141;margin-bottom:10px} #profile .competences ul {text-align:left;} #profile .competences ul li {line-height:25px;padding-left:30px;background:transparent url(../img/icones/pictoList.png) no-repeat 4px 2px;} /* Partie CONTACTS */ #profile .contacts div.floatr,#profile .contacts div.floatl {width:225px;height:210px;} #profile .contacts div.floatl {border-right:1px solid #CCC} /* Partie ANALYSES */ #profile .analyses #moz .boxgrid .expliHome div.floatl {width:105px;} /* Partie Communauté */ #profile .users ul li {float:left;margin:10px;} /* Module configuration du profil */ /* Partie Info */ .confProfile {font-size:12px;} .confProfile .perso .infos {margin-left:10px;width:445px;} .confProfile .perso .infos h3 {padding-top:15px;margin-bottom:3px;} .confProfile .perso .infosPlus {float:left;} .confProfile .perso .updateInfos {width:450px;float:left;/*padding:10px 0 0 10px;*/margin-top:10px;} .confProfile .perso .updateInfos h3 {margin-bottom:3px;} .confProfile .perso .updateInfos input {border:1px solid #999} .confProfile .perso .updateInfos #changePassword {text-align:right;width:370px;} .confProfile .perso .updateInfos #changePassword h3 {text-align:left;} .confProfile .perso .updateInfos #changePassword p {margin-bottom:5px;} .confProfile #addAvatar tr td {padding:5px 0;} .confProfile #listAvatar ul li,.confProfile #listAvatar ul li.first {float:left;margin:0 0 5px 4px;} .confProfile #listAvatar ul li .first{margin-left:0;} .confProfile #listAvatar ul li img {opacity:0.75;} .confProfile #summaryUser .linkManager {min-height:220px;width:170px;} .confProfile #summaryUser .linkManager li {margin-bottom:15px;} .confProfile #summaryUser .linkManager .current {font-weight:bold;} .confProfile #summaryUser .points {font-size:16px;padding:10px;margin-left:10px;border:1px solid #999} /* Partie Competences */ .confProfile .confCompetence .graph,.confProfile .confCompetence .prog {width:48%;} .confProfile .confCompetence .graph {margin-right:10px;border-right:1px solid #CCC;min-height:190px;} .confProfile .confCompetence ul li {margin-top:5px;} /* Module Administrateur */ .adminCompetence {text-align:left;font-size:12px;} .adminCompetence .list ul li {margin-top:10px;padding-bottom:10px;list-style-position:inside;list-style-type:circle;width:640px;border-bottom:1px solid #CCCCCC;} .adminCompetence .list ul li span {min-width:150px;} .adminCompetence .list ul li a.delete,.adminCompetence .list ul li a.update {background:transparent url(../img/icones/delete.gif) no-repeat left top ;width:17px; height:17px; float:right;} .adminCompetence .list ul li a.update {background-image:url(../img/icones/update.png);margin-right:10px;} .adminCompetence .list ul li a.delete:hover,.adminCompetence .list ul li a.update:hover {background-position: 0px -16px;} /* module d'amélioration */ .rAmeliorate .enteteIn{font-weight:bold;color:#FFF !important;background-image:url(../img/deco/encartAmeliorateRapport.png);height:39px;line-height:39px;padding-left:330px;font-size:18px;} .rAmeliorate .enteteIn a, .rAmeliorate .enteteIn a:hover {color:#FFF !important;} .ameliorate .ameliorateMozaiq ul {margin:0 auto;width:585px;margin-bottom:20px;} .ameliorate .ameliorateMozaiq ul li {float:left;margin-right:30px;} .ameliorate .ameliorateMozaiq ul li.last {margin-right:0!important;} .ameliorating .list {margin-top:15px;font-size:12px;} .ameliorating .list h2 {margin-top:40px;} .ameliorating .list ul li {margin-top:3px;margin-bottom:10px;} .ameliorating .list ul li .avatar {min-width:45px;} .ameliorating .list ul li .creet {width:500px;} /* Rapport de progression */ .ameliorer .imgSite {margin-top:10px} .ameliorer .design {margin-top:15px;} .ameliorer .design .txt, .ameliorer .ergo .txt, .ameliorer .contenu .txt, .ameliorer .refNat .txt, .ameliorer .integration .txt, .ameliorer .speedCreetik .txt {width:250px;} /* Visu d'une analyse */ .analyseShot {font-size:12px;} .analyseShot h2,.analyseShot h3 {font-size:15px;background-position:4px -1px;} .analyseShot .visu {width:240px;height:180px;border:1px solid #CCC;} /*.analyseShot ul.config li {margin-bottom:10px;}*/ .analyseShot .headEncartLeft .enteteIn {font-weight:bold;color:#FFF !important;background-image:url(../img/deco/HeadAnalyseRed.png);height:39px;line-height:39px;padding-left:145px;font-size:15px;} .analyseShot .headEncartLeft .enteteIn a, .analyseShot .headEncartLeft .enteteIn a:hover {color:#FFF !important;} .analyseShot .itemCreetik {margin-bottom:15px;} /* Pagination*/ div.pagination { text-align:center; padding: 7px; margin: 3px; } div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #555; text-decoration: none; /* no underline */ color: #000000; } div.pagination a:hover, div.pagination a:active { border: 1px solid #555; background-color:#B11717; color: #fff; } div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #555; font-weight: bold; background-color: #B11717; color: #FFF; } div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; } /* STATS - Pourcentages */ /* head*/ .stat .enteteIn {height:39px;background:url("../img/deco/HeadStatsRed.png") no-repeat scroll left top transparent;} .stat .enteteIn span {margin-left:195px;} .stat .resol, .stat .browser {margin-left:100px;text-align:center;} .stat .resol h2, .stat .browser h2 {margin-bottom:5px; } .stat .resol ul li span, .stat .browser ul li span {font-size:13px;float:left;} .stat .resol ul li span.intResol, .stat .browser ul li span.intBrowser, .sond ul li .intSond {display:block; min-width:75px; text-align:right; margin:0 5px 2px 0;} .stat .browser ul li span.intBrowser {min-width:125px;} .sond ul li .intSond {float:left;font-size:12px;min-width:150px} .stat .resol ul li span.resol_25, .stat .resol ul li span.resol_50, .stat .resol ul li span.resol_75, .stat .resol ul li span.resol_100, .stat .browser ul li span.browser_25, .stat .browser ul li span.browser_50, .stat .browser ul li span.browser_75, .stat .browser ul li span.browser_100, .sond ul li span.sondage_25, .sond ul li span.sondage_50, .sond ul li span.sondage_75, .sond ul li span.sondage_100 {background:red url("../img/deco/deg-bar.png") repeat-x left top;width:2px;height:15px;display:block;margin:0 0 2px 0;} .sond ul li span.sondage_25, .sond ul li span.sondage_50, .sond ul li span.sondage_75, .sond ul li span.sondage_100 {float:left;} .stat .resol ul li span.resol_25, .stat .browser ul li span.browser_25, .sond ul li span.sondage_25 {width:15px !important;} .resol ul li span.resol_50, .stat .browser ul li span.browser_50, .sond ul li span.sondage_50 {width:30px !important;} .stat .resol ul li span.resol_75, .stat .browser ul li span.browser_75, .sond ul li span.sondage_75 {width:45px !important;} .stat .resol ul li span.resol_100, .stat .browser ul li span.browser_100, .sond ul li span.sondage_100 {width:60px !important;} .stat .resol ul li span.percent, .stat .browser ul li span.percent, .sond ul li span.percent {margin:1px 5px;font-size:11px;} /* VALID SAVE CREETIK POPIN */ .validSave { display:none; height:100%; position:absolute; top:0; left:0; width:100%; z-index:999; text-align:center; } .validSave .msgValid { margin:0 auto; font-size:20px; padding:20px; width:250px; opacity:1; } /* Button reTweet */ #tweeterButton {position:absolute;right:10px;top:10px;} /* Mes propositions */ #master {min-height:230px;} /* ADMIN */ #admin h2{ font-size:16px;} #admin ul li {margin-bottom:2px;padding-bottom:2px;} /* Partie stats*/ #admin .stat ul {width:210px;} #admin .stat ul li {border-bottom:1px solid #999} #admin .stat ul li:first-child, #admin .stat ul li:last-child {border:none;} #admin .stat ul li span {float:right;} /* hack Resize */ #summaryMember .replace {background-color:#FFF;}