/**
 Version mise en ligne initiale V1.0 beta 
 27/09/2016 : précision #zoneTexte6
 01/10/2016 : nettoyage  - V 1.1
 04/10/2016 : artcanvBB - manquait blockquote - V 1.2
 18/10/2016 : boite modale oModal - V 1.3 
 20/10/2016 : rajouté changelog dans index.php - V 1.4
 22/10/2016 : suppression de "font-weight : bold"     dans #navigation p qui rajoutait des "font-weight"  dans l'éditeur V 1.5
 16/11/2016 :   templates modifié largeur oModal passe à 700  V 1.6
 24/11/2016 : modifié id d'index.php, header et footer, rajouté URLStylButton
 05/12/2016 : modifié padding 8pc à artcanv (comme block description !!)
 ***/
 @font-face {
    font-family: 'SourcesansproReg';
    src: url('./ssp/SourceSansPro-Regular.otf') format('truetype'),
         url('./ssp/SourceSansPro-Regular.woff') format('woff');
    }

@font-face {
    font-family: 'SourcesansproReg';
    src: url('./ssp/SourceSansPro-Regular.otf') format('truetype'),
         url('./ssp/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
} 
                   
.top-box {
height : 18px;
margin-bottom : -18px;
position : relative;
}
body{
background-color : black;
margin : 0;
z-index: 0;
}
#global{
width : 1474px;
margin : auto;  
background-color : black;
padding : 0;
}
#top {
bottom : 0;
position : fixed;
right : 5px;
color : white;
background-color : black;
font-weight : bolder;
z-index : 51;
font-size: 32px;
}   
#top a:link {
 color: white;
 text-decoration: none;
 }
#top a:visited {
 color: white;
 text-decoration: none;
 }
#top a:active {
 color: white;
 text-decoration: none;
}
#top a:hover {
 color: white;
 text-decoration: none;
}

.top-box {
height : 18px;
margin-bottom : -18px;
position : relative;
}
#cornleft {
float : left;
width : 150px;
height : 75px;
position : relative;
background-color : #600c0c;
}
#titre {
float : left;
width : 1174px;
position : relative;
margin-top : 0;
height : 75px;
background-color : #600c0c;
}
#cornright {
float : left;
width : 150px;
height : 75px;
position : relative;
background-color : #600c0c;
}
/********************************************************************/                    
#panneau_menu{    
left : 700px;
margin : auto;  
display : inline-block;
}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6{     
float : left;  
position : relative;    
text-align : center;
margin: 1px;  
font : bold 1.2em Batang, arial, serif;
line-height: 1.8em; 
}     

.menu_enabled:hover  { background-color:white}
.menu_enabled        { background-color:#47f113}
.menu_disabled:hover { background-color:white}
.menu_disabled       { background-color:green}

/***********************************************************************/

h4 {
  font-size : 14px;
}

pre {
    background: #f5f5dc none repeat scroll 0 0;
    border: 1px dotted #bdb76b;
    font-size: 10px;
    padding: 4px;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.align-center{
    text-align : center;
}
.clear{
    clear: both;
}
/***********************************************************************/
#titre hr {
margin-top : 15px;
color : white;
line-height : 2px;
width : 100%;
}
#titre h1 {
color : #f0e39e;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 1.1em;
font-style : italic;
}
#titre h2 {
color : #f0e39e;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 1.1em;
font-style : italic;
text-align : center;
}
#titre p {
color : #f0e39e;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 0.8em;
font-style : italic;
line-height : 0.2em;
}
#titre a {
margin-top : 10px;
color : white;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 1em;
font-style : italic;
}
#entete {
margin-top : 0;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
line-height : 5px;
background-color : #600c0c;
padding-top : 0;
z-index : 50;
}
.bidon0 {
width : 1474px;
height : 0px;
background-color : #000000;
float : left;
}
#bidon {
width : 1474px;
height : 10px;
background-color : #000000;
float : left;
}
#titre.p {
padding-bottom : 20px;
margin-bottom : 30px;
}   
#entete p {
color : #f0e39e;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 15px;
font-style : italic;
}
p {
color : black;
font-family: Arial,Helvetica,sans-serif;
font-size : 16px;      
}
#navigation {      
background-color : green;
width : 1474px;
/* height: 60px;     */
position: relative;
float: left;       
text-align : center;   
margin: auto;
}
#navigation ul {
margin : 0;
padding : 20px 10px 20px 10px;
list-style : none;
}
#navigation p {
color : black;
font-family : Times, "Times New Roman", "Liberation Serif", FreeSerif, serif;
font-size : 18px;
/*font-weight : bold;*/   
}
#centre {
width : 100%;
overflow : hidden;
background-color: #ffdead;    
}  
th {
height : 26px;
}    
td {
text-align : center;
border : black solid 1px;
padding : 3px;
}             
/********************bas de page **********************/
#gauche{
text-align:left;
width: 88px;
position: relative;   
float :left;  
} 
#droite{
text-align:right;  
position: relative;   
float :left;  
width: 88px;
} 
#centrebas{     
width : 1278px;
text-align:center;    
margin : auto;
padding : 0;         
color : white;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-style : italic;
font-size : 18px;
font-style : italic;   
position: relative;   
float :left;  
}                       
#centrebas a {
color : #f0e39e;
}   
#basdepage {
margin : 0;
padding : 0;
font-size : 0.55em;
background-color : #600c0c;
width : 1474px;
float : left;
}                                                                
/***********************************************************************/
.spoiler {
    padding: 0;
    border: solid 1px #c4c4c4                   
}
.spoiler h4 {
    padding: 4px 8px;
    margin: 0;
    cursor: pointer;
    background: #e9e7e7 url(icon-arrow-square.png) no-repeat right -51px;
}
.spoiler h4:hover {
    background-color: #e3e2e2
}
.spoiler h4.active {
    background: #e9e7e7 url(icon-arrow-square.png) no-repeat right 5px;
}           
.spoiler div {
    display: none;
    background: #f7f7f7;
    border-top: solid 1px #c4c4c4
}  
/********************Présentation**********************/
#zoneTexte{
width: 1474px;
background-color: #ffdead;
display: none;
line-height: 15px;
}              

