/* This file will hold styles for the mobile version of your website (mobile first). */ /* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */ div.tabs{display:none;} html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */} #zone-branding,#zone-menu,#zone-content{background:#fff;} .front h1#page-title, #node-bandeau-accueil-35{display:none} h1, h2, h3, h4, h5, h6 { font-family:inherit; letter-spacing: -0.05em;} a:link, a:visited{ color:#00B6E8;font-weight:bold} a:hover{color:#8a959d;} img{max-width:100%;height:auto !important} .logo-img img{max-width:100%} .logo-img{margin-top:50px} /****couleurs principlales du theme* **/ /**********************************section header***********************************************/ /*************************************************************************************************/ /****menu reseaux sociaux****/ #block-block-34 ul.menu li, #block-block-60 ul.menu li {list-style-image:none;float:right;display:inline-block;margin:0;*width:30px;height:30px; /**width:40px;height:40px;**/} #block-block-34 ul.menu li a, #block-block-60 ul.menu li a{cursor:pointer;display:inline-block; width:30px;height:30px; text-indent:-5000px;background-color:transparent; background-size:cover} #block-block-34 li.rss a, #block-block-60 li.rss a{ background-image: url("../images/icon_rss.png") ;} #block-block-34 li.facebook a, #block-block-60 li.facebook a{ background-image: url("../images/icon_facebook.png");} #block-block-34 li.twitter a, #block-block-60 li.twitter a{ background-image: url("../images/icon_twitter.png") ;} #block-block-60 li.in a, #block-block-34 li.in a{ background-image: url("../images/icon_in.png") ;} #block-block-60 li.google a, #block-block-34 li.google a{ background-image: url("../images/googleplus.png") ;} /****bloc langue***/ .langue_en #block-block-36 ul.menu li.last{opacity:.5} .langue_en #block-block-36 li.first{opacity:1} .langue_fr #block-block-36 ul.menu li.first{ opacity:.5} .langue_fr #block-block-36 li.last{ opacity:1} /**********************************section content page d'accueil***********************************************/ /***************************************************************************************************************/ /*************************************side bar second*****************************************************/ /******************************************************************************************************/ /***************fil d'actu**********/ .view-actualites li.views-row{/*font-size:0*/} #block-views-actualites-block-1, #block-views-actualites-block-2, #block-views-actualites-block-3{margin-bottom:2em} #block-views-actualites-block-3{margin-top:1em} #block-views-actualites-block-9 .item-list ul li, #block-views-actualites-block-8 .item-list ul li, #block-views-actualites-block-1 .item-list ul li, #block-views-actualites-block-5 .item-list ul li { margin: 0 0 1.5em 1.5em;clear:right } #block-views-actualites-block-9 h2.block-title, #block-views-actualites-block-8 h2.block-title, #block-views-actualites-block-3 h2.block-title, #block-views-actualites-block-1 h2.block-title, #block-views-actualites-block-2 h2.block-title, #block-views-actualites-block-5 h2.block-title, #block-views-actualites-block-2 h2.block-title{/**background:#00B6E8**/color:#8a959d;font-size:20px;margin-bottom:1em; background:transparent url("../images/icon_bleu.png") no-repeat 0 0 ;padding-left:30px;min-height:27px;} #block-views-actualites-block-7 view-id-actualites ul li, #block-views-actualites-block-6 .view-id-actualites ul li { margin: 10px 0 1em 10px;} #block-views-actualites-block-2 .view-id-actualites ul li, #block-views-actualites-block-3 .view-id-actualites ul li{ margin: 10px 0 0.25em 10px;} #block-views-actualites-block-7 .view-id-actualites .views-field-field-image, #block-views-actualites-block-6 .view-id-actualites .views-field-field-image, #block-views-actualites-block-5 .view-id-actualites .views-field-field-image, #block-views-actualites-block-3 .view-id-actualites .views-field-field-image, #block-views-actualites-block-1 .view-id-actualites .views-field-field-image, #block-views-actualites-block-2 .view-id-actualites .views-field-field-image, #block-views-actualites-block-8 .view-id-actualites .views-field-field-image, #block-views-actualites-block-9 .view-id-actualites .views-field-field-image {float:left;border:1px solid #00B6E8;margin-right:10px} #block-views-actualites-block-7 .view-id-actualites .views-field-title, #block-views-actualites-block-6 .view-id-actualites .views-field-title, #block-views-actualites-block-5 .view-id-actualites .views-field-title, #block-views-actualites-block-3 .view-id-actualites .views-field-title, #block-views-actualites-block-2 .view-id-actualites .views-field-title, #block-views-actualites-block-1 .view-id-actualites .views-field-title , #block-views-actualites-block-8 .view-id-actualites .views-field-title, #block-views-actualites-block-9 .view-id-actualites .views-field-title{display:inline-block} #block-views-actualites-block-7 .view-id-actualites .views-field-title a, #block-views-actualites-block-6 .view-id-actualites .views-field-title a, #block-views-actualites-block-5 .view-id-actualites .views-field-title a, #block-views-actualites-block-3 .view-id-actualites .views-field-title a, #block-views-actualites-block-1 .view-id-actualites .views-field-title a, #block-views-actualites-block-2 .view-id-actualites .views-field-title a, #block-views-actualites-block-8 .view-id-actualites .views-field-title a, #block-views-actualites-block-9 .view-id-actualites .views-field-title a{text-decoration:none;/*color:#00B6E8;*/} #block-views-actualites-block-7 .view-id-actualites .views-field-title h3, #block-views-actualites-block-6 .view-id-actualites .views-field-title h3, #block-views-actualites-block-5 .view-id-actualites .views-field-title h3, #block-views-actualites-block-1 .view-id-actualites .views-field-title h3, #block-views-actualites-block-2 .view-id-actualites .views-field-title h3, #block-views-actualites-block-3 .view-id-actualites .views-field-title h3, #block-views-actualites-block-8 .view-id-actualites .views-field-title h3, #block-views-actualites-block-9 .view-id-actualites .views-field-title h3 {margin-bottom:.1em;font-size:1.1em;/*margin-left:.5em;*/letter-spacing:0} #block-views-actualites-block-7 .view-id-actualites .views-field-body, #block-views-actualites-block-6 .view-id-actualites .views-field-body, #block-views-actualites-block-5 .view-id-actualites .views-field-body, #block-views-actualites-block-3 .view-id-actualites .views-field-body, #block-views-actualites-block-1 .view-id-actualites .views-field-body, #block-views-actualites-block-2 .view-id-actualites .views-field-body, #block-views-actualites-block-8 .view-id-actualites .views-field-body, #block-views-actualites-block-9 .view-id-actualites .views-field-body{color:#798289;font-size:12px} #block-views-actualites-block-7 .view-id-actualites .views-field-field-date-article, #block-views-actualites-block-6 .view-id-actualites .views-field-field-date-article, #block-views-actualites-block-3 .view-id-actualites .views-field-field-date-article, #block-views-actualites-block-5 .view-id-actualites .views-field-field-date-article, #block-views-actualites-block-1 .view-id-actualites .views-field-field-date-article, #block-views-actualites-block-2 .view-id-actualites .views-field-field-date-article , #block-views-actualites-block-8 .view-id-actualites .views-field-field-date-article , #block-views-actualites-block-9 .view-id-actualites .views-field-field-date-article {color:#333;font-weight:bold;display:block;letter-spacing:-.05em;font-size:11px;} #block-views-actualites-block-7 .view-id-actualites .views-field-view-node, #block-views-actualites-block-6 .view-id-actualites .views-field-view-node, #block-views-actualites-block-5 .view-id-actualites .views-field-view-node, #block-views-actualites-block-3 .view-id-actualites .views-field-view-node, #block-views-actualites-block-1 .view-id-actualites .views-field-view-node, #block-views-actualites-block-2 .view-id-actualites .views-field-view-node, #block-views-actualites-block-8 .view-id-actualites .views-field-view-node, #block-views-actualites-block-9 .view-id-actualites .views-field-view-node {position:relative;display:inline-block;margin-top:-.2em;margin-bottom:1em;background:#5C5C5C;padding-left:10px;padding-right:10px; float:right} #block-views-actualites-block-7 .view-id-actualites .views-field-view-node:before, #block-views-actualites-block-6 .view-id-actualites .views-field-view-node:before, #block-views-actualites-block-5 .view-id-actualites .views-field-view-node:before, #block-views-actualites-block-3 .view-id-actualites .views-field-view-node:before, #block-views-actualites-block-1 .view-id-actualites .views-field-view-node:before, #block-views-actualites-block-2 .view-id-actualites .views-field-view-node:before, #block-views-actualites-block-8 .view-id-actualites .views-field-view-node:before, #block-views-actualites-block-9 .view-id-actualites .views-field-view-node:before, .view-id-actualites .view-footer:before{ background:#fff url("../images/bg_coin_gauche_gris.png") no-repeat 0 0; display:inline-block;height:6px;width:8px;position:absolute;top:0;left:0;content:''} #block-views-actualites-block-7 .view-id-actualites .views-field-view-node:after, #block-views-actualites-block-6 .view-id-actualites .views-field-view-node:after, #block-views-actualites-block-5 .view-id-actualites .views-field-view-node:after, #block-views-actualites-block-3 .view-id-actualites .views-field-view-node:after, #block-views-actualites-block-1 .view-id-actualites .views-field-view-node:after, #block-views-actualites-block-2 .view-id-actualites .views-field-view-node:after, #block-views-actualites-block-8 .view-id-actualites .views-field-view-node:after, #block-views-actualites-block-9 .view-id-actualites .views-field-view-node:after, .view-id-actualites .view-footer:after{ background:#fff url("../images/bg_coin_droit_gris.png") no-repeat 0 0; display:inline-block;height:6px;width:8px;position:absolute;bottom:0;right:0;content:''} #block-views-actualites-block-7 .view-id-actualites .views-field-view-node a, #block-views-actualites-block-6 .view-id-actualites .views-field-view-node a, #block-views-actualites-block-5 .view-id-actualites .views-field-view-node a, #block-views-actualites-block-3 .view-id-actualites .views-field-view-node a, #block-views-actualites-block-1 .view-id-actualites .views-field-view-node a, #block-views-actualites-block-2 .view-id-actualites .views-field-view-node a, #block-views-actualites-block-8 .view-id-actualites .views-field-view-node a, #block-views-actualites-block-9 .view-id-actualites .views-field-view-node a {color:#fff;text-decoration:none;font-size:12px;display:inline-block;min-height:20px; line-height:20px;} .view-id-actualites .view-footer {position:relative;display:block; clear: right; top:1em;background:#5C5C5C;padding-left:10px;padding-right:10px;} .view-id-actualites .view-footer p.actus {text-align:right} .view-id-actualites .view-footer a{color:#fff;text-decoration:none;font-size:12px; display:inline-block;min-height:20px;line-height:20px;} /***galeries image dans les vues de la page d'accueil *****/ .views-field-field-galerie-images .views-label{display:inline-block;margin-bottom:.5em;font-weight:bold} .views-field-field-galerie-images a img{border:1px solid #00B5E8;padding:1px;margin-left:5px} /***************bloc 29 pdf, newsletter de la page d'accueil decorations **********/ #region-sidebar-second #block-block-29, #region-sidebar-second #block-block-39, #region-sidebar-second #block-block-40, #region-sidebar-second #block-block-39, #region-sidebar-second #block-block-65 {/*background:rgba( 163,175,185,.4);**/background:#eee;margin-right:10px;position:relative;z-index:50; padding:1em; color: #798289;} #region-sidebar-second #block-block-43/***bloc on parle de nous*/ {border:1px solid #798289;margin-right:10px;margin-bottom:20px; padding:0 1em; color: #798289;} #region-sidebar-second #block-block-40:before, #region-sidebar-second #block-block-65:before, #region-sidebar-second #block-block-29:before, #region-sidebar-second #block-block-39:before {display:inline-block;content:'';z-index:50;width:14px;height:12px; background:#fff url("../images/bg_coin_gauche_ongl.png") no-repeat 0 0;position:absolute;top:0;left:0} #region-sidebar-second #block-block-40:after, #region-sidebar-second #block-block-65:after, #region-sidebar-second #block-block-29:after, #region-sidebar-second #block-block-39:after {display:inline-block;content:'';z-index:50;width:14px;height:12px; background:#fff url("../images/bg_coin_droite_ongl.png") no-repeat 0 0;position:absolute;bottom:0;right:0} /***deco***/ #block-block-33,#block-block-32, #block-block-30 /***deco****/{display:none} /***************bloc 29 de la page d'accueil contenu**********/ #region-sidebar-second {margin-bottom:20px;} /***titre***/ #region-sidebar-second h2 {font-size:16px;color:#8a959d;margin-bottom:10px;margin-top:20px;clear:both; background:transparent url("../images/icon_bleu.png") no-repeat 0 0 ;padding-left:30px;min-height:27px} #region-sidebar-second #block-block-29 h2:first-child, #region-sidebar-second #block-block-39 h2:first-child, #region-sidebar-second #block-block-40 h2:first-child {margin-top:10px;} /***lien hypertexte***/ #region-sidebar-second #block-block-29 a.deco, #region-sidebar-second #block-block-39 a.deco, #region-sidebar-second #block-block-40 a.deco {font-weight:normal; background:transparent url("../images/icon_fleche.png") no-repeat 0 4px;padding-left:18px} /***formulaire***/ form#newsletter { margin:0 10px 0 30px;padding:0} #region-sidebar-second #block-block-29 input , #region-sidebar-second #block-block-39 input { border:1px solid #00B6E8; color: #798289; height:20px;margin-bottom:5px;padding:.2em; width:94%;} /****paragraphe***/ #region-sidebar-second #block-block-40 p , #region-sidebar-second #block-block-29 p , #region-sidebar-second #block-block-39 p { margin-bottom:1em;margin-left:30px} /****bouton***/ div.bouton{ text-align:right;margin:0;padding:0} #region-sidebar-second #block-block-29 p.bouton, #region-sidebar-second #block-block-40 p.bouton, #region-sidebar-second #block-block-39 p.bouton{ background:#5C5C5C; cursor:pointer;display:inline-block;height:20px;position:relative;padding:0 12px 0 12px;margin:0 0 10px 0} #region-sidebar-second #block-block-29 p.bouton a:hover, #region-sidebar-second #block-block-40 p.bouton a:hover, #region-sidebar-second #block-block-39 p.bouton a:hover{color:#00B6E8} #region-sidebar-second #block-block-29 p.bouton a, #region-sidebar-second #block-block-39 p.bouton a, #region-sidebar-second #block-block-40 p.bouton a {display:inline-block;text-decoration:none;color:#fff;font-weight:normal;height:20px; background-image:none;padding:0} p.bouton:before{ background:#dadee2 url("../images/bg_coin_gauche_gris.png") no-repeat 0 0; display:inline-block;height:6px;width:8px;position:absolute;top:0;left:0;content:''} p.bouton:after{ background:#dadee2 url("../images/bg_coin_droit_gris.png") no-repeat 0 0; display:block;height:6px;width:8px;position:absolute;bottom:0;right:0;content:''; clear: both;} /****liste à puces***/ #region-sidebar-second #block-block-29 ul, #region-sidebar-second #block-block-39 ul, #region-sidebar-second #block-block-40 ul{margin-left:30px} /***************blocd'actus de la side -bar ****************************anglais et francais **********/ #region-sidebar-second #block-views-actualites-block, #region-sidebar-second #block-views-actualites-block-4 {background:rgba( 163,175,185,.4);margin-right:10px;position:relative;z-index:50;padding:1em; color: #798289;margin-bottom:20px;} #region-sidebar-second #block-views-actualites-block h2, #region-sidebar-second #block-views-actualites-block-4 h2 {margin-top:0} #region-sidebar-second #block-views-actualites-block:before, #region-sidebar-second #block-views-actualites-block-4:before {display:inline-block;content:'';z-index:50;width:14px;height:12px; background:#fff url("../images/bg_coin_gauche_ongl.png") no-repeat 0 0;position:absolute;top:0;left:0} #region-sidebar-second #block-views-actualites-block:after, #region-sidebar-second #block-views-actualites-block-4:after {display:inline-block;content:'';z-index:50;width:14px;height:12px; background:#fff url("../images/bg_coin_droite_ongl.png") no-repeat 0 0;position:absolute;bottom:0;right:0} #block-views-actualites-block-4 .views-field-title, #block-views-actualites-block .views-field-title {font-size:1em;display:inline-block;vertical-align:top;min-height:1em;} #block-views-actualites-block h3, #block-views-actualites-block-4 h3{font-size:1em;display:inline-block;} #block-views-actualites-block span.date-display-single, #block-views-actualites-block-4 span.date-display-single {font-size:1em;font-style:italic;display:inline-block;float:left; height:1em;margin-right:.8em} #block-views-actualites-block p.actu, #block-views-actualites-block-4 p.actu{font-size:1em;line-height:120%} /********************************contenu de type article*****************************************/ /*************************************************************************************************/ .node-type-article article.node-article{margin-bottom:20px} .node-type-article h1#page-title{font-size:25px; color: #8A959D;} .node-type-article .field-name-field-date-article{margin-bottom:1em; display:block;} .node-type-article .field-name-field-date-article:after{clear:none;content:''} .node-type-article .field-name-field-date-article .field-label, .node-type-article .field-name-field-date-article .field-items { float:none} .node-type-article .field-name-field-image {float:left;margin-right:2em;margin-bottom:1em} .node-type-article #node_article_full_group_droit{float:right} .node-type-article .field-name-field-piece-jointe-article .field-item{display:block} /********************************contenu de type page de base*****************************************/ /*************************************************************************************************/ /***titres***/ .node-type-page .node-page {padding-bottom:20px} #breadcrumb .breadcrumb a {font-weight:normal;font-size:10px} .node-type-page #region-content{padding-top:10px;margin-right:10px} .node-type-page h1#page-title{ font-weight:normal; color: #8A959D;min-height:62px;line-height:110%;margin-bottom:0} .node-type-page.rubrique_vert h1#page-title{ background:transparent url("../images/icone_ve.png") no-repeat 0 0;padding-left:65px; } .node-type-page.rubrique_rouge h1#page-title{ background:transparent url("../images/icone_ro.png") no-repeat 0 0;padding-left:65px;} .node-type-page.rubrique_jaune h1#page-title{ background:transparent url("../images/icone_ja.png") no-repeat 0 0;padding-left:65px;} .node-type-page.rubrique_cyan h1#page-title{ background:transparent url("../images/icone_cy.png") no-repeat 0 0;padding-left:65px;} /*.node-type-page.rubrique_partenaires h1#page-title{ background:transparent url("../images/ic_partenaires.png") no-repeat 0 0;} .node-type-page.rubrique_medias h1#page-title{ background:transparent url("../images/ic_medias.png") no-repeat 0 0;} .node-type-page.rubrique_espace_perso h1#page-title{ background:transparent url("../images/ic_espace_perso.png") no-repeat 0 0;} .node-type-page.rubrique_contacts h1#page-title{ background:transparent url("../images/ic_contacts.png") no-repeat 0 0;} .node-type-page.rubrique_info h1#page-title{ background-image:url("../images/ic_infos.png"); background-repeat:no-repeat; background-size:60px 58px} .node-type-page.rubrique_parrains h1#page-title{ background-image:url("../images/ic_parrains.png");***/ background-repeat:no-repeat;} .node-type-page h2,.node-type-page h3, .node-type-page h4{margin-bottom:.5em} /***images****/ .node-type-page .field-name-field-image-haut img {max-width:100%;height:auto} .field-name-field-galerie-images .lightbox-processed img {height:75px !important; width:100px !important;} #imageDetails #caption {font-size:1.3em;} /***body****/ .node-type-page .field-name-body {margin-top:1.5em} /****bloc menu gauche***/ #block-menu-block-1 {font-weight:normal;font-size:12px;margin-top:20px;margin-right:0;margin-bottom:10px; /* background:#eee;***/padding:0 10px 10px 10px} #block-menu-block-1 h2{margin-bottom:10px;font-size:20px} #block-menu-block-1 ul.menu {margin: 0 0 0 15px;} #block-menu-block-1 ul.menu li {margin:0; padding: 0.2em 0.5em 0 0;list-style-image:none; list-style-type:none;border-bottom:1px dotted #8A959D;} #block-menu-block-1 ul.menu li a{font-weight:normal;text-decoration:none; padding:.1em .5em; color: #798289;font-weight:bold; display:inline-block} #block-menu-block-1 ul.menu ul.menu li a{font-weight:normal;} #block-menu-block-1 ul.menu li.active a.active{color:#fff;} #block-menu-block-1 ul.menu li.active, #block-menu-block-1 ul.menu li:hover {padding-right:20px ; padding-left:10px;border-bottom-width:0} #block-menu-block-1 ul.menu li.active li a , #block-menu-block-1 ul.menu li:hover a{color:#fff} #block-menu-block-1 ul.menu li.active li:hover{background-image:none !important;padding-left:0;padding-right:0} h2, h3, h4{color:#00B6E8} #block-menu-block-1 ul.menu li.active, #block-menu-block-1 ul.menu li:hover { background:#00B6E8 url("../images/coin_droit_bl_active.png") no-repeat right bottom} .rubrique_vert h2, .rubrique_vert h3, .rubrique_vert h4{color:#5ad1ba} .rubrique_vert #block-menu-block-1 ul.menu li.active, .rubrique_vert #block-menu-block-1 ul.menu li:hover { background:#5ad1ba url("../images/coin_droit_bl_active.png") no-repeat right bottom} .rubrique_vert #block-menu-block-1 ul.menu ul.menu li.active, .rubrique_vert #block-menu-block-1 ul.menu ul.menu li:hover , .rubrique_jaune #block-menu-block-1 ul.menu ul.menu li.active, .rubrique_jaune #block-menu-block-1 ul.menu ul.menu li:hover , .rubrique_rouge #block-menu-block-1 ul.menu ul.menu li.active, .rubrique_rouge #block-menu-block-1 ul.menu ul.menu li:hover , .rubrique_cyan #block-menu-block-1 ul.menu ul.menu li.active, .rubrique_cyan #block-menu-block-1 ul.menu ul.menu li:hover {background-image:none !important;} .rubrique_jaune h2, .rubrique_jaune h3, .rubrique_jaune h4{color:#ffbe0b;} .rubrique_jaune #block-menu-block-1 ul.menu li.active, .rubrique_jaune #block-menu-block-1 ul.menu li:hover { background:#ffbe0b url("../images/coin_droit_bl_active.png") no-repeat right bottom;} .rubrique_rouge h2, .rubrique_rouge h3, .rubrique_rouge h4{ color:#f76321} .rubrique_rouge #block-menu-block-1 ul.menu li.active, .rubrique_rouge #block-menu-block-1 ul.menu li:hover{ background:#f76321 url("../images/coin_droit_bl_active.png") no-repeat right bottom} .rubrique_cyan h2, .rubrique_cyan h3, .rubrique_cyan h4{ color:#00B6E8} .rubrique_cyan #block-menu-block-1 ul.menu li.active, .rubrique_cyan #block-menu-block-1 ul.menu li:hover { background:#00B6E8 url("../images/coin_droit_bl_active.png") no-repeat right bottom} /* .rubrique_vert h2, .rubrique_vert h3, .rubrique_vert h4{color:#f76321} .rubrique_vert #block-menu-block-1 ul.menu li.active, .rubrique_vert #block-menu-block-1 ul.menu li:hover{ background:#f76321 url("../images/coin_droit_bl_active.png") no-repeat right bottom } .rubrique_violet h2, .rubrique_violet h3, .rubrique_violet h4 {color:#f76321} .rubrique_violet #block-menu-block-1 ul.menu li.active, .rubrique_violet #block-menu-block-1 ul.menu li:hover{ background:#f76321 url("../images/coin_droit_bl_active.png") no-repeat right bottom}***/ /***page recherche****/ html.js fieldset.collapsed {} #edit-basic{ margin-bottom:20px} .page-search h2 { color: #8A959D;font-size: 35px;font-weight: normal;min-height: 59px; line-height: 110%; /*background: url("../images/ic_colloque.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); padding-left: 65px;**/ } .search-results h3.title { margin-bottom:.5em} .search-results li{ background: url("../images/icon_fleche.png") no-repeat scroll 0 4px ;padding-left: 18px;} .search-snippet-info p{ margin-bottom:.6em } .search-snippet-info p:last-child{ margin-bottom:1.6em } .page-search h1:before {/*width:879px ;content:"";height:200px;display:block;position:relative;z-index:100; background: transparent url("../images/http.jpg") no-repeat 0 0 ;/*position:absolute;top:0;left:0;z-index:100*/} .page-search h1{position:relative;color:#fff;z-index:1000;padding-top:150px;text-align:right;padding-right:20px} .page-search #block-block-35{position:relative;color:#fff;z-index:10;top:-220px} .page-search #block-system-main{margin-top:-200px} /***front page accueil****/ .front #tete div a img{opacity:.7} .front #tete div a:hover img{opacity:1} /***bloc page d'acuueil texte d'intro bg bleu*********/ #texteFront{ text-align:left;color:#fff;padding:0;margin-top:1em;margin-left:0;/*margin-bottom:1em;*/ font-size:12px; margin-right:0; background:#00B6E8 url("../images/bg_coin_balnc_gauche") no-repeat left top; } /***bloc pg accueil en texte intro*/ #block-block-45,#block-block-42,#block-block-77, #block-block-78 {margin-bottom:15px;margin-top:80px;} #block-block-42 #texteFront, #block-block-77 #texteFront, #block-block-78 #texteFront{ font-size:11px;} #bgtexteFront{ background: transparent url("../images/coin_droit_bl_active.png") no-repeat right bottom;margin:0;padding:1em .8em 1em 1em} /***********lightbox***********/ body.page-node-lightbox2 { background-image:none} .page-node-lightbox2 #zone-content { border-radius: 0 ; margin-bottom: 5px; padding-top: 10px; } .page-node-lightbox2 header, .page-node-lightbox2 #region-page-top, .page-node-lightbox2 #region-sidebar-second, .page-node-lightbox2 #region-sidebar-first, .alpha-resize-indicator,.alpha-grid-toggle,.alpha-block-toggle, #breadcrumb{display:none} /***conteneur*****/ .lightbox2-alt-layout #imageData #bottomNav, .lightbox2-alt-layout-data #bottomNav {margin-bottom:10px} #imageData #bottomNav { height: 20px;} .lightbox2-alt-layout #imageData #bottomNav, .lightbox2-alt-layout-data #bottomNav { margin-bottom: 10px; } .lightbox2-alt-layout-data #bottomNavClose, .lightbox2-alt-layout #bottomNavClose { margin-top:13px; } .page-node-lightbox2 #zone-content { border-radius: 0 ; margin-bottom: 5px; padding-top: 10px; } #imageDataContainer, #bottomNavClose{ background-color:#eee !important } /*****infobulle****/ .front #tete a.info{ position:relative; z-index:24; color:#000;text-decoration:none} .front #tete a.info:hover{ z-index:25;background-color:#FFF} .front #tete a.info span{display: none} .front #tete a.info:hover span{ display:block; position:absolute; top:-1em; left:1em; width:15em; border:1px solid #fff; color:#fff;text-align: left;font-weight:none;font-size:.9em; padding:10px 10px .5em 10px;} .front #tete #rond_rose a.info:hover span{ background: url("../images/coin_droit_bl_active.png") no-repeat scroll right bottom #e20079} .front #tete #rond_vert a.info:hover span{ background: url("../images/coin_droit_bl_active.png") no-repeat scroll right bottom #00a788} .front #tete #rond_violet a.info:hover span{ background: url("../images/coin_droit_bl_active.png") no-repeat scroll right bottom #84177e} .front #tete #rond_rouge a.info:hover span{ background: url("../images/coin_droit_bl_active.png") no-repeat scroll right bottom #e32026} /***************************tete en version mobile***************************/ /***************bloc 27 de la page d'accueil : la tete**********/ .front div#tete {position:relative} .front div#tete img#tete { max-width:100%;height:auto/**width:555px;**/} .front div#tete #rond_rouge, .front div#tete #rond_vert, .front div#tete #rond_violet, .front div#tete #rond_rose{ position: absolute;} .front div#tete #rond_rouge { /** height: 119px; width: 119px;*/width:20%; left: 55%; top:30%} .front div#tete #rond_vert{ /* height: 229px;width: 230px;**/left: 25%;top: 5%;width:30%; } .front div#tete #rond_violet{ height: 162px; left:15%; top: 37%;width:25%} .front div#tete #rond_rose{ height: 184px; left: 26%;top:70%;width:28%} #rond_rouge img, #rond_vert img, #rond_violet img, #rond_rose img{ width:100% !important;height:auto !important} /***video***/ .front #region-sidebar-second iframe{ max-width:100% !important} /**icone impression et mail***/ .print-link { margin: 0 0 1em 1em; padding: 0;} .print_mail a.print-mail , .print_html a.print-page {display:inline;float:right} .print_mail , .print_html {display:inline;} #block-locale-language{display:inline;float:right} #block-locale-language ul.language-switcher-locale-url{list-style-type:none;margin-bottom:0} #block-locale-language ul.language-switcher-locale-url li{display:none} #block-locale-language ul.language-switcher-locale-url li.active{display:inline-block; float:right;width:25px;height:25px;} #block-locale-language ul.language-switcher-locale-url li.active a{display:inline-block; width:25px;height:25px;text-indent:-5000px;background-size:cover} #block-locale-language ul.language-switcher-locale-url li.en a{ background-image: url("../images/icon_en.png");} #block-locale-language ul.language-switcher-locale-url li.fr a{ background-image: url("../images/icon_fr.png");} /****menu mobile****/ #block-nice-menus-2/****bloc des menus***/{display:none} #block-block-37{ position:absolute;overflow:hidden;background:#333;top:0px;left:0px;min-height:40px;width:100%;margin:0;} ul#navMobile {margin-bottom:0;margin-top:5px} ul#navMobile li { display: block; float: left; height: 30px; list-style-type: none; margin-right: 10px; width: 30px; } ul#navMobile a#press, ul#navMobile a#pull, ul#navMobile a#recherche { border: 1px solid #000000; cursor: pointer; display: block; height: 30px !important; padding: 0; text-indent: -5000px;width: 30px !important;} ul#navMobile a#pull { background: url("../images/icone_mobile_menu.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} ul#navMobile a#press { background: url("../images/home_mob.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} ul#navMobile a#recherche { background: url("../images/icone_mobile_recherche.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);} ul#navMobile a#pull:hover, ul#navMobile a#press:hover, ul#navMobile a#recherche:hover { border: 1px solid #FFFFFF;} ul#navMobile ul:after { clear: both; } /****logo ul n'apparait pas en version mobilr****/ #block-block-28 {display:none} /***bloc des icones reseaux **/ #block-block-34, #block-block-60{ position:absolute;overflow:visible;top:5px;right:0px;min-height:30px;width:210px;margin:0; z-index:100;} #block-block-34 ul.menu li, #block-block-60 ul.menu li{ margin-left:10px} /***bloc de recherche**/ #block-search-form{ width:100%;margin:10px 0;} #block-search-form form#search-block-form input#edit-search-block-form--2{ height:34px;width:80%;border-width:0;margin-left:15px} #block-search-form form#search-block-form { border:1px solid #5db4e5 ;border-radius:30px;height:40px;width:100%} #block-search-form .container-inline .form-actions { float:right;margin-top:.5em} #block-search-form form#search-block-form input#edit-submit, #block-search-form form#search-block-form input#edit-submit--3{ background-image: url("../images/ok_s.png");background-position: right 0;background-size:cover ;text-indent:-5000px; display:inline-block; border-width:0;} #block-search-form form#search-block-form input#edit-submit{ height:30px;width:30px} /***menu langues***/ #block-block-36{position:absolute;right:10px;top:5px;z-index:500 } #block-block-36 ul.menu li{ float:right;display:inline-block; height:30px;width:30px;list-style: none outside none; padding:0;margin:0;background-size:cover} #block-block-36 ul.menu li a{ display:inline-block; height:30px;width:30px;text-indent:-5000px; } #block-block-36 ul.menu li.first{background-image:url("../images/icon_fr.png") ;} #block-block-36 ul.menu li.last{background-image:url("../images/icon_en.png") ;} /**********************************menu main****************************************/ /*************************************************************************************************/ /**************************************menu principal horizontal****************************************/ /********************************************************************************************************/ #page{position:relative} #region-menu{position:static} #block-nice-menus-2{position:absolute;left:0;top:40px;width:100%;height:auto; overflow:visible;background:#ccc;z-index:1000} #block-nice-menus-2 ul.nice-menu-down li {border-width: 0px;width:100%;} #block-nice-menus-2 ul.nice-menu-down li.menuparent {background:transparent;} #block-nice-menus-2 ul.nice-menu-down li li.first {border-top:1px solid #00B5E8;} #block-nice-menus-2 ul.nice-menu-down li a {font-size:14px;color:#fff; /* text-transform:uppercase;*/ text-decoration:none;font-weight:normal; height:26px;line-height:26px;display:block;border-bottom:1px solid #fff} #block-nice-menus-2 ul.nice-menu-down li li { display:none} #block-nice-menus-2 ul.nice-menu-down li a:hover{ background:#fff;color:#333;} #block-nice-menus-2 ul.nice-menu-down li li a{ display:block; padding:5px;margin:0;font-size:12px;background:#fff;color:#333;text-transform:none; height:auto;line-height:120%;} /*#block-nice-menus-2 .rubrique_rose a{background-color:#e20079} #block-nice-menus-2 .rubrique_vert a{background-color:#00a788} #block-nice-menus-2 .rubrique_violet a{background-color:#84177e} #block-nice-menus-2 .rubrique_rouge a{background-color:#e32026} #block-nice-menus-2 .rubrique_cyan a{background-color:#00B6E8}*/ #block-nice-menus-2 .rubrique_partenaires a{background-color:#00B6E8} /**********************************menu main****************************************/ /*************************************************************************************************/ /*** surcharger omega pour les tables ****/ table { border:0px solid #CCCCCC; width: 100%; } tr:hover td, tr.even:hover td.active, tr.odd:hover td.active { background: transparent } /*********newsletter****************/ .node-type-newsletter .logo-img, .node-type-newsletter h1#page-title {display:none} .node-type-newsletter h1{font-SIZE:20pt;color:#00B6E8;margin: 0.83em 0;} .node-type-newsletter h2{font-SIZE:15pt;color:#8A959D;margin: 0.5em 0;} .node-type-newsletter h3/****titre***/{font-SIZE:14pt;color:#00B6E8;margin: 0.3em 0;} .node-type-newsletter p{margin:.5em 0;padding:0;} .node-type-newsletter div.zoom:after { background: url("http://www.science-and-you.com/sites/all/themes/sciencea63/images/bg_coin_droite_ongl.png") no-repeat scroll 0 0 #FFFFFF; bottom: 0; content: ""; display: inline-block; height: 12px; position: absolute; right: 0; width: 14px; z-index: 50; } .node-type-newsletter table td {vertical-align:top;border:0px solid #fff;padding:0;font-family: helvetica, arial, sans-serif;font-size:10pt;color:#666} .node-type-newsletter .titre { font-size:11pt;font-weight:bold;color:#00B6E8;} .node-type-newsletter .date {font-size:10pt;font-style:italic;color:#8A959D;} .node-type-newsletter #zone-branding, .node-type-newsletter #zone-content, .node-type-newsletter #region-content, .node-type-newsletter #region-branding{ width:620px;padding-top:0} .node-type-newsletter ul.primary { max-width:600px;padding:0} .node-type-newsletter #zone-menu{ display:none} .node-type-newsletter table{ max-width:600px} .node-type-newsletter table#tableP{ width:600px} .node-type-newsletter table#tableP TR{ width:600px} .node-type-newsletter img{ max-width:600px;height:auto} .node-type-newsletter table#tableS td img { max-width:60px !important;height:auto !important;} .node-type-newsletter table thead th, .node-type-newsletter table th { background: TRANSPARENT;padding:0; border-bottom: 0px solid rgb(204, 204, 204); color:#333; } /*********zone-footer****/ #zone-footer { margin-bottom:20px} #zone-footer ul.menu{ text-align: center;font-size:.9em;} #zone-footer ul li{ list-style-image:none; list-style-type: none; } /********PAGE DE TOUTES LES ACTUS****/ .node-type-page.page-node-105 .node-page{ padding-bottom: 0;margin-bottom:0} .node-type-page.page-node-105 h1#page-title { padding-left: 0px;PADDING-BOTTOM:0 } /*******CSS DU PAGER OFFERT PAR LES VUES****/ .pager li.pager-current { background: #00B6E8 ; } .pager li.pager-first a, .pager li.pager-previous a, .pager li.pager-next a, .pager li.pager-last a { width:auto;padding-bottom:4px } .view-id-actualites .item-list ul.pager li a{ padding: 4px 8px ; } /*******block d'integration de titter****/ #block-block-56{ margin-top:20px } /********************slider*********************/ #block-views-slider-vertical-block-2{ margin-bottom:10px} .jcarousel-skin-default .jcarousel-container-horizontal { padding:0;margin:0;} .jcarousel-skin-default .jcarousel-item-horizontal { margin: 0 } .jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev { display: none} /********************taille du slider à surcharger*********************/ .jcarousel-skin-default .jcarousel-clip-horizontal { width: 100%} .jcarousel-skin-default .jcarousel-container-horizontal, .jcarousel-skin-default li.jcarousel-item { height: auto; width: 100%} /******************logos pg accueil postcript********************/ #block-block-64 { text-align:center} #block-block-64 ul li { list-style-type:none;display:inline-block;margin:0 8px 10px 8px;} #block-block-64 ul li img{ vertical-align:middle} /* patch AL 20160727 */ #block-block-34 {position: static;margin:0 auto 15px auto;top: auto;right: auto;} #region-branding #block-block-36 {right: 5px;} #block-block-36 ul.menu li:first-child {padding-right: 8px;border-right: 1px solid #00b6e8;} #block-block-36 ul.menu li.leaf {float:left;width:auto;margin-right: 8px;background:none;} #block-block-36 ul.menu li.leaf a {width:auto;margin-top:8px;text-decoration: none;text-indent:0;font-size:16px;} #block-block-45 {width: 680px;height: 75px;margin-top: 25px;} #region-branding #block-block-42 {clear: both;width: auto; height: auto;margin: -10px 0 0 0;} #region-branding #block-block-42 p:first-child {margin:0;font-weight:bold;} #region-branding #block-block-42 p span:first-child {} #region-branding #block-block-42 p span:last-child {float:right;} #region-branding #block-block-42 img:nth-child(2) {margin-right:50px;}