/* Logo Principal (foncé) #5C89C7 rgba(92,137,199,1) (- ) #6496D9 rgba(100,150,217,1) (-- ) #699DE4 rgba(105,157,228,1) (--- ) #76AFFF rgba(118,175,255,1) Membres | Img User connecté #6D94C4 rgba(109,148,196,1) Membres | Txt User connecté #8db2e3 rgba(141,178,227,1) mention légale #4d86d6 rgba(77,134,214,1) Nav Titre groupe #8db2e3 rgba(141,178,227,1) Page | BB-Code icones #115ABA rgba(17,90,186,1) Page | BB-Code cadre #6b9de3 rgba(107,157,227,1) Page | BB-Code H1 #115aba rgba(17,90,186,1) Page | BB-Code H2 #197bfc rgba(25,123,252,1) Bleu page EEF3FA rgba(238,243,250,1) */ * {margin:0;padding:0;} * { -moz-box-sizing:border-box;box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; } * { -webkit-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; } html { height:100%; /* -webkit-filter: blur(20px); filter: blur(9px); */ } body { min-height:100%;position:relative; overflow-x:hidden;overflow-y:auto; font:normal normal normal 100%/100% "Assistant",sans-serif;color:black;text-align:left; } h1 { font:normal normal normal 100%/100% "Marcellus SC",sans-serif;color:black;text-align:left; text-shadow: 4px 4px 4px #aaa;font-size: 30px; } @media all and (min-width:480px) { body { border: 2px solid rgba(107,157,227,1); border-left: 2px solid rgba(107,157,227,1); border-right: 2px solid rgba(107,157,227,1); } } /* SEPARATEURS */ .oo_sep {font-size:30px;line-height:1;text-align:center;text-shadow:0px 0px 7px #FFFFFF;} .oo_sep:after {content:"\232F";height:0;color:#aaa;} @media all and (min-width:480px) { .oo_navsep_av_tab_bor {height:0px;} .oo_navsep_ap_tab_bor {height:0px;} .oo_navsep_item {height:0px;} } @media all and (min-width:480px) and (max-width:980px) { .oo_navsep_av_tab_bor {height:0px;} .oo_navsep_ap_tab_bor {height:0px;} .oo_navsep_item {height:0px;} } @media all and (max-width:480px) { .oo_navsep_av_tab_bor {height:10px;} .oo_navsep_ap_tab_bor {height:10px;} .oo_navsep_item {height:0px;} } /* Logo Version Beta */ @media all and (min-width:980px) { #oo_logo_beta { position: absolute;top:63px;left:45px; color:rgba(255,255,255,0.7); font-size:13px;} } @media all and (min-width:480px) and (max-width:980px) { #oo_logo_beta { position: absolute;top:56px;left:40px; color:rgba(255,255,255,0.7); font-size:12px;} } @media all and (max-width:480px) { #oo_logo_beta { position: absolute;top:108px;left:68px; color:rgba(255,255,255,0.6); font-size:16px;} } /* Ancre "top" pour se positionner sur les articles * / @media all and (min-width:980px) { .oo_top { / * display:none; * / display:block; width:0px;height:0px; } } @media all and (min-width:480px) and (max-width:980px) { .oo_top { / * display:none; * / display:block; width:0px;height:0px; } } @media all and (max-width:480px) { .oo_top { display:block; width:1px;height:1px; } .oo_top a { width:1px;height:1px; } } */ /* Ancre "PhoneStart" pour se positionner en début d'article */ @media all and (min-width:980px) { #PhoneStart { /* display:none; */ display:block; width:0px;height:0px; } } @media all and (min-width:480px) and (max-width:980px) { #PhoneStart { /* display:none; */ display:block; width:0px;height:0px; } } @media all and (max-width:480px) { #PhoneStart { display:block; width:1px;height:1px; } #PhoneStart a { width:1px;height:1px; } } /* -webkit-filter: blur(20px); filter: blur(9px); */ /*********************************************************/ /* MEDIA QUERY : Découpage en 3 tailles d'écran */ @media all and (min-width:980px) { } @media all and (min-width:480px) and (max-width:980px) { } @media all and (max-width:480px) { } /*********************************************************/ /*************************** Partie GRID ************************** 1281+ px */ /*************************** Partie GRID ************************** 1281+ px */ /*************************** Partie GRID ************************** 1281+ px */ /*************************** Partie GRID ************************** 1281+ px */ /*************************** Partie GRID ************************** 1281+ px */ @media all and (min-width:980px) { #oo_cont { width:100%;height:100%;position:relative; } #oo_head { width:100%;height:0px; display:flex;flex-flow:row wrap;justify-content:center;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; background:-webkit-gradient(linear,left top, left bottom,from(rgb(00,16,50)),color-stop(8%, rgb(95,110,142)),color-stop(rgb(00,16,50)),color-stop(60%, rgb(00,03,10)),color-stop(94%, rgb(00,16,50)),to(rgb(00,03,10))); background:-webkit-linear-gradient(top,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); background:-o-linear-gradient(top,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); background:linear-gradient(to bottom,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); border-bottom:1px solid rgba(110,110,110,1); } #oo_logo { width:220px;height:90px; display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; position:fixed;top:2px;left:2px;text-align:left; background:-webkit-gradient(linear,left top, left bottom,from(rgb(00,16,50)),color-stop(8%, rgb(95,110,142)),color-stop(rgb(00,16,50)),color-stop(60%, rgb(00,03,10)),color-stop(94%, rgb(00,16,50)),to(rgb(00,03,10))); background:-webkit-linear-gradient(top,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); background:-o-linear-gradient(top,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); background:linear-gradient(to bottom,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); border-bottom:1px solid rgba(110,110,110,1); border-top: 3px solid rgba(107,157,227,1); } #oo_logo_img { width:200px;height:82px; width:185px;height:82px; position: relative;top:-2px;left:-1px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #oo_logo_img:hover { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-animation: vibre 0.33s; animation: vibre 0.33s; } #oo_find { width: calc(100%-220px); height:80px; display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_find_img { order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; position:fixed;top:2px;right:2px;text-align:left; } #oo_wrap { height:100%; display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; } #oo_main { width:220px;min-height:1080px; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; -webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-box-flex:0;-ms-flex:0 0 220px;flex:0 0 220px; align-self:stretch; -ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; background:#292f37; background:-webkit-linear-gradient(#333941,#292f37); background:-moz-linear-gradient(#333941,#292f37); background:-o-linear-gradient(#333941,#292f37); background:linear-gradient(#333941,#292f37); background-blend-mode: normal,multiply; -webkit-box-shadow: inset 1px 0px 2px rgba(0,0,0,0.5); box-shadow: inset 1px 0px 2px rgba(0,0,0,0.5); border-bottom:1px solid rgba(51,57,66,1); /* NEW ??????????????????????????????????????????????????????? background:#333; box-shadow:0 0 50px #222 inset; */ } #oo_tableau_bord { width:200px; height:80px; position:fixed;top:94px;left:12px; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:stretch; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; text-align:left; / * background:linear-gradient(to bottom,rgba(150,150,150,0.1),rgba(142,142,142,0.25) 8%,rgba(50,50,50,0.4),rgba(50,50,50,0.2) 95%,rgba(10,10,10,0.2)); background:linear-gradient(to bottom,rgba(150,150,150,0.1),rgba(142,142,142,0.45) 8%,rgba(50,50,50,0.4),rgba(50,50,50,0.2) 95%,rgba(10,10,10,0.2)); * / border-top:0.8px solid rgba(110,110,110,1); border-left:0.5px solid rgba(10,10,10,0.5); border-right:0.5px solid rgba(10,10,10,0.5); border-bottom:0.7px solid rgba(10,10,10,0.9); } #oo_connect { width:175px;height:45px; position:relative;top:6px; border-radius:5px; display:flex; flex-flow:row-reverse wrap; justify-content:right; align-items:center;align-items:flex-start; text-align:start; letter-spacing:-0.6px;font-weight: normal;font-size: 14px; text-shadow: -0.8px -0.8px 0 rgba(0,0,0,0.55),0.1px 0.2px 0 rgba(175, 184, 204,0.75); -webkit-box-shadow:inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); -moz-box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); color:rgba(230,240,255,1); background:-webkit-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-moz-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-o-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background-blend-mode: normal,multiply; border-bottom:1px solid rgba(200,200,200,0.4);border-right:1px solid rgba(200,200,200,0.2); box- shadow: inset 2px 2px 6px rgba(5,5,5,0.5), inset -2px -2px 6px rgba(5,5,5,0.5); box-shadow: inset 2px 2px 6px rgba(0,0,0,0.8), inset -2px -0px 6px rgba(0,0,0,0.8), inset -1px -1px 40px rgba(95,110,142,0.4); } #oo_connect_l1 {width:100%;height:25px;display:flex; flex-flow:row-reverse nowrap; justify-content:right; align-items:center;padding-right: 10px;padding-top:2px; } #oo_connect_l2 {width:100%;height:20px;display:flex; flex-flow:row-reverse nowrap; justify-content:right; align-items:center;padding-right: 3px;} #oo_connect a { text-decoration: none; letter-spacing: -0.6px;font-weight: normal;font-size: 14px; color:#8db2e3;text-shadow: -0.8px -0.8px 0 rgba(0,0,0,0.55),0.1px 0.2px 0 rgba(175, 184, 204,0.75); } #oo_deco_img { width:16px;height:16px;position:relative;top:2px;left:0px;margin-right: 5px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_connect_img_0 { width:25px;height:25px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_connect_img_1 { width:25px;height:25px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_connect_horloge { color:rgba(255,255,255,0.7);font-size: 11px; position:relative;top:-3px;left:0px; margin-right: 7px; } #oo_connect_name { font-size: 15px; position:relative;top:-4px;left:0px; margin-right: 5px; } #oo_addsrc_img { width:25px;height:25px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_chgsrc_img { width:25px;height:25px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_chgpad_img { width:25px;height:23px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_nav9 { width:25px;height:25px; position:relative;top:1px;left:0px; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:left;align-content:left; } #oo_nav9_img { z-index:200; width:25px;height:23px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center;-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_research { position:relative; top:-4px; width:90%; height:22px; /* padding-left:10px; padding-right:15px; align-self: flex-start; */ display:flex; flex-flow:row-reverse nowrap; justify-content:center; align-items:center; -webkit-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; } #zsear_subm { display:inline-flex; } #zsear_form { display:inline-flex; border:0px solid white;} #zsear_form:focus { display:inline-flex; border:0px solid white; background: red;} #oo_research input[type=submit] { display:inline-flex; position:relative;top:10px; min-width:25px; height:22px; border-radius:0px; border-top-right-radius:30px; border-bottom-right-radius:30px; background: rgba(40,40,40,0.1); border: 1.5px solid rgba(180,180,180,0.4); background-image: url(/src/xx_20_sear.png); background-repeat: no-repeat; background-position: 2px 2px; background-size:18px; border: 0px solid rgba(180,180,180,0.4); border-bottom:1px solid rgba(200,200,200,0.4); border-right:1px solid rgba(200,200,200,0.2); border-left:0.7px solid rgba(200,200,200,0.3); font:normal normal normal 100%/100% "Assistant",sans-serif;color:rgba(240,243,247,1); text-align:left; font-size: 13px; vertical-align: baseline; box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); } #zsear_text{ width:50%; height:22px; flex: 1 1 auto; position:relative;top:10px;left:1px; padding-left:5px; background:-webkit-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-moz-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-o-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background-blend-mode: normal,multiply; border-radius:0px; border-top-left-radius:30px; border-bottom-left-radius:30px; border: 0px solid rgba(180,180,180,0.4); border-bottom:1px solid rgba(200,200,200,0.4); border-right:1px solid rgba(200,200,200,0.2); border-right:0; font:normal normal normal 100%/100% "Assistant",sans-serif;color:rgba(240,243,247,1); text-align:left; font-size: 15px; vertical-align: baseline; box- shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); box-shadow: inset 2px 2px 6px rgba(0,0,0,0.8), inset -2px -0px 6px rgba(0,0,0,0.8), inset -1px -1px 15px rgba(95,110,142,0.4); } #zsear_text:focus{ box-shadow: inset 1px 1px 10px rgba(200,200,200,0.05); padding-left:5px; border:0px solid white; background-color:#fafafa; border-radius:0px;color:#115aba;background-color: white; } #oo_page { /* ! dupliqué à la fin dans commun pour propriétés ! */ width:calc(100% - 280px);min-height:100%; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start; order:initial;flex:1 1 calc(100% - 280px); -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 calc(100% - 320px);flex:1 1 calc(100% - 320px); align-self:stretch; -ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; } #oo_marge { width:0px;height:100%; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; align-self:stretch; -ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; } #oo_link { width:15px;min-height:100%; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; align-self:stretch; -ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; background:#292f37; /* background:-webkit-linear-gradient(#333941,#292f37); background:-moz-linear-gradient(#333941,#292f37); background:-o-linear-gradient(#333941,#292f37); background:linear-gradient(#333941,#292f37); background-blend-mode: normal,multiply; */ background:-webkit-gradient(linear,right top, left top,from(rgb(00,16,50)),color-stop(8%, rgba(95,110,142,1)),color-stop(80%, rgb(00,03,10)),color-stop(94%, rgb(00,16,50)),to(rgb(00,03,10))); background:-o-linear-gradient(right,rgb(00,16,50),rgba(95,110,142,1)8%,rgb(00,03,10)80%,rgb(00,16,50)94%,rgb(00,03,10)); background:linear-gradient(to left,rgb(00,16,50),rgba(95,110,142,1)8%,rgb(00,03,10)80%,rgb(00,16,50)94%,rgb(00,03,10)); } #oo_link_img { order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; position:fixed;top:100px;right:12px;text-align:left; } #oo_navs_cont { width:210px; position:fixed;top:175px;left:7px; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:stretch; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; text-align:left; } #oo_nav2_cont { width:200px; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:stretch; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; position:fixed;bottom:62px;left:12px;text-align:left; } #oo_foot_cont { width:100%;height:0px; display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; background:-webkit-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:-o-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:linear-gradient(to top,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); } #oo_foot_resa { width:220px;height:60px; position:fixed;bottom:2px;left:2px;text-align:center; background:-webkit-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:-o-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:linear-gradient(to top,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); border-bottom: 2px solid rgba(107,157,227,1); akaka } #oo_foot { width:220px;height:50px; position:fixed;bottom:-7px;left:2px;text-align:center; order:initial;flex:0 0 auto;align-self:stretch; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; font-size: 12px;margin-bottom: 4px; color:#3c69a8;color:#447cc9;color:#4d86d6; } #oo_foot:hover { font-size: 12px; color:#4d86d6;text-shadow: -0.1px 0.1px 0px rgba(250,250,250,0.5); } #oo_barre_top { width:100%;height:2px;position:fixed;top:0px;left:0px;z-index:100; background: rgba(107,157,227,1); } #oo_barre_bottom { width:100%;height:2px;position:fixed;bottom:0px;left:0px;z-index:100; background: rgba(107,157,227,1); } } /*************************** Partie GRID ************************** 980 px */ /*************************** Partie GRID ************************** 980 px */ /*************************** Partie GRID ************************** 980 px */ /*************************** Partie GRID ************************** 980 px */ /*************************** Partie GRID ************************** 980 px */ @media all and (min-width:480px) and (max-width:980px) { #oo_cont { width:100%;height:100%;position:relative; } #oo_head { width:100%;height:0px; display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:center;align-content:center; background:-webkit-gradient(linear,left top, left bottom,from(rgb(00,16,50)),color-stop(8%, rgb(95,110,142)),color-stop(rgb(00,16,50)),color-stop(60%, rgb(00,03,10)),color-stop(94%, rgb(00,16,50)),to(rgb(00,03,10))); background:-webkit-linear-gradient(top,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); background:-o-linear-gradient(top,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); background:linear-gradient(to bottom,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); border-bottom:1px solid rgba(110,110,110,1); } #oo_logo { width:200px;height:80px; display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; position:fixed;top:2px;left:2px;text-align:left; background:-webkit-gradient(linear,left top, left bottom,from(rgb(00,16,50)),color-stop(8%, rgb(95,110,142)),color-stop(rgb(00,16,50)),color-stop(60%, rgb(00,03,10)),color-stop(94%, rgb(00,16,50)),to(rgb(00,03,10))); background:-webkit-linear-gradient(top,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); background:-o-linear-gradient(top,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); background:linear-gradient(to bottom,rgb(00,16,50),rgb(95,110,142)8%,rgb(00,16,50),rgb(00,03,10)60%,rgb(00,16,50)94%,rgb(00,03,10)); border-bottom: 1px solid rgba(110,110,110,1); border-top: 3px solid rgba(107,157,227,1); } #oo_logo_img { width:187px;height:77px; width:172px;height:77px; position: relative;top:-2px;left:-1px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #oo_logo_img:hover { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-animation: vibre 0.33s; animation: vibre 0.33s; } #oo_find { width: calc(100%-200px); height:30px; display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:flex-start; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:start;align-self:flex-start; } #oo_find_img { order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; position:fixed;top:2px;right:2px;text-align:left; } #oo_wrap { height:100%; display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; } #oo_main { width:200px;min-height:1080px; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; -webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px;align-self:stretch; -ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; background:#292f37; background:-webkit-linear-gradient(#333941,#292f37); background:-moz-linear-gradient(#333941,#292f37); background:-o-linear-gradient(#333941,#292f37); background:linear-gradient(#333941,#292f37); background-blend-mode: normal,multiply; -webkit-box-shadow: inset 1px 0px 2px rgba(0,0,0,0.5); box-shadow: inset 1px 0px 2px rgba(0,0,0,0.5); border-bottom:1px solid rgba(51,57,66,1); } #oo_tableau_bord { width:180px; height:82px; position:fixed;top:84px;left:12px; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:stretch; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; text-align:left; / * background:linear-gradient(to bottom,rgba(150,150,150,0.1),rgba(142,142,142,0.25) 8%,rgba(50,50,50,0.4),rgba(50,50,50,0.2) 95%,rgba(10,10,10,0.2)); background:linear-gradient(to bottom,rgba(150,150,150,0.1),rgba(142,142,142,0.45) 8%,rgba(50,50,50,0.4),rgba(50,50,50,0.2) 95%,rgba(10,10,10,0.2)); * / border-top:0.8px solid rgba(110,110,110,1); border-left:0.5px solid rgba(10,10,10,0.5); border-right:0.5px solid rgba(10,10,10,0.5); border-bottom:0.7px solid rgba(10,10,10,0.9); } #oo_connect { width:160px;height:45px;position:relative;top:6px; border-radius:5px; display:flex; flex-flow:row-reverse wrap; justify-content:right; align-items:center;align-items:flex-start; text-align:start; letter-spacing:-0.6px;font-weight: normal;font-size: 14px; color:#8db2e3;text-shadow: -0.8px -0.8px 0 rgba(0,0,0,0.55),0.1px 0.2px 0 rgba(175, 184, 204,0.75); box-shadow:0 0 10px rgba(80,80,80,0.5) inset; background:rgba(49,59,74,1); border-right:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); -webkit-box-shadow:inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); -moz-box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); color:rgba(230,240,255,1); background:-webkit-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-moz-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-o-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background-blend-mode: normal,multiply; border-bottom:1px solid rgba(200,200,200,0.4);border-right:1px solid rgba(200,200,200,0.2); box- shadow: inset 2px 2px 6px rgba(5,5,5,0.5), inset -2px -2px 6px rgba(5,5,5,0.5); box-shadow: inset 2px 2px 6px rgba(0,0,0,0.8), inset -2px -0px 6px rgba(0,0,0,0.8), inset -1px -1px 40px rgba(95,110,142,0.4); } #oo_connect_l1 { width:100%;height:25px;display:flex; flex-flow:row-reverse nowrap; justify-content:right; align-items:center;padding-right:10px;padding-top:2px;} #oo_connect_l2 { width:100%;height:20px;display:flex; flex-flow:row-reverse nowrap; justify-content:right; align-items:center;padding-right:3px;} #oo_connect a { text-decoration: none; letter-spacing: -0.6px;font-weight: normal;font-size: 14px; color:#8db2e3;text-shadow: -0.8px -0.8px 0 rgba(0,0,0,0.55),0.1px 0.2px 0 rgba(175, 184, 204,0.75);} #oo_deco_img { width:16px;height:16px;position:relative;top:2px;left:0px;margin-right: 5px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_connect_img_0 { width:25px;height:25px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_connect_img_1 { width:25px;height:25px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_connect_horloge { color:rgba(255,255,255,0.7);font-size: 11px; position:relative;top:-3px;left:0px; margin-right: 7px; } #oo_connect_name { font-size: 15px; position:relative;top:-4px;left:0px; margin-right: 5px; } #oo_addsrc_img { width:25px;height:25px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_chgsrc_img { width:25px;height:25px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_chgpad_img { width:25px;height:23px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_nav9 { width:25px;height:25px; position:relative;top:1px;left:0px; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:left;align-content:left; } #oo_nav9_img { z-index:200; width:25px;height:23px;position:relative;top:1px;left:0px; order:initial;flex:1 1 auto;align-self:center;-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_research { width:87%; height:22px; position:relative; top:-4px; display:flex; flex-flow:row-reverse nowrap; justify-content:center; align-items:center; -webkit-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; } #zsear_subm { display:inline-flex; } #zsear_form { display:inline-flex; border:0px solid white;} #zsear_form:focus { display:inline-flex; border:0px solid white; background: red;} #oo_research input[type=submit] { display:inline-flex; position:relative;top:10px; min-width:25px; height:22px; border-radius:0px; border-top-right-radius:30px; border-bottom-right-radius:30px; background: rgba(40,40,40,0.1); border: 1.5px solid rgba(180,180,180,0.4); background-image: url(/src/xx_20_sear.png); background-repeat: no-repeat; background-position: 2px 2px; background-size:18px; border: 0px solid rgba(180,180,180,0.4); border-bottom:1px solid rgba(200,200,200,0.4); border-right:1px solid rgba(200,200,200,0.2); border-left:0.7px solid rgba(200,200,200,0.3); font:normal normal normal 100%/100% "Assistant",sans-serif;color:rgba(240,243,247,1); text-align:left; font-size: 13px; vertical-align: baseline; box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); } #zsear_text{ width:50%; height:22px; flex: 1 1 auto; position:relative;top:10px;left:1px; padding-left:5px; background:-webkit-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-moz-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-o-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background-blend-mode: normal,multiply; border-radius:0px; border-top-left-radius:30px; border-bottom-left-radius:30px; border: 0px solid rgba(180,180,180,0.4); border-bottom:1px solid rgba(200,200,200,0.4); border-right:1px solid rgba(200,200,200,0.2); border-right:0; font:normal normal normal 100%/100% "Assistant",sans-serif;color:rgba(240,243,247,1); text-align:left; font-size: 15px; vertical-align: baseline; box- shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); box-shadow: inset 2px 2px 6px rgba(0,0,0,0.8), inset -2px -0px 6px rgba(0,0,0,0.8), inset -1px -1px 15px rgba(95,110,142,0.4); } #zsear_text:focus{ box-shadow: inset 1px 1px 10px rgba(200,200,200,0.05); padding-left:5px; border:0px solid white; background-color:#fafafa;border-radius:0px;color:#115aba;background-color: white; } #oo_page { /* ! dupliqué à la fin dans commun pour propriétés ! */ width:calc(100% - 200px);min-height:100%; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start; order:initial;flex:1 1 calc(100% - 200px); -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 calc(100% - 200px);flex:1 1 calc(100% - 200px); align-self:stretch; -ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; } #oo_marge { width:20px;min-height:100%; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; align-self:stretch; -ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; background:#292f37; /* background:-webkit-linear-gradient(#333941,#292f37); background:-moz-linear-gradient(#333941,#292f37); background:-o-linear-gradient(#333941,#292f37); background:linear-gradient(#333941,#292f37); background-blend-mode: normal,multiply; */ border-top:1px solid rgba(110,110,110,1); border-bottom:1px solid rgba(85,85,85,1); background:-webkit-gradient(linear,right top, left top,from(rgb(00,16,50)),color-stop(8%, rgba(95,110,142,1)),color-stop(80%, rgb(00,03,10)),color-stop(94%, rgb(00,16,50)),to(rgb(00,03,10))); background:-o-linear-gradient(right,rgb(00,16,50),rgba(95,110,142,1)8%,rgb(00,03,10)80%,rgb(00,16,50)94%,rgb(00,03,10)); background:linear-gradient(to left,rgb(00,16,50),rgba(95,110,142,1)8%,rgb(00,03,10)80%,rgb(00,16,50)94%,rgb(00,03,10)); } #oo_link { /* en médium, le link passe en bas (et est mis à 0 épaisseur) */ width:100%;height:0px;position:absolute;bottom:0;right:0;left:0; display:flex;flex-flow:column wrap;justify-content:center;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; } #oo_link_img { width:50px; order:initial;flex:0 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; transform: rotate(90deg); -webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); } #oo_navs_cont { width:180px; position:fixed;top:165px;left:12px; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:stretch; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; text-align:left; } #oo_nav2_cont { width:180px; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:stretch; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; position:fixed;bottom:62px;left:12px;text-align:left; } #oo_foot_cont { width:100%;height:0px; display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; background:-webkit-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:-o-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:linear-gradient(to top,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); } #oo_foot_resa { width:200px;height:60px; position:fixed;bottom:2px;left:2px;text-align:center; background:-webkit-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:-o-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:linear-gradient(to top,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); border-bottom: 2px solid rgba(107,157,227,1); akaka } #oo_foot { width:200px;height:50px; position:fixed;bottom:-7px;left:3px;text-align:center; order:initial;flex:0 0 auto;align-self:stretch; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; font-size: 12px;margin-bottom: 4px; color:#3c69a8;color:#447cc9;color:#4d86d6; } #oo_foot:hover { font-size: 12px;color:#4d86d6; text-shadow: -0.1px 0.1px 0px rgba(250,250,250,0.5); } #oo_barre_top { width:100%;height:2px;position:fixed;top:0px;left:0px;z-index:100; background: rgba(107,157,227,1); } #oo_barre_bottom { width:100%;height:2px;position:fixed;bottom:0px;left:0px;z-index:100; background: rgba(107,157,227,1); } } /*************************** Partie GRID ************************** 480 px */ /*************************** Partie GRID ************************** 480 px */ /*************************** Partie GRID ************************** 480 px */ /*************************** Partie GRID ************************** 480 px */ /*************************** Partie GRID ************************** 480 px */ @media all and (max-width:480px) { #oo_cont { width:100%;height:100%; } #oo_head { width:100%;height:140px; display:flex;flex-flow:column wrap;justify-content:space-evenly;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; background:-webkit-gradient(linear,left top, left bottom,from(rgba(00,11,50,1)),color-stop(8%, rgba(95,105,142,1)),color-stop(rgba(00,11,50,1)),color-stop(95%, rgba(00,11,50,1)),to(rgba(00,02,10,1))); background:-webkit-linear-gradient(top,rgba(00,11,50,1),rgba(95,105,142,1) 8%,rgba(00,11,50,1),rgba(00,11,50,1) 95%,rgba(00,02,10,1)); background:-o-linear-gradient(top,rgba(00,11,50,1),rgba(95,105,142,1) 8%,rgba(00,11,50,1),rgba(00,11,50,1) 95%,rgba(00,02,10,1)); background:linear-gradient(to bottom,rgba(00,11,50,1),rgba(95,105,142,1) 8%,rgba(00,11,50,1),rgba(00,11,50,1) 95%,rgba(00,02,10,1)); border-bottom:1px solid black; } #oo_logo { width:300px;height:140px;width:100%; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; border-top: 3px solid rgba(107,157,227,1); } #oo_logo_img { width:280px;height:135px; position: relative;right:6px;top :-5px; flex:1 1 auto;align-self:flex-start; -webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:start;align-self:flex-start; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } #oo_find { width: 200px; height:30px; display:flex;flex-flow:column wrap;justify-content:center;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; } #oo_find_img { flex:0 1 auto;align-self:center; -webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_wrap { height:100%;position:relative; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; padding-bottom:50px; } #oo_main { width:100%;height:0%; display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; background:#292f37; background:-webkit-linear-gradient(#333941,#292f37); background:-moz-linear-gradient(#333941,#292f37); background:-o-linear-gradient(#333941,#292f37); background:linear-gradient(#333941,#292f37); background-blend-mode: normal,multiply; border-top:1px solid rgba(110,110,110,1); border-bottom:1px solid rgba(10,10,10,1); } #oo_tableau_bord { width:90%;height:122px; display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; background:linear-gradient(to bottom,rgba(150,150,150,0.1),rgba(142,142,142,0.45) 8%,rgba(50,50,50,0.4),rgba(50,50,50,0.2) 95%,rgba(10,10,10,0.2)); background:linear-gradient(to bottom,rgba(150,150,150,0.1),rgba(255,255,255,0.25) 3%,rgba(142,142,142,0.7) 8%,rgba(142,142,142,0.45) 15%,rgba(90,90,90,0.35) 45%,rgba(50,50,50,0.15) 95%,rgba(10,10,10,0.2) 99%); border-top:0.8px solid rgba(110,110,110,1); border-left:0.5px solid rgba(10,10,10,0.5); border-right:0.5px solid rgba(10,10,10,0.5); border-bottom:0.7px solid rgba(10,10,10,0.9); } #oo_connect { width:90%;height:70px;position:relative;top:5px; border-radius:5px; display:flex; flex-flow:row-reverse wrap; justify-content:right; align-items:center;align-items:flex-start; text-align:start; letter-spacing:-0.6px;font-weight: normal;font-size:17px; color:#8db2e3;text-shadow: -0.8px -0.8px 0 rgba(0,0,0,0.55),0.1px 0.2px 0 rgba(175, 184, 204,0.75); box-shadow:0 0 50px rgba(150,150,160,0.4) inset; background:rgba(49,59,74,1); border-right:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); -webkit-box-shadow:inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); -moz-box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); color:rgba(230,240,255,1); background:-webkit-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-moz-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-o-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background-blend-mode: normal,multiply; border-bottom:1px solid rgba(200,200,200,0.4);border-right:1px solid rgba(200,200,200,0.2); } #oo_connect_l1 { width:100%;height:38px;display:flex; flex-flow:row-reverse nowrap; justify-content:right; align-items:center;padding-right:12px;} #oo_connect_l2 { width:100%;height:38px;display:flex; flex-flow:row-reverse nowrap; justify-content:right; align-items:center;padding-right:3px;} #oo_connect a { text-decoration: none; letter-spacing: -0.6px;font-weight: normal;font-size: 25px; color:#8db2e3;text-shadow: -0.8px -0.8px 0 rgba(0,0,0,0.55),0.1px 0.2px 0 rgba(175, 184, 204,0.75);} #oo_deco_img { width:31px;height:31px;position:relative;top:1.5px;left:0px; margin-right: 5px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_connect_img_0 { width:40px;height:40px;position:relative;top:0px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_connect_img_1 { width:40px;height:40px;position:relative;top:0px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_connect_horloge { color:rgba(255,255,255,0.7);font-size: 17px; position:relative;top:-5px;left:0px; margin-right: 9px; } #oo_connect_name { font-size: 25px; position:relative;top:-7px;left:0px; margin-right: 5px; } #oo_addsrc_img { width:40px;height:40px;position:relative;top:0px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_chgsrc_img { width:40px;height:40px;position:relative;top:0px;left:0px; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_chgpad_img { width:40px;height:36px; position:relative;top:0px;left:0px; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:left;align-content:left; } #oo_nav9 { width:38px;height:36px; position:relative;top:0px;left:0px; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:left;align-content:left; } #oo_nav9_img { z-index:200; width:38px;height:36px; position:relative;top:0px;left:0px; order:initial;flex:1 1 auto;align-self:center;-webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_research { width:100%; height:40px; display:flex; flex-flow:row-reverse nowrap; justify-content:center; align-items:center; -webkit-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; } #zsear_subm { display:inline-flex; } #zsear_form { display:inline-flex; border:0px solid white;} #zsear_form:focus { display:inline-flex; border:0px solid white; background: red;} #oo_research input[type=submit] { min-width:40px; height:40px;display:inline-flex; position:relative;top:6px; border-radius:0px; border-top-right-radius:30px; border-bottom-right-radius:30px; background: rgba(40,40,40,0.1); border: 1.5px solid rgba(180,180,180,0.4); background-image: url(/src/xx_20_sear.png); background-repeat: no-repeat; background-position: 3px 4px; background-size:30px; border: 0.7px solid rgba(180,180,180,0.4); border-bottom:1px solid rgba(200,200,200,0.4); border-right:1px solid rgba(200,200,200,0.2); border-left:0.7px solid rgba(200,200,200,0.3); box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); } #zsear_text{ background:-webkit-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-moz-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:-o-linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background:linear-gradient(rgba(51, 57, 65,0.1),rgba(41, 47, 55,0.2)); background-blend-mode: normal,multiply; } #zsear_text{ width:50%; height:40px; flex: 1 1 auto; position:relative;top:6px;left:1px; border-radius:0px; border-top-left-radius:30px; border-bottom-left-radius:30px; padding-left:5px; border: 0.7px solid rgba(180,180,180,0.4); border-bottom:1px solid rgba(200,200,200,0.4); border-right:1px solid rgba(200,200,200,0.2); border-right:0; font:normal normal normal 100%/100% "Assistant",sans-serif;color:rgba(240,243,247,1); text-align:left; font-size: 22px; vertical-align: baseline; box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 4px rgba(0,0,0,0.9); box-shadow-right: inset 0px 0px 0px rgba(27,30,34,0),inset 0px 0px 0px rgba(0,0,0,0); box-shadow: inset 2px 2px 6px rgba(0,0,0,0.8), inset -2px -0px 6px rgba(0,0,0,0.8), inset -1px -1px 15px rgba(95,110,142,0.4); } #zsear_text:focus{ box-shadow: inset 1px 1px 10px rgba(200,200,200,0.05); padding-left:5px; border:0px solid white; background-color:#fafafa;border-radius:0px;color:#115aba;background-color: white; } #oo_page { /* ! dupliqué à la fin dans commun pour propriétés ! */ width:100%;min-height:100%; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; } #oo_marge { width:0px;height:0px; display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; align-self:stretch; -ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; } #oo_link { width:100%;height:50px;position:absolute;bottom:0;left:0;right:0; display:flex;flex-flow:column wrap;justify-content:center;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; border-top:2px solid black; background:#292f37; background:-webkit-linear-gradient(#333941,#292f37); background:-moz-linear-gradient(#333941,#292f37); background:-o-linear-gradient(#333941,#292f37); background:linear-gradient(#333941,#292f37); background-blend-mode: normal,multiply; border-bottom:1px solid rgba(20,20,20,1); } #oo_link_img { width:50px; order:initial;flex:0 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #oo_navs_cont { width:90%; display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:center; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center; min-height:410px; /* en version mobile, le menu remplit la 1ère page */ } #oo_nav2_cont { width:90%; display:flex;flex-flow:column wrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; order:initial;flex:1 1 auto;align-self:stretch; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch; } #oo_foot_cont { width:100%;height:70px; display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;align-content:center; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center; background-image: -webkit-gradient(linear, left top, left bottom, from(#1c1c44), color-stop(97%, #000030)); background-image: -webkit-linear-gradient(top, #1c1c44 0%, #000030 97%); background-image: -o-linear-gradient(top, #1c1c44 0%, #000030 97%); background-image: linear-gradient(-180deg, #1c1c44 0%, #000030 97%); background:-webkit-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:-o-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:linear-gradient(to top,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:-webkit-linear-gradient(bottom,rgba(17,23,48,1),rgba(00,03,10,1)8px,rgba(95,110,142,1)11px,rgba(17, 23, 48,1)18%,rgba(17, 23, 48,1)90%,rgba(00,03,10,1)); background:-o-linear-gradient(bottom,rgba(17,23,48,1),rgba(00,03,10,1)8px,rgba(95,110,142,1)11px,rgba(17, 23, 48,1)18%,rgba(17, 23, 48,1)90%,rgba(00,03,10,1)); background:linear-gradient(to top,rgba(17,23,48,1),rgba(00,03,10,1)8px,rgba(95,110,142,1)11px,rgba(17, 23, 48,1)18%,rgba(17, 23, 48,1)90%,rgba(00,03,10,1)); border-top:1px solid rgba(00,16,50,1); border-bottom:1px solid rgba(10,10,10,1); } #oo_foot_resa { width:0px;height:70px; background-image: -webkit-gradient(linear, left top, left bottom, from(#1c1c44), color-stop(97%, #000030)); background-image: -webkit-linear-gradient(top, #1c1c44 0%, #000030 97%); background-image: -o-linear-gradient(top, #1c1c44 0%, #000030 97%); background-image: linear-gradient(-180deg, #1c1c44 0%, #000030 97%); background:-webkit-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:-o-linear-gradient(bottom,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:linear-gradient(to top,rgb(17,23,48),rgba(0,3,10,1)9px,rgb(95,110,142)10px,rgb(17,23,48)18%,rgb(17,23,48)90%,rgb(0,3,10)); background:-webkit-linear-gradient(bottom,rgba(17,23,48,1),rgba(00,03,10,1)8px,rgba(95,110,142,1)11px,rgba(17, 23, 48,1)18%,rgba(17, 23, 48,1)90%,rgba(00,03,10,1)); background:-o-linear-gradient(bottom,rgba(17,23,48,1),rgba(00,03,10,1)8px,rgba(95,110,142,1)11px,rgba(17, 23, 48,1)18%,rgba(17, 23, 48,1)90%,rgba(00,03,10,1)); background:linear-gradient(to top,rgba(17,23,48,1),rgba(00,03,10,1)8px,rgba(95,110,142,1)11px,rgba(17, 23, 48,1)18%,rgba(17, 23, 48,1)90%,rgba(00,03,10,1)); } #oo_foot { height:50px;padding-top: 10px; order:initial;flex:1 1 auto; -webkit-box-ordinal-group:initial;-ms-flex-order:initial;order:initial;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto; font-size: 1.0em;line-height: 15px;text-align:center; color:#3c69a8;color:#447cc9;color:#4d86d6; } #oo_foot:hover { font-size: 1.0em;color:#4d86d6; text-shadow: -0.1px 0.1px 0px rgba(250,250,250,0.5); } #oo_barre_top { width:0px;height:0px;background:transparent; } #oo_barre_bottom { width:0px;height:0px;background:transparent; } } /*************************** Partie NAV Commun ***************************/ /*************************** Partie NAV Commun ***************************/ /*************************** Partie NAV Commun ***************************/ /*************************** Partie NAV Commun ***************************/ /*************************** Partie NAV Commun ***************************/ .button { vertical-align: top;padding: 0px 0px;cursor: pointer; color: #111; text-align: center;text-decoration: none; text-shadow: 0 0 2px rgba(255, 255, 255, 1); background-color: #ccc;background-clip: padding-box; border: 1px solid;border-color: #202020 #1a1a1a #111;border-radius: 2px; background-image: -webkit-linear-gradient(top, #efefef, #777); background-image: -moz-linear-gradient(top, #efefef, #777); background-image: -o-linear-gradient(top, #efefef, #777); background-image: linear-gradient(to bottom, #efefef, #777); -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.09), 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px rgba(255, 255, 255, 0.09), 0px 1px 1px rgba(0, 0, 0, 0.2); } .button:hover { background-color: #aaaaaa; background-image: -webkit-linear-gradient(top, #ccc, #555); background-image: -moz-linear-gradient(top, #ccc, #555); background-image: -o-linear-gradient(top, #ccc, #555); background-image: linear-gradient(to bottom, #ccc, #555); } .button:active, .button.active { background-color: #b42f32; border-color: #1c1c1c #202020 #222; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.09); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.09); } .rounded {border-radius:100em!important;}/* 100em */ .lightGrey { color: #bbb;text-shadow: 0 0 2px rgba(0, 0, 0,0.7); background-color: #303030; border-color: #1c1c1c #202020 #222; background-image: -webkit-linear-gradient(top, #404040, #2a2a2a); background-image: -moz-linear-gradient(top, #404040, #2a2a2a); background-image: -o-linear-gradient(top, #404040, #2a2a2a); background-image: linear-gradient(to bottom, #404040, #2a2a2a); } .lightGrey:hover { background-color: #313131; background-image: -webkit-linear-gradient(top, #7b7b7b, #2a2a2a); background-image: -moz-linear-gradient(top, #7b7b7b, #2a2a2a); background-image: -o-linear-gradient(top, #7b7b7b, #2a2a2a); background-image: linear-gradient(to bottom, #7b7b7b, #2a2a2a); } .darkGrey { /* celui utilisé */ color: #bbb;text-shadow: 0 0 2px rgba(0, 0, 0,0.7); border-color: #1c1c1c #202020 #222; background:#313b4a; background:-webkit-gradient(linear, left top, right top, from(#464449),color-stop(#6e7082),to(#464449)); background:-webkit-linear-gradient(left, #464449,#6e7082,#464449); background:-o-linear-gradient(left, #464449,#6e7082,#464449); background:linear-gradient(90deg, #464449,#6e7082,#464449); border-right:1px solid rgba(55,55,55,0.1); border-bottom:1px solid rgba(55,55,55,0.1); -webkit-box-shadow:inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 5px rgba(0,0,0,0.9); -moz-box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 5px rgba(0,0,0,0.9); box-shadow: inset 1px 1px 0px rgba(27,30,34,0.5),inset 0px 0px 5px rgba(0,0,0,0.9); /* background:red; */ /* FLASH WAOOW */ } .darkGrey:hover { /* celui utilisé */ background:#49474c; background:-webkit-gradient(linear, left top, right top, from(#49474c),color-stop(#767889),to(#49474c)); background:-webkit-linear-gradient(left, #49474c,#767889,#49474c); background:-o-linear-gradient(left, #49474c,#767889,#49474c); background:linear-gradient(90deg, #49474c,#767889,#49474c); border-right:1px solid rgba(55,55,55,0.1); border-bottom:1px solid rgba(55,55,55,0.1); -webkit-box-shadow:inset 1px 1px 0px rgba(27,30,34,0.4),inset 0px 0px 5px rgba(0,0,0,0.6); -moz-box-shadow: inset 1px 1px 0px rgba(27,30,34,0.4),inset 0px 0px 5px rgba(0,0,0,0.6); box-shadow: inset 1px 1px 0px rgba(27,30,34,0.4),inset 0px 0px 5px rgba(0,0,0,0.6); } /*************************** Partie NAV1 ***************************/ /*************************** Partie NAV1 ***************************/ /*************************** Partie NAV1 ***************************/ /*************************** Partie NAV1 ***************************/ /*************************** Partie NAV1 ***************************/ .oo_nav1 { transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-transition: text-shadow 0.2s ease; -moz-transition: text-shadow 0.2s ease; -o-transition: text-shadow 0.2s ease; transition: text-shadow 0.2s ease; } @media all and (max-width:480px) { .oo_nav1 { transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; -webkit-transition: text-shadow 0.1s ease; -moz-transition: text-shadow 0.1s ease; -o-transition: text-shadow 0.1s ease; transition: text-shadow 0.1s ease; -webkit-transform:translateZ(0); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition:left 0.5s; -webkit-overflow-scrolling:touch; } } /*********** Tailles ************/ /*
  • */ /* pseudo-sciences */ /* */ /*
    • */ .oo_nav1 a, .oo_nav1 span {display: block;} /* Menus principaux */ @media all and (min-width:980px) { .oo_nav1 {width:200px;} .oo_nav1 .oo_toggle1 a, .oo_nav1 .oo_toggle1 span {padding: 11px 0px;margin: 3px; border-radius: 3px;} /* Taille des menus principaux fermés */ .oo_nav1 .open a, .oo_nav1 .open span {padding: 11px 0px;margin: 3px; border-radius: 3px;} /* Taille des menus principaux ouverts */ .oo_nav1 .oo_menu1 {margin:2px 4px;padding: 1px 7px;} /* Taille sous-menus extérieur (le cadre du bleu) */ .oo_nav1 ul.oo_menu1 a {background:none; margin:2px 0px; padding:0px;padding-bottom:2px;vertical-align:middle;} /* taille sous-menus (article bleu) */ } @media all and (min-width:480px) and (max-width:980px) { .oo_nav1 {width:180px;} .oo_nav1 .oo_toggle1 a, .oo_nav1 .oo_toggle1 span {padding: 11px 0px;margin: 3px; border-radius: 3px;} /* Taille des menus principaux fermés */ .oo_nav1 .open a, .oo_nav1 .open span {padding: 11px 0px;margin: 3px; border-radius: 3px;} /* Taille des menus principaux ouverts */ .oo_nav1 .oo_menu1 {margin:2px 4px;padding: 1px 7px;} /* Taille sous-menus extérieur (le cadre du bleu) */ .oo_nav1 ul.oo_menu1 a {background:none; margin:2px 0px; padding:0px;padding-bottom:2px;vertical-align:middle;} /* taille sous-menus (article bleu) */ } @media all and (max-width:480px) { .oo_nav1 {width:100%;} .oo_nav1 .oo_toggle1 a, .oo_nav1 .oo_toggle1 span {padding: 15px 0px;margin: 4px; border-radius: 3px;} /* Taille des menus principaux fermés */ .oo_nav1 .open a, .oo_nav1 .open span {padding: 15px 0px;margin: 4px; border-radius: 3px;} /* Taille des menus principaux ouverts */ .oo_nav1 .oo_menu1 {margin:4px 4px;padding: 1px 7px;} /* Taille sous-menus extérieur (le cadre du bleu) */ .oo_nav1 ul.oo_menu1 a {background:none;margin:2px 0px; padding: 8px 3px;vertical-align:middle;} /* taille sous-menus (article bleu) */ .oo_nav1 .oo_toggle1 {float: center;} } /*********** Fonds ************/ /*
  • */ /* pseudo-sciences */ /* */ /*
    • */ .oo_nav1 .oo_toggle1 a, .oo_nav1 .oo_toggle1 span { /* Menus principaux FERME */ border-top: 1px solid rgba(255,255,255,0.2); border-left: 1px solid rgba(90,90,90,0.5); border-right:1px solid rgba(0,0,0,0.3); border-bottom:1px solid rgba(0,0,0,0.8); background:#2d343d; -webkit-box-shadow:inset 0px -1px 0px rgba(27,30,34,0.5),inset 0 -2px 3px rgba(0,0,0,0.3); -moz-box-shadow:inset 0px -1px 0px rgba(27,30,34,0.5),inset 0 -2px 3px rgba(0,0,0,0.3); box-shadow:inset 0px -1px 0px rgba(27,30,34,0.5),inset 0 -2px 3px rgba(0,0,0,0.3); /*effet gaufré*/ background:-moz-repeating-linear-gradient(top, #333941, #292f37 2px, #333941 2px ); background:-o-repeating-linear-gradient(top, #333941, #292f37 2px, #333941 2px ); background:-webkit-repeating-linear-gradient(top, #333941, #292f37 2px, #333941 2px ); background:repeating-linear-gradient(top, #333941, #292f37 2px, #333941 2px ); /* background:-webkit-linear-gradient(45deg,#292f37,#333941 15%,#292f37,#353b43 60%); background:-moz-linear-gradient(45deg,#292f37,#333941 15%,#292f37,#353b43 60%); background:-o-linear-gradient(45deg,#292f37,#333941 15%,#292f37,#353b43 60%); background:linear-gradient(45deg, #292f37,#333941 15%,#292f37,#353b43 60%); */ } .oo_nav1 .open a, .oo_nav1 .open span { /* Menus principaux OUVERT */ } .oo_nav1 ul.oo_menu1 , .oo_nav1 ul { /* LES Sous menus */ border-radius:0px;background:rgba(255,255,255,0);box-shadow:0px 0px 0px 0px rgba(1,1,1,0);border: 0px solid rgba(90,90,90,0); } .oo_nav1 ul.oo_menu1 li { /* UN Sous menus */ border-radius:4px; margin:0px;margin-top:3px;margin-bottom:3px;padding-bottom:1px;padding-top:0px; border: 1px solid rgba(250,250,250,0.7); border: 0.7px solid rgba(233,237,243,0.8); background: linear-gradient(rgba(116,155,207,0.8) 15%, rgba(92,137,199,0.7)); /* même bleu = trop flash ? */ /* background: linear-gradient(rgba(92,137,199,0.7) 5%, rgba(121, 159, 209,0.9) 99% ); background: rgba(109,148,196,1); background: rgba(77, 128, 191,1); background: rgba(94,136,193,1); background: rgba(141,170,210,1); background: rgba(76, 121, 176,1); */ box-shadow: inset 0.7px 0.7px 0px rgba(30,30,30,0.3), inset -0.7px -0.7px 0px rgba(30,30,30,0.3) ; } .oo_nav1 .oo_menu1 a { /* UN Sous menus - tout effacé */ border-radius:0px;background:rgba(255,255,255,0);box-shadow:0px 0px 0px 0px rgba(1,1,1,0);border: 0px solid rgba(90,90,90,0); } .oo_nav1 .oo_menu1 { /* Sous-menus - cadre du groupe de bleu */ /* border-top: 1px solid rgba(33,35,38,0.7); border-left: 1px solid rgba(33,35,38,0.7); border-right: 1px solid rgba(141,162,191,0.2); border-bottom: 1px solid rgba(141,162,191,0.2); */ } @media all and (min-width:480px) { /* Sous-menus - cadre d'un article */ .oo_nav1 ul.oo_menu1 a { /* border-top:1px solid rgba(20,20,20,1); */ } } .oo_nav1 a:active { /* Ombre quand appuyé */ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.09), 0 1px rgba(255, 255, 255, 0.09); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.09), 0 1px rgba(255, 255, 255, 0.09); } /*********** Polices ************/ /* */ @media all and (min-width:480px) { .oo_nav1 { font:normal normal normal 100%/100% "Roboto",sans-serif;color:white;text-align:right;list-style:none; } .oo_nav1 .oo_toggle1 {font-size: 1.1em;} /* Menus */ .oo_nav1 ul.oo_menu1 li, .oo_nav1 ul.oo_menu1 a { /* Sous-menus */ font-family: "Open Sans",sans-serif;font-size: 0.79em; font-size: 0.87em; } } @media all and (max-width:480px) { .oo_nav1 { font:normal normal normal 100%/100% "Roboto",sans-serif;color:white;text-align:right;list-style:none; } .oo_nav1 .oo_toggle1 {font-size:1.3em;} /* Menus */ .oo_nav1 ul.oo_menu1 li, .oo_nav1 ul.oo_menu1 a { /* Sous-menus */ font-family: "Open Sans",sans-serif;font-size:0.80em; } } .oo_nav1 a, .oo_nav1 span {text-decoration: none;} /* Menus principaux */ .oo_nav1 a:hover, .oo_nav1 a:focus, .oo_nav1 a:active, .oo_nav1 a:visited {text-decoration: none;} .oo_nav1 ul.oo_menu1 {list-style-position: outside;list-style-type: disclosure-closed; list-style: none;} /*********** Textes ************/ /*
  • */ /* --- */ /* */ /*
    • */ /********** MENU PRINCIPAUX **********/ .oo_nav1 a, .oo_nav1 a:active, .oo_nav1 span { /* De base */ letter-spacing: -0.2px;font-weight: normal; color:rgba(101,101,122,0.8);text-shadow: -0.8px -0.8px 0 rgba(0,0,0,0.55),0.1px 0.1px 0 rgba(118, 120, 137,1.0); } .oo_nav1 a:hover { /* Survolé, couleur soutenue */ color:rgba(140, 140, 158,0.6); text-shadow: -0.8px -0.8px 0 rgba(0,0,0,0.55),0.1px 0.2px 0 rgba(175, 184, 204,0.75); } .oo_nav1 .open a:focus, .oo_nav1 .open a:active { /* Pointé/cliqué ou OUVERT */ /* version gris */ /* color:rgba(194, 194, 198,0.6); text-shadow: -0.8px -0.8px 0 rgba(0,0,0,0.55),0.1px 0.2px 0 rgba(175, 184, 204,0.75), 0 0 10px #aac2ff,0 0 30px #aac2ff, 1.5px 1.5px 1px black; */ /* version bleu */ color:rgba(109,148,196,1); color:rgba(123,162,209,0.9); color:rgba(141,178,227,0.9); /* bleu */ color:white; color:rgba(255,255,255,0.7); /* blanc */ text-shadow: -0.8px -0.8px 0 rgba(0,0,0,0.55), 0.1px 0.2px 0 rgba(175, 184, 204,0.75), 0 0 38px rgba(166,204,255,0.6), 1.5px 1.5px 2px black; */ } /********** SOUS-MENU **********/ .oo_nav1 .oo_menu1 a, .oo_nav1 .oo_menu1 a:active, .oo_nav1 .oo_menu1 span { /* De base */ letter-spacing:-0.1px; font-weight:400; color:#f9fcff; text-shado w: -0.5px -0.5px 0px rgba(0,0,0,1), 0.1px 0.2px 0 rgba(175, 184, 204,0.9), 0 0 38px rgba(166,204,255,0.9); text-shado w: -0.9px -0.8px 0px rgba(63,101,143,1); text-shad ow: -0.7px -0.7px 0px rgba(47, 66, 87,1); col or:rgba(22,22,22,1); col or:#115aba; font-w eight:600; text -shadow: 0.4px -0.9px 0px rgba(175,207,250,0.8); /* blanc */ text -shadow:0.4px -0.9px 0px rgba(175,207,250,0.7), /* blanc haut droite */ -0.1px -0.1px 5px rgba(145,180,227,0.4), 0.1px 0.1px 5px rgba(145,180,227,0.4); text-shadow: 0px 0px 0px rgba(175,207,250,0); /* blanc */ } .oo_nav1 .oo_menu1 a:hover { /* Survolé, couleur soutenue */ letter-spacing:-0.1px; font-weight:600; color:#f9fcff; text-shadow: -0.5px -0.5px 0px rgba(0,0,0,1), 0.1px 0.2px 0 rgba(175, 184, 204,0.9), 0 0 38px rgba(166,204,255,0.9); -webkit-transition: text-shadow 0.1s ease; -moz-transition: text-shadow 0.1s ease; -o-transition: text-shadow 0.1s ease; transition: text-shadow 0.1s ease; col or:black;col or:#115aba; text-sh adow:0.4px -0.9px 0px rgba(175,207,250,1), /* blanc haut droite */ -0.1px -0.1px 5px rgba(145,180,227,1), 0.1px 0.1px 5px rgba(145,180,227,1); text-s hadow: 0px 0px 0px rgba(175,207,250,0); /* blanc */ } .oo_nav1 .oo_menu1 .open a:focus { /* Pointé/cliqué ou OUVERT */ letter-spacing:-0.1px; font-weight:600; color:#f9fcff; text-shadow: -0.5px -0.5px 0px rgba(0,0,0,1), 0.1px 0.2px 0 rgba(175, 184, 204,0.9), 0 0 38px rgba(166,204,255,0.9); col or:rgba(40,46,54,1); co lor:#115aba; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #5999f2, 0 0 30px #5999f2; text-shadow:-0.1px -0.1px 2px rgba(145,180,227,0.9), 0.1px 0.1px 2px rgba(145,180,227,0.9); text-shadow: 0px 0px 0px rgba(175,207,250,0); /* blanc */ } /*************************** Partie NAV2 ***************************/ /*************************** Partie NAV2 ***************************/ /*************************** Partie NAV2 ***************************/ /*************************** Partie NAV2 ***************************/ /*************************** Partie NAV2 ***************************/ .oo_nav2 { transition: all 0.0s; -webkit-transition: all 0.0s; -o-transition: all 0.0s; transition: all 0.0s; font:normal normal normal 100%/100% "Arima Madurai",sans-serif;color:white;text-align:center; } @media all and (min-width:980px) { .oo_nav2 { width:200px;font-size: 0.9em ;list-style: none; } } @media all and (min-width:480px) and (max-width:980px) { .oo_nav2 { width:180px;font-size: 0.9em ;list-style: none; } } @media all and (max-width:480px) { .oo_nav2 { width:100%;font-size: 0.9em ;list-style: none; } .oo_nav2 .oo_toggle2 {float: center;} } .oo_nav2 a, .oo_nav2 span { /* Menus principaux - texte */ display: block; padding: 2px 2px;text-decoration: none; color:rgba(60,105,168,1);/*bleu de base*/ text-shadow:-0.7px -0.7px 0 rgba(0,0,20,0.8), 0.7px 0.7px 0 rgba(152,193,249,0.6);/*creusé bleu menu*/ } .oo_nav2 .oo_toggle2 a, .oo_nav2 .oo_toggle2 span { /* Menus principaux - fonds quand fermé */ padding: 6px 0px; /* Taille des menus principaux */ background-image: -webkit-linear-gradient(bottom, #454545, #303030); background-image: -moz-linear-gradient(bottom, #454545, #303030); background-image: -o-linear-gradient(bottom, #454545, #303030); background-image: linear-gradient(to top, #454545, #303030); border-top:1px solid rgba(0,0,0,0.5);border-bottom:1px solid rgba(0,0,0,0.5); border-right:1px solid rgba(0,0,0,0.5);border-left:1px solid rgba(0,0,0,0.5); } .oo_nav2 .open a, .oo_nav2 .open span { /* Menus principaux - fonds quand ouvert */ background-image: -webkit-linear-gradient(bottom, rgba(90,90,90,0.7) 10%, rgba(50,50,50,1) ); background-image: -moz-linear-gradient(bottom, rgba(90,90,90,0.7) 10%, rgba(50,50,50,1) ); background-image: -o-linear-gradient(bottom, rgba(90,90,90,0.7) 10%, rgba(50,50,50,1) ); background-image: linear-gradient(to top, rgba(90,90,90,0.7) 10%, rgba(50,50,50,1) ); border-top:1px solid rgba(0,0,0,1);border-bottom:1px solid rgba(0,0,0,1); border-right:1px solid rgba(0,0,0,1);border-left:1px solid rgba(0,0,0,1); } .oo_nav2 a:hover, .oo_nav2 a:focus, .oo_nav2 a:active, .oo_nav2 a:visited { text-decoration: none; } .oo_nav2 a:hover { /* Survolé */ color:rgb(89, 153, 242);/*bleu soutenu*/color:#5e9cf2; text-shadow:-0.7px -0.7px 0 rgba(0,0,20,0.8), 0.7px 0.7px 0 rgba(152,193,249,0.6);/*creusé bleu menu*/ } .oo_nav2 a:active { -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.09); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.09); color:rgba(60,105,168,1); /*bleu de base*//* Bleu 5C89C7 */ text-shadow:-0.7px -0.7px 0 rgba(0,0,20,0.8), 0.7px 0.7px 0 rgba(152,193,249,0.6);/*creusé bleu menu*/ } .oo_nav2 .open a:focus { /* Activé - ouvert */ color:#ddebff; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #5999f2, 0 0 30px #5999f2; } .oo_nav2 .oo_menu2 { border-left: 1px solid #4e5359; border-left: 1px solid #212326; border-bottom: 1px solid rgba(116,126,140,0.8); border-right: 1px solid #747e8c; border-right: 1px solid #627084;border-right: 1px solid rgba(116,126,140,0.8); font-size: .8em; margin:0;padding:0; padding: 5px 5px; /* taille sous-menus extérieur (le cadre du bleu) */ } @media all and (min-width:480px) { .oo_nav2 ul.oo_menu2 a { background:none; padding: 4px 3px;/* taille sous-menus interieur (le bleu) */ border-top:1px solid rgba(20,20,20,1); } } @media all and (max-width:480px) { .oo_nav2 ul.oo_menu2 a { background:none; padding: 3px 3px; } } .oo_nav2 ul.oo_menu2 { list-style-position: outside;list-style-type: disclosure-closed; list-style: none; } .oo_nav2 ul.oo_menu2 li { background: -moz-radial-gradient(center, ellipse cover, rgba(107,157,227,1) 0%, rgba(29,42,61,1) 100%); /* ff3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(107,157,227,1)), color-stop(100%, rgba(29,42,61,1))); /* safari4+,chrome */ background:-webkit-radial-gradient(center, ellipse cover, rgba(107,157,227,1) 0%, rgba(29,42,61,1) 100%); /* safari5.1+,chrome10+ */ background: -o-radial-gradient(center, ellipse cover, rgba(107,157,227,1) 0%, rgba(29,42,61,1) 100%); /* opera 11.10+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(107,157,227,1) 0%, rgba(29,42,61,1) 100%); /* ie10+ */ background:radial-gradient(ellipse at center, rgba(107,157,227,1) 0%, rgba(29,42,61,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B9DE3', endColorstr='#1D2A3D',GradientType=1 ); /* ie6-9 */ } .oo_nav2 ul.oo_menu2 li a:hover { text-shadow:0px 0px 10px #aacdff;color:white; -webkit-transition: text-shadow 0.1s ease; -moz-transition: text-shadow 0.1s ease; -o-transition: text-shadow 0.1s ease; transition: text-shadow 0.1s ease; } /*************************** Commun ***************************/ #oo_page { margin:0px;padding:0px; font:normal normal normal 100%/100% "Assistant",sans-serif; color:black; text-align: justify; border-left: 2px solid rgba(20,20,20,0.8); border-left: 2px solid rgba(107,157,227,1); border-right: 1px solid rgba(107,157,227,0.4); border-right: 2px solid rgba(107,157,227,0.6); /* 11-Early Morning: */ background: -webkit-linear-gradient(top, #BCC5CE 0%, #929EAD 98%), -webkit-radial-gradient(at top left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background-blend-mode: screen; } @media all and (min-width:980px) { #oo_page { box- shadow: inset 4px 4px 15px rgba(5,5,5,0.7), inset 3px 3px 5px rgba(0,0,0,0.9), inset -4px -4px 30px rgba(40,40,40,0.3); } } @media all and (min-width:480px) and (max-width:980px) { #oo_page { box- shadow: inset 4px 4px 15px rgba(5,5,5,0.7), inset 3px 3px 5px rgba(0,0,0,0.9), inset -4px -4px 30px rgba(40,40,40,0.3); } } @media all and (max-width:480px) { #oo_page { background:#292f37; background:-webkit-linear-gradient(#333941,#292f37); background:-moz-linear-gradient(#333941,#292f37); background:-o-linear-gradient(#333941,#292f37); background:linear-gradient(#333941,#292f37); background-blend-mode: normal,multiply; -webkit-box-shadow: inset 1px 0px 2px rgba(0,0,0,0.5); box-shadow: 0px 0px 0px rgba(250,250,250,0.0); padding:20px; border: 2px solid rgba(107,157,227,0.1); } } .oo_redirection_h1 { /* 404 */ width: 400px; height: 155px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: none; background-color: transparent; background-image: url('/src/xx_00_grid_Vous.png'); background-size: 100px 100px; background-position-x:153px; background-position-y:40px; background-repeat: no-repeat; font:normal normal normal 100%/100% "Assistant",sans-serif; text-align: justify; font-size:170px; color: #5C89C7; text-shadow: 0px 0px 0 rgba(255,255,255,0.5); padding:0px; margin:0px; margin-top:25px; } .oo_redirection_h2 { /* Phrase */ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; border: none; position: relative; top:5px; font:normal normal normal 100%/100% "Assistant",sans-serif; text-align: left; font-size:30px; color: #5C89C7; text-shadow: 5px 1px 9px rgba(141,178,227,0.9) ; margin:0px; margin-left:95px; } @media all and (max-width:480px) { .oo_redirection_h1 { margin-left:-10px; background-position-x:153px; margin-top:10px; } .oo_redirection_h2 { margin-bottom:60px; margin-left:10px; } } /* Aides à la visualisation (en phase de dev)********************************************************** divs, imgs {border-style:inset;border-width:1px;border-color:gray;} .colored {border-style:inset;border-width:1px;} .colored:nth-of-type(01){border-color:rgba(255,000,000,0.5);background-color:rgba(255,000,000,0.1);} .colored:nth-of-type(02){border-color:rgba(255,119,000,0.5);background-color:rgba(255,119,000,0.1);} .colored:nth-of-type(03){border-color:rgba(255,180,000,0.5);background-color:rgba(255,180,000,0.1);} .colored:nth-of-type(04){border-color:rgba(255,250,000,0.5);background-color:rgba(255,250,000,0.1);} .colored:nth-of-type(05){border-color:rgba(212,255,000,0.5);background-color:rgba(212,255,000,0.1);} .colored:nth-of-type(06){border-color:rgba(063,255,000,0.5);background-color:rgba(063,255,000,0.1);} .colored:nth-of-type(07){border-color:rgba(000,255,182,0.5);background-color:rgba(000,255,182,0.1);} .colored:nth-of-type(08){border-color:rgba(000,242,255,0.5);background-color:rgba(000,242,255,0.1);} .colored:nth-of-type(09){border-color:rgba(000,165,255,0.5);background-color:rgba(000,165,255,0.1);} .colored:nth-of-type(10){border-color:rgba(080,067,255,0.5);background-color:rgba(080,067,255,0.1);} .colored:nth-of-type(11){border-color:rgba(148,000,255,0.5);background-color:rgba(148,000,255,0.1);} .colored:nth-of-type(12){border-color:rgba(255,000,238,0.5);background-color:rgba(255,000,238,0.1);} .colored:nth-of-type(13){border-color:rgba(132,056,011,0.5);background-color:rgba(132,056,011,0.1);} .colored:nth-of-type(14){border-color:rgba(000,000,000,0.5);background-color:rgba(000,000,000,0.1);} .colored:nth-of-type(15){border-color:rgba(142,141,141,0.5);background-color:rgba(142,141,141,0.1);} .colored:nth-of-type(16){border-color:rgba(211,203,198,0.5);background-color:rgba(211,203,198,0.1);} .colored:nth-of-type(17){border-color:rgba(255,229,196,0.5);background-color:rgba(255,229,196,0.1);} .colored:nth-of-type(18){border-color:rgba(255,248,196,0.5);background-color:rgba(255,248,196,0.1);} .colored:nth-of-type(19){border-color:rgba(234,255,196,0.5);background-color:rgba(234,255,196,0.1);} .colored:nth-of-type(20){border-color:rgba(196,255,244,0.5);background-color:rgba(196,255,244,0.1);} .colored:nth-of-type(21){border-color:rgba(196,197,255,0.5);background-color:rgba(196,197,255,0.1);} .colored:nth-of-type(22){border-color:rgba(247,196,255,0.5);background-color:rgba(247,196,255,0.1);} .colored:nth-of-type(23){border-color:rgba(122,095,037,0.5);background-color:rgba(122,095,037,0.1);} .colored:nth-of-type(24){border-color:rgba(069,122,037,0.5);background-color:rgba(069,122,037,0.1);} .colored:nth-of-type(25){border-color:rgba(037,122,109,0.5);background-color:rgba(037,122,109,0.1);} .colored:nth-of-type(26){border-color:rgba(253,255,249,0.5);background-color:rgba(253,255,249,0.1);} */ /* Marqueurs de largueur (en phase de dev)*************************************************************** #o000_mark_980px {width:980px;height:10px;position:fixed;top:400px;left:0px;text-align:left;} #o000_mark_781px {width:781px;height:10px;position:fixed;top:420px;left:0px;text-align:left;} #o000_mark_480px {width:480px;height:10px;position:fixed;top:440px;left:0px;text-align:left;} */ @-webkit-keyframes vibre { 0% {-webkit-transform: scale(1);transform: scale(1);} 15% {-webkit-transform: scale(1.3) translate(-2px, -5px) rotate(0deg);transform: scale(1.3) translate(-2px, -5px) rotate(0deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1) rotate(2deg);transform: scale(1) rotate(2deg);} 20%, 40%, 60%, 80% {-webkit-transform: scale(1) rotate(-2deg);transform: scale(1) rotate(-2deg);} 100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);} } @keyframes vibre { 0% {-webkit-transform: scale(1);transform: scale(1);} 15% {-webkit-transform: scale(1.3) translate(-2px, -5px) rotate(0deg);transform: scale(1.3) translate(-2px, -5px) rotate(0deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1) rotate(2deg);transform: scale(1) rotate(2deg);} 20%, 40%, 60%, 80% {-webkit-transform: scale(1) rotate(-2deg);transform: scale(1) rotate(-2deg);} 100% {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);} }