#zoneTexte p{
text-align: center;
margin-top: 5px;       
color : black;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
font-size : 20px;     
}        

#zoneTexte input{
text-align: center;
margin-top: 5px;       
color : black;
font-family : Georgia, "Bitstream Vera Serif", Norasi, serif; 
font-size : 18px;     
}
             
#zoneTexte h3{             
font-family: SourcesansproReg; 
text-align: center;
line-height: 20px;
}

#zoneTexte hr{      
margin-bottom: 0;
}                       
#article{          
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #ffffff;
    display: block;
    text-align : left;
} 
#article a{
}
#article u{
}                  
#article div {
    padding: 10px
}
#article p {
    padding: 4px
}
#article blockquote {
    padding: 10px;                 
    margin: 10px;
    border: 1px solid #c6c7c6;
    background: #eee;
}
#article ul{
    list-style: inside none square;
}
#artcanv{          
    margin: 0;
    padding: 8px;
    font-family: Arial,Helvetica,sans-serif;  
    background-color: #ffffff;
    text-align : left;
    /*
    background-color: #ffffff;
    display: block;               
    z-index:-1;
    position:absolute;
    left:0;   
    opacity: 0; 
    z-index:-2;  */
} 
#artcanv a{
}
#artcanv u{
}
#artcanv div{
    padding: 10px;
}                                   
#artcanv blockquote {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #c6c7c6;
    margin: 10px;
    padding: 10px;       
}           
#zoneHTML{  
    width: 1474px;
    background-color: #ffdead;
    text-align : center;
    /*display: none;
    line-height: 15px; */
}      
          
#zoneHTML a{  
    text-align : center;
}
#zoneHTML p{
    text-align: center;
    margin-top: 5px;
}

#zoneHTML hr{      
    margin-bottom: 0;
} 

.description {
    padding: 8px;
    position: relative
}

/*************Editeur******************/    
#tabmenu2{
    width : 100%; 
    background-color: #ffdead;   
    text-align : left;    /* nécessaire pour editor */     
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    display: block;            
}  
#peditor{  
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    display: block;        /*
    text-align : left;     nécessaire pour editor */  
}          
#peditor blockquote {
    padding: 10px;
    margin: 10px;
    border: 1px solid #c6c7c6;
    background: #eee
}    
#peditor ul{ 
    list-style-type: square;      
}           
#peditor li{   
    padding-left: 16px;
}
.pmenu2{
    line-height: 5px;
    margin:0;
}    
#tabmenu2 select{
    width: 175px;
    vertical-align : middle;
}

#tabmenu2 img{  
    vertical-align : middle;
}
#tabmenu2 span.typAud {
    z-index : 55;
}
/*************Validation BBCode******************/  
#validBB{       
    height : 200px;    
    text-align : left;
    overflow: scroll;    
    border: 1px solid #c6c7c6;    
    font-size : 16px;
    width : 1056px;
    margin-left : 220px;
}
#artcanvBB{          
    margin: 0;
    padding: 0;
    font-family: Arial,Helvetica,sans-serif;  
    background-color: #ffffff;
    text-align : left;
    width : 1458px;            
    margin-left : 8px;
}     

