/** * Styles partages du site public * * @author Julie T�tard * @version E-cog 3.0 * @package public * @subpackage shared * @category css * @internal last modified */ /* ---------------------------------------- REDEFINITIONS ---------------------------------------- */ html { height:100%;margin:0;padding:0 0 0 0;font-size:12px;color:#000;background:#354457 url(../pix/shared/bg.png) top center repeat-y;background-attachment:fixed; } body { margin:0 0 0 0;padding:0 0 65px 0;background:url(../pix/shared/bottom-bg.png) bottom center no-repeat; } a:hover { text-decoration: none; } input, select, textarea, label { display:block; } img { color:#000; } ol, ul { list-style-position:outside;list-style-type:none;padding:0; } /* ---------------------------------------- GENERIQUES ---------------------------------------- */ .hidden { display:none; } .show { display:block; } .invisible { visibility:hidden; } .br { height:0;clear:both;float:none;line-height:0; } .clearfix:after { visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0; } .clearfix { display: inline-table; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* ---------------------------------------- LAYOUT ---------------------------------------- */ /* Global --------------------------------------- */ h1 { position:absolute;text-indent:-100000px; } #global { width:975px;margin:0 auto;padding:0;background-color:#faf0dc; } .back { display:block;margin-top:40px;} /* Head --------------------------------------- */ /* Head */ #head { height:180px;background:url(../pix/shared/head-bg.jpg) no-repeat;border-top:10px solid #1e344c;text-align:left; } #logo { clear:none;border-bottom:10px solid #1e344c;margin-left:35px; } /* Menu langues */ #menu-lang { float:right;margin:0 35px 0 0;padding:8px;background:url(../pix/shared/lang-bg.png); } #menu-lang li { display:block;padding:2px 5px;float:left;margin:0 2px;text-transform:uppercase;color:#FFF;font-size:11px; } #menu-lang li a { color:#1e344c;text-decoration:none; } #menu-lang li:hover { background-color:#FFF;color:#1e344c; } #menu-lang li.on, #menu-lang li.on:hover { background-color:#888F2A; } #menu-lang li.on a, #menu-lang li.on:hover { color:#FFF; } /* Menu principal */ #menu-main { clear:both;margin:46px 35px 0 35px; } #menu-main li { display:block; } #menu-main li.main { float:left;padding:6px 11px 0 12px;margin:0 10px 0 0;background:#d4e3e3;font-size:100%; } #menu-main li.education { float:left;padding:6px 11px 0 11px;margin:0 0 0 31px;font-size:100%; } #menu-main li.aside { float:right;background:url(../pix/shared/menu-bg.png);padding:8px 8px 4px 8px;margin:7px 0 0 5px;font-size:100%; } #menu-main li em { position:absolute;top:210px;display:none;padding:10px;font-size:10px;font-style:normal; background:url(../pix/shared/tip-bg.png);color:#BF7D00;z-index:500; } /* Sous-menu */ #submenu { padding:8px 35px;font-size:0.95em;min-height:1px;color:#273747;font-style:italic; } #submenu li { display:inline;margin:0 5px;padding:0 0 0 10px;font-style:normal; } #submenu li + li { border-left:1px solid #273747; } #submenu li.on { font-weight:bold; } #submenu li a { color:#273747;text-decoration:none;font-weight:normal; } #submenu li a:hover { color:#000; } /* Alignement */ #submenu.aside, #submenu.education { text-align:right; } /* background */ #submenu.aside, #menu-main li.aside.on { background:#CED66F; } #menu-main li.education, #submenu.education { background:#FFA800; } #menu-main li.main.on, #submenu.main { background:#ADD3DF; } /* Padding */ #submenu.contacts { padding-right:40px; } #submenu.education { padding-right:85px; } #submenu.terrains { padding-left:150px; } #submenu.publications { padding-left:420px; } #submenu.plateau-technique { padding-left:380px; } /* Content --------------------------------------- */ #content { width:975px;min-height:500px;margin:0 auto;padding:35px 0;text-align:justify; } #content a.all { display:block;margin-top:20px;color:#555;text-decoration:underline;font-weight:normal;font-style:italic; } #content a.all:hover { text-decoration:none; } h2 { font-size:22px;font-weight:bold;font-style:italic;color:#273747;margin-bottom:30px; } h2 strong { font-weight:bold; } h2 em { font-weight:normal;font-style:italic; } h2 span { font-weight:normal;font-style:normal;letter-spacing:-1.5px;font-size:20px; } /* Footer --------------------------------------- */ #foot { width:975px;height:79px;background:url(../pix/shared/foot-bg.jpg);padding:0; } #foot li { display:inline; } #foot-menu { text-align:left;padding-top:59px;height:20px; } #foot-menu li { padding:0 0 0 25px; } #foot-menu img { border-bottom: 5px solid #ffa800; } #foot-menu img:hover { border-color:#989F19; } #ours { float:right;font-size:11px;padding:20px 35px;text-align:right; } /* ---------------------------------------- PAGES ---------------------------------------- */ /* Content Commun --------------------------------------- */ body.text #content, body.terrains #content { padding-left:35px;padding-right:35px;width:905px; } /* Index --------------------------------------- */ /* Spécificité */ #index #global { background:#faf0dc url(../pix/index/content-bg.jpg) left 480px no-repeat; } #index #content { font-size:0.95em; } #index #foot { width:975px;clear:both;padding-right:0;height:109px;background:none; } #partners { background:url(../pix/index/foot-bg.png);float:left;margin:0;padding:15px 20px;height:79px; } #partners li { padding:0 15px; } #partners li img { max-height:79px; } #index #foot-menu { text-align:right;padding:89px 10px 0 0;height:20px; } #index #foot-menu li { padding:0 25px 0 0; } /* Content */ #content-main { width:545px;margin:0 43px 0 35px;clear:none; } #presentation td { font-style:italic;line-height:21px;padding-top:10px; } #presentation td p { font-style:italic;line-height:21px; } #content-aside { width:352px;float:right;clear:none; } #education { width:352px;line-height:20px;font-size:1.05em; background:#faf0dc url(../pix/index/education-bg.jpg) right 19px no-repeat; } #education h2 { margin-bottom:0; } #education ul { padding:0 35px 0 0;list-style-position:outside;margin:0;letter-spacing:-0.2px } #education ul a { color:#000;font-weight:normal;text-decoration:none; } #education ul a:hover { text-decoration:underline; } #news { margin-top:40px;background:url(../pix/index/news-bg.png);padding-bottom:25px; } #news h2 { position:absolute;margin-top:-17px; } #news .all { margin:20px 0 0 25px; } #news ul { padding:50px 35px 0 25px; } #news li { padding-top:17px; } #news li p.e_date, #news li.first p.e_date { font-size:0.9em;color:#666; } #news li img { display:none; } #news li h3 a { color:#000;text-decoration:none; } #news li h3 a:hover { text-decoration:underline; } #news li h3 { font-weight:bold;font-style:italic;padding:3px 0 2px 0;color:#000;margin:0; } #news li h3, #news li p { font-size:0.85em;letter-spacing:normal; } #news li.first h3 { font-weight:bold;font-style:italic;padding:4px 0 3px 0; } #news li.first h3, #news li.first p { font-size:0.95em; } #news li.first img { display:block;width:85px;float:right;border:2px solid #a1a750;margin:5px 0 0 10px; } /* Texte --------------------------------------- */ /* Global */ body.text #content table, body.list .e_block table { width:100%; } /* Reserved */ .e_block { overflow:hidden;padding:0;line-height:150%; } .e_pages { width:170px;background-color:#CED66F;padding:20px 20px 20px 35px;margin:0 35px 0 -35px;float:left; font-size:0.95em; } .e_pages li { padding:3px 0;text-align:left;font-weight:bold;font-style:italic;list-style-position:outside; } .e_pages li a { color:#273747;font-weight:normal;text-decoration:none; } .e_pages li a:hover { color:#000; } .e_pages li strong { display:block;text-transform:uppercase;font-size:12px;font-style:normal;color:#273747;margin-bottom:3px; } .e_pages li ul { margin:3px 0 7px 0; } .e_pages li li { padding:3px 0; } .e_html{ width:100%; } /* Page contact iframe google maps */ body#contacts .gmap { float:right;clear:none;text-align:right; } /* Liste --------------------------------------- */ .list #content { width:905px;padding:35px; } /* Terrains --------------------------------------- */ .terrains #head { background:url(../pix/terrains/head-bg.jpg) no-repeat; } #terrain.id23 #head { background:url(../pix/terrains/head-bg-23.jpg) no-repeat; } #terrain.id24 #head { background:url(../pix/terrains/head-bg-24.jpg) no-repeat; } #terrain.id25 #head { background:url(../pix/terrains/head-bg-25.jpg) no-repeat; } #terrain.id26 #head { background:url(../pix/terrains/head-bg-26.jpg) no-repeat; } #terrain.id27 #head { background:url(../pix/terrains/head-bg-27.jpg) no-repeat; } #terrain.id29 #head { background:url(../pix/terrains/head-bg-29.jpg) no-repeat; } #terrain.id30 #head { background:url(../pix/terrains/head-bg-30.jpg) no-repeat; } #terrain.id32 #head { background:url(../pix/terrains/head-bg-32.jpg) no-repeat; } #terrain.id33 #head { background:url(../pix/terrains/head-bg-33.jpg) no-repeat; } .terrains .e_pages { padding-bottom:12px; } .terrains #gmap { clear:none;float:none;width:530px;height:350px;background-color:#FFA800;position:relative;overflow:hidden; } .terrains #gmap span { display:none; } .terrains .more { font-size:0.9em; } .terrains .team { width:180px;text-align:left; } .terrains #team1 { float:left;margin-right:7px; } .terrains #team2 { float:right;margin-right:7px; } .terrains .team li { margin:10px 0; } .terrains #team2 .team li, .terrains #team2 h3 { text-align:right; } .terrains .team a { text-decoration:underline;font-weight:normal; } .terrains .team a:hover { text-decoration:none; } .terrains h3 { line-height:24px; } .terrains #team1 h3 { background:url(../pix/shared/gmap_team1.png) 0 0 no-repeat;padding-left:25px;color:#4494A7; } .terrains #team2 h3 { background:url(../pix/shared/gmap_team2.png) right 0 no-repeat;padding-right:25px;color:#273747; } .terrains #team1 a { color:#4494A7; } .terrains #team2 a { color:#273747; } .terrains #intro { font-size:15px;font-style:italic;margin-bottom:40px; } #liens .e_pages { padding-bottom:12px; } #liens #gmap { clear:none;float:none;width:500px;height:350px;background-color:#FFA800;position:relative;overflow:hidden; } #liens #gmap span { display:none; } #liens .more { font-size:0.9em; } #liens .team { width:170px;text-align:left;height:300px;overflow: auto;padding-right:10px; } #liens #team1 { float:left;margin-right:20px; } #liens #team2 { float:right;margin-left:20px; } #liens .team li { margin:10px 0; } #liens #team2 .team li, #liens #team2 h3 { text-align:right; } #liens .team a { text-decoration:underline;font-weight:normal; } #liens .team a:hover { text-decoration:none; } #liens h3 { line-height:24px; } #liens #team1 h3 { background:url(../pix/shared/gmap_team1.png) 0 0 no-repeat;padding-left:25px;color:#4494A7; } #liens #team2 h3 { background:url(../pix/shared/gmap_team2.png) right 0 no-repeat;padding-right:25px;color:#273747; } #liens #team1 a { color:#4494A7; } #liens #team2 a { color:#273747; } #liens #intro { font-size:15px;font-style:italic;margin-bottom:40px; } /* Equipes --------------------------------------- */ .equipes .e_pages { padding-bottom:12px; } .equipes #content { width:905px;padding:35px 35px 0 35px; } .equipes #content li { width:435px;float:left; } .equipes #content li#team1 { margin-right:35px; } .equipes #content li .team li { width:auto;margin:3px 0;float:none; } .equipes .team a { font-weight:normal;color:#000; } .equipes .team a:hover { text-decoration:none; } .equipes .plus { display:block;margin-top:5px;color:#000;font-size:11px; } .equipes #content ul img { float:left;width:150px;margin:0 10px 0 0; } .equipes #content ul h4 { clear:both; } .equipes #content ul .e_html { font-size:11px; } /* Actualités --------------------------------------- */ #actualites #content .e_nav { position:absolute;top:312px;width:200px;width:170px;background-color:#CED66F; padding:20px 20px 20px 35px;margin:0 35px 0 -35px;font-size:0.95em; } #actualites #content .e_nav li { display:block;clear:both;padding:5px 0; } #actualites #content .e_nav a { display:block;color:#000;font-weight:bold;text-decoration:none; } #actualites #content .e_nav a[href] { color:#273747;text-decoration:none; } #actualites #content .e_nav a[href]:hover { color:#000;text-decoration:underline; } #actualites #content .e_nav li ul { margin-left:15px; } #actualites #content .e_nav li li { padding:2px 0; } #actualites #content .e_nav li li a[href] { font-weight:normal; } #actualites #content .e_items, #actualites #content .e_item { width:680px;margin:0 0 0 auto; } #actualites #content .e_items li { margin-bottom:30px;clear:both; } #actualites #content .e_items li img { max-width:80px;float:left;margin:0 10px 0 0; } #actualites #content .e_items li h3 { margin:0;padding:0;font-size:16px;font-weight:bold; } #actualites #content .e_items li h3 a { text-decoration:none; } #actualites #content .e_items li h3 a:hover { text-decoration:underline; } #actualites #content .e_items li .e_date { font-size:11px;font-style:italic;margin:5px 0; } #actualites #content .e_item h3 { margin:0 0 5px 0;padding:0; } #actualites #content .e_item .e_date { font-size:11px;font-style:italic;margin:0 0 25px 0; } #actualites #content .back { display:block;width:680px;float:left;margin:25px 0 0 227px; } /* Personnels --------------------------------------- */ #personnels .e_items li { margin-bottom:20px; } #personnels .e_items li h3 { margin:0;padding:0;font-size:16px;font-weight:bold; } #personnels .e_items li h3 a { text-decoration:none; } #personnels .e_items li h3 a:hover { text-decoration:underline; } #personnels .e_item { padding:0 0 25px 0; } #personnels .e_item .e_block { padding:10px 0 0 0; } #personnels .e_item h3 { margin:0 0 5px 0;padding:0; } .sideblock img { width:200px;margin-top:10px; } .sideblock { padding:0 0 5px 15px; } .sideblock a { display:block;background-color:#4494A7;color:#FFF;padding:12px 10px; text-decoration:none;text-align:center;font-size:14px;margin:0 0 5px 0; } .sideblock a:hover { background-color:#7E9300; } .sideblock + h3 { margin-top:0; } /* Publications --------------------------------------- */ #publications #content { width:905px;padding:35px; } #publications #content ul { clear:both; } #publications #content li { clear:both;padding:10px 0;text-align:left; } #publications #content .type { padding:0;margin:0;font-size:11px;font-variant:small-caps;color:#EB8400; } #publications #content h4 { font-style:normal;padding:0;margin:2px 0 5px 0;color:#4494A7;font-size:15px; } #publications #content .auteurs { font-size:13px;font-weight:bold;padding:0;margin:0 0 5px 0; } #publications #content .edition { padding:0;margin:0 0 5px 0; } #publications #content .description { font-size:11px;padding:0;margin:0 0 5px 0;text-align:justify; } #publications #content a { color:#000; } #publications #content a.link { display:block;float:left;overflow:hidden;padding:5px 10px;margin-top:5px;background-color:#4494A7;color:#FFF; text-decoration:none;margin-right:10px; } #publications #content a.link:hover { background-color:#7E9300; } #publications #results { overflow:hidden; } #publications .e_pages label { clear:left;display:block;font-size:11px;font-weight:bold; } #publications .e_pages input { display:block;padding:3px 5px;margin:0 0 10px 0;font-family:Lucida Sans,Arial,sans-serif;width:140px; } #publications .e_pages select { display:block;padding:3px 5px;margin:0 0 10px 0;font-family:Lucida Sans,Arial,sans-serif; } #publications .e_pages .left + .left { margin-left:10px; } #publications input#date { width:35px; } #publications input#auteurId { background:none;height:0;padding:0;margin:0; } #publications input#submit { clear:both;background-color:#4494A7;margin:10px 0 0 0;border:none;width:auto;color:#FFF; font-weight:bold;padding:5px 10px;cursor:pointer; } #publications .nav { float:right;padding:0 0 10px 0; } #publications ul + .nav { float:right;padding:10px 0 0 0; } #publications .nav input { display:block;float:left;border:1px solid #7E9300;background-color:#7E9300;padding:3px 5px;color:#FFF; font-weight:bold;margin-left:5px;cursor:pointer;font-family:Lucida Sans,Arial,sans-serif; } #publications .nav input.on { background:none;color:#7E9300;font-weight:bold; } #publications .search { display:inline; } #publications #type { width:95px; } /* Plan --------------------------------------- */ #plan #content ul { margin:0 30px; } #plan #content ul li { font-size:16px;font-weight:bold;padding:0;text-transform:uppercase; margin:0 0 30px 0; } #plan #content ul li a, #plan #content ul li span { text-decoration:none;display:block;background-color:#4494A7;padding:5px;color:#FFF; } #plan #content ul a:hover { text-decoration:underline; } #plan #content ul ul { margin:15px 30px 0 30px; } #plan #content ul li li { font-size:14px;text-transform:none;padding:5px;margin:0; } #plan #content ul li li a, #plan #content ul li li span { display:inline;background:none;padding:0;color:#4494A7; } #plan #content ul ul ul { margin:10px 30px 0 30px; } #plan #content ul li li li { font-size:13px;padding:2px; } #plan #content ul li li li a, #plan #content ul li li li span { font-weight:normal;color:#000; } /* ---------------------------------------- ADDONS ---------------------------------------- */ /* Ad Gallery (index) --------------------------------------- */ .ad-gallery { width: 600px; } .ad-gallery, .ad-gallery * { margin: 0; padding: 0; } .ad-gallery .ad-image-wrapper { width: 100%;height: 400px;margin-bottom: 10px;position: relative;overflow: hidden; border:5px solid #1e344c; } .ad-gallery .ad-image-wrapper .ad-loader { position: absolute;z-index: 10;top: 48%;left: 48%;border: 1px solid #CCC; } .ad-gallery .ad-image-wrapper .ad-next { position: absolute;right: 0;top: 0;width: 10%;height: 80%;cursor: pointer; display: block;z-index: 100; } .ad-gallery .ad-image-wrapper .ad-prev { position: absolute;left: 0;top: 0;width: 10%;height: 80%;cursor: pointer; display: block;z-index: 100;} .ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next { /* Or else IE will hide it */ background: url(non-existing.jpg)\9 } .ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../pix/index/ad-gallery/ad_prev.png);width: 30px;height: 30px;display: none;position: absolute; top: 47%;left: 0;z-index: 101; } .ad-gallery .ad-image-wrapper .ad-next .ad-next-image { background: url(../pix/index/ad-gallery/ad_next.png); width: 30px; height: 30px;right: 0;left: auto; } .ad-gallery .ad-image-wrapper .ad-image { position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { position: absolute;bottom: 0px;left: 0px;padding: 10px; text-align: left;width: 100%;z-index: 2; background: url(../pix/index/ad-gallery/opa75.png);color: #FFF; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description a { display:inline;color: #FFF;font-size:11px;text-decoration:none;font-weight:normal; } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description a:hover { text-decoration:underline; } #content .ad-gallery .ad-image-wrapper .ad-image p.ad-image-description { font-size:1.1em; } * html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='../pix/index/ad-gallery/opa75.png'); } .ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title { display: inline; } .ad-gallery .ad-controls { height: 20px; display:none; } .ad-gallery .ad-info { float: left; } .ad-gallery .ad-slideshow-controls { float: right; } .ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px;cursor: pointer; } .ad-gallery .ad-slideshow-controls .ad-slideshow-countdown { padding-left: 5px;font-size: 0.9em; } .ad-gallery .ad-slideshow-running .ad-slideshow-start { cursor: default;font-style: italic; } .ad-gallery .ad-nav { width: 100%; position: relative; } .ad-gallery .ad-forward, .ad-gallery .ad-back { position: absolute;top: 0;height: 100%;z-index: 10; } /* IE 6 doesn't like height: 100% */ * html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; } .ad-gallery .ad-back { cursor: pointer; left: -20px;width: 13px;display: block; background: url(../pix/index/ad-gallery/ad_scroll_back.png) 0px 22px no-repeat; } .ad-gallery .ad-forward { cursor: pointer;display: block;right: -20px;width: 13px; background: url(../pix/index/ad-gallery/ad_scroll_forward.png) 0px 22px no-repeat; } .ad-gallery .ad-nav .ad-thumbs { overflow: hidden;width: 100%;display:none; } .ad-gallery .ad-thumbs .ad-thumb-list { float: left;width: 9000px;list-style: none; } .ad-gallery .ad-thumbs li { float: left;padding-right: 5px; } .ad-gallery .ad-thumbs li a { display: block; } .ad-gallery .ad-thumbs li a img { border: 3px solid #CCC;display: block; } .ad-gallery .ad-thumbs li a.ad-active img { border: 3px solid #616161; } /* Can't do display none, since Opera won't load the images then */ .ad-preloads { position: absolute;left: -9000px;top: -9000px;} /* Galleriffic (text) --------------------------------------- */ .gfic { width:670px;background-color:#FFF;padding:5px; } .gfic a, .gfic a:hover { text-decoration:none; } ul.thumbs { position: relative;margin: 0;padding: 0; } ul.thumbs li { float:left;padding:0;margin:2px;list-style: none; } a.thumb { padding: 1px;display: block; } a.thumb:focus { outline: none; } ul.thumbs img { border: none;display: block;width:61px;height:61px; } div.gfic-content { display: none;clear: both;padding-top:30px; } div.gfic-slideshow, div.gfic-loader, div.gfic-slideshow a.advance-link { width: 505px; } div.gfic-loader, div.gfic-slideshow a.advance-link { height: 0; } div.gfic-slideshow { position: relative;clear: left;float: none;height:auto; } div.gfic-loader { position: absolute;background: url(../pix/shared/loader.gif) center no-repeat; } div.gfic-slideshow span.image-wrapper { display: block;position: absolute; } div.gfic-slideshow a.advance-link { display: block;text-align: left;height:auto; } div.gfic-slideshow img { width:500px; } div.gfic-caption { clear:both;float:right;width:145px;position: relative;font-size:10px;padding: 0 12px; } span.image-caption { display: block;position: absolute;top: 20px;font-weight:bold;text-align:left; }