/* 
Logo Principal (foncé)        #5C89C7   rgb(92,137,199)
               (-    )        #6496D9   rgb(100,150,217)
               (--   )        #699DE4   rgb(105,157,228)
               (---  )        #76AFFF   rgb(118,175,255)

Membres | Img User connecté   #6D94C4   rgb(109,148,196)
Membres | Txt User connecté   #8db2e3   rgb(141,178,227)
mention légale                #4d86d6   rgb(77,134,214)

Nav Titre groupe              #8db2e3   rgb(141,178,227)

Page | BB-Code icones         #115ABA   rgb(17,90,186)
Page | BB-Code cadre          #6b9de3   rgb(107,157,227)
Page | BB-Code H1             #115aba   rgb(17,90,186)
Page | BB-Code H2             #197bfc   rgb(25,123,252) 

Bleu page EEF3FA rgba(238,243,250,1) 

*/

* {margin:0;padding:0;}
* {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%; 
}
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: 3px solid rgba(107,157,227,1); 
    border-right: 3px solid rgba(107,157,227,1); 
  } 
}

.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 {height:0px;} }
@media all and (max-width:480px) { .oo_navsep {height:15px;} }

/* Logo Version Beta */
@media all and (min-width:980px) { #oo_logo_beta { position: absolute;top:13px;left:100px;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:13px;left:100px;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:100px;left:50px; color:rgba(255,255,255,0.7); font-size:14px;} }

/* Ancre "top" pour se positionner sur les articles */
@media all and (min-width:980px) { .oo_top { /* display:none; */ } }
@media all and (min-width:480px) and (max-width:980px) { .oo_top { /* display:none; */ display:block; width:1px;height:1px; } }
@media all and (max-width:480px) { .oo_top { display:block; width:1px;height:1px; } .oo_top a { width:1px;height:1px; } }






/*********************************************************/
/* 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:90px;
    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:-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:-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: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:3px;text-align:left;
    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:-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: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_img { 
    width:200px;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:-o-linear-gradient(#333941,#292f37);
    background:-webkit-gradient(linear,left top, left bottom,from(#333941),to(#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_connect { 
    width:200px;height:25px;
    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:right; -ms-flex-pack:right; justify-content:right; -webkit-box-align:center; -ms-flex-align:center; align-items:center;
    position:relative;top:-9px;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);
    -webkit-box-shadow:0 0 10px rgba(80,80,80,0.5) inset;
            box-shadow:0 0 10px rgba(80,80,80,0.5) inset;
    background:#313b4a;
    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);
    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);    
  }
  #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;
    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: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:25px;height:25px;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: 11px;
  }
  #oo_addsrc_img {
    width:25px;height:25px;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_nav9 { 
    width:25px;height:25px;
    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: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_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;-ms-flex:1 1 calc(100% - 280px);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:40px;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:-o-linear-gradient(#333941,#292f37);
    background:-webkit-gradient(linear,left top, left bottom,from(#333941),to(#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(51,57,66,1); 
  }
  #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;
  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;top:102px;left:7px;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:60px;
  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:-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:3px;text-align:center;
  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 { 
  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:80px;
    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:-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:-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: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:3px;text-align:left;
    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:-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: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_img { 
    width:187px;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:-o-linear-gradient(#333941,#292f37);
    background:-webkit-gradient(linear,left top, left bottom,from(#333941),to(#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_connect { 
    width:180px;height:25px;
    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:right; -ms-flex-pack:right; justify-content:right; -webkit-box-align:center; -ms-flex-align:center; align-items:center;
    position:relative;top:-9px;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);
    -webkit-box-shadow:0 0 10px rgba(80,80,80,0.5) inset;
            box-shadow:0 0 10px rgba(80,80,80,0.5) inset;
    background:#313b4a;
    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);
    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);    
  }
  #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;
      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: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:25px;height:25px;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: 11px;
    }
    #oo_addsrc_img {
      width:25px;height:25px;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_nav9 { 
      width:25px;height:25px;
      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: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_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:10px;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:-o-linear-gradient(#333941,#292f37);
      background:-webkit-gradient(linear,left top, left bottom,from(#333941),to(#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);         
    }
    #oo_link { 
      width:100%;height:50px;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;
      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;top:92px;left:12px;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:60px;
      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:-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:3px;text-align:center;
      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 { 
      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:-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:-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: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;
      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;
    }
    #oo_logo_img { 
      width:280px;height:120px;
      position: relative;right:6px;top :10px;
      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:-o-linear-gradient(#333941,#292f37);
      background:-webkit-gradient(linear,left top, left bottom,from(#333941),to(#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_connect { 
      width:100%;height:38px;
      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:right; -ms-flex-pack:right; justify-content:right; -webkit-box-align:center; -ms-flex-align:center; align-items:center;
      position:relative;top:0px;text-align:start; 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);
      -webkit-box-shadow:0 0 50px rgba(150,150,160,0.4) inset;
              box-shadow:0 0 50px rgba(150,150,160,0.4) inset;
      background:#313b4a;
      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);
      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);
    }
    #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;
        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;
      }
      #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_nav9 { 
        width:38px;height:36px;
        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;
        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_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;     
        padding-top:20px;
      }
      #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:-o-linear-gradient(#333941,#292f37);
        background:-webkit-gradient(linear,left top, left bottom,from(#333941),to(#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: -o-linear-gradient(top, #1c1c44 0%, #000030 97%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1c1c44), color-stop(97%, #000030));
        background-image: linear-gradient(-180deg, #1c1c44 0%, #000030 97%);
        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:-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: -o-linear-gradient(top, #1c1c44 0%, #000030 97%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1c1c44), color-stop(97%, #000030));
        background-image: linear-gradient(-180deg, #1c1c44 0%, #000030 97%);
        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:-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: -o-linear-gradient(top, #efefef, #777);
      background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#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: -o-linear-gradient(top, #ccc, #555);
     background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#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, .7);
    background-color: #303030; border-color: #1c1c1c #202020 #222;
    background-image: -o-linear-gradient(top, #404040, #2a2a2a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#404040), to(#2a2a2a));
    background-image: linear-gradient(to bottom, #404040, #2a2a2a);
  }
  .lightGrey:hover {
    background-color: #313131;
    background-image: -o-linear-gradient(top, #7b7b7b, #2a2a2a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7b7b7b), to(#2a2a2a));
    background-image: linear-gradient(to bottom, #7b7b7b, #2a2a2a);
  }
  .darkGrey {
    color: #bbb;text-shadow: 0 0 2px rgba(0, 0, 0, .7);
    border-color: #1c1c1c #202020 #222;
    background:#313b4a;
    background:-o-linear-gradient(left, #464449,#6e7082,#464449);
    background:-webkit-gradient(linear, left top, right top, from(#464449),color-stop(#6e7082),to(#464449));
    background:linear-gradient(90deg, #464449,#6e7082,#464449);
    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 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 {
    background:#49474c;
    background:-o-linear-gradient(left, #49474c,#767889,#49474c);
    background:-webkit-gradient(linear, left top, right top, from(#49474c),color-stop(#767889),to(#49474c));
    background:linear-gradient(90deg, #49474c,#767889,#49474c);
    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.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;
    -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;
    -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 ************/
/*   <li class="oo_toggle1 button darkGrey">                                             */
/*       <span> pseudo-sciences </span>                                                  */
/*       <ul class="oo_menu1">                                                           */
/*           <li><a href="/pages/homeopathie.php" title="Homéopathie">homéopathie</a></li> */
/*       </ul>                                                                           */
/*   </li>                                                                               */
.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: 2px 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: 2px 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 ************/
/*   <li class="oo_toggle1 button darkGrey">                                             */
/*       <span> pseudo-sciences </span>                                                  */
/*       <ul class="oo_menu1">                                                           */
/*           <li><a href="/pages/homeopathie.php" title="Homéopathie">homéopathie</a></li> */
/*       </ul>                                                                           */
/*   </li>                                                                               */
.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);
  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:-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 li { /* Sous menus */
  border-radius: 4px;
  border-top: 0px solid rgba(255,255,255,0.2); border-bottom:0px solid rgba(0,0,0,0.8);
  border-left: 0px solid rgba(90,90,90,0.5);   border-right:0px solid rgba(0,0,0,0.3); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(116,155,207,0.8)), to(rgba(141,178,227,0.9))); 
  background: -o-linear-gradient(rgba(116,155,207,0.8) 15%, rgba(141,178,227,0.9)); 
  background: linear-gradient(rgba(116,155,207,0.8) 15%, rgba(141,178,227,0.9)); /* bonbon creux fade */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(109,148,196,0.8)), to(rgba(141,178,227,0.8)));
  background: -o-linear-gradient(rgba(109,148,196,0.8) 15%, rgba(141,178,227,0.8));
  background: linear-gradient(rgba(109,148,196,0.8) 15%, rgba(141,178,227,0.8)); /* délavé */ 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, rgba(116,155,207,0.8)), to(rgba(92,137,199,0.7))); 
  background: -o-linear-gradient(rgba(116,155,207,0.8) 15%, rgba(92,137,199,0.7)); 
  background: linear-gradient(rgba(116,155,207,0.8) 15%, rgba(92,137,199,0.7)); /* même bleu = trop flash ? */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(92,137,199,0.7)), color-stop(40%, rgba(141,178,227,0.8)) );
  background: -o-linear-gradient(rgba(92,137,199,0.7) 5%, rgba(141,178,227,0.8) 40% );
  background: linear-gradient(rgba(92,137,199,0.7) 5%, rgba(141,178,227,0.8) 40% ); /* !!!!!!!!!!!!!!!!!!! */
}
.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 ************/
/* <ul class="oo_nav1">
/*     <li class="oo_toggle1 button darkGrey">                                             */
/*         <span> pseudo-sciences </span>                                                  */
/*         <ul class="oo_menu1">                                                           */
/*             <li><a href="/pages/homeopathie.php" title="Homéopathie">homéopathie</a></li> */
/*         </ul>                                                                           */
/*     </li>                                                                               */
/* </ul>                                                                           */