#artcanvBB blockquote {
    padding: 10px;
    margin: 10px;
    border: 1px solid #c6c7c6;
    background: #eee
}

#zoneTexte3{
    width: 1474px;
    background-color: #ffdead;
    line-height: 15px;
    text-align : center;
}     
#zoneTexte3 p{
    text-align: center;
    margin-top: 5px;       
    color : black;
    font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
    font-size : 18px;        
}    
#zoneTexte3 input{
    text-align: center;
    margin-top: 5px;       
    color : black;
    font-family : Georgia, "Bitstream Vera Serif", Norasi, serif;
    font-size : 18px;        
}   
     
/*************Validation Images******************/ 
#tabmenu4{       
background-color: #ffdead;
text-align : center;
color : black;
}     
#zoneTexte4 p{      
font-family: SourcesansproReg;
background-color: #ffdead;  
text-align : center;          
font-size : 18px;     
}
table {                         
font-family: SourcesansproReg;
border : black solid 4px;
border-collapse : collapse;
border-spacing : 2px;
margin-left : auto;
margin-right : auto;        
}     
table td{                    
text-align : center;
}
table th {
border: thin solid black;
}    
table td.right{
text-align : right;
}       
table td.rightR{
text-align : right;
color : red;
}
         
/*************Aide et explications******************/ 
#zoneTexte6{       
background-color: #ffdead;
}        
#zoneTexte6 p{
font-family: SourcesansproReg;
background-color: #ffdead;
line-height: 22px;
text-align : left;          
font-size : 18px;             
margin-left : 100px;   
margin-right : 100px;
}               

#zoneTexte6 h1{   
margin-left : 40px;    
font-family: SourcesansproReg;
background-color: #ffdead;
line-height: 22px;
text-align : left;          
font-size : 24px;      
margin-right : 100px;
}       
#zoneTexte6 h1:hover{
background-color: green;
}
#zoneTexte6 h3{   
margin-left : 40px;    
font-family: SourcesansproReg;
background-color: #ffdead;
line-height: 22px;
text-align : left;          
font-size : 24px;      
margin-right : 100px;
}          
#zoneTexte6 h3:hover{
background-color: green;
}
#zoneTexte6 h2{  
margin-left : 70px; 
font-family: SourcesansproReg;
background-color: #ffdead;
line-height: 22px;
text-align : left;          
font-size : 20px; 
font-style : italic;
text-decoration : underline;     
margin-right : 100px;
}            
#zoneTexte6 h2:hover{
background-color: green;
}

.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}

.oModal {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none; 
}
 
.oModal:target {
  opacity:1;
  pointer-events: auto;
}
 
.oModal:target > div {
  margin: 10% auto;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  text-align: center;
}
 
.oModal > div {
  max-width: 800px;
  position: relative;
  margin: 1% auto;
  padding: 8px 8px 8px 8px;
  border-radius: 5px;
  /*background: #eee;*/
  background : #ffdead;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}
 
.oModal > div.header,.oModal > div.cf {
  border-bottom: 1px solid #e7e7e7;
  border-radius: 5px 5px 0 0;
  line-height: 0.2em;
}
.oModal .cf {
  border:none;
  border-top: 1px solid #e7e7e7;
  border-radius: 0 0 5px 5px;
}
 
.oModal > div h2 {
  margin:0;
}
        
.oModal > div .btnv {
  float:left;
}
.oModal > div .btnf {
  float:right;
}
 
.oModal > div.header, .oModal > div.cf {
  padding:15px;
}

.oModal-droite{    
    float:right;
}

.oModal table, tr, td {
  border-collapse: collapse;
  border : 0px;
}
#dims {
  visibility:hidden;
}
#ValidationMod, #ValidationMac, #ValidationKonst, #ValidationTemp, #oTempPlusVal, #ValidationEdit, #ValidationoTplParams, #URLStylButton {     
  background-color : green;
  font-weight : bolder;
  font-size: 20px;
  font-family: SourcesansproReg; 
} 
#oTempMacroAdd, #oTempKonstAdd, #oTempParamAdd, #oAlertOK{  
  background-color : #47f113;
  font-weight : bolder;
  font-size: 20px;
  font-family: SourcesansproReg; 
}

#ExitMod, #oTempPlusQuit, #ExitEdit, #ExitoTplParams, #ExitLoadU, #ExitLoadF, #ExitTemp, #ExitKonst,#ExitMac {      
  background-color : red;
  font-weight : bolder;
  font-size: 20px;
  font-family: SourcesansproReg; 
}

#zoneTexte5{
width: 1474px;
background-color: #ffdead;
display: block;
line-height: 15px;
text-align : left;
font-family: Monaco;
}

#zoneTexte5 > li{
padding-left : 30px;
}