/* Theme Name: Academica Theme URI: http://www.wpzoom.com/themes/academica/ Description: Theme by WPZOOM Version: 1.2 Author: WPZOOM Author URI: http://www.wpzoom.com */ @font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } img#wpstats{width:0px;height:0px;overflow:hidden} * {padding:0; margin:0; border: none; outline:0; } body {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 62.5%; color: #333; text-align:center; background-color: #fff; } a {color:#579CD0; } a:visited {color:#868686; } a:hover,a:focus {text-decoration:none; color: #E5A919; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; -o-transition: color .3s ease-in; transition: color .3s ease-in; } h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#333; } p {margin: 0 0 10px; } li,p {line-height: 1.6em; } h2{font-size: 170%} #wrap {width:100%; margin: 0 auto; text-align:left; } #wrap div.wrap {width: 940px; margin: 0 auto; text-align: left; } #wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; } #wrap div.sep {font-size:1px; height: 1px; margin:20px 0; line-height: 1px; background-color: #f99734; } #wrap div.sepinside {margin: 0 0 20px; } #header {background:url('images/trame_header.png')repeat-x;height:151px;position: relative;z-index: 56;} #header div.banner {float: right; display: inline;} #logo {margin:0 auto;margin-top:-30px; text-align: center; width: 918px;} #logo img:hover{ -webkit-transform: scale(1.01) ; -moz-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } .contenu_cat_2 > ul {font-size: 13px;padding-left: 14px;} #wrap .ui-widget {font-family: Helvetica, Arial, Tahoma, sans-serif;font-size: 13px } /* 2. Menu Area */ /*#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; width:947px; margin-top:-28px;padding:0px 9px 0px 9px;}*/ #menuhead { height: 36px; line-height: 36px; font-size: 12px; font-weight: bold; margin: 0 auto;width: 92%; } #menuhead a {display:block; color: #fff; text-shadow: #264c6c 1px 1px 0; text-decoration: none; padding: 0 15px 0;margin-top: -8px; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;} #menuhead a:hover, #menuhead .current-menu-item > a {color: #e5a919; } #menuhead li {float:left; display: inline; position:relative; line-height: 36px; font-size: 12px; height: 22px;margin-top: 6px; padding-top: 2px;border-right: 2px solid #3789B9;} #menuhead li:last-child {border-right: none;} #menuhead li li {line-height: 22px; border: none;margin: 0px; background-color: #2b7cb1;padding: 4px} #menuhead li ul a:hover,#menuhead li ul a:focus{ background-color: #3488B8; -webkit-transition: background-color .6s ease-in; -moz-transition: background-color .6s ease-in; -o-transition: background-color .6s ease-in; transition: background-color .6s ease-in;} #menuhead li li a{margin:0;} #menuhead ul {position:absolute; display:none; width:120px; top:26px; left:0; } #menuhead ul a { text-shadow: none;} #menuhead li ul {width:130px;} #menuhead li ul a { float:left; display:inline; min-width: 160px;border-radius: 2px} #menuhead ul ul {top:auto;} #menuhead li ul ul {left:130px; margin:0 0 0 10px;} #menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;} #menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block;} #mainNav {position: relative;top: -31px;} #mainNav .wrap {background:url(images/fond_menu.png)no-repeat; position: relative;width: 947px !important;z-index: 60;} #crumbs {display:none;font-size: 10px; text-transform: uppercase; margin: 20px 0; } .widget select { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #DADADA; border-radius: 4px; padding: 5px 0; text-align: center; width:100%; } #search { font-size:10px; height:40px; width: 270px;position: relative; top:80px; } #search #setop {border: solid 1px #999; height:22px; width:173px; font-size: 10px; padding-left: 5px; border-radius: 5px; } #search #searchsubmittop { background: url("images/fond_search.png") no-repeat scroll 0 0 #2380B2; border-radius: 3px; color: #FFFFFF; cursor: pointer; font-size: 10px; font-weight: bold; height: 24px; line-height: 24px; padding-left: 21px; padding-right: 10px; text-transform: uppercase;} #search #searchsubmittop:hover {color:#E5A919; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; } /* Social */ #social {clear: right; float: right; display: inline; position: relative;top: -30px;background-image:url('images/icons/fond_sociaux.png');background-repeat:no-repeat;width:158px;height:35px;padding-top:10px;height: 26px;} #social li,#social_share li {display: inline; margin-right: 0px !important; font-size: 11px; margin-top:-10px;} #social .titre_social,#social_share .titre_social{ color: #FFFFFF; float: left; font-size: 11px; font-weight: bold; text-transform: uppercase; padding-left:20px; margin-right: 5px; } #footer #social .titre_social{font-size: 11px; } #footer #social { top:-7px !important } #social_share .titre_social{ height: 18px; margin-bottom: 0; margin-top: -3px; padding-left: 28px; padding-top: 1px; width: 77px;} #social ul,#social_share ul { margin-left: -10px;margin-top: -6px; } #social_share {top: -40px;clear: right; float: right; display: inline; position: relative;background:url(images/icons/fond_sociaux_share.png)no-repeat;width:218px;height:35px;padding-top:10px; height: 26px;} #homeGallery {background:url('images/fond_slider.gif');background-repeat:repeat-x;height:286px;position: relative;top:-50px;} #homeGallery div.wrap {padding: 1px 0 0;width:859px} #homeGallery_conteneur { background:url('images/trame_slider.png'); background-repeat:no-repeat;height:286px;margin:0 auto;width:100%;} /* 3. Content Area */ #content {background:url(images/fond_conteneur.jpg);/* margin-top: -48px; */; position: relative; top: -50px; } #content div.column {float: left; display: inline; margin-right: 30px; } #content div.column {width: 200px; } #content div.column-content {width: 500px; } #content div.column-content img {max-width: 500px; height: auto; } #content div.column-double {width: 730px; } #content div.column-double img {max-width: 730px; height: auto; border-radius: 2px;} #content div.column-double img:hover {opacity: 0.8} #content div.column-full {width: 100%; } #content div.column-full img {/*max-width: 960px;*/ height: auto; } #content div.column-narrow {width: 210px; font-size: 11px; line-height: 16px; } #content div.column-last {margin-right: 0;} #content div.single {border-top: none; padding: 0; } #content #conteneur_contenu_single{padding: 13px} div.column-content h1, div.column-content h2, div.column-content h3 {font-family: Arial, sans-serif; letter-spacing: -1px; margin-bottom: 8px; } div.column-content h2 { } div.column-content h3 {font-size:193%; line-height: 100%;} div.column p.heading, #footerColumn p.heading {font-size: 10px; text-transform: uppercase; } #content div.column-content {/*font-size: 14px;*/ line-height: 20px;max-width: 940px } #content ul.menu {border-bottom: solid 1px #ccc; margin-bottom: 15px; } #content ul.menu li {font-size: 12px; font-weight: bold; padding: 10px 0; border-top: solid 1px #ccc; } #content ul.menu ul {margin: 10px 0 5px 10px; border-left: solid 1px #ccc; padding-left: 10px; } #content ul.menu ul li {border: none; font-size: 12px; font-weight: normal;} #content ul.menu li.current-menu-item > a {color: #333; font-weight: bold; } #content ul.menu li.current-menu-item > a:hover {color: #f99734;} div.postInfo {margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #ccc; font-size: 12px; line-height: 18px; } #conteneur_latest p {font-size: 114%; padding: 8px 8px 0; padding-bottom: 4px; padding-top: 5px; margin: 0px; word-wrap: break-word; text-align: justify; height: 75px;} .posts {margin-bottom: 10px;overflow: hidden } .posts .post { float: left; line-height: 18px; margin-right: 46px; width: 200px;} .posts #post_search { background: url("images/trame_menu_cat_hover.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 10px; line-height: 18px; margin: 0px; margin-bottom: 10px; width: 98%; float: none} .posts #post_search:hover { background: url("images/trame_menu_cat_hover_v2.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); } .posts #post_search div.thumb {width: 100%} .posts #post_search div.thumb a {display:block;width: 100%} .posts .post:last-child{margin-right:0px;} .post p {color:#fff;} .post #conteneur_latest { background-image: url("images/fond_featured.png"); background-position: center bottom; background-repeat: no-repeat; height: 110px; width: 200px; } .posts:last-child{clear:right;} .posts .post-last {margin-right: 0; } .posts .post h2 {font-size: 12px; font-weight: bold; line-height: 18px; margin-bottom: 2px; } .posts .post div.thumb {/*float: left;*/ display: inline; margin: 0 10px 10px 0; } .posts p.postmetadata, p.postmetadata {font-size: 12px; text-transform: uppercase; margin: 5px 0 5px; color: #999; } /* .posts p.postmetadata a, h2.heading a, div.postInfo a, div.single a, a.highlight {color: #f99734;} */ .posts p.postmetadata a:hover, h2.heading a:hover, div.postInfo a:hover, div.single a:hover, a.highlight:hover {/* text-decoration: underline; */ } .single {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; line-height: 20px; } .single p {margin: 0 0 14px; } #single_projet{padding-top: 40px} .single ul, .single ol {margin-left: 20px; margin-bottom: 14px; } .single li {list-style-position: inside;} .single ul li {list-style-type: square;} .single ol li {list-style-type: decimal;} .single blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; } .single h2, .single h3, .single.h4, .single h5, .single h6 {margin: 14px 0; } .single .content-narrow .widget ul, .single .content-narrow .widget ol {margin-left: 0;} .single .content-narrow .widget li {list-style-type: none; } .single h2, .content-narrow .widget h2 {font-size: 24px; } .single h3 {font-size: 20px; } .single h4 {font-size: 18px; } .single h5 {font-size: 16px; } .single h6 {font-size: 14px; } .alignleft {float: left; display: inline; margin: 0 15px 10px 0; } .alignright {float: right; display: inline; margin: 0 0 10px 15px; } .single ol.comments {padding: 1em 0; margin:0; } .single ol.comments a {text-decoration: none;} .single ol.comments a:hover {text-decoration: underline;} .single ol.comments div.comment-body {position: relative; } .single ol.comments div.reply {position: absolute; top: 0; right: 0; } .single ol.comments li {list-style-type: none; margin: 0 0 10px; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; border-top: solid 1px #ccc; padding-left: 15px; } .single ol.comments li ul.children {padding: 10px 0 0; } .single ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; } .single ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; } .single ol.comments .vcard {} .single ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; } .single ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; } .single ol.comments cite.author {color: #333;} .single ol.comments span.says {display: none; } .single ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; } .single ol.comments blockquote {font-size: 12px; line-height: 18px; } .single ol.comments p {text-shadow: #fff 1px 1px 1px;} .single ol.comments li.comment {background-color: #f1f1f1; } .single ol.comments li.bypostauthor { background-color: #fff; } .afterpost .navigation .alignleft a, .single .reply a, .afterpost .navigation .alignright a, .single .cancel-comment-reply a, .navigation a { background: #336699; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; text-shadow: none; } .afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, .single .reply a:hover, .single .cancel-comment-reply a:hover, .navigation a:hover { background: #cc0000; color: #fff; text-decoration: none; } .afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;} .navigation {margin: 10px 0; font-size: 18px; text-align: center; } .navigation a {font-size: 11px; margin: 0 1px; padding: 5px 8px; } #commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; } #commentform code {font-size: 11px; } #commentform p {margin: 0 0 5px; font-size: 12px;} #commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; } #commentform input {clear: left; float: left; display: inline; width: 300px; padding: 6px 0 2px 5px; font-size: 12px; margin-bottom: 10px; } #commentform textarea { width: 100%; height: 100px; padding: 2px; margin-bottom: 10px; } #commentform input, #commentform textarea {background: #fff url(images/backSearch.png) repeat-x top left; border: 1px solid #ccc; color: #333; } #commentform #submit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #0c5390; color: #fff; border: none; cursor: pointer; } #commentform #submit:hover {background-color: #0a406f; } #comments h2 {margin-bottom: 10px; } /* 4. Footer Area */ #haut_footer {background:url(images/haut_footer.png)repeat-x;height:15px;} #footer #espace_european_commission img {float: left;margin-right: 20px; -moz-box-shadow: 2px 2px 4px #292929; -webkit-box-shadow: 2px 2px 4px #292929; box-shadow: 2px 2px 4px #292929; } #footer #espace_european_commission p {font-family: arial,verdana;font-size: 110%;color: #fff } #footer {background:url(images/fond_footer.jpg);font-size: 11px; color: #333;/* height: 100% */;position: absolute;left: 0px;right: 0px; } #footer div.wrap { margin: 0 auto;padding: 25px 0 10px;width: 940px; } #footer a {text-decoration: none;color: #FFFFFF;} #footer a:hover {text-decoration: none; } #footer h3 {font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 14px; color: #777; } #footer p {text-align: left; } #footer p.copy {font-size: 12px; color: #fff;} #footer p.copy a {color: #fff; text-decoration: none;} #footer p.copy a:hover {color: #E5A919; font-weight: bold } #footer #menufooter {display: block; text-align: center; padding-bottom: 20px; } #footer #menufooter li {display: inline; line-height: 18px; margin-right: 15px; font-size: 110%; font-weight: bold; border-right: 2px solid #fff;padding-right: 10px} #footer #menufooter li:last-child{padding: 0px;border: none} #footer #menufooter li a:hover{ color: #E5A919; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;} #footerColumn {float: right; display: none; width: 30%; margin: 0 0 10px 10px;} #footerColumn div.textwidget p {line-height: 16px; font-size: 11px; color: #777; } .widget ul.gallery li {float: left; display: inline; width: 75px; margin-right: 10px; margin-bottom: 15px; } .widget ul.gallery li.last {margin-right: 0;} .widget ul.gallery li img {} div.widget {margin: 0 0 20px; } div.widget:last-child {margin: 0px } .navigation p {text-align: center; font-size: 10px; } .navigation a {font-size: 10px; font-weight: normal; } #searchform label {display: none; } #searchform input {float: left; display: inline; height: 20px; padding: 4px; border: solid 1px #d1d1d1; } #searchform input#s {width: 145px;} #searchform input#searchsubmit {cursor: pointer; border: none; font-size: 10px; text-transform: lowercase; font-weight: normal; height: 30px; padding:0 5px; background-color:#0c5390; color: #fff; margin-left: 2px; border: none; margin-bottom: 15px; } #searchform input#searchsubmit:hover {background-color:#0a406f; } .single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px; } .single .gallery { margin: auto; text-align:center; clear:both; } .single .gallery img { border: solid 4px #eee;} .single .gallery-caption { margin-left: 0; } .single div.gallery img:hover {border: solid 4px #9acdea; } /* Shortcodes */ .checklist li {padding-left: 20px; background: transparent url(images/icon_tick.png) no-repeat top left; list-style-type: none !important; } .arrowlist li {padding-left: 20px; background: transparent url(images/icon_arrow.png) no-repeat top left; list-style-type: none !important; } .deletelist li {padding-left: 20px; background: transparent url(images/icon_delete.png) no-repeat top left; list-style-type: none !important; } .scBox {padding: 10px; text-shadow: none !important; color: #444; margin: 10px 0; } .notice {background-color: #f8f0af; } .warning {background-color: #f8c0c0; } .update {background-color: #c0e5f8; } .highlight {padding: 3px 5px; text-shadow: none; background-color: #f8f0af; color: #333; } .half {float:left;width:47%;margin:10px 0;margin-right:6%;} .third {float:left;width:30%;margin:10px 0;margin-right:5%; overflow: hidden;} .last {margin-right:0; } /* wrap home */ #wrap_home{ background: #fff;padding: 10px;padding-top: 0px } /* liens home */ #link_home{ height:145px; margin:0 auto; margin-bottom: -50px; text-align:center; background-image:url(images/fond_home_link.png); background-repeat: repeat-x; position: relative; } #link_home li{ display:inline; margin-right:30px; width:79px; height:78px; } #link_home ul{height:120px; } #link_home li a{ color: #004C8F; display: inline-block; font-size: 134%; font-weight: bold; height: 95px; padding-top: 96px; text-decoration: none; width: 81px; display: inline-block; *display: inline; zoom: 1; } #link_home li #act{background-image:url('images/icons/picto_activities.png');background-repeat:no-repeat;} #link_home li #act:hover,#link_home li #act:focus{background-image:url(images/icons/picto_activities_hover.png);background-repeat:no-repeat;background-position: top ;color: #E5A919; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in;} #link_home li #exp{background-image:url(images/icons/picto_expertise.png);background-repeat:no-repeat;} #link_home li #exp:hover, #link_home li #exp:focus{background-image:url(images/icons/picto_expertise_hover.png);background-repeat:no-repeat;color: #E5A919; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; } #link_home li #get{background-image:url(images/icons/picto_get_in.png);background-repeat:no-repeat;background-position:top;} #link_home li #get:hover,#link_home li #get:focus{background-image:url(images/icons/picto_get_in_hover.png);background-repeat:no-repeat; top;color: #E5A919; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; } #link_home li #bull{background-image:url(images/icons/picto_bulletin.png);background-repeat:no-repeat;background-position: top;} #link_home li #bull:hover,#link_home li #bull:focus{background-image:url('images/icons/picto_bulletin_hover.png');background-repeat:no-repeat;background-position: top;color: #E5A919; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; } #link_home li:last-child{margin-right:0px;} #etoile{background:url('images/etoile_v2.png'); min-height:300px;} #word_cloud{ background:url('images/fond_word_cloud.png')no-repeat; width:1000px; margin:0 auto; } div.column-content h2 { /* background:url(images/fond_titre.png)no-repeat; height: 30px; padding-top: 2px; padding-left: 20px; color:#fff; text-transform:uppercase;*/ } #read_more{ display: block; margin: 0 auto; text-align: center; width:46%; cursor:pointer; color:#0067ac; background:url(images/fond_read_more.png)no-repeat; text-transform:uppercase; } #read_more:hover,#read_more:focus{ font-weight:bold; background:url(images/fond_read_more_hover.png)no-repeat; color:#243c60; } #image_sections img,#image_sections_team img{ width:100%; height:auto; display:block; } #image_sections{ height:193px; overflow:hidden; } #image_sections_team{ height:auto; } .name_pdf { width: 130px; } .conteneur_pdf{background: url('images/icons/pdf_icon.png') no-repeat;width: 60px;display: inline-block;zoom: 1; *display: inline; color: #0C5390 !important; font-weight: bold; height: auto; padding-top: 60px; text-decoration: none; } .conteneur_dwl{display: inline-block;width: 10%} .conteneur_files ul li { display: inline-block; zoom: 1; *display: inline; font-weight: bold; margin-right: 50px; vertical-align: text-top;} .conteneur_zip{background: url('images/icons/zip_icon.png') no-repeat;width: 60px;display: inline-block;zoom: 1; *display: inline; color: #0C5390 !important; font-weight: bold; height: auto; padding-top: 60px; text-decoration: none;} .conteneur_pdf:hover {background: url('images/icons/pdf_icon_hover.png')no-repeat} .conteneur_zip:hover {background: url('images/icons/zip_icon_hover.png')no-repeat} .info_pdf{visibility: hidden} .picto_video{background: url('images/icons/lien_video.png');width: 50px;height: 50px;} .picto_video:hover{background: url('images/icons/lien_video_hover.png');width: 50px;height: 50px;} .picto_photo:hover{background: url('images/icons/lien_photo_hover.png');width: 50px;height: 50px;} .picto_photo{background: url('images/icons/lien_photo.png');width: 50px;height: 50px;} .social_network_team {background: url('images/icons/lien_network.png');width: 50px;height: 50px;} .social_network_team:hover {background: url('images/icons/lien_network_hover.png');} #conteneur_our_services h1 {top:-150px; position:relative; color:#FFF; font-size:300%; text-transform:uppercase; font-weight:bold; text-shadow: 1px 4px 5px #000000; opacity:0.7; } #conteneur_our_services .intro { background: none repeat scroll 0 0 #FFFFFF; border-radius: 2px; display: inline-block; zoom: 1; *display: inline; opacity: 0.7; padding:5px; position: relative; top: -110px; color:#004c8f; font-weight:bold; box-shadow: 3px 3px 8px #000000; } #conteneur_our_services p { color:#004c8f; } #conteneur_our_services .contenu_cat { margin-top:-60px;} #wrap div.sep{ display:none !important; } #end_image_sections{ background-image: url("images/fond_home_link.png"); background-repeat: repeat-x; height: 4px; position: relative; top: -1px; } #categorie_page ul{ display:inline-block; zoom: 1; *display: inline; margin-left:0px !important; padding-top:23px; } #categorie_page li{ font-size: 120%; font-weight: bold; zoom: 1; *display: inline; vertical-align: text-top; display:inline-block; margin-right:50px; } #categorie_page li:last-child{ margin-right:0px; } #categorie_page a{ width:85px; height:auto; display:inline-block; zoom: 1; *display: inline; background: url("images/icons/picto_cat_wave.png") no-repeat top; padding-top :75px; color:#0C5390; text-decoration:none; font-weight: bold;} #categorie_page #enfant { font-size: 135%} #categorie_page a:hover,#categorie_page a:focus{ color:#F99734; background: url("images/icons/picto_cat_wave_hover.png") no-repeat top; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; } #categorie_page {text-align:center;} #conteneur_categories {padding-top: 70px;} #conteneur_img_bas{ background: url("images/image_projet_bas/natation_our_services.jpg")no-repeat; display: inline-block; zoom: 1; *display: inline; width: 100%; font-size: 0; line-height: 0; vertical-align: middle; background-size: 100%; background-position: 50% 90%; min-height: 200px; } /* projets */ .project{margin-top:10px;} .project h3{font-size:210%;color:#e5a919 !important;} .project h3 p{font-size:56% !important;color:#fff !important;} #accordion{padding-bottom:20px;} #conteneur_categories p, #conteneur_equipe p,#conteneur_network p,#conteneur_our_work p,#conteneur_promoter p{color: #004C8F;} #conteneur_categories .katb_widget_box_basic{width:100%;margin:0px;} #conteneur_categories div.widget{margin-bottom:0px;} #conteneur_categories div.widget h2{ color: #FFFFFF; height: 30px; padding-top: 2px; text-transform: uppercase; font-size:183%; width:80%; display: inline-block; zoom: 1; *display: inline;} .conteneur_h2 h2{ color: #FFFFFF; height: 30px; text-transform: uppercase; width:80%; display: inline-block; zoom: 1; *display: inline; padding-top: 1px;} .conteneur_h3 h3{ color: #FFFFFF; height: 30px; padding-top: 4px; text-align: center; text-transform: uppercase; font-size:120%; width:89%; display: inline-block; zoom: 1; *display: inline;} .conteneur_h2{ background-image: url("images/fond_h2.gif");background-repeat: repeat-x;background-color:rgba(0, 0, 0, 0);height:22px; padding-bottom: 20px;} .conteneur_h2 .fleche_gauche_h2{background-image: url("images/fond_gauche_h2.gif");background-repeat:no-repeat;width:5%;height:22px;float:left;} .conteneur_h2 .fleche_droite_h2{background-image: url("images/fond_droite_h2.gif");background-repeat:no-repeat; height: 22px; width: 13px;float: right;} .conteneur_h3{background-image: url("images/fond_h2.gif");background-repeat: repeat-x;background-color: rgba(0, 0, 0, 0);height:22px; padding-bottom: 20px;} .conteneur_h3 .fleche_gauche_h2{background-image: url("images/fond_gauche_h2.gif");background-repeat:no-repeat;width:5%;height:22px;float:left;} .conteneur_h3 .fleche_droite_h2{background-image: url("images/fond_droite_h2.gif");background-repeat:no-repeat; height: 22px; width: 12px;float: right;} #content div.column-content div.widget{width:99%;} /* menu2 */ #header-menu-container-sub ul li:first-child{ display: none; } .european #header-menu-container-sub ul li:first-child{display: inline; } p.menu-divider {> color: #3C3C3C !important; } p.menu-divider:last-child { display: none !important; } .screenReader { left: -9999px; position: absolute; top: -9999px; } .thanks { background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; } /*****Forms*****/ #widget { margin: 0 auto; width: 872px; } #widget h2 { color: #FFFFFF; display: inline-block; zoom: 1; *display: inline; font-size: 160%; height: 30px; padding-top: 3px; text-transform: uppercase; width: 80%; } #info_contact li{list-style-type: none} #contact_form input, #contact_form textarea,#contact_form select{ background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #DADADA; border-radius: 4px; padding: 5px 0; text-align: center; width: 61%;} #contact_form div{margin-bottom: 10px} #contact_form label {color: #004C8F; display: inline-block;zoom: 1; *display: inline;width: 162px; margin-bottom: 10px;} #contact_form .contact-submit input { background-color: #2381b6; border-radius: 2px ; border: 3px solid #004c8e; color: #FFF; cursor: pointer; font: 100% Arial, sans-serif; overflow: hidden; font-weight: bold; text-transform: uppercase; padding: 6px 3px 3px 3px; text-transform: uppercase; width: auto; -webkit-transition: color .2s ease-in; -moz-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; -webkit-transition: background-color .2s ease-in; -moz-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; transition: background-color .2s ease-in; } #contact_form .contact-submit input:hover {color: #E5A919; border: 3px solid #2381b6;background: #004c8e;} #contact_form .contact-submit {text-align: center} #contact_form span {color: #B2B2B2;padding-left: 4px} #contact_form textarea { width: 100%; height: 100px;text-align: left;} #contact_form blockquote { background: none repeat scroll 0 0 #F1F1F1; line-height: 30px; padding: 10px; } #contact_form .textarea {float: left;width: 100%} #contact_form{display: inline-block;zoom: 1; *display: inline;width: 50%;} #info_contact ul{margin-bottom: 20px} #info_contact iframe { border-radius: 5px;padding-bottom: 5px } #info_contact{width: 50%;float: left;} .tel_contact{background: url('images/icons/picto_tel.jpg')no-repeat;padding-left: 25px;margin-top: 5px;height: 22px;} .fax_contact{background: url('images/icons/picto_fax.jpg')no-repeat;padding-left: 25px;margin-top: 5px;height: 22px;} .mail_contact{background: url('images/icons/picto_mail.jpg')no-repeat;padding-left: 25px;margin-top: 5px;height: 22px;} ol.forms { float: left; list-style: none; margin: 0px; width: 50%; } ol.forms li { clear: both; float: left; margin-bottom: 18px; position: relative; width: 100%; } ol.forms label { cursor: pointer; display: block; float: left; font-weight: bold; padding-right: 20px; width: 100px; font-size: 120%; } ol.forms input, ol.forms textarea { border: 1px solid #7E8AA2; border-radius: 3px; font: inherit; -moz-border-radius: 3px; padding: 2px; -webkit-border-radius: 3px; width: 214px; margin-right: 9px; } ol.forms textarea { height: 130px; width: 100%;} ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; } .error { color: #f00; font-size: 120%; } ol.forms li .error { font-size: 12px; margin-left: 20px; } ol.forms li.textarea .error { display: block; position: absolute; right: 0; top: 0; } ol.forms li.screenReader { margin-bottom: 0; } ol.forms li.buttons button { background: #2381b6; border-radius: 2px ; border: 3px solid #004c8e; color: #FFF; cursor: pointer; font: 120% Arial, sans-serif; overflow: hidden; font-weight: bold; text-transform: uppercase; padding: 6px 3px 3px 3px; text-transform: uppercase; width: auto; } ol.forms li.buttons button:hover { color: #E5A919; border: 3px solid #2381b6;background: #004c8e;} ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; } ol.forms li.buttons, ol.forms li.inline { width: 460px; } ol.forms li.inline input { width: auto; } ol.forms li.inline label { display: inline; float: none; width: auto; } #conteneur_contact{padding-top: 70px} /* vision */ #conteneur_vision {margin-top: 40px} #conteneur_vision p {font-size: 13px} #conteneur_vision ul, #conteneur_anime ul{ margin: 0; padding: 0; text-align: center; margin-bottom: 20px } #conteneur_anime ul li { margin-right: 16px;} #conteneur_vision ul li{margin-right: 20px} #conteneur_vision ul li:last-child, #conteneur_anime ul li:last-child{margin-right: 0px} #conteneur_vision ul li,#conteneur_vision ul li p,#conteneur_anime ul li,#conteneur_anime ul li p{display: inline} #conteneur_vision ul a,#conteneur_anime ul a{ background: url("images/fond_h3.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; display: inline-block; zoom: 1; *display: inline; font-size: 17px; text-decoration: none; font-weight: normal; height: 28px; padding-top: 4px; width: 163px; letter-spacing: normal; } #conteneur_anime ul a{font-size: 15px} #conteneur_anime p { padding-left:10px;padding-right: 10px;} #conteneur_anime ul {margin-top:10px;} #conteneur_vision .ui-tabs .ui-tabs-nav li.ui-tabs-active a,#conteneur_vision .ui-tabs .ui-tabs-nav li.ui-state-disabled a,#conteneur_vision .ui-tabs .ui-tabs-nav li.ui-tabs-loading a,#conteneur_anime .ui-tabs .ui-tabs-nav li.ui-tabs-active a,#conteneur_anime .ui-tabs .ui-tabs-nav li.ui-state-disabled a,#conteneur_anime .ui-tabs .ui-tabs-nav li.ui-tabs-loading a{color: #E5A919 !important;text-decoration: none;background: url("images/fond_h3_hover.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;} #comments{display: none} /* team */ .team{} .team h3{font-size:150%;color:#e5a919 !important;} .team h3 p{font-size:56% !important;color:#fff !important;} .team .post-meta{} .team .team_info{width: 70%; margin-bottom: 20px; margin-left: 0; padding-left: 140px;} .team .team_image{float: left} .team .team_image img{border: 3px solid #3382C4; border-radius: 5px; opacity: 0.8; margin-left: 15px} .team #accordion:hover .team_image img {opacity: 1;} .team .project-contenu{color: #004C8F;text-align: justify} /* tweet */ .fetch-tweets{ border: 2px solid #d5e6f1; border-radius: 2px; } .fetch-tweets-item{ padding-top: 10px; border-bottom: 1px solid #d5e6f1; } .fetch-tweets-profile-image img { border: 1px solid #d5e6f1; border-radius: 1px; opacity: 0.8; } .fetch-tweets-profile-image:hover img { opacity: 1; } .ul_field{ font-size: 14px } .ul_field li:first-child{ font-style: italic; font-weight: normal; } /* executive */ #executive_board_members li .exectutive_step1,#mission_ul li .exectutive_step1{ background: url(images/icons/picto_1.png)no-repeat; width:39px; height: 38px; float: left; margin-top: -10px; padding-left: 10px; } #executive_board_members li .exectutive_step2,#mission_ul li .exectutive_step2{ background: url(images/icons/picto_2.png)no-repeat; width:39px; height: 38px; float: left; margin-top: -10px; padding-left: 10px; } #executive_board_members li .exectutive_step3,#mission_ul li .exectutive_step3{ background: url(images/icons/picto_3.png)no-repeat; width:39px; height: 38px; float: left; margin-top: -10px; padding-left: 10px; } #executive_board_members li .exectutive_step4,#mission_ul li .exectutive_step4{ background: url(images/icons/picto_4.png)no-repeat; width:39px; height: 38px; float: left; margin-top: -10px; padding-left: 10px; } #executive_board_members li .exectutive_step5,#mission_ul li .exectutive_step5{ background: url(images/icons/picto_5.png)no-repeat; width:39px; height: 38px; float: left; margin-top: -10px; padding-left: 10px; } #executive_board_members li .exectutive_step6,#mission_ul li .exectutive_step6{ background: url(images/icons/picto_6.png)no-repeat; width:39px; height: 38px; float: left; margin-top: -10px; padding-left: 10px; } #executive_board_members li .exectutive_step7,#mission_ul li .exectutive_step7{ background: url(images/icons/picto_7.png)no-repeat; width:39px; height: 38px; float: left; margin-top: -10px; padding-left: 10px; } #executive_board_members li .exectutive_step8,#mission_ul li .exectutive_step8{ background: url(images/icons/picto_8.png)no-repeat; width:39px; height: 38px; float: left; margin-top: -10px; padding-left: 10px; } #executive_board_members li .exectutive_step9,#mission_ul li .exectutive_step9{ background: url(images/icons/picto_9.png)no-repeat; width:39px; height: 38px; float: left; margin-top: -10px; padding-left: 10px; } #executive_board_members li .exectutive_step10,#mission_ul li .exectutive_step10{ background: url(images/icons/picto_10.png)no-repeat; width:39px; height: 38px; float: left; margin-top: -10px; padding-left: 10px; } #executive_board_members li p:last-child{ width: 90%; } #executive_board_members li { height: 50px; color: #004C8F; font-size: 105%; font-weight: bold; } #mission_ul li:last-child { height: 30px; } #mission_ul{margin-top: 30px} #mission_ul li { height: 50px; color: #004C8F; font-size: 80%; font-weight: bold; list-style-type: none; } .exectutive_step_final{ font-size: 125%; text-transform: uppercase; background: url(images/icons/banner_executive.png)no-repeat; width: 529px; height: 28px; text-align: center; margin: 0 auto; padding-top: 6px; color:#fff !important; margin-bottom: 30px; margin-top: 30px; } .mission_step_final{ text-transform: uppercase; background: url(images/icons/banner_vision.png)no-repeat; width: 600px; height: 28px; text-align: center; margin: 0 auto !important; padding-top: 6px; color:#fff !important; margin-bottom: 30px; margin-top: 30px; font-size: 120%; font-weight: bold; color: #E5A919 !important } .fetch-tweets-widget{ font-size: 120%; background: url(images/fond_tweet.png)no-repeat; height: 22px; text-align: center; text-transform: uppercase; color: #fff; margin-bottom: 10px; margin-top: -11px; padding-top: 4px; } /* single article */ .image_article_single{ float: left; margin: 0px 20px 20px 0px; } .texte_single{ text-align: justify; color: #004C8F; font-size: 13px; } #titre_single {margin-top: 20px;} #titre_single h2 {color: #FFFFFF; display: inline-block; zoom: 1; *display: inline; font-size: 16px; height: 30px; padding-top: 1px; letter-spacing: normal; text-transform: uppercase; width: 92%;} .glossary #titre_single h2{ padding-top: 2px;width: 93%;font-size: 18px} /* network*/ .network{margin-top:10px;} .network h3{font-size:170%;color:#e5a919 !important;} .network h3 p{font-size:56% !important;color:#fff !important;} .network .post-meta{} .network .network_info{display: inline-block;zoom: 1; *display: inline;padding-left: 15px;vertical-align: top;width: 70%;} .conteneur_ressource .ressource_info{display: inline-block;zoom: 1; *display: inline;padding-left: 15px;vertical-align: top;width: 84%;} .network .network_image,.conteneur_ressource .ressource_image{display: inline-block} .network .network_image img,.our_work .network_image img,.conteneur_ressource .ressource_image img{ background: none repeat scroll 0 0 #FFFFFF;border-radius: 2px; margin-left: 20px;} .project-contenu p a {color:#0c5390} .project-contenu p a:visited {color:#579CD0; } .project-contenu p a:hover {text-decoration:none; color: #E5A919; } .network .project-contenu{color: #004C8F;text-align: justify} .ressource_image{margin: 0px} .infographie_img{width: 100%; height: auto;margin-bottom: 40px} /* our work */ /* #conteneur_our_work .contenu_cat p,#conteneur_our_work .contenu_cat_2 p{color:#606260} #conteneur_our_work .project-contenu p {color:#606260} #conteneur_our_work .project-contenu li{color:#606260} */ .our_work{margin-top:10px;} .our_work h3{font-size:150%;color:#e5a919 !important;} .our_work h3 p{font-size:56% !important;color:#fff !important;} .conteneur_info li,.ressource_info li,.info_partner li,.team_info li{ list-style-type: none} .our_work .post-meta{} .our_work .network_info{ display: inline-block; margin-right: 10px; width: 83%;vertical-align: middle;zoom: 1; *display: inline; } .our_work #link li{display:inline;padding-right:10px;list-style-type: none; display: inline-block;zoom: 1; *display: inline;} .our_work .network_image{ margin-right:10px;display: inline-block;vertical-align: middle;zoom: 1; *display: inline; } .our_work .conteneur_info{display: inline-block;vertical-align: middle;zoom: 1; *display: inline; } .our_workk #accordion:hover .team_image img {opacity: 1;} .our_work .project-contenu{color: #004C8F;font-size: 100%;text-align: justify} .our_work .project-contenu span,#conteneur_equipe .project-contenu span{font-weight: bold;} .our_work .project-contenu{color: #004C8F;text-align: justify} .info_partner {border-top: medium dotted #D6D6D6;border-bottom: medium dotted #D6D6D6;margin:10px 0px 10px 0px;} .info_partner p{margin: 0} /*Category eose*/ #conteneur_single_glossary,#conteneur_single,#conteneur_category_eose,#conteneur_equipe,#conteneur_network,#conteneur_our_work,#conteneur_promoter{width: 918px;margin: 0 auto;border-radius: 4px;background: #fff /*background: url('images/trame_menu_cat_hover_v2.gif')*/; } #image_category_eose{ width: 918px; height: 268px; overflow: hidden; margin: 0 auto; background: #fff; } #conteneur_category_image{ background-image: url("images/fond_slider.gif");background-repeat: repeat-x;background-color: rgba(0, 0, 0, 0); position: relative; top: -1px; } #conteneur_trame_category_image{ background-image: url("images/img_article/trame_word_cloud_v3.png"); height: 268px; overflow: hidden; } .intro_category_eose{ background-color: rgba(255, 255, 255, 0.26); max-height: 62px; border-radius: 2px; box-shadow: 3px 3px 8px #000000; color: #004C8F; display: inline-block; zoom: 1; *display: inline; font-weight: bold; font-size: 130%; position: relative; top: -150px; margin-left: 20px; opacity: 0.9; padding: 8px; } #conteneur_category_eose h1 { top:-150px; position:relative; color:#FFF; font-size:300%; text-transform:uppercase; font-weight:bold; text-shadow: 1px 4px 5px #000000; opacity:0.7; } #conteneur_category_eose .contenu_cat p, #conteneur_category_eose .contenu_cat_2 p, #conteneur_category_eose .contenu_cat_2 ul{ text-align: justify; width: 100%; margin: 0 auto; } #contact-organisation-trad{ width: 70%; margin: 0 auto; border-top: 1px solid rgba(0,0,0,.13); padding: 20px; border-bottom: 1px solid rgba(0,0,0,.13); margin-bottom: 20px; } #contact-organisation-trad ul li{ list-style-type: none; font-size: 14px; color: #004c8f; } #contact-organisation-trad span{ font-weight: 700 } #contact-organisation-trad h3{ font-size: 200%; text-transform:uppercase; font-weight: 400; color: #004c8f; padding-bottom: 10px; } #contact-organisation-trad ul{ padding:10px 0px 0px 30px } #contact-organisation-trad h3:before{ font-family: 'FontAwesome'; content: "\f0e0"; padding-right: 10px; color: #004c8f; } #conteneur_category_eose .intro { background: none repeat scroll 0 0 #FFFFFF; border-radius: 2px; display: inline-block; zoom: 1; *display: inline; opacity: 0.7; padding:5px; position: relative; top: -110px; color:#004c8f; font-weight:bold; box-shadow: 3px 3px 8px #000000; } #conteneur_category_eose p { margin: 0; color:#004c8f; } .intro_category_eose p{ color: #fff; text-shadow: 1px 1px 6px #000000; font-size: 150%; margin: 0; } .contenu_cat_2 img{ margin-bottom: 20px; } #conteneur_category_eose .infographie{ text-align: center !important; } #conteneur_category_eose .infographie img{ width: 70%; } #conteneur_category_eose .infographie{ height: 170px; overflow: hidden; margin-bottom: 20px !important; -moz-transition: height 1s ease; -webkit-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; } #conteneur_category_eose .infographie:hover{ height: 920px; } #conteneur_page_archive .contenu_cat,#conteneur_7steps .contenu_cat,#conteneur_7steps .contenu_cat_2,#conteneur_category_eose .contenu_cat,#conteneur_category_eose .contenu_cat_2,#conteneur_vision,#conteneur_anime,#conteneur_equipe .contenu_cat,#conteneur_equipe .contenu_cat_2,.conteneur_testimonial,#conteneur_network .contenu_cat,#conteneur_network .contenu_cat_2,#conteneur_our_work .contenu_cat,#conteneur_our_work .contenu_cat_2,.contenu_policy,.contenu_archive { background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px; padding: 13px; text-align: justify; width: 95%; margin: 0 auto; padding-bottom: 10px; padding-top: 10px; color: #004C8F; } #conteneur_anime ul li a { display: inline-block; padding: 11px; margin: 0 auto; background-size: contain !important; width: 235px !important; } #conteneur_anime .ui-tabs .ui-tabs-nav li.ui-tabs-active a{ display: inline-block; padding: 11px; margin: 0 auto; background-size: contain !important; width: 235px !important; } .contenu_cat p,.contenu_cat_2 p {font-size: 13px} .contenu_cat span,.contenu_cat_2 span {font-size: 13px;font-weight: bold} .testimonial{font-size: 12px;padding-bottom: 20px} .katb_widget_rotator_box_basic{padding: 0px !important;width: 100% !important;} .katb_widget_rotator_wrap_basic{padding:0px 10px 0px 10px !important; width: 700px !important;} #conteneur_category_eose .contenu_cat_contact{ background: none repeat scroll 0 0 #FFFFFF; display: inline-block; zoom: 1; *display: inline; border-radius: 4px; font-size: 130%; padding: 13px; text-align: justify; width: 888px; margin: 0 auto; margin-bottom: 14px; } .contenu_cat li{font-size: 12px} .contenu_policy{padding-top: 0px;font-size: 120%;} .contenu_policy p{padding-left: 10px;padding-bottom: 20px;} .conteneur_testimonial h2{ padding-top: 2px} #testimonial_work h2 {font-size:16px;padding-top: 0px;margin-top: 1px } #conteneur_our_work .contenu_cat,#conteneur_equipe .contenu_cat,#conteneur_network .contenu_cat {margin-top:0px;} #conteneur_category_eose #categorie_page ul{ border-bottom: none; border-top:none; display: inline-block; zoom: 1; *display: inline; margin-left: 0 !important; padding-top: 23px; } #conteneur_category_eose #categorie_page ul li,#conteneur_equipe #categorie_page ul li{ font-size: 120%; font-weight: bold; min-height: 136px } #conteneur_category_eose #categorie_page ul li a{ height: auto } #conteneur_our_work .tablepress tbody td,#conteneur_equipe .tablepress tbody td,#conteneur_network .tablepress tbody td{border-top: 0 none;font-size: 13px;color:#606260;padding: 0px;padding-left: 10px} #conteneur_our_work .glossary tbody td{border-top: 0 none;font-size: 13px;color:#606260;padding: 10px;} #conteneur_our_work .glossary tbody .column-1{ vertical-align: middle;width: 10%;} #conteneur_our_work .glossary tbody .column-2{ display:inline-block;vertical-align: middle;zoom: 1; *display: inline;width: 30%;} #conteneur_our_work .glossary tbody .column-3{ display:inline-block;vertical-align: middle;zoom: 1; *display: inline;width: 60%;} #conteneur_our_work .glossary .tablepress .odd { background-color: #F9F9F9; } #conteneur_our_work .glossary .tablepress .even { background-color: #FFFFFF; } #conteneur_our_work .glossary .tablepress .odd:hover{background-color: #F3F3F3;} #conteneur_our_work .glossary .tablepress .even:hover{background-color: #F3F3F3;} #conteneur_our_work span.glossaryLink, #conteneur_our_work a.glossaryLink,.glossary-container a.glossaryLink,.glossary-container span.glossaryLink { text-decoration: underline !important;border: none;} .glossaryList li:nth-child(2n+1){background-color: #F9F9F9;} .glossaryList li{font-size: 14px;padding: 10px;list-style-type: none} .glossaryList li:hover{background-color: #F2F2F2; border: 1px solid #E8E8E8; -webkit-transition: background-color .4s ease-in; -moz-transition: background-color .4s ease-in; -o-transition: background-color .4s ease-in; transition: background-color .4s ease-in;} .glossaryList li a {width: 100%;display: block ;} .ln-letters a{ -webkit-transition: background-color .2s ease-in; -moz-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; transition: background-color .2s ease-in; -webkit-transition: color .3s ease-in; -moz-transition: color .3s ease-in; -o-transition: color .3s ease-in; transition: color .3s ease-in; } #conteneur_our_work .tablepress tbody,#conteneur_equipe .tablepress tbody,#conteneur_network .tablepress tbody{ background: url("images/trame_menu_cat_hover_v2.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 4px; margin: 20px auto; padding: 13px; width: 95%;} #conteneur_our_work .tablepress tbody img,#conteneur_our_work .tablepress tbody p,#conteneur_equipe .tablepress tbody img,#conteneur_equipe .tablepress tbody p,#conteneur_network .tablepress tbody p,#conteneur_network .tablepress tbody img{display: inline-block;vertical-align: middle;zoom: 1; *display: inline;} #conteneur_our_work .tablepress tbody p,#conteneur_equipe .tablepress tbody p,#conteneur_network .tablepress tbody p{padding-top: 9px} #conteneur_category_eose #mission_ul{ padding: 20px !important;} #conteneur_category_eose #categorie_page, #mission_ul, .conteneur_files,#conteneur_equipe #categorie_page,#conteneur_contenu_single #categorie_page{ background: url('images/trame_menu_cat_hover_v2.gif'); border-radius: 4px; padding: 13px; width: 95%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } #conteneur_category_eose #categorie_page:hover,#mission_ul:hover,.conteneur_files:hover,#conteneur_equipe #categorie_page:hover{ background: url('images/trame_menu_cat_hover.gif') } #mission_ul { width: auto !important; } #mission_ul p:first-child{ display: inline-block; vertical-align: middle; width: 5%; margin: 0px !important; float: none; } #mission_ul p:nth-child(2n){ display: inline-block; vertical-align: middle; width: 90%; margin: 0px !important; float: none; } .conteneur_files{text-align: center} #conteneur_img_bas_cat_eose{ background: url("images/img_article/fresque_bas_cat_eose_trans.jpg") repeat scroll 0 0 #FFFFFF; height: 184px; margin: 0 auto; width: 918px; } .title_category_eose{ position: relative; top: -160px; padding-left: 20px; } .title_archive_eose{ padding-left: 20px; padding-top: 42px; } #h1_gauche,.h1_gauche,.h1_gauche_trad{background: url('images/fond_h1_gauche_v3.png'); height:40px;width: 30px;display: inline-block;zoom: 1; *display: inline;} #h1_droite,.h1_droite,.h1_droite_trad{background-image: url('images/fond_h1_droite_v3.png');height:40px;width: 34px;display: inline-block;zoom: 1; *display: inline;} #title_cat_eose, #title_traduction{background-image:url('images/fond_h1_v3.jpg');background-repeat: repeat-x;display: inline-block;height: 40px;vertical-align: bottom;zoom: 1; *display: inline;} #title_traduction{ font-size: 18px; margin-top: 10px; background-color: #27ADE0; background-image: none; width: 80%; text-align: center; margin-bottom: 10px; } #container_title_trad{ margin-bottom: 15px; text-align: center; } #title_traduction .title_cat_eose{ padding: 10px !important; line-height: 21px; } .h1_gauche_trad{ background-image: url('images/fond_h1_gauche_titre_trad.jpg'); background-size: cover; } .h1_droite_trad{ background-image: url('images/fond_h1_droite_titre_trad.jpg'); background-size: cover; } .title_cat_eose{color: #fff;padding-top: 9px;} #corner{ background-image: url("images/img_article/coin_retourne.png"); background-repeat: repeat; height: 83px; left: 828px; position: relative; top: -200px; width: 90px;} #strille{ background:url('images/fond_trame_strilles_v2.gif'); } #trame_sportif{ background:url('images/trame_sportif_fond.png'); } #slogan{ height: 46px; margin: 0 auto; text-align: center; width: 450px; padding-bottom: 30px; padding-top: 20px; } #slogan h2 { text-transform: uppercase; color: #0081c7; font-weight: bold; font-size: 141%; } #slogan h2 span{color: #E5A919} #slogan h3 { background-image: url("images/banniere_slogan.png");background-repeat: no-repeat; color: #fff; font-size: 150%; font-weight: bold; height: 21px; margin: 0 auto; padding-top: 8px; width: 430px; } .logo_bas a{float: left} .logo_bas img{ padding-top: 19px; padding-left: 151px; width: 82px;} .logo_bas{ text-align: center; margin: 0 auto; margin-top: 30px; /*border-top: 21px solid rgba(99, 99, 99, 0.18);*/ margin-top: 9px; text-align: center; width: 918px; /* border-bottom: 21px solid rgba(99, 99, 99, 0.18);*/ } /* Menu parent page ressource */ #categorie_page #enfant li{display: none; margin-right: 0px } #categorie_page #enfant li:first-child{display: inline } /*Archives */ #conteneur_page_archive{padding: 13px;} #contenu_col_gauche_archive { display: inline-block; text-align: center; vertical-align: top; width: 10%; padding-top: 15px; zoom: 1; *display: inline; } #contenu_col_gauche_archive li {list-style-type: none;font-size: 14px} .back_archive { text-align: right; } .back_home { float: left; } .single_retour a { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #B9B9B9; border-radius: 3px; color: #0C5390 !important; font-weight: bold; padding: 4px; font-size: 12px } .single_retour a:hover{background: none repeat scroll 0 0 #F1F1F1;} #conteneur_page_archive .wrap { width: 918px !important;} .contenu_archive { display: inline-block; font-size: 130%; width: 86%; padding-top: 15px; zoom: 1; *display: inline; } .contenu_archive ul{ list-style-type: none; background: url("images/trame_menu_cat_hover.gif") repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 10px; margin: 10px 0px 10px 0px; } .contenu_archive ul li { padding: 10px; line-height: 2em} .contenu_archive h3 { color: #E5A919;font-weight: bold; } .contenu_archive a { font-weight: bold;} .info_article_archive { display: inline-block; vertical-align: middle; zoom: 1; *display: inline; } .thumb_archive { display: inline-block; vertical-align: middle; zoom: 1; *display: inline; padding-right: 5px; } .thumb_archive img {border-radius: 4px} /*7steps */ #logo_7step{ background:url('images/7steps/logo_7step.gif')no-repeat; margin: 0 auto;width: 230px;height: 60px } #conteneur_7steps,#conteneur_page_archive{ background: none repeat scroll 0 0 #FFFFFF; border-radius: 4px; margin: 0 auto; width: 918px; } #conteneur_7steps .contenu_cat li{ margin-left: 20px} #featured{ position:relative; height:535px; background:#fff; padding: 20px; margin-bottom: 60px; padding-top: 40px; } .our_expertise #featured{ padding-top: 0px; } #featured .info li {margin-left: 30px;width: 93%;} #featured .info #featured .info {text-align: justify} .our_expertise #featured ul.ui-tabs-nav{ left: 58%; list-style: none outside none; margin: 0; padding: 0; position: absolute; top: 0px; width: 41%; } #featured ul.ui-tabs-nav{ left: 58%; list-style: none outside none; margin: 0; padding: 0; position: absolute; top: 169px; width: 41%; } #featured ul.ui-tabs-nav li{ padding:1px 0; padding-left:13px; font-size:12px; color:#666; } #featured ul.ui-tabs-nav li span{ font-size:150%; font-family:Arial,sans-serif; line-height:18px; } .our_expertise #featured .ui-tabs-panel{ top: 0; } #featured .ui-tabs-panel{ background: none repeat scroll 0 0 #F1F1F1; border-radius: 5px; box-shadow: 2px 4px 4px #AAAAAA; -webkit-box-shadow: 2px 4px 4px #AAAAAA; -moz-box-shadow:2px 4px 4px #AAAAAA; box-shadow: 2px 4px 4px #AAAAAA; height: auto; overflow: hidden; padding: 16px; position: relative; top: 13%; width: 50%; z-index: 2; } #featured .ui-tabs-hide{ display:none; } #featured li.ui-tabs-nav-item a{/*On Hover Style*/ display:block; height:49px; color:#fff; background-image:url('images/7steps/arrow_steps_hover.png'); background-repeat: no-repeat; line-height:20px; outline:none; text-align: center; padding-top: 15px; position: relative; z-index: 3; text-decoration: none; } #nav-fragment-5 a,#nav-fragment-6 a{ padding-top: 7px !important;margin-bottom: 8px !important} #featured li.ui-tabs-nav-item a:hover{ background-image:url('images/7steps/arrow_steps.png');background-repeat: no-repeat; z-index: 4; } #featured li.ui-tabs-selected{ /*Selected tab style*/ background-image:url('images/selected-item.gif') top left no-repeat; } #featured ul.ui-tabs-nav li.ui-tabs-selected a{ background-image:url('images/7steps/arrow_steps.png')no-repeat; } #featured .info {font-size: 13px} #featured ul.ui-tabs-nav li img{ float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee; } #featured .ui-tabs-panel .info{ background: url('images/transparent-bg.png'); } #featured .info h2{ font-size:18px; font-family:Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; } #featured .info p{ margin:0 5px; text-align: justify; line-height:15px; color: #828282; } #featured .info h2 { color: #0080C6; font-family: Arial; font-weight: bold; text-decoration: none; } #featured .info a:hover{ text-decoration:underline; } #featured #nav-fragment-2 a:hover { -webkit-transform: scale(1.4) rotate(-7deg); -moz-transform: scale(1.4) rotate(-7deg); -o-transform: scale(1.4) rotate(-7deg); transform: scale(1.4) rotate(-7deg);} #featured #nav-fragment-3 a:hover { -webkit-transform: scale(1.4) rotate(-5deg); -moz-transform: scale(1.4) rotate(-5deg); -o-transform: scale(1.4) rotate(-5deg); transform: scale(1.4) rotate(-5deg);} #featured #nav-fragment-4 a:hover { -webkit-transform: scale(1.4) rotate(-2deg); -moz-transform: scale(1.4) rotate(-2deg); -o-transform: scale(1.4) rotate(-2deg); transform: scale(1.4) rotate(-2deg);} #featured #nav-fragment-5 a:hover { -webkit-transform: scale(1.4) rotate(1deg); -moz-transform: scale(1.4) rotate(1deg); -o-transform: scale(1.4) rotate(1deg); transform: scale(1.4) rotate(1deg);} #featured #nav-fragment-6 a:hover { -webkit-transform: scale(1.4) rotate(3deg); -moz-transform: scale(1.4) rotate(3deg); -o-transform: scale(1.4) rotate(3deg); transform: scale(1.4) rotate(3deg);} #featured #nav-fragment-7 a:hover { -webkit-transform: scale(1.4) rotate(4deg); -moz-transform: scale(1.4) rotate(4deg); -o-transform: scale(1.4) rotate(4deg); transform: scale(1.4) rotate(4deg);} ul#css3rotate li a { -webkit-transition: -webkit-transform 0.2s ease-in-out;/* Utilisé pour la transition sur chrome et safari */ -moz-transition: -moz-transform 0.2s ease-in-out;/* Utilisé pour la transition sur Firefox */ transition: transform 0.2s ease-in-out; } ul#css3rotate li a:hover { -webkit-transform: scale(1.4) rotate(-10deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */ -moz-transform: scale(1.4) rotate(-10deg); -o-transform: scale(1.4) rotate(-10deg); transform: scale(1.4) rotate(-10deg); } .contenu_cat input{ background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #DADADA; border-radius: 4px; padding: 5px 0; } .read_more a{ background: #fff; padding: 4px; border: 1px solid #B9B9B9; border-radius: 3px; color: #004C8F !important; font-weight: bold; } .read_more { text-align: right;padding-top: 10px;} .read_more:hover a{background:#004C8F;color: #E5A919 !important; -webkit-transition: background-color .4s ease-in; -moz-transition: background-color .4s ease-in; -o-transition: background-color .4s ease-in; transition: background-color .4s ease-in; } .ui-accordion .ui-accordion-content { min-height: auto !important;} /* Bouton retour vers le haut */ #btn_up { opacity: 0.8; position: fixed; bottom: 15px; right: 23px; cursor: pointer; text-align: center; } #btn_up:hover {opacity: 1;} #btn_up p{font-weight: bold;color: #adadad;} /* pagination */ .page-numbers {text-align: right;} .page-numbers li {display: inline; font-size: 120%;} .page-numbers li span { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #B9B9B9; border-radius: 3px; color: #004C8F !important; font-weight: bold; padding: 4px; font-size: 140%;} .page-numbers li a{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #B9B9B9; border-radius: 3px; color: #0C5390 !important; font-weight: bold; text-decoration: none; padding: 4px;} .page-numbers li a:visited{ color: #579CD0 !important; } .page-numbers li a:hover{ background: none repeat scroll 0 0 #F1F1F1;} .pagination { padding: 0px 20px 20px 20px } /* fil ariane */ .fil_ariane,.fil_ariane_single { padding: 0px 10px 0px 10px} .fil_ariane li a,.fil_ariane_single li a {color:#8F8F8F;} .fil_ariane li a:hover,.fil_ariane_single li a:hover {color:#004C8F;} .fil_ariane li,.fil_ariane_single li{display: inline; border-right: 2px solid #8F8F8F;padding-right: 5px;padding-left: 5px;font-size: 120%; } .fil_ariane li:last-child,.fil_ariane_single li:last-child{ border-right:none; } .fil_ariane li span,.fil_ariane_single span { font-weight: bold;color: #004C8F; } .fil_ariane_single { padding-top: 43px;} /* search filtrer*/ .searchandfilter input { background-color: #F1F1F1; border: 1px solid #D4D4D4; border-radius: 2px; cursor: pointer; padding: 2px 4px 2px 4px; } .searchandfilter input:hover { background: none repeat scroll 0 0 #FFF; -webkit-transition: background-color .3s ease-in; -moz-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } .searchandfilter select { background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #DADADA; border-radius: 4px; padding: 2px 0; width: 79px;} .searchandfilter{padding-top: 10px} .filter_by{margin: 0px ;padding-top: 5px} .ui-accordion .ui-accordion-content { /* width: 867px !important; */max-height: 300px !important;} #conteneur_promoter .contenu_cat{padding: 0px 23px 0px 23px} #conteneur_promoter .title_archive_eose{ padding-left: 0px} #filter_by li {list-style-type: none;/* display: inline-block;zoom: 1; *display: inline; */} #filter_by {padding-left: 0px} .back_to_the_resources { text-align: right; padding-bottom: 20px; padding-top: 20px; } .back_to_the_resources a{ text-decoration: none } #conteneur_promoter .hidden { display: none;visibility: hidden} /* Share */ div.sharedaddy h3, #content div.sharedaddy h3, #main div.sharedaddy h3, #primary div.sharedaddy h3 { width: 60px !important;padding-left: 10px !important} div.sharedaddy .sd-content {width: 90% !important;} #back_to_post input { background: none repeat scroll 0 0 #004C8F; border: 1px solid #B9B9B9; border-radius: 19px; color: #FFFFFF !important; font-weight: bold; padding: 4px;} #back_to_post:hover input{ background:#004C8F; color: #E5A919 !important; } .ul_field_work { float: left; margin-left: 20px; font-weight: normal; color: #fff; padding-top: 5px; } .ul_field_work span { font-weight: bold;color: #E5A919;} .ul_field_work strong { font-weight: bold;color: #E5A919;} .ul_field_work a { font-weight: normal;color: #fff !important;text-decoration: underline !important} .ul_field_work a:hover { font-weight: normal;color: #E5A919 !important;text-decoration: underline !important} .ressources select { width: 100%; background: none repeat scroll 0 0 #F1F1F1; border: 1px solid #DADADA; border-radius: 4px; padding: 2px 0; } #back_to_resources { background: none repeat scroll 0 0 #004C8F; border: 1px solid #B9B9B9; border-radius: 19px; color: #FFFFFF !important; font-weight: bold; padding: 4px; font-size: 12px;} #back_to_resources:hover{ color:#E5A919!important;} .katb_widget_text_basic p:first-child, .katb_widget_text p:first-child{text-align: justify; font-style: italic} .katb_widget_meta_bottom .katb_widget_author, .katb_widget_meta_top .katb_widget_author{color:#004C8F;font-size: 12px} /* hack ie */ /* ie 10 et 11 */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ #conteneur_category_image{ position: relative; height: 267px; } #conteneur_trame_category_image{ height: 267px; position: relative; top:-43px; overflow: hidden; } } /* ie 9 */ .ie9 #conteneur_trame_category_image{ height: 267px; position: relative; top:-43px; overflow: hidden; } .ie9 #conteneur_category_image,.ie8 #conteneur_trame_category_image{ position: relative; height: 267px; } /* ie 8 */ .ie8 #header {background-image:url('images/trame_header.png');height:151px;position: relative;z-index: 56; background-repeat: repeat-x; } .ie8 #mainNav .wrap { background-image:url('images/fond_menu.png'); background-repeat: no-repeat; position: relative;width: 947px !important;z-index: 60;} .ie8 .posts .post {width: 192px} .ie8 .intro_category_eose{ background-color: #fff;} .ie8 .intro_category_eose p {color: #004C8F} .ie8 #conteneur_trame_category_image{ height: 270px; position: relative; top:-43px; overflow: hidden;} .ie8 #conteneur_category_image{height: 267px; } .ie8 #word_cloud{ background-image:url('images/fond_word_cloud.png'); width:1000px; margin:0 auto; } /* related post*/ .related_post_title { color: #888888; font-size: 20px !important; line-height: 100%; } .cmetg_poweredby {display: none;visibility: hidden;margin: 0px;padding: 0px;width: 0;height: 0;} /* glossary*/ .listNav { font-size: 34px; } /* Twitter */ .fetch-tweets-single-container{ border-radius: 3px; } .fetch-tweets-single-text{ color: white !important; } .fetch-tweets-single-container a{ color: white !important; } .fetch-tweets-media-photo{ margin-top: 10px; } .fetch-tweets-single-intent-buttons { float: right !important; clear: right !important; font-size: smaller !important; padding: 0 !important; width: 100%; background-color: white; border-radius: 2px; /* padding: 2px !important; */ margin-top: 10px !important;}