@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.82em; 
  } 
}

@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 ************/
/*   <li class="oo_toggle1 button darkGrey">                                             */
/*       <span> --- </span>                                                  */
/*       <ul class="oo_menu1">                                                           */
/*           <li><a> ------ </a></li> */
/*       </ul>                                                                           */
/*   </li>                                                                               */
/********** 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); /* même bleu = trop flash ? */
  color:rgba(123,162,209,0.9);
  color:rgba(141,178,227,0.9);
  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:800;
  color:rgba(40,41,48,1); /* brun */ 
  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,1), /* blanc haut droite */
  -0.1px -0.1px 5px rgba(145,180,227,1), 
  0.1px 0.1px 5px rgba(145,180,227,1);   
}
.oo_nav1 .oo_menu1 a:hover { /* Survolé, couleur soutenue  */
  letter-spacing: -0.1px;font-weight:1000;
  color:rgba(40,41,48,1); /* brun */
  color:black;
  text-shadow: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); 
  -webkit-transition: text-shadow 0.1s ease;
  -o-transition: text-shadow 0.1s ease;
  transition: text-shadow 0.1s ease; 
}
.oo_nav1 .oo_menu1 .open a:focus { /* Pointé/cliqué ou OUVERT */
  letter-spacing: -0.1px;font-weight:1000;
  color:rgba(40,46,54,1); /* brun */
  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); 
}

