/* Site CURUBI by contact@curubi.com */ /* Code Quality Tool https://jigsaw.w3.org/css-validator/#validate_by_input */ @font-face{ font-family:'source_sans_proextralight';font-weight:normal;font-style:normal; src: url('../fonts/sourcesanspro-extralight-webfont.eot'); src: url('../fonts/sourcesanspro-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-extralight-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-extralight-webfont.woff') format('woff'), url('../fonts/sourcesanspro-extralight-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-extralight-webfont.svg#source_sans_proextralight') format('svg'); } @font-face{ font-family: 'source_sans_prolight';font-weight:normal;font-style:normal; src: url('../fonts/sourcesanspro-light-webfont.eot'); src: url('../fonts/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-light-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-light-webfont.woff') format('woff'), url('../fonts/sourcesanspro-light-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg'); } @font-face{ font-family: 'source_sans_proregular';font-weight:normal;font-style:normal; src: url('../fonts/sourcesanspro-regular-webfont.eot'); src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'), url('../fonts/sourcesanspro-regular-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'); } @font-face{ font-family: 'source_sans_semibold';font-weight:normal;font-style:normal; src: url('../fonts/sourcesanspro-semibold-webfont.eot'); src: url('../fonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/sourcesanspro-semibold-webfont.woff2') format('woff2'), url('../fonts/sourcesanspro-semibold-webfont.woff') format('woff'), url('../fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'), url('../fonts/sourcesanspro-semibold-webfont.svg#source_sans_semibold') format('svg'); } @keyframes flash-left{ from {border-color:transparent #ccc transparent transparent;} to {border-color:transparent #222 transparent transparent;} } @keyframes flash-right{ from {border-color:transparent transparent transparent #ccc;} to {border-color:transparent transparent transparent #222;} } @keyframes flash-bottom{ from {border-color:#ccc transparent transparent transparent;} to {border-color:#222 transparent transparent transparent;} } @media all{ /* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} .CURUBI{display:inline-block;overflow:hidden;color:transparent;margin:0;padding:0 0 0 4.35em;height:.74em;width:0.2em;background:url(../imgs/CURUBI_100_grey.png) no-repeat .15em bottom;background-size:4em;transition:background-image .4s ease-out;} a:hover .CURUBI,.actif .CURUBI,.CURUBI.orange{background-image:url(../imgs/CURUBI_100.png);} .CURUBI.white{background-image:url(../imgs/CURUBI_100_white.png);} #c_accueil_blank{visibility:hidden;} #mentionLegale{display:none;z-index:100;overflow:scroll;position:fixed;top:5%;left:1%;width:98%;height:90%;background-color:#f7f7f7;border:1px solid #999;box-shadow:1px 1px 1em #555;} #mentionLegale h3{font-size:1.2em;margin:.5em;color:#faa818;} #mentionLegale p{font-size:1em;margin:.5em .5em 1em .5em;color:#000;} #mentionLegale .closeLegal{font-size:0.8em;display:block;float:right;margin:.5em;} #mentionLegale p a{color:#000;border-bottom:none;} #mentionLegale p a:hover{color:#faa818;} #c_services strong {font-family:'source_sans_prosemibold',arial,helvetica,sans-serif;color:#faa818;} #c_services span {display:inline-block;padding:.1em .3em;margin-right:.5em;vertical-align:top;background:#d5d5d5;border-radius:.6em;font-family:'source_sans_prosemibold',arial,helvetica,sans-serif;font-size:.8em;color:white;} #c_services ul{font-size:1.4em;text-align:justify;counter-reset:services;} #c_services ul li{padding:0 0 .5em 0;} #c_services ul li:last-child{padding:0;} } @media screen and (min-width:801px), print{ body{font-size:16px;/*1em = 16px*/font-family:'source_sans_proextralight',arial,helvetica,sans-serif;color:#555;background-color:#fff;} .section{text-align:center;} a{text-decoration:none;color:#555;border-bottom:1px solid #999;transition:color .4s ease-out,border-bottom .4s ease-out;} a:hover{text-decoration:none;color:#faa818;border-bottom:1px solid #faa818;} a.actif{color:#faa818;border-bottom:1px solid #faa818;cursor:default;} .gotoUbiCur,.gotoSolution,.gotoService,.gotoBesoin,.gotoNous,.gotoTarif,.gotoContact,.gotoLegal,.gotoBottom{cursor:pointer;transition:color .4s ease-out;} .gotoUbiCur:hover,.gotoSolution:hover,.gotoService:hover,.gotoBesoin:hover,.gotoNous:hover,.gotoTarif:hover,.gotoContact:hover,.gotoLegal:hover,.gotoBottom:hover{color:#faa818;} /*h1{font-size:9em;color:#faa818;margin:0 0 0 0;padding:.8em 0 1em 0;background:url(../imgs/CURUBI-Logo-333.png) no-repeat center top;background-size:2em;}*/ h1{font-size:9em;color:#faa818;margin:0 auto 0 auto;padding:.8em 0 1em 0;background:url(../imgs/CURUBI-logo-anime.gif) no-repeat center top;background-size:2em; width:2em;} h1 span{display:none;} h2{font-size:6em;color:#faa818;margin:0 0 .2em 0;} h3{font-size:2em;margin:0 0 1em 0;} #nav_mobile{display:none;} #nav_bottom{display:none;position:fixed;z-index:10;width:10em;left:50%;margin:0 0 0 -5em;bottom:.5em;text-align:center;cursor:pointer;} #nav_bottom_control{display:block;margin:.5em 0 0 4.3em;width:0;height:0;border-style:solid;border-width:.7em .7em 0 .7em;border-color:#999 transparent transparent transparent;transition:color .4s ease-out,border-color .4s ease-out;} #nav_bottom_control.flash{animation:flash-bottom 1s linear infinite alternate;} #nav_bottom_control:hover{border-color:#faa818 transparent transparent transparent;animation:none;} #nav_left {display:none;position:absolute;z-index:10;top:50%;left:.4em;cursor:pointer;} #nav_left_text{float:left;font-size:.8em;padding:.4em 0 0 0;} #nav_left_control{float:left;margin:0 .4em 0 0;width:0;height:0;border-style:solid;border-width:.7em .7em .7em 0;border-color:transparent #999 transparent transparent;transition:color .4s ease-out,border-color .4s ease-out;} #nav_left_control.flash{animation:flash-left 1s linear infinite alternate;} #nav_left_control:hover{border-color:transparent #faa818 transparent transparent;animation:none;} #nav_right{display:none;position:absolute;z-index:10;top:50%;right:.4em;cursor:pointer;} #nav_right_text{float:right;font-size:.8em;padding:.4em 0 0 0;} #nav_right_control{float:right;margin:0 0 0 .4em;width:0;height:0;border-style:solid;border-width:.7em 0 .7em .7em;border-color:transparent transparent transparent #999;transition:color .4s ease-out,border-color .4s ease-out;} #nav_right_control.flash{animation:flash-right 1s linear infinite alternate;} #nav_right_control:hover{border-color:transparent transparent transparent #faa818;animation:none;} .fp-slidesNav ul li a{border:none;} .fp-slidesNav ul li a span{background-color:#999;transition:background-color .4s ease-out;} .fp-slidesNav ul li a span:hover{background-color:#faa818;} #header,#footer{font-size:.8em;display:block;position:fixed;z-index:40;left:0;width:100%;} #header{top:0;} #header>ul{display:block;margin:0 .5em 0 .5em;} #header>ul li{display:block;float:left;} #header a{display:block;padding:0.5em 1em 0 0;margin:0 1em 0 0;} #header>ul li#h_FR,#header>ul li#h_EN{float:right;} #h_FR a,#h_EN a{padding:.5em 0 0 1em;margin:0 0 0 1em;} #h_nous li, #h_tarifs li{clear:both;background-color:#ffffff;} #footer{bottom:0;} #footer a, #footer a:hover{border-bottom:none;} #footer p{display:inline-block;padding:0 0 0.5em 0;margin:0 .5em 0 .5em;} #footer p#c_footer_legal{float:left;} #footer p#c_footer_SAS{float:right;} #c_accueil_slogan{font-size:2em;text-align:justify;width:12em;margin:0 auto 0 auto;line-height:1.3em;} /*#c_accueil_responsable{font-size:2em;} #c_accueil_durable{font-size:2.25em;} #c_accueil_client{font-size:2.5em;margin:0 0 4em 0;}*/ #c_accueil .bulle{position:absolute;border-radius:50%;} #c_accueil .bulle a{display:inline-block;border:none;color:#fff;} #c_accueil .bulle a:hover{color:#ffce3f;} #c_accueil_bulle3 a{margin:7.5em 0 0 0;} #c_accueil_bulle6 a{margin:7.5em 1.5em 0 0;} #c_accueil_bulle1{background-color:#ffce3f;width:16em;height:14em;bottom:0.5em;left:-6em;} #c_accueil_bulle2{background-color:#d5d5d5;width:7em;height:5em;bottom:-3.8em;left:9.6em;} #c_accueil_bulle3{background-color:#faa818;width:16em;height:16em;bottom:-6.5em;left:-2.5em;} #c_accueil_bulle4{background-color:#d5d5d5;width:12em;height:10em;bottom:-6.5em;right:6.5em;} #c_accueil_bulle5{background-color:#ffce3f;width:15em;height:15em;bottom:0.5em;right:-8em;} #c_accueil_bulle6{background-color:#faa818;width:16em;height:16em;bottom:-6.5em;right:-2.5em;} #c_solutions_VAD {width:47.2em;margin:0 0 0 16.5em;} #c_solutions_VAD p {text-align:justify;padding:0 0 .5em 0;} #c_solutions ul{display:block;position:relative;height:20em;width:72em;margin:4em auto 0 auto;} #c_solutions ul li{display:inline-block;font-size:2em;position:absolute;overflow:hidden;margin:.2em;padding:.57em;background-color:#fff;border:1px solid #999;border-radius:5em;transition:color .4s ease-out,border .4s ease-out;} #c_solutions ul li:hover{border:1px solid #faa818;} #c_solutions ul li.branch{border-color:#ffce3f;background-color:#ffce3f;z-index:10;font-weight:bold;color:#fff;} #c_solutions ul li.branch:hover{border-color:#faa818;} #c_solutions ul li.root{border-color:#faa818;background-color:#faa818;z-index:9;} #c_solutions ul li.leaf{border-color:#d5d5d5;background-color:#d5d5d5;z-index:8;} #c_solutions ul li.leaf:hover{border-color:#555;} #c_solutions_SI{top:-.9em;left:0em;} #c_solutions_gouvernance{top:1em;left:10em} #c_solutions_MOA{top:-1.5em;left:11em} #c_solutions_organisation{top:2.3em;left:4.2em} #c_solutions_MOE{top:-1em;left:25em} #c_solutions_etudes{top:1em;left:26em} #c_solutions_formation{top:4.5em;left:28.5em} #c_solutions_logiciels{top:2.85em;left:24em} #c_solutions_audits{top:4.4em;left:4.5em} #c_solutions_securites{top:6.4em;left:1.5em} #c_solutions_infrastructures{top:5.8em;left:11.7em} #c_solutions_maintenances{top:4.2em;left:18.5em} #c_solutions_conseils{top:5.8em;left:24em} #c_solutions_conceptions{top:7.8em;left:27em} #c_solutions_assistances{top:7.5em;left:18.1em} #c_solutions_realisations{top:7.6em;left:8.3em} #c_services ul {font-size:1em;} #c_services_pack {display:block;width:38em;height:33em;float:left;} #c_services_pack div{display:block;width:14em;height:14em;overflow:hidden;border-radius:100%;text-align:center;padding:1em;margin:0 0 0 2em;float:left;transition:border .4s ease-out} #c_services_pack div a{color:#ffffff;transition:color .4s ease-out;} #c_services_pack div h3{font-size:1.7em;font-family:'source_sans_semibold',arial,helvetica,sans-serif;padding:0;margin:0;} #c_services_pack div ul{text-align:center;} #c_services_pack div#c_pack_image_web {background-color:#faa818;border:1px solid #faa818} #c_services_pack div#c_pack_image_web:hover{border:1px solid #ffce3f;} #c_services_pack div#c_pack_image_web a:hover{color:#ffce3f;} #c_services_pack div#c_pack_secu{background-color:#ffce3f;border:1px solid #ffce3f;} #c_services_pack div#c_pack_secu:hover{border:1px solid #faa818;} #c_services_pack div#c_pack_secu a:hover{color:#faa818;} #c_services_pack div#c_pack_DSI{background-color:#d5d5d5;border:1px solid #d5d5d5;margin:0 0 0 11em;} #c_services_pack div#c_pack_DSI:hover{border:1px solid #999;} #c_services_pack div#c_pack_DSI a:hover{color:#999;} #c_services_1, #c_services_2{padding: 1em 0 0 0;margin:0 2em 0 0;width:38em;float:right;} #c_besoins_B2B {width:42em;margin:0 0 0 19em;} #c_besoins_B2B p{text-align:justify;padding:0 0 .5em 0;} #c_besoins{clear:both;} #c_besoins ul{display:inline-block;text-align:left;} #c_besoins ul li{font-size:2.5em;margin:1.4em 0 0 0;padding:0 0 0 2em;} #c_besoins ul li#c_besoins_interventions{background:url(../imgs/reveil_d5d5d5.png) no-repeat 0 0;background-size:1em;} #c_besoins ul li#c_besoins_contrat{background:url(../imgs/devis_d5d5d5.png) no-repeat 0 .1em;background-size:1em;} #c_tarifs{overflow:hidden;} #c_liste_tarifs{font-size:1.7em;display:block;position:relative;height:13em;width:37em;margin:-3.5em auto 0 auto;padding:5em 0 0 0;overflow:hidden} #c_tarifs_consultant,#c_tarifs_technicien,#c_tarifs_ingenieur{display:block;position:relative;float:left;overflow:hidden;margin:0 1em 0 1em;padding:1em;width:8.2em;height:8.2em;color:#fff;border-radius:50%;transition:color .4s ease-out,border .4s ease-out;} #c_tarifs_consultant{border:1px solid #d5d5d5;background-color:#d5d5d5;} #c_tarifs_consultant:hover{color:#999;border:1px solid #999;} #c_tarifs_ingenieur{border:1px solid #ffce3f;background-color:#ffce3f;} #c_tarifs_ingenieur:hover{color:#faa818;border:1px solid #faa818;} #c_tarifs_technicien{border:1px solid #faa818;background-color:#faa818;} #c_tarifs_technicien:hover{color:#ffce3f;border:1px solid #ffce3f;} #c_tarifs h3{margin:0 0 .5em 0;} #c_tarifs .profil_4,#c_tarifs .profil_2,#c_tarifs .profil_3{margin:.5em 0 0 0;} #c_pack_tarifs{margin:0 0 2em 0;} #c_pack_tarifs a{margin:0 2em 0 2em;} #c_nous_bio .bulle{display:block;position:absolute;border-radius:50%;} #c_nous_bio{display:block;position:relative;height:23em;width:45em;margin:0 auto 0 auto;} #c_nous_CJ,#c_nous_DG{width:15em;height:15em;top:4em;} #c_nous_CJ{left:0;background:url(../imgs/Christophe_Jagueneau.jpg) no-repeat center center;background-size:16em;background-color:#d5d5d5;} #c_nous_DG{right:0;background:url(../imgs/David_Grima.png) no-repeat center center;background-size:16em;background-color:#d5d5d5;} #c_nous_CJ_nom,#c_nous_DG_nom{font-size:1.2em;margin:13em 0 0 0;} #c_nous_CJ_nom span,#c_nous_DG_nom span{font-family:'source_sans_semibold',arial,helvetica,sans-serif;} #c_nous_CJ_social,#c_nous_DG_social{position:relative;cursor:pointer;} #c_nous_CJ_social .titre,#c_nous_DG_social .titre{display:none;} #c_nous_CJ_social .bulle, #c_nous_DG_social .bulle{width:3em;height:2em;padding:1em 0 0 0;} #c_nous_CJ_CV{left:10em;top:-20em;color:#fff;background:url(../imgs/brain.png) no-repeat center center;background-size:2em;background-color:#faa818;} #c_nous_CJ_bio{left:3em;top:-20.5em;color:#fff;background:url(../imgs/baby.png) no-repeat center center;background-size:2em;background-color:#ffce3f;} #c_nous_CJ_bio_text{display:none;z-index:50;position:relative;width:30em;bottom:4.5em;left:4em;background-color:#ffffff;border:1px solid #555;border-radius:10px;box-shadow:1px 1px 1em #555;cursor:default;} #c_nous_CJ_bio_text p{margin:.5em;text-align:justify;color:#555;font-family:'source_sans_prolight',arial,helvetica,sans-serif;} #c_nous_CJ_social a, #c_nous_CJ_social a:hover {color:#fff;border:none;} #c_nous_CJ_google{left:14em;top:-15em;color:#fff;background:url(../imgs/google+.png) no-repeat center center;background-size:2em;background-color:#dd4b39;} #c_nous_CJ_vCard{left:-2em;top:-15em;color:#fff;background:url(../imgs/vCard_CJ.png) no-repeat center center;background-size:2em;background-color:#d5d5d5;} #c_nous_DG_CV{left:2em;top:-20em;color:#fff;background:url(../imgs/brain.png) no-repeat center center;background-size:2em;background-color:#faa818;} #c_nous_DG_bio{left:9em;top:-20.5em;color:#fff;background:url(../imgs/baby.png) no-repeat center center;background-size:2em;background-color:#ffce3f;} #c_nous_DG_bio_text{display:none;z-index:50;position:relative;width:30em;bottom:4.5em;left:-30.6em;background-color:#ffffff;border:1px solid #555;border-radius:10px;box-shadow:1px 1px 1em #555;cursor:default;} #c_nous_DG_bio_text p{margin:.5em;text-align:justify;color:#555;font-family:'source_sans_proextralight',arial,helvetica,sans-serif;} #c_nous_DG_twitter{left:-2em;top:-15em;color:#fff;background:url(../imgs/twitter.png) no-repeat center center;background-size:2em;background-color:#55acee;} #c_nous_DG_vCard{left:14em;top:-15em;color:#fff;background:url(../imgs/vCard_DG.png) no-repeat center center;background-size:2em;background-color:#d5d5d5;} #c_nous_DG_social a, #c_nous_DG_social a:hover {color:#fff;border:none;} #c_list_mecenat{font-size:1.7em;position:relative;height:11em;width:37em;margin:2em auto 0 auto;overflow:hidden} #c_list_mecenat h3{font-size:.6em;margin:0;padding:0;} #c_list_mecenat li{display:block;position:relative;float:left;margin:0 0 0 1em;} #c_list_mecenat a{border:none;border-radius:4px;display:inline-block;width:8em;height:5em;margin:.5em 0 0 0;} #c_list_mecenat a.shadow{box-shadow:1px 1px 1em #555;} #c_list_mecenat a:hover {box-shadow:1px 1px 1em #000;} #c_mecenat_MDH a{background:url(../imgs/mecenats/lamaisondeshumanites.org.png) no-repeat top center;background-size:8em;height:3.75em;} #c_mecenat_VME a{background:url(../imgs/mecenats/visualmatheditor.png) no-repeat top center;background-size:8em;height:4em;} #c_mecenat_MH a{background:url(../imgs/mecenats/maryse-houdy.fr.png) no-repeat top center;background-size:8em;height:4.64em;} #c_mecenat_DP a{background:url(../imgs/mecenats/danielle-pierquet.fr.png) no-repeat top center;background-size:8em;height:4.1em;} #c_mecenat_TKD a{background:url(../imgs/mecenats/tkdmauchamps.curubi.fr-compressor.png) no-repeat top center;background-size:8em;height:4em;} #c_contact h3{margin:0;color:#faa818;font-size:1em;display:inline-block;position:relative;width:6em;} #c_contact li{font-size:2em;} #c_contact ul#c_liste_contact{display:inline-block;text-align:left;} #c_contact ul#c_liste_contact > li{margin:0 0 .8em 0;padding:0 0 0 1.8em;} #c_contact li#c_courriel{height:1.2em;background:url(../imgs/link_d5d5d5.png) no-repeat .2em 0;background-size:1em;} #c_contact li#c_adresse{height:1.2em;background:url(../imgs/map_d5d5d5.png) no-repeat .15em 0;background-size:1.15em;} #c_contact li#c_agence{background:url(../imgs/gps_d5d5d5.png) no-repeat 0 0;background-size:1.4em;} #c_contact li#c_gps{display:none;background:url(../imgs/gps_d5d5d5.png) no-repeat 0 1.5em;background-size:1.4em;} #c_contact #c_gps li a:last-of-type{margin:0 0 0 1.5em;} #c_contact li#c_telephone{background:url(../imgs/tel_d5d5d5.png) no-repeat .3em 0;background-size:.9em;} #c_contact #c_telephone h3 {top:.3em;vertical-align:top;} #c_contact ul#c_liste_contact ul{display:inline-block;position:relative;top:.3em;vertical-align:top;} #c_contact ul#c_liste_contact ul > li{font-size:1em;display:block;margin:0 0 .5em 0;} #c_contact ul#c_liste_contact ul > li .lib{display:inline-block;width:5.8em;} #c_nous_experience h3{padding:0 6em 0 6em;} ul#c_list_experience{font-size:0.7em; padding:0 10em 0 10em;} #c_list_experience li{display:inline-block;} #c_list_experience a{border:none;display:block;height:6.5em;margin:1em 1.5em 1em 1.5em;opacity:.65;transition:opacity 500ms ease-out;color:transparent;overflow:hidden;line-height:30em;} #c_list_experience a:hover{opacity:1;color:transparent;} #c_experience_publicis a{width:4.5em;background:url(../imgs/references/publicis.jpg) no-repeat 0 bottom;background-size:4.5em;} #c_experience_CDC a{width:5.1em;background:url(../imgs/references/cdc.png) no-repeat 0 bottom;background-size:5em;} #c_experience_ANSM a{width:7.1em;background:url(../imgs/references/ansm.jpg) no-repeat 0 bottom;background-size:7em;} #c_experience_SDIS91 a{width:3.7em;background:url(../imgs/references/sdis91.jpg) no-repeat 0 bottom;background-size:4em;} #c_experience_CEA a{width:6.1em;background:url(../imgs/references/cea.png) no-repeat 0 bottom;background-size:6em;} #c_experience_defense a{width:5.05em;background:url(../imgs/references/defense.jpg) no-repeat 0 bottom;background-size:5em;} #c_experience_domiserve a{width:6em;background:url(../imgs/references/domiserve.jpg) no-repeat 0 bottom;background-size:6em;} #c_experience_dexia a{width:7.1em;background:url(../imgs/references/dexia.gif) no-repeat 0 bottom;background-size:7em;} #c_experience_sydelis a{width:7.1em;background:url(../imgs/references/sydelis.gif) no-repeat 0 4em;background-size:7em;} #c_experience_starlan a{width:7.1em;background:url(../imgs/references/Star-Lan.gif) no-repeat 0 bottom;background-size:7em;} #c_experience_prestigereseau a{width:7.1em;background:url(../imgs/references/prestige-reseaux.png) no-repeat 0 bottom;background-size:7em;} #c_experience_pizzaservices a{width:5.1em;background:url(../imgs/references/pizza-services-evry.png) no-repeat 0 bottom;background-size:5em;} #c_experience_creatimmo a{width:7.1em;background:url(../imgs/references/creatimmo.png) no-repeat 0 bottom;background-size:7em;} #c_experience_sophaindustrie a{width:7.1em;background:url(../imgs/references/sopha-industrie.png) no-repeat 0 bottom;background-size:7em;} #c_experience_CD91 a{width:7.1em;background:url(../imgs/references/cd91.jpg) no-repeat 0 bottom;background-size:7em;} #c_experience_verneuil a{width:3.1em;background:url(../imgs/references/doctor.png) no-repeat 0 bottom;background-size:3em;} #c_experience_communikey a{width:10.1em;background:url(../imgs/references/communikey.jpg) no-repeat 0 bottom;background-size:10em;} #c_experience_feelings a{width:4.1em;background:url(../imgs/references/feelings.png) no-repeat 0 bottom;background-size:4em;} #c_experience_atis a{width:6.1em; background:url(../imgs/references/atis.png) no-repeat 0 bottom; background-size:6em;} #c_experience_peach a{width:6.1em; background:url(../imgs/references/peach.png) no-repeat 0 bottom; background-size:6em;} #c_experience_numeritek a{width:9.1em; background:url(../imgs/references/numeritek.png) no-repeat 0 bottom; background-size:9em;} #c_experience_assert a{width:10.1em; background:url(../imgs/references/assert.png) no-repeat 0 bottom; background-size:10em;} #c_experience_action-gestion a{width:10.1em; background:url(../imgs/references/action-gestion.png) no-repeat 0 bottom; background-size:10em;} } @media screen and (min-width: 801px) and (max-width: 1263px){ #header,#footer ,#nav_left,#nav_left_control,#nav_left_text ,#nav_right,#nav_right_control,#nav_right_text ,#nav_bottom,#nav_bottom_control,#nav_bottom_text ,#c_solutions p,#c_besoins_B2B p {font-size:13px !important;} } @media screen and (max-width: 800px){ body{font-size:22px;font-family:'source_sans_prolight',arial,helvetica,sans-serif;color:#555;background-color:#fff;} .fp-section,.fp-tableCell{height:auto !important;} .fp-tableCell{text-align:center;padding:0 0 1em 0;vertical-align:top;} .fp-slidesNav ,#nav_left,#nav_left_control,#nav_left_text ,#nav_right,#nav_right_control,#nav_right_text ,#nav_bottom,#nav_bottom_control,#nav_bottom_text ,#c_nous_experience,#c_nous_mecenat ,#c_accueil_bulle1,#c_accueil_bulle2,#c_accueil_bulle3,#c_accueil_bulle4,#c_accueil_bulle5,#c_accueil_bulle6 ,#c_footer_SIRET {display:none !important;} a{text-decoration:none;color:#555;border-bottom:1px dotted #999;line-height:1.5em;} a:hover{text-decoration:none;color:#faa818;} a.actif{color:#faa818;cursor:default;} .gotoUbiCur,.gotoSolution,.gotoService,.gotoBesoin,.gotoNous,.gotoTarif,.gotoContact,.showLegal,.gotoBottom{cursor:pointer;} .gotoUbiCur:hover,.gotoSolution:hover,.gotoService:hover,.gotoBesoin:hover,.gotoNous:hover,.gotoTarif:hover,.gotoContact:hover,.showLegal:hover,.gotoBottom:hover{color:#faa818;} #c_accueil_slogan{font-size:1.2em;text-align:justify;width:14.5em;margin:0 auto 0 auto;line-height:1.3em;} #c_services ul{font-size:1em;margin:0 .5em 0 .5em;} #c_services_image_web h3{font-size:1.7em;font-family:'source_sans_semibold',arial,helvetica,sans-serif;padding:0;margin:0;} #c_services_image_web ul{text-align:center;border-bottom:1px solid #faa818;margin-bottom:1em;padding-bottom:1em;} #nav_mobile{display:block;position:fixed;z-index:41;top:.25em;right:.4em;width:1.5em;height:1.5em;background:url(../imgs/mobileMenu.png) no-repeat center center;background-size:1.5em;cursor:pointer;} #header{display:none;position:fixed;z-index:40;top:0;right:0;width:8.5em;background-color:#ffffff;padding:.5em;border-bottom:.15em solid #faa818;border-left:.15em solid #faa818;} #header ul li#h_FR,#header ul li#h_EN{display:none;} #footer a{border-bottom:none;} div#footer{border-top:1px solid #999;padding-top:.3em;} #footer p#c_footer_legal{float:left;padding:.2em .5em 0 .5em;} #footer p#c_footer_SAS{float:right;padding:.0 .5em 0 .5em;} h1,h2,h3{width:100%;} h1{font-size:3em;color:#faa818;margin:.5em 0 0 0;padding:2.1em 0 .4em 0;background:url(../imgs/CURUBI-Logo-333.png) no-repeat center top;background-size:3em;} h1 span{display:none;} h2{font-family:'source_sans_proregular',arial,helvetica,sans-serif;font-size:1.5em;color:#fff;text-shadow:-1px -1px 0 #faa818,1px -1px 0 #faa818,1px 1px 0 #faa818,1px 1px 0 #faa818;margin: 0 0 .5em 0;padding:.2em 0 .1em 0;background-color:#ffce3f;border-bottom:.15em solid #faa818;} h3{font-size:1.5em;color:#faa818;margin:1em 0 .5em 0;} #c_solutions_VAD p,#c_besoins_B2B p,#c_nous_CJ_bio_text p,#c_nous_DG_bio_text p{text-align:justify;padding:0 1em 1em 1em;} #c_accueil li,#c_besoins li,#c_nous_bio ul{margin: 1em 0 0 0;} #c_solutions ul{display:inline-block;} #c_solutions li{text-align:left;} #c_solutions ul{color:#faa818;list-style:circle inside;} #c_solutions ul span{color:#555;} #c_services_pack div ul{text-align:center;} #c_services_1 {padding-top:2em;} #c_besoins ul li#c_besoins_interventions{margin:0 0 2em 0;padding:2em 0 0 0;background:url(../imgs/reveil_d5d5d5.png) no-repeat center top;background-size:2em;} #c_besoins ul li#c_besoins_contrat{margin:0 0 1em 0;padding:2em 0 0 0;background:url(../imgs/devis_d5d5d5.png) no-repeat center top;background-size:2em;} #c_nous_associes h3{color:#555;} #c_nous_CJ{border-bottom:1px solid #faa818;padding-bottom:1em;} #c_nous_DG_nom,#c_nous_CJ_nom{color:#faa818;padding:1em 0 0 0;font-size:1.5em;} #c_nous_CJ_nom span,#c_nous_DG_nom span{font-family:'source_sans_semibold',arial,helvetica,sans-serif;} #c_nous_CJ_bio .titre,#c_nous_DG_bio .titre,#c_nous_CJ_google .titre,#c_nous_DG_twitter .titre{display:none;} #c_pack_tarifs{margin:2em 0 2em 0;} #c_pack_tarifs a{clear:both;display:block;} #c_brochure_tarifs{padding-top:2em;} #c_contact h3{margin:.8em 0 .5em 0;} #c_contact li#c_courriel{margin:0 0 1em 0;padding:1em 0 0 0;background:url(../imgs/link_d5d5d5.png) no-repeat center top;background-size:1.3em;} #c_contact li#c_adresse{margin:0 0 1em 0;padding:1em 0 0 0;background:url(../imgs/map_d5d5d5.png) no-repeat center top;background-size:1.5em;} #c_contact li#c_agence{margin:0 0 1em 0;padding:1em 0 0 0;background:url(../imgs/gps_d5d5d5.png) no-repeat center top;background-size:1.4em;} #c_contact li#c_gps{display:none;margin:0 0 1em 0;padding:1em 0 0 0;background:url(../imgs/gps_d5d5d5.png) no-repeat center top;background-size:1.5em;} #c_contact #c_gps li a{margin:0 0 0 1.5em;} #c_contact li#c_telephone{margin:0 0 1em 0;padding:1em 0 0 0;background:url(../imgs/tel_d5d5d5.png) no-repeat center top;background-size:1em;} } @media screen and (max-width: 319px){ h1{font-size:1.9em;} h2{font-size:1.2em;} h3{font-size:1.2em;} #footer p#c_footer_legal{float:none;padding:0} #footer p#c_footer_SAS{float:none;padding:0} #c_nous_DG_social li, #c_nous_CJ_social li{margin:0 0 .5em 0;} #c_contact a{border:none;} #c_telephone_DG a,#c_telephone_CJ a{display:block;} #c_telephone_CJ a{padding:0 0 .5em 0;} } @media screen and (max-width: 209px){ #c_courriel a, #c_courriel a span{display:block;} } @page{ size:A4 landscape; } @media print{ html, body, .section, .slide{font-size:14px !important; width:29.7cm; height:21cm;} #h_EN, #h_FR, #c_accueil_bulle6 a, #nav_bottom, #nav_bottom_text, #nav_bottom_control, #nav_left, #nav_right, .fp-slidesNav {visibility:hidden !important;} #c_footer_legal{display:none !important;} #c_footer_SAS{float:left !important;} #header,#footer{margin:2em;} #c_accueil_bulle1{bottom:-2em;} #c_accueil_bulle2{bottom:-6.3em;} #c_accueil_bulle3{bottom:-9em;} #c_accueil_bulle4{bottom:-9em;} #c_accueil_bulle5{bottom:-2em;} #c_accueil_bulle6{bottom:-9em;} #c_nous_experience{margin-left:10em;} } .debug{border: 1px solid black !important;} .debug.red{border-color:red !important;} .debug.blue{border-color:blue !important;} .debug.yellow{border-color:yellow !important;} .debug.green{border-color:green !important;}