/** Reset **/ body{margin:0;padding:0;border:0;/*font-size:100%;*/line-height:1.5em} /* 16x1.2=19.2px */ /* Textes */ blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0} abbr,acronym{border:0;font-variant:normal} address,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal} blockquote:before,blockquote:after,q:before,q:after{content:''} /*blockquote,q{quotes:'' ''}*/ code,kbd,pre,samp,tt{/* font-size:115%; */font-family:monospace} h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;line-height:1.5em} /* sup{vertical-align:text-top} sub{vertical-align:text-bottom} */ sup,sub{vertical-align:baseline;position:relative;top:-0.4em} sub{top:0.4em} del,ins{text-decoration:none} /* Liens */ a,a *{cursor:pointer} /* Listes */ dd,dl,dt,ol,ul,li{margin:0;padding:0} ol,ul,dl{text-align:left} li{list-style:none} /* Formulaires */ button,fieldset,form,input,legend,textarea{margin:0;padding:0} fieldset{border:0} button,input,optgroup,option,select,textarea{font-style:normal;font-weight:normal;font-size:16px} button,input[type=button],input[type=submit],input[type=reset]{height:1.8em} /* 16x1.8=28.8px */ /* Tableaux : mettre 'cellspacing="0"' dans la table */ table{border-collapse:collapse;border-spacing:0;font-size:inherit} td,th{margin:0;padding:0} caption,th{font-style:normal;font-weight:normal;text-align:left} /* Autres */ div{margin:0;padding:0;background-color:transparent;text-align:left} hr,img{border:0} applet,iframe,object{border:0;margin:0;padding:0} /** Paramètrages de base **/ /* Fond de page */ body{background-color:white} /* Textes */ body,button,input,optgroup,option,select,textarea{font-family:Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;font-size:11px;color:#000} strong{font-weight:bold} blockquote,q,em{font-style:italic} /*ins{text-decoration: none}*/ del{text-decoration:line-through} /* Titres */ h1{font-size:28px} h2{font-size:26px} h3{font-size:24px} h4{font-size:22px} h5{font-size:20px} h6{font-size:18px} /* Liens */ /* LVHA order :link, :visited, :hover, :focus, :active */ a,a:link,a:active,a:visited{text-decoration:none;color:#000} a:focus,a:hover{text-decoration:underline;color:#000} a:active{outline:none} /* objets */ object,img{max-width:100%;height:auto} img{-ms-interpolation-mode:bicubic} /* améliore le redimentionnement des images dans ie */ object:focus{outline:none} /* évite l'outline autour des vidéos */ /** Utils **/ /** * Pour le curseur "pointer" sur les boutons de formulaire * label : marche pas sur safari... **/ input[type=button],input[type=image],input[type=reset],input[type=submit]{cursor:pointer} /** * Pour cacher le texte replacé par une image **/ .screen-reader-text{position:absolute;left:-9999px}/**/ /** * Saut de ligne sur toute la largeur du container **/ .clear{clear:both;font-size:0;line-height:0;display:block;height:0} /** * Clearfix * The clearfix hack, or “easy-clearing” hack, is a method of clearing floats. **/ .clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} /* * html .clearfix{zoom:1} */ /* IE6 */ /* *:first-child+html .clearfix{zoom:1} */ /* IE7 */ /** * Force l'assenceur de scroll vertical sur FF. * Evite les sauts lors de la navigation entre une page avec et une page sans barre de scroll * dans les sites centrés horizontalement. **/ html{overflow-y:scroll} body{height:101%} /** * Types du texte **/ .error{color:red;font-weight:bold} .warning{color:red;font-weight:bold} .required:after{content:'*';color:red} /** * Pour cacher du contenu qui ne doit apparaitre qu'à l'impression **/ .print-only{display:none} /** * La signification d’un acronyme ou d’une abréviation peut être indiquée dans * l’attribut title. Un navigateur graphique sera alors capable de l’afficher * sous forme d’info bulle. **/ acronym,abbr{border-bottom:1px dotted #222;cursor:help} .acronym,.abbr{border-bottom:1px dotted #222;cursor:help} /** Layout **/ #page-wraper{margin:0 auto;padding:0 8px;width:960px} #page{} #header, #main, #footer{overflow:hidden;clear:both;width:960px} #header{height:268px;position:relative} #main{min-height:700px} #footer{height:132px;position:relative} #footer-wraper{margin-top:0px;} /* #sidebar-wraper{width:230px;float:left} #content-wraper{width:730px;float:left} #content{margin-left:20px} */ /** Contenu **/ body{background:#38b6ff url('../images/page-wraper-bg.png') 0 0 repeat-x} #page-wraper{background:transparent url('../images/ombre-bg-trans.png') 0 0 repeat-y} #page{background:#fff url('../images/page-bg.jpg') 0 0 no-repeat} /** Header **/ /* Nav */ #header-nav{position:absolute;left:330px;top:163px;width:608px;height:36px} #header-nav li{display:block;height:36px;float:left} #header-nav a{display:block;height:36px} #header-nav-accueil{} #header-nav-accueil a{width:135px;background:transparent url('../images/header-nav.png') 0 -40px no-repeat;margin-right:11px} #header-nav-accueil.current a, #header-nav-accueil a:focus, #header-nav-accueil a:hover{width:135px;background:transparent url('../images/header-nav.png') 0 0 no-repeat} #header-nav-inscriptions{} #header-nav-inscriptions a{width:136px;background:transparent url('../images/header-nav.png') -140px -40px no-repeat;margin-right:9px} #header-nav-inscriptions.current a, #header-nav-inscriptions a:focus, #header-nav-inscriptions a:hover{width:136px;background:transparent url('../images/header-nav.png') -140px 0 no-repeat} #header-nav-compte-rendus{} #header-nav-compte-rendus a{width:136px;background:transparent url('../images/header-nav.png') -280px -40px no-repeat;margin-right:45px} #header-nav-compte-rendus.current a, #header-nav-compte-rendus a:focus, #header-nav-compte-rendus a:hover{width:136px;background:transparent url('../images/header-nav.png') -280px 0 no-repeat} #header-nav-espace-presse{} #header-nav-espace-presse a{width:136px;background:transparent url('../images/header-nav.png') -420px -40px no-repeat} #header-nav-espace-presse.current a, #header-nav-espace-presse a:focus, #header-nav-espace-presse a:hover{width:136px;background:transparent url('../images/header-nav.png') -420px 0 no-repeat} #header-logo{position:absolute;left:51px;top:17px;width:229px;height:174px} #header-etiquette{position:absolute;left:810px;top:7px;height:126px;width:126px;background:transparent url('../images/header-votre-age-trans.png') 0 0 no-repeat} /** content **/ #content-wraper{padding:0 35px 0 15px;width:546px;float:left} #content h1, #content h2, #content h3, #content p, #content li{text-align:justify} #marchons{background:transparent url('../images/home-content-bg-trans.png') right 0 no-repeat} #marchons h1{width:406px;height:60px;background:transparent url('../images/home-content-titre-marchons-trans.png') 0 0 no-repeat} #texte-marchons{border-left:1px solid #afb2b3;padding-left:35px;position:relative} #texte-marchons h2{font-size:14px;color:#044c7e;font-weight:bold;margin-bottom:20px;width:325px;padding-top:30px} #texte-marchons ul{padding:5px 0 32px 215px;background:transparent url('../images/home-content-illustration-marchons.jpg') 0 7px no-repeat;min-height:248px} #texte-marchons li{background-image:url('../images/bullet-rose.png');background-repeat:no-repeat;background-position:2px 5px;padding-left:10px} #texte-marchons li strong{color:#38b6ff} #bpco{} #bpco h2{width:546px;height:43px;background:transparent url('../images/home-content-titre-bpco-trans.png') 0 0 no-repeat} #broncho-pneumopathie{width:179px;height:184px;background:transparent url('../images/home-content-bpco-trans.png') 0 0 no-repeat;float:left;padding-right:75px} #texte-bpco-1{float:left;width:292px;position:relative} #texte-bpco-1 p{padding-top:10px} #texte-bpco-1 ul{padding-top:10px} #texte-bpco-1 li{background-image:url('../images/bullet-bleu.png');background-repeat:no-repeat;background-position:2px 5px;padding-left:10px;font-weight:bold;color:#38b6ff} #texte-bpco-2{clear:both;border-left:1px solid #afb2b3;padding:20px 0 0 35px;position:relative} .emphaze{font-size:14px;color:#f39;font-weight:bold;padding-top:20px} #texte-bpco-2 ul{padding-bottom:20px} #texte-bpco-2 li{font-size:14px;background-image:url('../images/bullet-bleu.png');background-repeat:no-repeat;background-position:2px 5px;padding-left:14px} #texte-bpco-3{position:relative;margin-bottom:40px} #texte-bpco-3 p{font-size:14px;color:#f39;font-weight:bold;position:absolute;left:35px;top:10px;width:160px;height:60px} /* inscriptions */ #inscriptions{margin-bottom:40px} #inscriptions h1{width:546px;height:70px;background:transparent url('../images/inscription-content-titre-trans.png') 0 0 no-repeat} .header-inscriptions{border-left:1px solid #afb2b3;position:relative;overflow:hidden;clear:both;padding:20px 0 0 35px;height:23px} .inscriptions-date, .inscriptions-ville, .inscriptions-bouton{font-size:14px;font-weight:bold;float:left;height:23px} .inscriptions-date{color:#f39;width:190px} .inscriptions-ville{color:#38b6ff;width:192px} .inscriptions-bouton{width:128px} .texte-inscriptions{border-left:1px solid #afb2b3;position:relative;clear:both;height:50px;padding:0 0 20px 35px;background:transparent url('../images/hr.gif') 35px bottom no-repeat} .texte-inscriptions label{display:block} /* inscriptions terminées */ #inscriptions-terminer{margin-bottom:40px} #inscriptions-terminer h1{width:546px;height:70px;background:transparent url('../images/inscription-content-titre-trans.png') 0 0 no-repeat} .header-inscriptions-terminer{border-left:1px solid #afb2b3;position:relative;overflow:hidden;clear:both;padding:20px 0 0 35px;height:23px} .inscriptions-terminer-date, .inscriptions-terminer-ville, .inscriptions-terminer-bouton{font-size:14px;font-weight:bold;float:left;height:23px} .inscriptions-terminer-date{color:#f39;width:190px} .inscriptions-terminer-ville{color:#38b6ff;width:192px} .inscription-terminers-bouton{width:128px} .texte-inscriptions-terminer{border-left:1px solid #afb2b3;position:relative;clear:both;height:50px;padding:0 0 20px 35px;background:transparent url('../images/hr.gif') 35px bottom no-repeat} .texte-inscriptions-terminer label{display:block} /* inscription par ville */ .texte-inscription{border-left:1px solid #afb2b3;padding:20px 0 40px 60px;position:relative} .texte-inscription ul{padding-bottom:10px} .texte-inscription li{font-size:14px;color:#38b6ff;font-weight:bold;background-image:url('../images/bullet-bleu.png');background-repeat:no-repeat;background-position:2px 5px;padding-left:14px;text-align:left !important} .texte-inscription li .nombre{color:#f39;padding:0 15px} .form-inscription{border-left:1px solid #afb2b3;padding:20px 0 20px 35px;position:relative} .nom-input, .prenom-input, .courriel-input, .personnes-input, .horaire-select{padding-bottom:25px;font-size:12px} .nom-input, .prenom-input, .courriel-input{overflow:hidden;clear:both} .nom-input label, .nom-input input, .prenom-input label, .prenom-input input, .courriel-input label, .courriel-input input{display:block;float:left;width:200px} .nom-input label, .prenom-input label, .courriel-input label{width:115px} #personnes{margin-right:40px} .adresse{margin-left:35px;} /* Compte-rendus */ /*#compte-rendus h1{width:546px;height:70px;background:transparent url('../images/compte-rendus-content-titre-trans.png') 0 0 no-repeat}*/ #compte-rendus-texte{border-left:1px solid #afb2b3;padding:0px 0 0 35px;height:1320px;font-size:12px;margin-bottom:40px} #compte-rendus-texte p{padding-bottom:5px; margin-left:13px;} /* Espace presse */ .espace-presse #content-wraper{float:left; padding:0 0 0 15px; width:546px; /*background-color:#993300;*/} /**/ #espace-presse h1{width:546px;height:70px;background:transparent url('../images/presse-content-titre-trans.png') 0 0 no-repeat} #espace-presse #communiques{width:546px;height:70px;background:transparent url('../images/presse-content-titre-communiques-trans.png') 0 0 no-repeat} /**/ #espace-presse h2{font-size:14px;color:#f39;font-weight:bold;margin-bottom:20px} #espace-presse form{font-size:12px;color:#f39} #espace-presse-texte{ border-left:1px solid #afb2b3; position:relative; overflow:hidden; clear:both; padding:10px 0 40px 35px; min-height:200px; font-size:12px; margin:0 auto 0 auto;} #identifiant-input, #motdepasse-input, #envoyer-input{margin-bottom:20px;overflow:hidden;clear:both} #espace-presse label, #espace-presse input{float:left; margin-right:20px;} #espace-presse label{width:100px} #espace-presse-texte #erreur_login, #erreur_pass{} /**/ .espace-presse-bloc-video{width:497px; height:128px; margin-top:20px; background-image:url(../images/fond-video-presse.png); background-repeat:no-repeat;} .espace-presse-bloc-video .texte-bloc-video{float:left; margin-left:17px; width:285px;} .espace-presse-bloc-video .thumb-bloc-video{margin-left:5px; width:157px; height:103px; float:right; margin-right:13px; margin-top:13px;} .espace-presse #content-phototeque{float:left; padding:0 35px 0 15px; width:900px;} #bloc-central-phototeque{border-left:1px solid #afb2b3; width:100%; height:auto; padding:15px 0 0 30px;} #btn-retour{background-image:url(../images/fond-btn-retour.png); background-repeat:no-repeat; width:76px; height:24px; margin-bottom:20px;} #btn-retour a{display:block; width:76px; height:24px;} #bloc-central-phototeque .bloc-photo{float:left; margin-right:8px; margin-bottom:8px;} #bloc-central-phototeque .bloc-photo .bloc-photo-top{width:210px; height:174px; background-image:url(../images/fond-bloc-photo-top.png);} #bloc-central-phototeque .bloc-photo .bloc-photo-top img{margin-left:5px; margin-top:13px;} #bloc-central-phototeque .bloc-photo .bloc-photo-bottom{width:210px; height:44px; background-image:url(../images/fond-bloc-photo-bottom.png);} #bloc-central-phototeque .bloc-photo .bloc-photo-bottom a{display:block; width:210px; height:44px; } /**/ #bloc-video{width:752px; height:490px; margin-left:70px; margin-top:20px; margin-bottom:25px;} #video-player{width:750px; height:421px; margin-top:20px;} #titre-video{margin-left:45px;} /** Sidebar **/ .espace-presse #sidebar-wraper{width:314px; float:left; padding-bottom:35px; margin-left:30px; padding-left:25px; height:auto;} /*.espace-presse #sidebar{width:314px;}*/ #sidebar-wraper{width:314px; float:left; padding-bottom:35px; padding-left:25px; height:auto;} #sidebar{} #bloc-1-header{width:314px;height:65px;background:transparent url('../images/sidebar-titre-inscription.png') 0 0 no-repeat} #bloc-1-body{border-left:1px solid #afb2b3;width:313px} #bloc-1-body-content{width:300px;margin-left:13px;background:#e1e1e1 url('../images/sidebar-bloc-bg.png') 0 0 no-repeat;overflow:hidden;clear:both;padding-top:23px;position:relative} #bloc-1-body-content img{float:left;padding:0 10px 0 14px} #bloc-1-body-content p{padding-right:18px;overflow:hidden;clear:both;font-size:12px} #bloc-1-body-content .bt-inscription{margin:70px 0 0 152px} #bloc-1-footer{border-left:1px solid #afb2b3;width:313px;height:12px;background:transparent url('../images/sidebar-bloc-bottom.png') right 0 no-repeat} #bloc-sep{border-left:1px solid #afb2b3;height:20px; width:314px;} #bloc-2-header{width:314px;height:65px;background:transparent url('../images/sidebar-titre-agenda.png') 0 0 no-repeat} #bloc-2-body{width:300px;margin-left:14px;background:#e1e1e1 url('../images/sidebar-bloc-bg.png') 0 0 no-repeat;overflow:hidden;clear:both;padding-top:23px;position:relative} .bloc-2-date, .bloc-2-bouton{height:30px;float:left;padding-bottom:20px} .bloc-2-date{width:102px;padding-left:33px} .bloc-2-bouton{width:128px;padding-left:19px} .bloc-2-bouton .bt-inscription{margin-top:3px} #bloc-2-footer{width:314px;height:12px;background:transparent url('../images/sidebar-bloc-bottom.png') right 0 no-repeat} #bloc-logo{text-align:center;margin-top:20px} #communique-bloc{width:314px;height:122px;background:transparent url('../images/presse-dossier.png') 0 0 no-repeat} #bloc-phototeque{width:317px;height:214px;background:transparent url('../images/bloc-phototeque.png') 0 0 no-repeat;} #bloc-logos-partenaires{width:317px;height:214px; background:transparent url('../images/bloc-logos-partenaires.png') 0 0 no-repeat; padding-top:80px;} #bloc-logos-partenaires .lien-logo{text-decoration:none; color:#FF3399; font-weight:bold;} #bloc-logos-partenaires .lien-logo:hover{text-decoration:none; color:#FF3399; font-weight:bold;} #bloc-logos-partenaires p{width:200px; margin-left:55px;} /** boutons **/ a.bt-inscription{display:block;width:128px;height:23px;background:transparent url('../images/bt-inscription-trans.png') 0 0 no-repeat;position:relative;margin-left:-5px;} a.bt-inscription:focus, a.bt-inscription:hover{background:transparent url('../images/bt-inscription-trans.png') 0 -25px no-repeat} a.bt-prevenez-moi{display:block;width:128px;height:33px;background:transparent url('../images/bt-prevenez-moi-trans.png') 0 0 no-repeat;position:relative} a.bt-prevenez-moi:focus, a.bt-prevenez-moi:hover{background:transparent url('../images/bt-prevenez-moi-trans.png') 0 -40px no-repeat} .bt-terminer{display:block;width:128px;height:23px;background:transparent url('../images/bt-terminer-trans.png') 0 0 no-repeat;position:relative;cursor:none;} /** Formulaires **/ .texte-input{border:1px solid #f39;width:163px;height:13px} .texte-input-medium{border:1px solid #f39;width:80px;height:13px} .texte-input-small{border:1px solid #f39;width:40px;height:13px} .bouton{border:none;background:transparent url('../images/bt-envoyer.png') 0 0 no-repeat;width:76px;height:23px !important} .terminer{border:none;background:transparent url('../images/bt-terminer-trans.png') 0 0 no-repeat;width:130px;height:23px !important;margin-left:1px;} /**liste ville compte rendu**/ .ville_compte{width:300px;} .ville_compte li{display:inline; padding:0 10px;width:80px;border-right:1px solid #CCCCCC;font-size:15px; color:#CCCCCC;} .ville_compte li.clermont{width:200px;overflow:hidden;} .ville_compte li a{font-size:15px; color:#000000;} .ville_compte li.activeVille a, .ville_compte li a:hover{font-size:15px; color:#38B6FF;} .ville_compte li.derniereVille a {font-size:15px; color:#38B6FF;} .menu-compte{float:left;margin-top:5px;padding:0 10px;width:70px;border-right:1px solid #CCCCCC;font-size:15px; color:#CCCCCC;} .Clermont-Ferrand{width:140px;} .Pau{width:30px;} .Metz, .Lille {width:35px;} .Brest, .mans {width:40px;} .Brest,.Lille { border:none} .Reims{width:45px;} .Montpellier{width:85px;} DIV.activeVille a,.derniereVille a {font-size:15px; color:#38B6FF;} /** Footer **/ #footer-sep{border-top:1px solid #afb2b3;height:0;line-height:0;font-size:0;overflow:hidden;margin:0 30px} #footer-logos{position:absolute;left:29px;top:13px;width:491px;height:94px;overflow:hidden;clear:both} #footer-logos li{float:left} #footer-logos-souffle-vie{margin-right:21px;width:50px;height:87px} #footer-logos-ffaair{margin:27px 19px 0 0;width:72px;height:49px} #footer-logos-ffa{margin:7px 14px 0 0;width:136px;height:87px} #footer-logos-pfizer{margin-top:7px;width:178px;height:78px} #footer-nav{position:absolute;left:535px;top:79px;width:428px;height:25px} #footer-nav li{display:inline;font-size:10px;font-weight:bold} .footer-nav-separateur{padding:0 2px}