/*************************** 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: -o-linear-gradient(bottom, #454545, #303030);
  background-image: -webkit-gradient(linear, left bottom, left top, from(#454545), to(#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: -o-linear-gradient(bottom, rgba(90,90,90,0.7) 10%, rgba(50,50,50,1) );
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, rgba(90,90,90,0.7)), to(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 { /* ff3.6+ */ /* safari4+,chrome */ /* 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+ */ /* ie10+ */
  background:-o-radial-gradient(center, ellipse, rgba(107,157,227,1) 0%, rgba(29,42,61,1) 100%);
  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;
  -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: 1px solid rgba(107,157,227,0.3); border-right: 1px solid rgba(107,157,227,0.3); 
  /*
  background:#fafafa; / * blanc * /
  background:rgba(107,157,227,0.1); / * bleu clair * /
  background:rgba(100,100,100,0.2); / * gris clair * /
  */
  background:-o-repeating-linear-gradient(top, #333941, #292f37 7px, #333941 7px);
  background:-webkit-repeating-linear-gradient(top, #333941, #292f37 7px, #333941 7px);
  background:repeating-linear-gradient(top, #333941, #292f37 7px, #333941 7px); /* effet gaufré noir */ 
}

.oo_redirection_h1 { /* 404 */ 
  width: 300px; height: 245px;
  -webkit-box-sizing: content-box; box-sizing: content-box; border: none;
  background-color: transparent;
  background-image: url('/src/xx_00_grid_VousEtesIci.png');  background-size: 100px 100px;
  background-position-x:41px; background-position-y: bottom;  background-repeat: no-repeat;
  font:normal normal normal 100%/100% "Assistant",sans-serif; color:black; text-align: justify; font-size:170px; 
  color: rgba(107,157,227,0.12); 
  text-shadow: 4px 0 9px rgba(107,157,227,0.51),
  -14px 0 19px rgba(107,157,227,0.51),
  -54px 0 40px rgba(107,157,227,0.28);
  padding: 0px; margin: 0px; 
  
} 

@media all and (min-width:480px) { 
  .oo_redirection_h2 { /* message  ---------- bandeau */ 
    -webkit-box-sizing: content-box; box-sizing: content-box; border: none;
    font:normal normal normal 100%/100% "Assistant",sans-serif; color:black; text-align: justify;
    font-size:25px; padding: 0px; margin: 0px; margin-left:35px; margin-right:20px; 
    color: rgba(107,157,227,0.12); text-shadow: 4px 0 9px rgba(107,157,227,0.51) ;
    color: rgba(255,255,255,0.12); text-shadow: 4px 0 9px rgba(255,255,255,0.51) ;
    color: rgba(141,178,227,0.24); text-shadow: 5px 1px 9px rgba(141,178,227,0.9) ;
    position: absolute; top:25px;line-height: 80%;
  }                       
}
@media all and (max-width:480px) {  
  .oo_redirection_h2 { /* message ----------- à la suite */ 
    -webkit-box-sizing: content-box; box-sizing: content-box; border: none;
    font:normal normal normal 100%/100% "Assistant",sans-serif; color:black; text-align: justify;
    font-size:25px; padding: 0px; margin: 0px; margin-left:50px; margin-right:20px; 
    color: rgba(107,157,227,0.12); text-shadow: 4px 0 9px rgba(107,157,227,0.51) ;
    color: rgba(255,255,255,0.12); text-shadow: 4px 0 9px rgba(255,255,255,0.51) ;
    color: rgba(141,178,227,0.24); text-shadow: 5px 1px 9px rgba(141,178,227,0.9) ;
  }                       
}

/*
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);}
}