/********************************/ /* RESET /********************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, /*img,*/ ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } body { line-height: 1;} ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } img { border: 0; outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /********************************/ /* GENERAL /********************************/ html, body { } body { color: #000; font: normal 11px Verdana, Arial, Helvetica, Sans-Serif; background: url(img/bg_site.png) repeat-x 0 0 #edf3d9; text-align: center; } a { color: #af208f; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } a:active { color: #000000; } a:focus { color: #000000; } .newline { display: block; clear: both; line-height: 1px; font-size: 1px; height: 0; } .dblock { display: block; } .left { float: left; } .right { float: right; } .center { text-align: center; } img.left { margin-right: 10px; } img.right { margin-left: 10px; } img.center { display: block; margin: 0 auto; text-align: center; padding-bottom: 8px; } h1 { font-weight: normal; font-size: 26px; margin-bottom: 15px; } /********************************/ /* SITE /********************************/ #site { } #site.int{ background: url(img/bottom_int.png) repeat-x 0 bottom; } /********************************/ /* GLOBAL /********************************/ #global { width:1000px; margin: 0 auto; overflow: hidden; zoom: 1; text-align: left; } /********************************/ /* HEADER /********************************/ #header { height: 157px; margin-top:8px;} #lienref { font-size: 10px; font-weight:bold; height:14px; background: url(img/etiquette.png) no-repeat 0 0;padding-left:260px; } #lienref a { color: #000; } #lienref a:hover { color: #FFF; text-decoration: none !important; } #logo { margin-top:30px; color:#000000; font-size:9px; float:left;} a#logotop { display: block; margin-bottom:10px; } a#logotop img{ display: block; } .labelPub{ float:right; margin:3px 15px 0 0; font-size:9px; } .labelPub img{ display:inline !important; } #banner { float:right; margin-top:30px; width: 728px; height: 90px; background: #FFF; } #banner img, #banner object { margin: 0 auto; text-align: center; } /********************************/ /* NAV /********************************/ #nav { height: 37px; margin-bottom: 15px; } /*RIGHT*/ ul.right { background: url(img/menu_bg_droite.png) no-repeat 0 0; width:333px; height:37px; color:#FFFFFF;} ul.right li { float: left; line-height: 36px; padding:0 16px;} ul.right a { float: left; height: 37px; font-size: 12px; color:#FFFFFF;text-decoration: none !important;} ul.right li.presse { background: url(img/sep_right.png) no-repeat right 8px; } ul.right li.exposer { background: url(img/sep_right.png) no-repeat right 8px; } ul.right li.presse a { background: url(img/lock.gif) no-repeat 100% 12px;padding-right: 15px; } ul.right li.presse a:hover { color: #FFFFFF; text-decoration: none !important;} ul.right li.exposer a:hover { color: #FFFFFF; text-decoration: none !important;} ul.right li.espexpo a { background: url(img/lock.gif) no-repeat 100% 12px; padding-right: 15px; } ul.right li.espexpo a:hover { color: #FFFFFF; text-decoration: none !important;} /********************************/ /* MAIN /********************************/ #main { width: 670px; float: left; padding-bottom:20px; } /********************************/ /* VALUE /********************************/ #value { background: url(img/fond_value.png) no-repeat 0 0; height:255px;padding:15px 25px 20px 14px;width:625px;position:relative; overflow:hidden;} #value ul { position: absolute; right:30px; top: 35px; width: 208px; } #value li { float: left; width: 208px; height: 50px; background: #1A1B1F; margin:3px 0;} #value li#liElem4 { height: 52px; overflow: hidden; } #value li a { display: block; height: 50px; color: white; width:208px; text-decoration: none !important;} #value li.liElemSel { background: url(img/value_on.png) no-repeat 100% 100%; cursor: pointer; } #value .texte { padding: 20px 260px 20px 20px; } #value .illustration { line-height: 1px; font-size: 1px; float: left; margin-right:5px } #value .titre { font: bold 15px Arial; float: left; clear: both; width:190px; margin: 10px 0 0px 15px; } #value .sous-titre { font: 11px Arial; float: left; clear: both; width: 190px; margin: 0 0 0 15px; } #value ul span { cursor: pointer; } #value .lien { text-align: right; padding-top: 5px;} #value .lien a{ padding-left:12px; background:url(img/puce_whiteBg.png) no-repeat 0 2px;} #value .lien a:hover{ text-decoration: underline !important;} /********************************/ /* ACTUALITES /********************************/ #actuonglet { margin: 14px 0 0 0; overflow:hidden} #actuonglet ul { height: 37px; background: url(img/bg_actuonglet.png) repeat-x 0 0; width:240px; margin-bottom: 10px; } #actuonglet li { float: left; height: 37px; line-height:22px; padding: 0; } #actuonglet li#tab1 { background: url(img/sep_right.png) no-repeat right 8px;padding-right:3px;margin-right:4px; } #actuonglet li a { display:block; color: white; font-size: 12px; padding:7px 20px 0 37px; } #actuonglet li#tab1 a { background: url(img/dossier.gif) no-repeat 10px 8px; } #actuonglet li#tab2 a{ background: url(img/actu.gif) no-repeat 10px 8px; } #actuonglet li a:hover { color: #FFF; text-decoration: none !important;} #actuonglet li.tabSel div{ background: url(img/corner_noborder.gif) no-repeat right top;} #actuonglet #tab2.tabSel div{ background: url(img/corner.gif) no-repeat right 1px;} #actuonglet .panel { clear: both; overflow: hidden; zoom: 1; /*padding-bottom: 20px; */} #actuonglet .article { float: left; width: 300px; margin:0 20px 10px 0; display: inline; } #actuonglet .lien { text-align: right; padding-top: 5px;} #actuonglet .lien a{ padding-left:12px; background:url(img/puce.gif) no-repeat 0 2px;} #actuonglet .lien a:hover{ text-decoration: underline;} /********************************/ /* BLOC MEDIA /********************************/ #medias { height: 210px; overflow: hidden; margin: 0px 0 0 0; background: url(img/border_top.gif) repeat-x 0 0; *margin: 10px 0 0 0;} /* Ajout d'une marge haute pour IE */ /*ONGLETS*/ #mediasonglet { background: url(img/menu_bg_droite.png) no-repeat 0 0; width:333px; height:37px; color:#FFFFFF; padding-left:1px;/*margin-top:2px;*/} #mediasonglet li { float: left; height: 37px; line-height:22px; width: 108px;} #onglet1, #onglet2 { background: url(img/sep_right.png) no-repeat right 8px;padding-right:4px; } #mediasonglet li a { display:block; color: white; font-size: 12px; padding:7px 20px 0 34px; } #mediasonglet li a:hover { color: #FFFFFF; text-decoration: none !important;} #onglet1 a { background: url(img/audio.gif) no-repeat 10px 11px; } #onglet2 a { background: url(img/video.gif) no-repeat 10px 10px; } #onglet3 a { background: url(img/conf.gif) no-repeat 8px 7px; } #mediasonglet li.ongletSel div { background: url(img/corner_noborder.gif) no-repeat right top; } #mediasonglet #onglet3.ongletSel div { background: url(img/corner.gif) no-repeat right 1px !important; } /*SLIDER*/ #galerie1, #galerie2, #galerie3 { position: relative; zoom:1; width: 625px; height:110px; margin: 23px 0 0 0;padding:15px 25px 20px 14px; background:url(img/fond_media.png) no-repeat 0 0; visibility:hidden;} .slider li { width: 625px; height: 100px; overflow: hidden; } .slider li a { float: left; width: 208px; height: 100px; text-align: center; } /*ARROWS*/ #prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3 { display: block; overflow: hidden; text-indent: -8000px; width: 18px; height: 33px; position: absolute; } #prevBtn, #prevBtn2, #prevBtn3 { left: 3px; top: 50px; } #nextBtn, #nextBtn2, #nextBtn3 { right: 18px; /right: 18px; top: 50px; } #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a { display: block; width: 18px; height:33px; } #prevBtn a, #prevBtn2 a, #prevBtn3 a { background: url(img/arrow_prev.png) no-repeat 0 0; } #nextBtn a, #nextBtn2 a, #nextBtn3 a { background: url(img/arrow_next.png) no-repeat 0 0; } /********************************/ /* ASIDE /********************************/ #aside { float: right; width: 330px; font-size:11px; } /********************************/ /* RECHERCHE /********************************/ #searchbox { margin: 9px 0; padding: 0 15px 5px 15px; font-size:9px;} #searchbox input { margin-top: 5px; } #searchbox .choix input { margin-left:5px; margin-right:5px; position:relative; top:2px; } #searchbox .form-field { background: #FFFFFF; padding-left: 25px; background:url(img/search_input.png) no-repeat 0 0; height:18px; border:0;font-size:10px;padding-top:4px;} /*BOUTON OK*/ .bt-ok { /*height: 20px;*/ width: 44px; background: #1a1b1f; border: 0; color: white; font-weight: bold; font-size:12px;/*padding-bottom:2px; margin-bottom:5px; */} /********************************/ /* SOMMAIRE /********************************/ #sommaire { background: url(img/fond_sommaire.png) no-repeat right 0; height:183px;padding:6px 18px 10px; /*width:289px;*/ overflow: hidden; zoom:1;position:relative;margin-bottom:35px; } #sommaire .numero{float:right;background: url(img/puce_numero.gif) no-repeat 0 0;margin:0 120px 20px 5px;color:#FFFFFF;width:44px;height:36px;line-height:36px;font-size:11px;padding-left:5px;display:inline;/*soucis marge double sur IE6*/} #sommaire .dates {height: 20px; line-height: 36px; font-size: 9px; text-align: right; padding:0; } #sommaire .inner { padding: 10px 20px; } #sommaire img { float: left; margin-right: 10px; } #sommaire .lien { text-align: right; padding-top: 5px; margin-right:5px; } #sommaire .lien a{ padding-left:12px; background:url(img/puce.gif) no-repeat 0 2px;} #sommaire .lien a:hover{ text-decoration: underline;} .archive a { float: right;color: white !important; padding:0 6px 3px 10px;text-decoration: none !important; } #slider4 li { width: 289px; min-height: 200px; float: left; overflow: hidden; background: url(img/fleche_bleu.gif) no-repeat 15px 0; } /*ARROWS*/ #prevBtn4, #nextBtn4 { display: block; overflow: hidden; text-indent: -8000px; width: 10px; height: 32px; position: absolute; } #prevBtn4 { left: 3px; top: 80px; } #nextBtn4 { right: 0; top: 80px; } #prevBtn4 a, #nextBtn4 a { display: block; width: 10px; height: 32px; } #prevBtn4 a { background: url(img/prev.gif) no-repeat 0 0; } #nextBtn4 a { background: url(img/next.gif) no-repeat 0 0; } /********************************/ /* CARRE PUB /********************************/ #carrepub { margin-bottom: 15px; padding:15px;} #carrepub img, #carrepub object { display: block; } /********************************/ /* TAG CLOUD /********************************/ #tagcloud { margin-bottom: 15px; padding:10px;} #tagcloud a { color: #000000; } #tagcloud a:hover { color: #af208f; text-decoration: none !important;} /********************************/ /* LIEN RAPIDE /********************************/ #lienrapide { margin-bottom: 10px; background: url(img/bg_liens.png) no-repeat 15px 45px; padding-left:40px;} .int #lienrapide { background: url(img/bg_liens_int.png) no-repeat 15px 45px;} #lienrapide h2 { color: #af208f; font-size: 12px; padding: 8px 0; } #lienrapide ul { padding: 10px 20px; list-style-type: disc; list-style-position: inside; } #lienrapide a { color: #000; } #lienrapide a:hover { color: #af208f; text-decoration: none !important;} /********************************/ /* INSCRIPTION NEWSLETTER /********************************/ #inscnews { margin-bottom: 30px; padding-left: 40px; font-size:9px; background: url(img/inscnews_picto.png) no-repeat 0 25px; height:85px;} .int #inscnews {background: url(img/inscnews_picto_int.png) no-repeat 0 25px;} #inscnews .form-field { background: #FFFFFF; height:18px; width:175px; border:0; border-top: 2px solid #878082;border-left: 2px solid #878082;font-size:10px;padding-top:4px;margin-left:30px;} #inscnews h2 { color: #af208f; font-size: 12px; padding: 8px 0; margin-bottom:15px;} #inscnews .bt-ok { /*height:23px;*/ margin-left:3px;} /********************************/ /* FOOTER /********************************/ #footer { clear: both;} /* PLAN SITE MANUEL */ #footer { color: #000; padding-top: 10px; border: solid #555; border-width: 1px 0 0 0; background: #000; } #plansitebas { color: #000; width: 1000px; margin: 10px auto; text-align: left;} #plansitebas a { display: block; color: #FFFFFF; margin-bottom: 2px; } #plansitebas img { position: relative; top: 4px; } #plansitebas .titre { margin-bottom: 7px; background:url(img/fond_titre.gif) no-repeat 0 0;height:21px;padding-top:3px;padding-left:10px;} #plansitebas .titre a { font-weight: bold; } #plansitebas .titre a:hover { color: #af208f; text-decoration: none !important;} #plansitebas .lien { padding-left:10px; } #plansitebas .lien a:hover { color: #af208f; text-decoration: none !important;} #plansitebas td { background:url(img/plan_border.gif) repeat-y 0 0; padding-bottom:15px; } /* LIENS */ #footer ul { padding: 20px 0; text-align: center; } #footer li { display: inline; color: #FFF; } #footer li a { color: #FFF; text-decoration: none !important;} #bottom {position:relative; width:1000px;margin:0 auto;} #reed {position:absolute;left:10px;top:14px;} #ojd {position:absolute;right:10px;top:13px;} /********************************/ /* CDF /********************************/ #cdf { margin-bottom: 15px; } #cdf .sel{ color:#af208f; } #cdf a { color:#1a1b1f; } #cdf a:hover { color:#af208f; text-decoration: none !important;} /********************************/ /* BLOC CENTER /********************************/ #bloc-center { } #bloc-center .inner ul, #bloc-center .inner ul li { list-style: disc inside none; } #bloc-center .inner ol, #bloc-center .inner ol li { list-style: decimal inside none; } #bloc-center .wrap { margin-bottom: 15px; line-height: 15px; overflow: hidden; zoom: 1; } .style1 {margin-bottom:25px !important;} .style1 .inner {padding-right:15px;} .style2 .inner, .style3 .inner, .style4 .inner, .style5 .inner { padding-left: 15px; overflow: hidden; zoom: 1; } .style2 .content, .style3 .content, .style4 .content, .style5 .content { padding:15px 25px 5px 0; overflow: hidden; zoom: 1; } .style2 .smallcontent, .style3 .smallcontent, .style4 .smallcontent, .style5 .smallcontent { padding:0 25px 5px 0; overflow: hidden; zoom: 1; } .style2 .closer, .style3 .closer, .style4 .closer, .style5 .closer { padding-left:23px; height:19px; } .style2 .closer div, .style3 .closer div, .style4 .closer div, .style5 .closer div { height:19px; width:100%; } .style2 h2 span, .style3 h2 span, .style4 h2 span, .style5 h2 span { display:block;padding:8px 15px 8px 0; line-height:22px; } h1 { color:#1a1b1f; font-size:28px; font-weight:bold;} /*H2*/ .style1 h2 { color: #af208f; font-size: 18px; margin-bottom: 15px; } .style2 h2, .style3 h2 { color: #1b1b1f; font-size: 20px; padding:0 0 0 15px; /*height:31px;*/ } .style4 h2, .style5 h2 { color: #FFF; font-size: 20px; padding:0 0 0 15px; /*height:31px;*/ } /*CADRE GRIS*/ .style2 .inner{ background: url(img/ombre_blanc.png) repeat-y left top;} .style2 .content, .style2 .smallcontent { background: url(img/ombre_blanc.png) repeat-y right top; } .style2 h2 { background: url(img/titre_blanc.png) no-repeat left top; } .style2 h2 span{ background: url(img/titre_blanc.png) no-repeat right top; } .style2 .closer{ background: url(img/bottom_blanc.png) no-repeat left top; } .style2 .closer div{ background: url(img/bottom_blanc.png) no-repeat right top; } /*FOND ROSE*/ .style3 .inner{ background: url(img/ombre_rosepale.png) repeat-y left top; } .style3 .content, .style3 .smallcontent { background: url(img/ombre_rosepale.png) repeat-y right top; } .style3 h2 { background: url(img/titre_rosepale.png) no-repeat left top; } .style3 h2 span{ background: url(img/titre_rosepale.png) no-repeat right top; } .style3 .closer{ background: url(img/bottom_rosepale.png) no-repeat left top; } .style3 .closer div{ background: url(img/bottom_rosepale.png) no-repeat right top; } /*TITRE NOIR*/ .style4 .inner { background: url(img/ombre_gris.png) repeat-y left bottom; } .style4 .content, .style4 .smallcontent{ background: url(img/ombre_gris.png) repeat-y right bottom; } .style4 h2 { background: url(img/titre_noir.png) no-repeat left top; } .style4 h2 span{ background: url(img/titre_noir.png) no-repeat right top; } .style4 .closer{ background: url(img/bottom_gris.png) no-repeat left top; } .style4 .closer div{ background: url(img/bottom_gris.png) no-repeat right top; } /*TITRE ROSE*/ .style5 .inner { background: url(img/ombre_gris.png) repeat-y left bottom; } .style5 .content, .style5 .smallcontent{ background: url(img/ombre_gris.png) repeat-y right bottom; } .style5 h2 { background: url(img/titre_rose.png) no-repeat left top; } .style5 h2 span{ background: url(img/titre_rose.png) no-repeat right top; } .style5 .closer{ background: url(img/bottom_gris.png) no-repeat left top; } .style5 .closer div{ background: url(img/bottom_gris.png) no-repeat right top; } /* GESTION DES COLONNES */ .w50 { float: left; clear: left; width : 49%; } .w50-newline { float : right; clear : right; width : 49%; } .w33-first { float : left; display : inline; width : 32%; } .w33-2 { float : left; display : inline; width : 32%; margin-left : 2%; } * html .w33-2 { margin : 0 0 0 1%; } /*Hack ie6*/ .w33-newline { float : right; display : inline; clear : right; width : 32%; } /* DIVERS */ img.style1 { float: left; margin-right: 10px; } img.style2 { float: right; margin-left: 10px; } /* Bloc Spaw */ .spawEd { overflow: hidden; } /********************************/ /* PARTENAIRES /********************************/ #partners { background:transparent url(img/fond_partners.png) no-repeat scroll 0 0; clear:both; height:90px; margin:0; margin-top:12px; width:670px; } #partners h2 { color:#fff; font-size:13px; padding: 22px 0 0 8px; margin: 0 0 3px 0; width:96px; } #partners .lienall { font: 10px Arial; line-height: 13px; width:101px; padding: 0 0 0 3px; } #partners .lienall a:hover { color: #EDF3D9; } #partners .marquee{ float:left; padding:10px 0 5px 0; height:60px; width:540px; } #partners img { padding:0 10px; vertical-align:middle; } #partners .texteFleche{ float:left; } #partners a{ color:#fff; } #partners a:hover{ color:#000; } #preregmultistepoverload .bloc-form-field_oneColumn , #preregmultistepoverload .bloc-form-field { padding-left: 263px; } #preregmultistepoverload .form-blocchoix { margin-bottom:15px; } #preregmultistepoverload .longlabel { width:100%; } #preregmultistepoverload .error { border-color:red; } #preregmultistepoverload .form-blocchoix.error { color:red; } #preregmultistepoverload select.form-field { /*width:199px!important;*/ width:auto; } #stepcode { text-align:center; } #preregmultistepoverload .form-submit { margin:15px 0; } .preregmultistepoverload .form-submit { margin:15px 0; } .listeCollegue { margin:15px 0; } .listeCollegue th { background:#D6D7D8; border-top:2px solid #000000; border-bottom:2px solid #000000; padding:3px; } .listeCollegue td { border-bottom:2px solid #000000; padding:3px; } .listeCollegue .in td { background:#efefef; } .form-field-custom{ background:none repeat scroll 0 0 #D6D7D8; border:2px solid #000000; padding:3px; margin:0 0 0 -25px; width:190px; } #preregmultistepoverload fieldset { margin:15px 0 5px 0; } #preregmultistepoverload legend { color:#AF208F; font-size:18px; }