/* ONLY FOR THE LAYOUTS OF PAGES : - COLUMNS,GRIDS, BLOCK DEFINITIONS. UNDER NO CIRCUMSTANCES DEFINITIONS OF ELEMENTS [articles, text structure, links etc.. are to be defined here..] edited on the 25-02-11. */ * {margin:0;padding:0;} /*---------------------------------------------------------------------------------------------------------------------------- Banner ----------------------------------------------------------------------------------------------------------------------------*/ .banner-rose .content-top {background:url(../images/interface/banner-rose.jpg) top center no-repeat #af0053;height:160px;margin: 0 0 40px;} .banner-blue .content-top {background:url(../images/interface/banner-blue.jpg) top center no-repeat #007eaf;height:160px;margin: 0 0 40px; width:100%;} .banner-vert .content-top {background:url(../images/interface/banner-vert.jpg) top center no-repeat #43ac86;height:160px;margin: 0 0 40px;} .banner-mauve .content-top {background:url(../images/interface/banner-mauve.jpg) top center no-repeat #671e8d;height:160px;margin: 0 0 40px;} /*---------------------------------------------------------------------------------------------------------------------------- BODY & WRAPPER :- for DRUPAL :- body, #page... + any other wrapper you may need to contain your whole site... ----------------------------------------------------------------------------------------------------------------------------*/ body {} #page {margin:0 auto 0 10px;padding:20px 0 75px 0} .content-inner-warp {width:980px;margin:0 auto} /* ---------------------------------------------------------------------------------------------------------------------------- HEADER : - inner header contents ONLY [ except navigation defined further apart ] ----------------------------------------------------------------------------------------------------------------------------*/ #header {margin:0 auto;padding:0;position:relative;width:980px;z-index:1} #logo-title {margin:0;padding:0;float:left;} #logo {float:left;width:91px;margin:0;padding:0} #name-and-slogan {float:left;width:199px;margin:25px 0 0 35px;padding:0} /* Edited by Kishan 14-12-11 */ #name-and-slogan .head{ color: #051B4A; display:block; font:normal 2em/1 'Amaranth', Arial, Verdana; margin-bottom:10px; } #name-and-slogan .head a {text-decoration:none;color:#051B4A;} #name-and-slogan .slogan{ color: #FF7F00; font:normal 1.333333333em/1.3 'Amaranth', Arial, Verdana; letter-spacing:2px } #name-and-slogan .slogan a {text-decoration:none;color:#FF7F00;} #section {float:right;margin:0;padding:0} #section ul {margin:0;padding:0;position:relative;} #section ul.main {float:left;margin-right:10px;} #section ul.lang {float:right;} #section ul li {border:0px;margin:0;padding:0 6px 0 0;float:left;list-style-type:none;height:34px} #section ul li a {text-decoration:none;margin:0;padding:0;color:#051b4a;font-size:1.083em;display:block;text-align:right;line-height:34px} #section ul li.candidat {background:url(../images/interface/candidat.png) top left no-repeat;width:87px;} #section ul li.candidat.active {background:url(../images/interface/candidat-hover.png) top left no-repeat;} #section ul li.candidat:hover {background:url(../images/interface/candidat-hover.png) top left no-repeat;} #section ul li a:hover {text-decoration:underline;} #section ul li.etudiant {background:url(../images/interface/etudiants.png) top left no-repeat;width:142px} #section ul li.etudiant:hover {background:url(../images/interface/etudiants-hover.png) top left no-repeat;} #section ul li.diplome {background:url(../images/interface/diplome.png) top left no-repeat;width:80px;padding:0} #section ul li.diplome:hover {background:url(../images/interface/diplome-hover.png) top left no-repeat;width:80px;padding:0} #section ul li:hover ul.sub{display:block;} #section ul li ul.sub {position:absolute;top:30px;left:0;display:none;} #section ul li ul.sub li {float:none;margin:0 5px 0 10px;padding:0} #section ul li ul.sub li a {margin:0;padding:0 0 0 15px;color:#00549e;background:url(../images/icn/play-blue.png) center left no-repeat;text-decoration:none;font-size:1.0em;text-align:left;} #section ul li ul.sub li a:hover {text-decoration:underline } #recherche-langue {position:absolute;right:0;top:60px;/*width:311px*/} #recherche-langue .langue {float:left;margin:0;padding:0;width:83px;height:31px;background:#eeeff2;border:1px solid #c4d4e6;} #recherche-langue .langue p {margin:0;padding:9px 0 0 0;float:left;width:40px;text-align:center;height:22px;} #recherche-langue .langue p.fr {border-right:1px solid #c4d4e6} #recherche-langue .langue p a {margin:0;padding:0} #recherche-langue #search-block-form {background:#eeeff2;border:1px solid #c4d4e6;height: 31px;margin:0;padding:0;width:215px;float:right} #recherche-langue #search-block-form .form-item {float: left;margin: 8px 0 0 10px;padding: 0;width: 170px;border-right:1px solid #809fc7} #recherche-langue #search-block-form input.form-text {background: none;border:none;color: #00549e;font-size: 1.1em;line-height: 19px;margin: 0;padding:0 5px 0 0;width:165px;} #recherche-langue #search-block-form input.form-submit {background:url(../images/icn/recherche.png) center center no-repeat;border:0;float: right;height: 31px;margin: 0;padding: 0;width: 33px;text-indent:-9999px;cursor:pointer;} /*#recherche-langue #search-block-form input.form-submit {background: none;border:none;cursor: pointer;float: none;height:31px;margin: 0;padding:0;width:33px;}*/ /* ---------------------------------------------------------------------------------------------------------------------------- NAVIGATION : - primaly-links & secondary-links for DRUPAL & any other side-bar links. Please seperate each category with (-) ----------------------------------------------------------------------------------------------------------------------------*/ #navigation {margin:45px 0 0 0;padding:0;width:980px;float:left;} #navigation ul#nice-menu-1 {margin:0;padding:0;position:relative;z-index:1;width:980px;} #navigation ul#nice-menu-1 li {float:left;margin:0;padding:0;border-left:1px solid #ddddde;list-style-type:none;height:31px;background:none;border-top:none;border-right:none;border-bottom:none;position:static;clear:none;} #navigation ul#nice-menu-1 li.active {background:url(../images/interface/hover-menu-bg.jpg) top left repeat-x;} #navigation ul#nice-menu-1 li:hover {background:url(../images/interface/hover-menu-bg.jpg) top left repeat-x;} #navigation ul#nice-menu-1 li.last {border-right:1px solid #ddddde;} #navigation ul#nice-menu-1 li.last a {padding:0 18px} #navigation ul#nice-menu-1 li.menu-894 a {padding:0 5px} #navigation ul#nice-menu-1 li a {text-decoration:none;color:#666666;font-family:'Amaranth',Arial,Times New Roman;font-size:1.333333333em;padding:0 14px;line-height:30px;font-weight:normal;} #navigation ul#nice-menu-1 li ul {position:absolute;top:31px;left:0;height:30px;display:block;width:980px;margin:0;padding:0;background:#fff2e6} #navigation ul#nice-menu-1 li ul li {border:none;height:30px;width:auto;} #navigation ul#nice-menu-1 li ul li a {font-size:13px !important;border-left:1px solid #ffd6ad;float:left;font-family:Arial;padding:0 5px;color: #051B4A;} #navigation ul#nice-menu-1 li ul li.active {background:#ffbf80} #navigation ul#nice-menu-1 li ul li:hover {background:#ffbf80} #navigation ul#nice-menu-1 li ul li.last{float:left;border-left:none;border-right:none;} #navigation ul#nice-menu-1 li.active-trail{background:url(../images/interface/hover-menu-bg.jpg) top left repeat-x;} #navigation ul#nice-menu-1 li.active-trail ul{visibility:visible;display:block;} #navigation ul#nice-menu-1 li.active-trail ul li a.active{background:#ffbf80;} #navigation ul#nice-menu-1 li.menuparent.over ul{visibility:visible;display:block;} #navigation ul#nice-menu-1 li.menuparent.no-trail ul{display:none;} .block-nice_menus li.menu-path-intervenants_professionnels{background:none !important;} .block-nice_menus li.menu-path-intervenants_professionnels:hover{background:#FFBF80 !important;} .with-banner.contact h1 {margin: 20px 0 0 30px;} /* ---------------------------------------------------------------------------------------------------------------------------- CONTENTS : - for DRUPAL : #main, #content, #content-inner, #content-area, #sidebar-first, #sidebar-second + any other contents/wrappers that you may need to define... ----------------------------------------------------------------------------------------------------------------------------*/ .border-top {border-top:1px solid #bcc1cd} .col-mid {width:310px;margin:0 25px 0 0;padding:0;float:left} .details-diplome {margin:0 25px 30px 0} .node-type-evenements #content-header { overflow: hidden; } .col-central { float: left; width: 645px; } .section-actualites .col-central,.section-news .col-central {float: left;width: 585px;} body.page-node-60 .col-central, body.section-diplomes .col-central {width:100%;} .page-content-librarie-en-ligne .col-central{width:100%;} .col-mid2 {width:485px;float:left;margin:0 10px 0 0} .col-mid3{margin:0 0 20px 0;} .col-mid4{width: 150px;margin: 0 10px 0 0;padding: 0;float: left;} .last {margin:0} #main .sidebar-right {float:right;width:310px;margin:0;padding:0} #main .sidebar-left {float:left;width:310px;margin:0;padding:0} #content-inner {width:100%;margin:0 auto;} #content-inner .content-area {padding:0 0 35px 0;} #content-inner .content-area-right{float:right;} /*#content-inner .content-top {margin:0 0 55px 0;width:100%}*/ #content-inner .content-bottom {float:left;margin:0;padding:0;width:100%;} #header-top .content-top {width:100%;margin:60px 0 55px 0 !important;padding:0} .front .content-top {width:100%;margin:0px 0 55px 0 !important;padding:0} .block-sidebar_left{margin:0 0 10px 0;} .page-services-etudiants .service {margin:25px 0 25px 0} .view-player-une.view-display-id-block_2 .carrousel-slide{height: 305px;margin:0 auto;overflow: hidden;padding: 0;position: relative;width:645px;background:#FFDFBF} .view-player-une.view-display-id-block_2 .info-legende{width:520px;} .carrousel-slide {height: 257px;margin:0 auto;overflow: hidden;padding: 0;position: relative;width:980px;} .carrousel-slide .item-list ul {margin: 0;padding: 0;width: 3000px;position:absolute;} .carrousel-slide .item-list ul li {float: left;height: 257px;list-style-type: none;margin: 0;padding: 0;position: relative;width: 980px;} .carrousel-slide .item-list ul .info-slide a{margin: 0;padding:0;position: absolute;top: 75px;left: 62px;width: 360px;color:#fff;} .carrousel-slide .item-list ul .info-slide a:hover{text-decoration:none;} .carrousel-slide .item-list ul .info-slide h2 {font-size:3.3em;margin:0;padding:0;color:#fff;font-weight:normal;text-transform:none} .carrousel-slide .bloc-puce {height:45px;width:125px;margin:0;padding:0;position:absolute;right:0;bottom:0;background:url(../images/interface/bloc-puce-bg.png) repeat top left;} .carrousel-slide .bloc-puce ul {margin:20px 0 0 25px;padding: 0;width: auto;} .carrousel-slide .bloc-puce ul li {float:left;height:10px;list-style-type:none;margin:0 6px 0 0;padding:0;width:10px;} .carrousel-slide .bloc-puce ul li a {background: url(../images/icn/nav-slider.png) center top no-repeat ;display:block;height:10px;width:10px;} .carrousel-slide .bloc-puce ul li.active a {background: url(../images/icn/nav-slider-active.png) center top no-repeat;} .carrousel-slide .bloc-puce ul li a:hover {background: url(../images/icn/nav-slider-active.png) center top no-repeat;} /*---------------------------------------------------------------------------------------------------------------------------- Table ----------------------------------------------------------------------------------------------------------------------------*/ table.green td {background:#d9eee7 !important;width:139px;} table.green tr {background:#d9eee7 !important} table.green td.administration { background:url(../images/interface/master-vert.jpg) top left no-repeat !important; width:137px; height:135px; border-right:2px solid #ecf7f3; } table.green td ul li a { display:block; } /*table.green td.last ul li a {background:none !important;}*/ table.green td ul li a.temp-plein { background:#9dd4c0 url(../images/icn/picto-t-plein.png) no-repeat 3% center !important; display:block; } table.green td ul li a.temp-partiel { background:#9dd4c0 url(../images/icn/picto-t-partiel.png) no-repeat 3% center !important; display: block; } table.pink td {background:#f4dfe2 !important;width:139px} table.pink tr {background:#f4dfe2 !important} table.pink td.administration { background:url(../images/interface/master-pink.jpg) top left no-repeat #AC0052 !important; width:137px; border-right:2px solid #ecf7f3; } table.pink td ul li a { background:#e8bbc3 !important; display:block; } table.pink td ul li a.temp-plein { background:#e8bbc3 url(../images/icn/picto-t-plein.png) no-repeat 3% center !important; display:block; } table.pink td ul li a.temp-partiel { background:#e8bbc3 url(../images/icn/picto-t-partiel.png) no-repeat 3% center !important; display: block; } table.blue td {background:#e0eef6 !important;width:139px} table.blue tr {background:#e0eef6 !important} table.formation-info.blue td.administration { background:url(../images/interface/master-blue.jpg) top left no-repeat !important; width:137px !important; height:135px; border-right:2px solid #ecf7f3; } table.blue td ul li a { /*background:#c0dced !important;*/ display:block; } table.blue td ul li a.temp-plein { background:#c0dced url(../images/icn/picto-t-plein.png) no-repeat 3% center !important; display:block; } table.blue td ul li a.temp-partiel { background:#c0dced url(../images/icn/picto-t-partiel.png) no-repeat 3% center !important; display: block; } table.purple td {background:#e8ddee !important;width:139px} table.purple tr {background:#e8ddee !important} table.purple td.administration { background:url(../images/interface/inter-entreprise-long.jpg) top left no-repeat !important; width:137px !important; border-right:2px solid #ecf7f3; height:68px; } table.purple td ul li a { background:#c8add6 !important; display:block; } table.purple td ul li a.temp-plein { background:#c8add6 url(../images/icn/picto-t-plein.png) no-repeat 3% center !important; display:block; } table.purple td ul li a.temp-partiel { background:#c8add6 url(../images/icn/picto-t-partiel.png) no-repeat 3% center !important; display: block; } /* ---------------------------------------------------------------------------------------------------------------------------- FOOTER :- for DRUPAL :- any container inside footer ONLY ----------------------------------------------------------------------------------------------------------------------------*/ #footer{position:relative;width:100%} #footer .rejoignez {background:#dfe1e8;padding:15px 0} #footer .partenaires {background:#c5c7ce;padding:15px 0} #footer .rejoignez ul li.linkedin {margin-top:1px;} #footer .rejoignez ul li a.off {display:block} #footer .rejoignez ul li:hover a.off {display:none;} #footer .rejoignez ul li a.on {display:none;} #footer .rejoignez ul li:hover a.on {display:block} #footer .partenaires a {display:block} #footer .partenaires ul li a.off {display:block} #footer .partenaires ul li:hover a.off {display:none;} #footer .partenaires ul li a.on {display:none;} #footer .partenaires ul li:hover a.on {display:block} #footer .site-map {background:#ff7f00;padding:15px 0} #footer .inner {width:1005px;margin:0 auto;position:relative} #footer .inner p {font-size:1.0em;margin:0;padding:12px 0;float:left;width:150px;border-right:1px solid #a9b0c1;color:#051b4a} #footer .inner ul.social-links {margin:0 0 0 50px;padding:0;float:left;} #footer .inner ul.social-links li{ margin:0 75px 0 0px; padding:0; float:left; } #footer .inner ul {margin:0 0 0 50px;padding:0;float:left;} #footer .inner ul li {margin:0 50px 0 0;padding:0;float:left;list-style-type:none} #footer .inner ul.social-links {padding:0px;display:block;} #footer .inner ul li.last {float:right} #footer .inner ul li.last a {padding:0 0 0 15px} #footer .site-map .inner ul {margin:0;padding:0;float:none !important} /*#footer .site-map .inner ul.top {width:490px;margin:0 auto}*/ #footer .site-map .inner ul.top {text-align:left;width:auto !important;} /*#footer .site-map .inner ul.bottom {width:625px;margin:10px auto auto}*/ #footer .site-map .inner ul.bottom {margin: 10px auto;text-align: center;width: auto !important;} #footer .site-map .inner ul li {margin:0;padding:0 8px 0 0;list-style-type:none;color:#fff;font-size:1.083em} #footer .site-map .inner ul li.blue a {color:#fff} #footer .site-map .inner ul li a{margin:0;padding:0 3px 0 0;text-decoration:none;color:#fff;} #footer .site-map .inner ul li a:hover{text-decoration:underline;} #footer .site-map .inner p.librarie-enligne {position:absolute;right:0;top:10px;margin:0;padding:1px 5px;width:auto;border:none;background:#124f9b;font-size:1.083em;line-height:20px;} #footer .site-map .inner p.librarie-enligne a {text-decoration:none;color:#fff;display:block} #footer .site-map .inner p.librarie-enligne a:hover{text-decoration:underline;} #footer .rejoignez .inner ul li, #footer .partenaires.inner ul li { float: left; list-style-type: none; margin: 0 50px 0 0; padding: 0; } #footer .site-map .inner ul li{ float:none !important; display:inline; } #footer .site-map .inner ul.top { text-align:center !important; } .rubrique .wrap-table { border-top: 1px solid #B8C3C9; margin: 0 0 15px; min-height: 97px; padding: 0; width: 645px; } .rubrique #content .field-label { color: #1C4786; font-family: 'Amaranth',Arial,Verdana; font-size: 1.5em; font-weight: normal; margin-bottom: 0.75em; } .rubrique #content legend{display:none;} .rubrique #content table.formation-info{width:645px;} .rubrique table tr { background: none repeat scroll 0 0 transparent !important; } .rubrique table tr td { background: none repeat scroll 0 0 transparent !important; border: medium none !important; width: 128px; } .banner-blue .wrap-table { background: none repeat scroll 0 0 #E0EEF6; } .banner-blue table ul li a { background: none repeat scroll 0 0 #C0DCED !important; display: block; } .search_cnt ul{height:73px;overflow:auto;width:150px;} th,td{vertical-align:top;} .banner-vert .content-top { background:url(../images/interface/banner-vert.jpg) top center no-repeat #43ac86 } .banner-vert .wrap-table { background:#d9eee7 } .banner-vert table ul li a { background:#9dd4c0; display:block; } .banner-vert table ul li a.temp-plein { background:#9dd4c0 url(../images/icn/picto-t-plein.png) no-repeat left center !important; } .banner-mauve .content-top { background: url(../images/interface/banner-mauve.jpg) top center no-repeat #671e8d } .banner-mauve .wrap-table { background:#cecfe6 } .banner-mauve table ul li a { background:#b4a3d0 !important; display:block; } .banner-mauve table ul li a.temp-plein { background:#b4a3d0 url(../images/icn/picto-t-plein.png) no-repeat left center !important; } .banner-rose .wrap-table { background:#F4DFE2; } .banner-rose table ul li a { background:#E8BBC3 !important; display:block; } .banner-rose table ul li a.temp-plein { background:#E8BBC3 url(../images/icn/picto-t-plein.png) no-repeat left center !important; } .banner-rose #content-header,.banner-vert #content-header,.banner-mauve #content-header,.banner-blue #content-header{ height:131px; margin-top:31px; margin-bottom:35px; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; width:139px !important; } .jspPane { position: absolute; width:135px !important; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 13px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; display:none; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* ---------------------------------------------------------------------------------------------------------------------------- MISC : - clearing of floats and other defaults classes that you may need. This list is not exhastive. ----------------------------------------------------------------------------------------------------------------------------*/ .clear{clear:both; height:0; margin:0; padding:0; overflow:hidden;} .right{float:right;} .left{float:left;} .enseignement.left{width:100%;} .noborder{border:none; margin:0; padding:0;} img{margin:0; padding:0;} hr{height:1px; margin:0; padding:0; width:100%; border:none;background:none;} /* Clearing Floats ----------------------------------------------------------------------------------------------------------------------------*/ .clearfix:after{content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;} .clearfix{display: inline-block;} /* Hides from IE Mac \*/ * html .clearfix {height: 1%;} .clearfix{display:block;} /* End Hack */ /*bienvenue banner*/ .with-banner{ height:121px; position:relative; margin:60px auto 20px !important; float:left; } .with-banner img{ height:121px; position:absolute; width:980px; z-index:0; } .gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div { font-family: Arial; } .gmap-tit { display: block; font-weight: bold !important; } /* Esokia Edit */ .carrousel-slide .item-list ul .info-slide a { color: #FFFFFF; left: 62px; margin: 0; max-width: 470px; padding: 0; position: absolute; top: 60px; width: 100%; word-wrap: break-word; } .col-central.wysiwyg ul { margin: 0 0 10px 30px; } .col-central.wysiwyg ul li { margin: 0 0 5px; } .col-central.wysiwyg p { letter-spacing: 1px; margin: 0 0 10px; } #main div.tabs { clear: both; margin: 20px auto 5px; max-width: 980px; width: 100%; } #main .rubrique-formation #content-header { float: left; } #main #content-header .banner-nav ul li a { font-family: Arial; font-size: 100%; } #main .content-top { max-width: none; } .rubrique-formation #main .content-top { clear: both; display: block; float: none; margin: 0 auto; max-width: 980px; width: 100%; } #main #content-inner { margin: 0 auto; width: 100%; } .messages.status { color: #FFFFFF; margin: 5px 0 0 180px; position: absolute; font-style: italic; } .page-formations-formation-initiale-apprentissage .domaine li { font-size: 12px; } #section ul li a { font-size: 1.003em; } #navigation ul#nice-menu-1 li a { color: #666666; font-family: 'Amaranth',Arial,Times New Roman; font-size: 1.233em; font-weight: normal; line-height: 30px; padding: 0 14px; text-decoration: none; } #programe_m1, #programe_m2 { background-color: #FFD9B2; color: #354E6C; float: left; font-family: 'Amaranth',Arial,Verdana; font-size: 18px; font-weight: normal; height: auto; line-height: normal; max-width: 544px; padding: 20px 50px; vertical-align: middle; width: 100%; margin: 10px 0; } #programe_m1, #programe_m2{ background-image:url("../images/arrow-normal.png"); background-repeat: no-repeat; background-position:600px center; } #programe_m1:hover, #programe_m2:hover{ background-color:#9ba3b6; cursor:pointer; } #programe_m1.active, #programe_m2.active{ background-image:url("../images/arrow-active.png"); background-repeat: no-repeat; background-position:600px center; } .tableau .tableau-bottom .col-bottom { height: auto !important; line-height: 27px; padding: 10px 0 !important; } .tableau .tableau-bottom .col-bottom.first-col { width: 245px !important; text-align:left; } .tableau .tableau-bottom .col-bottom.first-col h5 { font-size: 12px; line-height: 14px; margin: 0 16px; padding: 0; } .col-bottom.second-col.even { padding: 18px 0 10px!important; height: auto!important; line-height:10px !important; } .tableau .tableau-bottom .col-bottom.third-col p, .tableau .tableau-bottom .col-bottom.fourth-col p { line-height: 26px; } .view-liste-formation-initial table.formation-info.blue tbody td ul { margin: 0; width: 117px !important; } .col-central.contenu-bas.clearfix.promo { display: block; width: 300px; margin-top:20px; } .node-type-formation-initiale .col-central.contenu-bas.clearfix.promo { display: block; margin-top: 20px; width: 100%; } .section-formations .fieldgroup .field-item ul { float: left; margin:0 1.5em 1.5em; width: 97%; } body.admin-menu { margin:0 !important; } #admin-menu ul li a { font-size: 9px; padding: 2px 8px 1px !important; } #admin-menu, #admin-menu ul { width: 100%; height:21px; } #admin-menu li.admin-menu-action { float: right; } .view-parole-manager .views-row { float: left; min-height: 272px; padding: 5px; } #sidebar-second #block-mainmod-2 .bloc-libre .texte-libre ul, #sidebar-second #block-mainmod-3 .bloc-libre .texte-libre ul { margin: 0 0 0 10px; } .content-inner-warp { margin: 0 auto; max-width: 980px; width:100%; } #footer .inner { margin: 0 auto; position: relative; max-width: 1005px; width:100%; } #content-inner p.desc { word-wrap: break-word; } .programe_m2, .programe_m1 { float: left; } .no-banner h1 { float: left; margin: 0 0 15px; width: 100%; } .node-type-bienvenue-iae #content-header { display: inline-block; } .node-type-bienvenue-iae #main .content-top { max-width: 980px; } .section-services-etudiants .bib { float: left; } div.view div.views-hide { display: none; position: absolute; right: 110px; top: 15px; } .bloc-liens { margin: 0 0 15px !important; } #edit-profile-date-formation-1-wrapper .form-item select, #edit-profile-date-formation-wrapper .form-item select{ border: 1px solid #AFBAD9; color: #194F9B; font-size: 1em; height: 28px; line-height: 28px; margin: 0 0 10px; padding: 3px; width: 93px; } #user-login-form input.form-submit, #user-login-form .item-list ul li.first a { background: none repeat scroll 0 0 #124F9B; border: medium none; color: #FFFFFF; cursor: pointer; float: right; font-family: "amaranth"; font-size: 1.083em; height: 25px; line-height: 23px; padding: 0; text-align: center; width: 103px; } #user-login-form .item-list ul li.first a { background: none repeat scroll 0 0 #FF7F00; color: #FFFFFF; float: left; font-size: 1.083em; height: 25px; line-height: 24px; padding: 0; text-align: center; text-decoration: none; width: 185px; } #user-login .form-item label { color: #000000; display: block; font-family: "Amaranth"; font-size: 1.233em; font-weight: normal; } #user-login input { border: 1px solid #AFBAD9; color: #194F9B; font-size: 1em; height: 20px; line-height: 28px; margin: 10px 0; padding: 3px; width: 400px; } #user-login #edit-submit { background: none repeat scroll 0 0 #124F9B; border: medium none; clear: both; color: #FFFFFF; cursor: pointer; display: block; float: left; font-family: 'Amaranth'; font-size: 1.083em; font-weight: normal; height: 30px; margin: 0 0 5px; max-width: 250px; padding: 0 5px; text-align: center; text-decoration: none; width: 100%; } #linkedin-user-settings-form .reset-btn #edit-reset { background: none repeat scroll 0 0 #124F9B; border: medium none; color: #FFFFFF; cursor: pointer; display: block; float: left; font-family: 'Amaranth'; font-size: 1.083em; font-weight: normal; margin: 0 0 5px; max-width: 250px; padding: 2px 5px; text-align: center; text-decoration: none; width: 100%; } #edit-profile-formation-1-wrapper select,#edit-profile-formation{ border: 1px solid #AFBAD9; color: #194F9B; font-size: 1em; height: 28px; line-height: 28px; margin: 0 0 10px; padding: 3px; width: 282px; } .block-formulaire #edit-delete-1 { background: none repeat scroll 0 0 #124F9B; border: medium none; color: #FFFFFF; display: block; font-family: 'Amaranth'; font-size: 1em; height: 20px; line-height: 20px; margin: 0 0 10px; padding: 0 5px; text-decoration: none; cursor:pointer; } .popup .block-formulaire .btn-inscription input.form-submit{ cursor:pointer; } .linkedin-user-settings-form { float: left; width: 100%; } .contenu-bas .bloc-prom.clearfix a { float: left; } #linkedin-user-settings-form-1 #edit-reset-1, #linkedin-user-settings-form-1 .form-submit, #linkedin-user-enable-form .form-submit, #linkedin-user-settings-form-2 .form-submit, .bloc-liens .inter .info-profil a.deconec, .bloc-liens .inter .info-profil a.mmp, #user-login #edit-submit, #linkedin-form .form-submit, .linkedin-user-enable-form .form-submit{ background: none repeat scroll 0 0 #124F9B; border: medium none; clear: both; color: #FFFFFF; cursor: pointer; display: block; float: left; font-family: 'Amaranth'; font-size: 1.083em; font-weight: normal; margin: 0 0 5px; max-width: 250px; padding: 2px 5px; text-align: center; text-decoration: none; width: 100%; } #linkedin-user-settings-form-2 .form-checkbox { float: left; margin: 0 5px 0 0; } #linkedin-user-enable-form .form-submit,.linkedin-user-enable-form .form-submit{ margin:5px 0 0 0; } .abstract-checkbox { display: none; } .section-formations .fieldgroup .field-item .view-list-programme .views-admin-links ul { float: left; margin: 0; padding: 0; } .inter ul.social li { margin: 0 7px 0 0 !important; } .view-list-programme .views-row, .view.view-list-programme { position: relative; } .view-list-programme .views-row { background-image: url("../images/tableau-bg-programmes.png") !important; background-repeat: repeat; float: left; margin: 0 0 5px; min-height: 52px; width: 100%; text-align:center; } .view-list-programme .views-row a { display: inline-block; height: 100%; left: 0; overflow: hidden; position: absolute; text-indent: -999px; width: 100%; top:0; } .view-list-programme .views-row h5, .view-list-programme .views-row p { color: #37496e; display: inline-block; font-size: 14px; height: auto; line-height: 14px; margin: 0; padding: 19px 0; text-align: center; vertical-align: middle; word-wrap: break-word; font-weight:bold; } .view-list-programme .views-row p{ width:100%; } tableau .tableau-bottom .col-bottom.first-col { width: 245px !important; text-align: left; } .with-banner p, .with-banner h1 { color: #FFFFFF; margin: 0 0 0 30px; padding: 0 0 15px; position: absolute; z-index: 1; } .with-banner h1 { font-family: 'Amaranth'; font-size: 5.83333em; font-weight: normal; line-height: 1; } #responsable-inner p.gras { font-size: 1.25em; font-weight: bold; margin: 0; padding: 0 0 5px; } .bloc-partager { margin: 32px 0 15px !important; } .view-gestionnaire-formation .bloc-actualite.gestionnaire { margin: 0 0 10px !important; } .bloc-responsable,.view-contact-presse .views-row { margin: 0 !important; } .bloc-telecharger { border-bottom: 1px solid #BCC1CD; margin: 0 0 15px !important; } #sidebar-second #block-mainmod-2, #sidebar-second #block-mainmod-3 { margin: 0 !important; } .bloc-actualite.cout_formation { display: none; margin: 0 0 5px !important; } .bloc-responsable .responsable-inner .details .master_resp_peda { font-family: "Amaranth"; font-size: 1.1em; margin: 0 0 10px; } .bloc-responsable .responsable-inner .details p,.bloc-responsable .responsable-inner .details a { color: #37496E !important; font-size: 1em; margin: 0; } .view-Formation-initiale-test .bloc-responsable { margin: 0 !important; padding: 0; } .linkedin-user-settings-form .submit-btn { display: none; } .linkedin-sec { display: none; } .admin .linkedin-sec { display: block; } .view-gestionnaire-formation .bloc-responsable { margin: 0; padding: 0; } .bloc-prom img { height: 80px; margin: 0 19px 20px 0; padding: 0; width: 80px; } .contenu-bas .bloc-prom.clearfix a { float: left; height: 80px; width: 80px; margin: 0 19px 20px 0; background-image: url("../images/linkedin-noavatar.png"); background-repeat: repeat; background-size:100% 100%; font-size:0; } .actu-theme .actu-details .descrip { float: right; margin: 0; padding: 2px 0 0; width: 505px; } .tableau .tableau-bottom .col-bottom.second-col p,.tableau .tableau-bottom .col-bottom.second-col .field-item {font-size: 12px;} .tableau .tableau-bottom .col-bottom.second-col .free-resp .field-item, .tableau .tableau-bottom .col-bottom.second-col .free-resp {line-height: 14px;font-size:12px;}