/* GENERAL */ *{margin: 0px;padding: 0px;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;text-decoration: none;} body { font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../images/menu/fond.png) repeat; background-repeat: repeat background: url(../images/menu/fond.png) repeat fixed; background-attachment: fixed;height:100%; } H1,H3,H4{text-align: center;} hr{border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #CCCCCC;} #page {width: 1024px;margin-right: auto;margin-left: auto;background-color: #FFFFFF;color: #000000;} .center{text-align:center} .float-left{float: left; margin-right:5px;} .float-right{color: #FF6600;} .lien {cursor: pointer;color: #FF3300;text-decoration: underline;font-family: Arial, Helvetica, sans-serif;font-size: 12px; margin-left:5px; padding-bottom:5px} .size12{font-size: 12px} .size10{font-size: 10px} .img-infob{width: 45px;height:45px; margin-right:3px;} ul{list-style-type: none} li{display:inline} .liens-line{text-decoration: underline;} .opacity5{opacity:0.5} .red{color:red} .menu-haut zend_form input[type=text], .menu-haut zend_form input[type=password]{ border: 1px solid #333333; width: 128px } .absolute{position: absolute; } ul.list-block li{display: block} .clear{clear: both} /* TOP */ /*#header-left {float: left;}*/ #logo{float: left;} .logo {width: 210px;height: 115px;} #header-right{float:right; width: 780px} *html #header-right{position: absolute;width: 780px} #liens-publier{float:left} #top-right-menu{float:right} #first-line {color: #000000;margin:0 10px 10px; } #flags{float:left; margin: 5px 0 0 20px; position: absolute} #top{margin-right:10px;} #top li {list-style-type:none; display: inline} #top a {text-decoration: none; font-size: 10px} #top #liens-publier{float:left; padding-top: 5px} #top #liens-publier .button-publier{float:left; margin-right: .4em} #top #liens-publier .colorgold{background: #fbce33; border: #fbce33 1px solid;} #top #liens-publier .colorblue{background: #4490db; border: #4490db 1px solid;} #top #liens-publier .button-publier a{color: #000000; display: block; font-size: 10px; padding: 3px; font-weight: bold;text-align:center} #top #liens-publier .button-publier .size8{width: 8em} #top #liens-publier .button-publier .size12{width: 12em} #top #liens-publier .button-publier .size11{width: 11em} #top #top-menu{float:right;} .cadre-detail{background-image: url(../images/menu/participant.png);background-repeat: repeat-x;height: 30px;padding-top: 10px; margin-bottom: 15px;font-size: 12px; clear:left} /* menu */ #top {text-align: right;background-color: #FFFFFF;} .menu-haut{margin-bottom:10px; } .menu-haut input {background-color: #FFFFC6;} .menu-haut .inscription{float: left; margin-right:20px} #menutop{padding-top: 6px;padding-left: 20px;font-size: 14px;padding-right: 15px;} #menutop a{color: #FF6600;font-size: 12px;text-decoration: underline;} /**********CONNEXION***********/ #connexion{ width:690px} *html #connexion{ width:600px} *+html #connexion{ width:620px} .field-login{width: 130px; margin-right:10px} #banniere {float: right;width: 780px;color: #000000;} #recherche{clear: left} #option{margin-top:10px;font-size: 14px;font-weight: bold;font-family: Arial} /*#FieldName, #FieldLieu {float:left; margin-right:2em; border: 1px solid black}*/ #search .ui-tabs-panel { background: #4297D7; padding-bottom: 2.1em; padding-top: 5px} /*#barre-recherche input[type=text], #barre-recherche input[type=password]{float:left; margin-right:2em; font-size: 12px;}*/ #barre-recherche input{float:left;margin-right:2em;font-size: 12px;margin-top: 0px;margin-bottom: 0px;margin-left: 0px; height:18px;padding-top: 3px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;} #barre-recherche input#submitbutton { height:22px;} #barre-recherche #membres form{float:left;width:520px;} *html #barre-recherche #membres form{float:left;width:480px;} #barre-recherche #lieux form{ float:left; width:500px; } #barre-recherche #evenements form{float:left;width:600px;} *html #barre-recherche {float:left;width:300px;} *html #barre-recherche #membres form, #barre-recherche #lieux form{float:left;width:310px;} *html #barre-recherche #evenements form{float:left;width:500px; float:left} .field-text > input{width: 220px} *+html .field-text>input{width: 180px} *html .field-text>input{width: 240px} .small-text >input {width: 180px} #search_date{width: 6.5em} #button_inscription{background: url(../images/green.png) repeat-x scroll 50% 50%; border: #ACDD4A 1px solid; float :left; margin-right: 1em;} #button_inscription a{color: #FFFFFF; display: block; font-size: 24px; padding: 10px; width: 160px;} #description-connexion{float:left; font-size: 12px; width: 40em} #description-connexion li{ display:inline; list-style-type:none; margin-right: 3em; font-size: 10px; color:#339933; font-weight:bold } #description-connexion li a{text-decoration: underline; color:#339933;} #description-recherche{float:left; font-size: 12px; } #description-recherche li{display:inline; list-style-type:none; } #description-recherche li span{margin-right: 10em; font-size: 10px; color:#ACDD4A; font-weight:bold} /* MENU */ #ensemble-barre-recherche{padding-left: 5px;clear: both;background-image: url(../images/menu/fond-menu.png);/*position: relative;*/ background-repeat: no-repeat; width: 775px; padding-top: 7px;} #menu {height: 27px;width: 780px;clear: both;position: relative;background-repeat: no-repeat;padding-top: 2px;padding-left: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px} #menu ul {list-style-type:none;white-space:nowrap;float: left;color: #00FF00;margin-top: 5px;margin-right: 0px;margin-bottom: 0px; margin-left: 0px;font-size: 13px;width: 780px;} #menu li {float: left;display: block;text-align: center;height: 20px;vertical-align: middle;} #menu a {padding-right: 20px;padding-left: 20px;font-weight: bold;color: #FFFFFF;text-decoration: none;text-transform: capitalize; height: 20px;font-size: 13px;} #menu a.ici {color: #AFCDEB;} #menu a:hover{color: #FFCC00;} #menu-milieu-recherche {height: 55px;width: 700px;clear: both;position: relative;background-repeat: no-repeat; padding-top: 10px;padding-left: 30px;} #barre-recherche{height: auto;width: 690px;margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;} *html #barre-recherche {width: 350px} *html #barre-recherche.barre-event {width: 450px} *+html #barre-recherche {width: 490px; float:left} *+html #barre-recherche.barre-event {width: 600px} .btn-recherche{ cursor: pointer; } * html .btn-recherche{width:50px;} *+html .btn-recherche{width:50px;} .titregras{font-weight: bold;font-size: 14px;} /* .link { border-bottom:1px solid #FFFFFF; color:#FFFFFF; cursor:pointer; float:left; font-size:22px; list-style-type:none; margin-right:1.5em; }*/ #menu ul li a:hover{ border: 1px solid #448dae; font-weight: bolder; color: #026890; outline: none; } /*#menu>ul li a.selected{ border: 1px solid #acdd4a; font-weight: normal; color: #ffffff; outline: none; background-color: #009933;}*/ #menu ul li a.selected{ font-weight: bolder; color: gold; outline: none; font-size: 16px} /* CONTENT */ #content {position: relative;display: block;padding-top: 0px;padding-bottom: 30px;width:1024px;clear: both;overflow: visible;font-size: 12px;padding-right: 0px;padding-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 10px;margin-left: 0px; min-height: 500px} *html #content{padding-top:30px} #body{clear:left} #content-top{margin-bottom: 10px;} #breadcrumb {margin-left:10px;font-size:11px;clear: left} #breadcrumb a{color:#009900;} #content-middle{ padding-top:10px} #select-filter{margin:1em;} .filter{ float: left; font-size: 14px} #filter{ list-style-type: none} #filter li{ display: inline; padding-left: 1em} #filter li a{ color: blue} #pagination{ text-align: center} #content-left{float:left; width:29%;margin-left: 4px;} *+html .block-left{padding : 0px; height: 30px; font-size: 11px; padding-bottom:12px; margin: 0px;} * html .block-left{padding : 0px; height: 30px; font-size: 11px; margin: 0px; display:block;} .block-left{padding : 3px; height: 48px; font-size: 11px; color:#FF6600; display:block; } .cadenas-left{ margin-left:2px;} .block-left h2{font-size: 10px;color: #069;font-family: Verdana, Geneva, sans-serif;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 3px;} .block-left h4{ font-size: 10px; color: #069; font-family: Verdana, Geneva, sans-serif; margin: 0px; padding: 0px; } *+html .block-left h2{ font-size: 10px; color: #069; font-family: Verdana, Geneva, sans-serif; margin: 0px; padding: 0px; } .block-left p{color: grey} *+html .block-left a{padding:0} .block-left a{padding:0} .block-left span {color:#666; margin-left:5px;} .total{font-size: 12px; font-style: normal; color: blue;} #loading{margin: 15em 10em; background: url("../images/map.gif") no-repeat; height: 560px; width: 290px; display: none} /* #left-top{height:40px;border: 1px solid #75C8E8;background-color:#75C8E8} #left-body{height: 528px;border: 1px solid #7192b1;} #left-bottom{height:10px;border: 1px solid #7192b1;background-color:#82b3db} */ #content-right{float: right;height: 630px;width: 70%;background-color: #459ADA;} *html #content-right{ padding-top: 20px} #left-login{float:left} #right-login{height: 200px;width: 70%;float:right;margin:10px;background-color: #edefee;padding:50px} #athentification{background-color:#F7F7F7; border:1px solid #CCCCCC; float:left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; margin-left:100px; margin-top:120px; padding:50px; clear:left; width:400px;} /*************************** accueil ********************************/ .center-accueil{clear:both;margin-top: 5px; padding-left:10px} .pave-left{height: 302px;width: 670px;background-image: url(../images/map/fd-home.png);background-repeat: no-repeat;padding-left: 7px; margin-top: 8px;} .pub-right{margin-top: 15px;margin-left: 20px;} .pave-left20{height: 230px;width: 670px;background-image: url(../images/map/fd-home.png);background-repeat: no-repeat;} .pave-right{height: 255px;width: 310px;background-image: url(../images/map/fd-accueil.png); background-repeat: no-repeat;margin-top: 10px;margin-left: 18px; padding-top:7px; padding-left:5px} .titre-membre img { width:35px; height:35px; margin-right:3px; float:left} .titre-membre h2{font-size: 11px;color: #009900;} .titre-pave { font-family: Arial, Helvetica, sans-serif; font-size: 11px; width: 335px} .titre-pave img {height: 40px; width: 40px;float: left;margin-right: 3px;} .titre-pave h2{font-size: 11px;} .titre-pave a {color: #333333} .pave-left h3{color: #F60; font-size: 12px; margin-bottom:9px} .pave-right h3{color: #fff; font-size: 12px; margin-bottom:9px; } /******************INFO BULLES****************************/ .info-title{font-size: 14px; display: block; margin-bottom: 5px } .info-list {height: 100px;font-size: 10px;width: 60px;margin-top: 5px;margin-right: 5px;margin-bottom: 2em;margin-left: 5px;} *+html .info-list {height: 100px;font-size: 10px;width: 60px;margin-top: 5px;margin-right: 5px;margin-bottom: 2em;margin-left: 5px;} .info-list img{width: 67px; height: 67px} #maxcontent span {cursor: pointer ; text-align: center; width:50px} #maxcontent a {cursor: pointer; color: blue; } #maxcontent h4 {font-family: Arial, Helvetica, sans-serif;font-size: 14px; text-align: center;} .min-bulle{width:250px; height: 100px; font-size:10px} .min-bulle .info-title{color:#FF6600;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;} /***********EVENT*****************/ .restant-ligne{color:green;} .restant-off{color: #FF3300; text-align: center; font-size: 12px} /***************INSCRIPTION ******************************/ #left-inscription{float:left; font-family:Arial,Helvetica,sans-serif;font-size:12px;} #right-inscription{height: auto;width: 55%;float:right;margin:10px;background-color: #edefee;padding:50px} #right-inscription a{ text-decoration: underline;color: #FF3300;} #right-inscription H2{font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: bold;text-align: center; margin-bottom:16px;} #right-inscription h3 {color:#FF6633;font-family:Arial,Helvetica,sans-serif;font-size:14px;margin-bottom:10px;} /*#inscriptionouestmap dt{float:left} #inscriptionouestmap dd{margin: 0 0 10px 160px;} #inscriptionouestmap input.text_field{ border:1px solid #DDDDDD; font-size:18px; margin:0; padding:8px; width:200px }*/ #left-inscription{ float:left; width:308px; height:auto; margin-left:15px} #inscriptionouestmap #radioSubscribe{margin: 0 0 20px 160px} #inscriptionouestmap #dateSubscribe{margin: 0 0 10px 160px;} .zend_form dd label, .zend_form dt label {float:left; width:12em} #inscriptionouestmap .zend_form dd label,#inscriptionouestmap .zend_form dt label { width:14em} .zend_form dd#time1-label label, .zend_form dt#time1-label label,.zend_form dd#time2-label label, .zend_form dt#time2-label label {width:4em; padding-left: 10px} #submitbutton{} #description-element{clear:left} /*****************FORMULAIRE*************************************/ #formulaire dt{float:left; color:#3673BE; font-weight: bold; clear:left} #formulaire dd{margin: 0 0 5px 100px;} #formulaire #private-element{height:20px} #datePicker1-label + dd, #datePicker2-label + dd{margin: 0 0 0px 100px;} #formulaire dt#datePicker1-label, #formulaire dt#datePicker2-label{ float:none;} #formulaire dt#time1-label,#formulaire dt#time2-label{clear:none} .text_field{border:1px solid #DDDDDD;font-size:12px;margin:0;padding:2px;width:200px;height: 20px;} *html .text_field{border:1px solid #DDDDDD;font-size:12px;margin:0;padding:2px;width:200px;height: 20px;} .text_field_datepicker{border:1px solid #DDDDDD;font-size:18px;margin:0;float: left;padding:8px;width:95px} .text_field_time{border:1px solid #DDDDDD; font-size:18px; margin:0;clear: none;padding:8px;width:95px} #time1-element p, #time2-element p{margin-left: 15em} .textarea_field{border:1px solid #DDDDDD;width: 300px;height: 100px} .radio_field{ } #formulaire #radioSubscribe{margin: 0 0 20px 160px} #formulaire #dateSubscribe{margin: 0 0 10px 160px;} #formulaire .button-geocoder{cursor:pointer;margin-left:17em;} #formulaire #message{width:400px;height:200px} #keywords-element{clear: left} /***************** Modif information *****************/ #photo{text-align: center; margin-bottom: 1em} #photo img{width:80px; height: 100px} #map {width:99%;height:610px;margin-left:4px;text-align:center;background-color:rgb(229, 227, 223);background-repeat: no-repeat; padding: 0px;margin-top: 8px;margin-bottom: 15px;} *html #map{text-align:left} *+html #map{text-align:left} .map-route{clear:right; float:right; width:292px} #mini-map{margin:10px 10px; height:300px; } #pub-even{ height:auto;} /* RENITIALISER MDP*/ #information-mot-de-passe, .information{text-align:center;} #right-inscription div.error {text-align:center;} #formulaire-mot-de-passe{text-align:center; margin: 2em} #formulaire-mot-de-passe #buttonSubmit{padding-top:1em} /* ERREUR*/ .error{color: red} /* FOOTER */ #footer {position: relative;clear: both;padding-bottom: 5px;padding-top: 25px;font-size: 11px;padding-right: 10px;padding-left: 10px;} /* FORM */ /*input, textarea, select {background-color: #FFFFFF;border: 1px solid #000066;font-size: 11px;padding: 2px;font-family: Arial, Helvetica, sans-serif;}*/ /*input[type=button], input[type=submit], input[type=reset] {border: 1px solid #000000 ; background: #78BBEE; color: #FFFFFF; cursor: pointer;}*/ #acces img {padding: 0px;margin: 0px;} /* style de texte */ .petit-texte{font-size: 10px;color: #FFFFFF;} .bordure-champs{border:1px solid #0099CC;} .errors li {color:red;font-size: 10px;} #erreur {background:#FFEBE8 none repeat scroll 0 0;border:1px solid #DD3C10;line-height:20px;margin:10px 0 0;overflow:hidden;padding:7px 0;text-align:center;display: none;} .password{color:#777777;} /******************* PROFIL ******************/ .title{clear:left; padding-top:30px; color:#3673BE; font-size: 14px; width:900px} #menu-profil{width:10em;background-color: #edefee; float:left; margin:10px; padding: 10px} #onglet-menu{width: 700px;height: 20px;padding-left: 300px;} #onglet-menu ul {list-style:none;display:none;white-space:nowrap;list-style:none;height:30px;position:relative;font-size:0.9em; margin-top: 0px;margin-right: 30px;margin-bottom: 0px;margin-left: 20px;padding-top: 0px;padding-right: 30px;padding-bottom: 0px; padding-left: 30px;width: 500px;} #onglet-menu li {display:table-cell;padding:0px;margin: 0px;width: auto;} #onglet-menu li a {display:block;float:left;height:2em;line-height:2em;color:#333;text-decoration:none;font-family:arial, verdana, sans-serif;font-weight:bold;text-align:center;padding:0 0 0 12px;cursor:pointer;background-image: url(../images/menu/pro_seven_0a.gif); background-repeat: no-repeat;} #onglet-menu li a b {float:left;display:block;padding:0 12px 0 0;background-image: url(../images/menu/pro_seven_0b.gif); background-repeat: no-repeat;background-position: right top;} #onglet-menu li a:hover {color:#000; background: url(../images/menu/pro_seven_1a.gif) no-repeat;} #onglet-menu li a:hover b {background: url(../images/menu/pro_seven_1b.gif) no-repeat right top;display: block} #onglet-menu li a.selected{color:#FF6600;background: url(../images/menu/pro_seven_1a.gif) no-repeat;} #onglet-menu li a.selected b{background: url(../images/menu/pro_seven_1b.gif) no-repeat right top;display: block} [if IE]> #information{font-size: 12px} #left{height: auto;width: 460px;float:left;margin:10px;background-color: #F2F4F3;padding:1em} .non-renseigne{text-align: center; color:#AAAAAA;font-family:Georgia;font-size:40px;} #informations-personnels{} #informations-personnels h3{color:#666666;background-color: #e3ecfd;border-bottom-width: 1px;border-bottom-style: solid; border-bottom-color: #3399CC;background-image: url(../images/menu/fd-infopersonnel.png);margin-bottom: 10px;margin-top: 10px; font-size: 12px;} #photo-personnels{float:left;width: 120px;margin-top: 8px;margin-right: 0;margin-bottom: 8px;margin-left: 17px;} #photo-personnels img{height: 105px; width:auto ;padding: 3px;border: 1px solid #CCCCCC;width:105px;} #photo-personnels .age{ text-align: center;} #donnees-personnels{float:left;width:270px;padding: 0px;margin-top: 8px;margin-right: 0px;margin-bottom: 8px;margin-left: 0px;} * html #donnees-personnels{float:left;width:260px;padding: 0px;margin-top: 8px;margin-right: 0px;margin-bottom: 8px;margin-left: 0px;} #informations-personnels dt{float: left; color: grey; font-weight:bold; clear: left; margin-right: 1em} #informations-personnels dd{ color: black; margin:0 1em .2em 1em} #left h1{color:#3673BE;} #donnees-professionnelles{ clear:left} #informations-actuelles dd{padding-left:8em} .modifier{ font-size: 14px; color: #FF6600; } .list-activites-profil{margin: 10px;width: 50em;margin:10px auto 30px;} .top-detail{} .top-detail .left-title-detail a{color:#009966;font-size: 12px; margin-right:10px;} .top-detail img.visibilite{float:left} .top-detail .ville{margin-left:15px; color:#6D798B; } .left-top{ color:#3078A8;font-size:16px;line-height:30px;margin:0 0 12px;padding:0;} .right-top{float:right;color:#949494;font-size:16px;margin:0 0 8px;} .body-detail{display: block;min-height:50px; clear: left} .photo-list-profil{height: 60px; width: 60px; float: left; margin-right: 1em} .photo-list-actu{height: 40px; width: 40px; float: left; margin-right: 1em} .left-title-detail{color:#006633;font-size:12px;float: left;padding-left: 10px; margin-right:10px} .body-detail p{text-align: left; color:#5B5B5B;font-size:12px;} .body-detail dl dt{float:left;color:#069;} .body-detail dl dd {width:140px;} .body-detail .contenu { float:left; width: 200px; } .body-detail .filecontenu { float:left; } .body-detail .contenu {float:left} .body-detail .contenu dl{width:21em} .body-detail .action{ padding-top: 10px; float: right; } .body-detail .action li {margin-left: 10px} .list-activites-profil li{ display: block; height:100px; font-size: 11px; background-repeat: no-repeat; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-family: Verdana, Geneva, sans-serif; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E9E9E9; margin-bottom: 10px; } .list-activites-profil .action li{display:inline; border:0 ; padding:0} .block-annuler{color:red; font-size: 20px} /********************* DETAIL LIEU********************************/ #left-detail {height: auto;width: 700px;float:left;margin: 5px;} #info-detail{background-image: url(../images/menu/fond-detail.png);height: auto;width: 684px;padding-top: 5px;padding-left: 7px;background-repeat: no-repeat;} #info-detail-commentaire{background-image: url(../images/menu/fond-detail.png);height: auto;width: 684px;padding-top: 5px;padding-left: 7px;background-repeat: no-repeat; margin-top:15px} .auteur-user{font-size: 10px;} .auteur-user a{font-size: 10px;color: #000000;} .vue-note{font-size: 11px; color: #FF6600;} #info-detail-pied{width: auto;background-image: url(../images/menu/info-detail-pied.png);background-repeat: no-repeat;height: 30px; margin-top: 20px; padding-left: 160px; margin-bottom:10px} #info-detail-pied a{font-size: 11px;color: #000000;} #carte-lieu{ margin-top: 20px; } #left-detail h2{color:#666666;font-size: 12px;padding-top: 4px;padding-left: 10px;margin-bottom: 9px;} #left-detail #top-detail span{margin-right: 1em} .cadenas{/*width: 11px;height:15px; */} #image-logo {float:left;margin:10px} #image-logo img{height:auto; width:50px; border: 1px solid #CCCCCC;padding: 2px;} #info-lieu{ font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left:5px; float: left; width: auto; } #info-lieu dt{float: left; color: #3673BE; font-weight:bold; margin-right: 1em} #info-lieu-adresse{font-size: 12px;font-family: Verdana, Arial,;margin-top: 15px;} #info-lieu dd{ color: black; margin-top: 0; margin-right: 1em; margin-bottom: 0.2em; } /****************COMMENTAIRES*********************/ #commentaires{clear: left} #commentaires .comment-photo {float:left; margin-right:10px; height:60px; width:auto} #commentaires .note{border: .5px solid #AAAAAA} #commentaires .comment{width: 520px; border: 1px solid #AAAAAA; float:left} #commentaires .envoyer{margin-left:10px;margin-top:45px; } #block-comments{margin-top:10px} .block-comment{font-size: 12px;clear: left;border-bottom: 1px dotted #CCCCCC;height: auto;width:650px;font-family: Arial, Helvetica, sans-serif;padding: 5px;margin-top: 4px;margin-bottom: 4px; padding-bottom: 25px} .block-comment a{color:#459ada} .block-comment img.photo-comment{float: left; margin: 0 5px 5px; height:50px; width:auto} #block-comments label{font-size: 12px;font-weight: bold;color: #339933;font-family: Arial, Helvetica, sans-serif;} #comment-pagination{clear:left} /************************** INFOS PRO ******************/ #right-form{height: auto;width: 88%;margin:10px;background-color: #edefee;padding:50px} #right-form h2{font-size: 16px;color: #000000;font-family: Arial, Helvetica, sans-serif;margin-bottom: 15px;text-align: center;} #informations-actuelles dl{margin-bottom: 1em;} #informations-actuelles dt{color:grey; font-weight:bold; text-decoration:underline} .button-lien{margin: 7em} #loading-profil{margin: 2em 10em; background: url("../images/loading.gif") no-repeat; height: 560px; width: 890px; display: none} /***********AMIS PROFIL********************/ .ligne-user{width: 800px; margin-left: 130px;height: 800px; border: outset} .block-user{margin: 5px; height: 70px; width: 90px; float:left} .block-user span{padding-top:20px} .block-user .nom{font-size: 11px; color: #000; font-family: Arial, Helvetica, sans-serif;} .block-user img{width:50px; height:50px;margin-right:20px} /***********LISTE ATTENTE**********/ ul.wrapper{width: 600px;margin-top: 10px;margin-right: auto;margin-bottom: 30px;margin-left: auto;} .wrapper li{display:list-item; height: 45px; background-image: url(../images/profils/fd-ajout-amis.png); height: 70px;background-repeat: no-repeat;} .user{margin: 5px;padding-top: 5px;padding-right: 16px;padding-bottom: 4px;padding-left: 10px;} .user span{padding-top:20px} .user .nom{font-size: 12px} .user img{width:50px; height:50px; float:left; margin-right:20px} .user .controls{ float: right; margin-left:20px } .li-user-80{display: block; height: 80px;margin-bottom: 10px} /*************PRIVATE**************************/ #private{margin:1em; background-color: #F4F4F4; float:right; height: auto; padding:10px; width:630px;font-family: Arial, Helvetica, sans-serif;font-size: 12px} #private h3{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #FF6633; margin-bottom:10px;} #private-photo img{height:100px; max-width:160px ;float: left;margin-right: 1em;border: 1px solid #CCCCCC;padding: 3px;} #private p {margin-top: 2em;font-family: Arial, Helvetica, sans-serif;font-size: 14px;text-align: center;} #private a{color: #FF3300;text-decoration: underline;} /****************PAGINATION**************************/ .paginationControl{text-align: center;height: 19px;padding-top: 8px;background-color: #FFFFFF;background-position: center center; width: auto; clear:both} .paginationControl img{ height:13px} .paginationControl li{font-size: 11px;height: 15px;background-position: center;border: 1px solid #0099CC;padding-top: 5px;padding-right: 4px;padding-bottom: 2px;padding-left: 4px;margin-right: 2px;margin-left: 2px;color: #FF6600;} /* .paginationControl ul li{display: block; float: left; color: #FF9900} .paginationControl ul li.active, .paginationControl ul li a:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/buttons/bg_page_rc.png) no-repeat scroll right top; }*/ /*************GALLERIA************************/ .galleria{list-style:none;width:200px} .galleria li{display:block;height:70px;overflow:hidden;float:left;margin:0 10px 10px 0} .galleria li a{display:none} .galleria li div{position:absolute;display:none;top:0;left:180px} .galleria li div img{cursor:pointer} .galleria li.active div img,.galleria li.active div{display:block} .galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto} .galleria li .caption{display:block;padding-top:.5em} * html .galleria li div span{width:400px} /* MSIE bug */ .galleria_container img{width: 490px; max-height: 490px;} #photos{float: right; margin: 5px; width:490px;} *html #photos{ width:480px;} #photos #liste-photos{display:inline} #photos #liste-photos img{ margin-right: 10px;} #photos #liste-photos img.portrait{height:50px; max-width: 60px; margin-bottom:2px } #photos #liste-photos img.paysage{height:50px; width:50px; margin-bottom:2px; } #photos #liste-photos li{display: inline; margin:10px 0} #photos-lieu{float: right;width:300px;margin-top: 5px;margin-right: 8px; height:auto;} #photos-lieu #liste-photos{display:inline} #photos-lieu #liste-photos img{ margin-right: 10px;} #photos-lieu #liste-photos img.portrait{height:35px; width:47; border:1px solid #CCCCCC; padding:1px} #photos-lieu #liste-photos img.paysage{height:35px; width:40px; border:1px solid #CCCCCC; padding:1px} #photos-lieu #liste-photos li{display: inline; margin:10px 0} /********ALBUM PHOTO******************/ #album-photo{clear:right;padding-top:0.5em;border:1px solid #AAAAAA; height:500px} #album-photo a{font-size: 10px;color: #FF6600;font-family: Arial, Helvetica, sans-serif;} .taillealbum{ height:50px; width:50px} .album-photo li {display:list-item;height:45px;} #bottom-album{margin: 10px auto 0pt 250px;} #top-album{ height: 600px; } /***********PARTICIPANTs**********************/ #participants{clear:left;text-align:center;width:300px;} .liste-photos-membre{background-image: url(../images/menu/participant.png);background-repeat: repeat-x;height: 30px;padding-top: 10px;margin-bottom: 15px;font-size: 11px; clear:left; height:auto; font-family: Arial, Helvetica, sans-serif;padding-bottom:7px;} .presence-photo{width:40px; height:40px; margin-top:10px; margin-right:3px} ul.photo-membres li{ margin-top:10px; width:300px} .lien-présence{clear:left; display:block;padding-top:10px} /*************** sorties***************/ #sorties{clear:left;padding-top:5px;text-align:center;width:470px;padding-bottom: 5px; height:auto} #sorties-titre{background-image: url(../images/profils/fd-titre-info.png);padding-bottom: 15px;background-repeat: no-repeat;font-size: 12px;font-weight: bold;color: #FF6600;} #pied-info-sorties{height: 20px;background-image: url(../images/profils/fd-pied-info.png);background-repeat: no-repeat;} .photo-event{height:45px; width:45px; float:left; margin-right:10px} .block-activites {display:block;height:50px;padding-bottom:5px; text-align: left; border-top:1px dotted #CCCCCC;;padding-top:5px;} .block-activites label{color:#AAAAAA} /********************MAIL*************************/ #body-mail{padding-top:10px; margin: 0 1em 0 1em; width:990px;} #menu-inbox{background-image: url(../images/menu/fd-boitemail.png); width: 200px; height:190px; float:left;margin-right:1em; padding:20px;} #menu-inbox ul li{margin-bottom: .5em; display: block} #menu-inbox a {font-size:12px; color:black} #menu-inbox a.selected{font-weight: bold;} #content-mail{display:block;background-color: #F8F8F8;float: right;width:700px} #inbox, #send{font-size: 10px} #content-mail .message{height: auto;background-color: #FFFFFF;margin-top:10px;padding-top: 15px;padding-right: 8px;padding-bottom: 15px;padding-left: 8px;} #content-mail .info-exp{float: left; clear:left; width:200px} #content-mail .corps-message{} .corps-message a{float:right; margin-left:50px} #content-mail .message img{height: 40px; width:40px; float: left; margin-right:4px} .title-mail{background-color: #f1f5fc;padding:.5em;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #003366;border-bottom-color: #003366;} /*********/ .link{color:blue; margin-right:10px; text-decoration:underline; cursor:pointer;} #contacter-nous{ float: left; margin-top: 120px; margin-left: 100px; border: 1px solid #CCCCCC; background-color: #f7f7f7; padding: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } #message-element{ height:200px} #itineraire{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FF6600;} #liste-ami{ float: left; width: 560px; font-family: Arial, Helvetica, sans-serif; margin-top: 10px; margin-left: 20px; clear: left; } #liste-ami a{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FF6600;width: 60px;} .depart-itineraire{border:1px solid #AAAAAA;margin-right: 5px;margin-left: 5px;} .user-invit{height: 50px;width: 50px;} .icone-invit{height: 19px;width: 32px;float: right} .membre img {float:right;height:19px;margin-right:20px;width:32px} .info-membre{float:left;margin-right:101px;width:150px;} .titremap{font-size: 14px;color: #FF6600;font-family: Arial, Helvetica, sans-serif;text-align: center;} *html .titremap{font-size: 14px;color: #FF6600;font-family: Arial, Helvetica, sans-serif;text-align: center;} *+html .titremap{font-size: 14px;color: #FF6600;font-family: Arial, Helvetica, sans-serif;text-align: center;} .icone-explication {float:left; margin-left:20px; font-size: 11px;color: #339933;} .lien-ville{height: 600px;width: 900px;padding-top: 30px;padding-left: 10px;} .lien-ville a{font-size: 12px;color: #003366;} #barre-detail-ouestmap{margin-top: 10px; margin-left: 25px;} .ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; background-color: #FFFFFF; } .ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font: menu; font-size: 12px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; color: #000000; } .ac_odd { color: #000000; } .ac_over { background-color: #8fbf5d; color: #FFFFFF; } .add-presence{font-size: 12px;color: #F90;text-decoration: underline;} /*INFO COMPLEMENTAIRE PRO*/ .hotaire{ width: 683px; } .horaire-haut{ background-image: url(../../public/images/cadres/haut.png); background-repeat: no-repeat; width: 681px; height: 10px; } .horaire-milieu{ background-image: url(../../public/images/cadres/milieu.png); background-repeat: repeat-y; width: 650px; padding-left:15px; padding-right: 16px; padding-top: 0px; padding-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .horaire-bas{ background-image: url(../../public/images/cadres/bas.png); background-repeat: no-repeat; width: 681px; height: 10px; } .horaire-milieu h1{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; margin: 0px; padding-top: 8px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .horaire-titre{ font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #336699; } #left-detail .horaire-milieu h2{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #336699; }