Current File : /home/cideo/site_2015/www/sass/admin.scss
@charset "UTF-8";
@import "bootstrap";
@import "fonts";
@import
  'function',
  'mixin';

*{

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
    

}

$typo-main: Georgia, sans-serif;

$fond-color: #FFF;
$contenu-color: #333;
$blue-color: #4475ff;
$break-largeuriphone:321px;
$break-largeuripad:769px;
$break-longueuripad:1025px;
$break-largeurmoyen:1201px;
$break-largeurgrand:1600px;

#debug{
  font-size:10px;
  color:#FFF;
  z-index:9999;
  position:fixed;
  bottom:0;
  right:0;
  padding:10px;
  background-color:#000;
  display:none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
    overflow-x: hidden;
  overflow-x: auto \9;
  -webkit-overflow-scrolling: touch;
}
body{
  margin: 0;
  height: 100%;
  min-height: 100%;
  color: #FFF;
  padding: 0 5% 0 5%;
  @media only screen and (max-width: $break-largeuripad)  {
   padding: 0 5px 0 5px;
  }

  font-size: 1em;
  overflow-x:hidden;
  font-family: $typo-main;
  background-color: $fond-color;
  background:  url('/www/img/linedpaper.png') repeat #FFF;
  color: $contenu-color;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

fieldset{
  border:0;
}
a:active,
a:hover {
  outline: 0;
}

section
{
	width:100%;
  height:auto;
  position:relative;
  padding:10px 0 0 0;

  z-index:0;
  @media only screen and (max-width: $break-largeuripad)  {
   margin: 0px auto 0;
  }
  
}
article
{
  width:100%;
  position:relative;
  padding:0px 0 0 0;
  margin: 0 auto;
  height:auto;
    @media only screen and (max-width: $break-largeuripad)  {
   padding:0px 0 0 0;
  }
}
article header footer{
  margin: 0 auto;
position:relative;
}
h1, p, hr, ul{
  padding:0;
  margin:0;
}
h1{
  padding:5px 0;
  margin:0;
}
a,
a:active,
a:hover {
  outline: 0;
  color:#000;
}
nav.sub a{
  text-decoration:none;
  display: inline-block;
 

  color:#000;
  padding:5px;
}
nav.sub a.on{
  color:#FFF;
  background:#000;
}
nav.sub a.off{
  color:#000;
  background:#FFF;
}


header{
  position:relative;
}
header div#logo{
  text-align:center;
  margin:10px 0;
  height:110px;
  img{
    margin:0 auto;
    vertical-align:auto;
    position:absolute;
    top:0;
    left:0;
  }
}
header hr{
  width:100%;
 border:2px solid $contenu-color;

}

#admin{
  height: 100%;
  position: relative;
 
    div{
      
  }
  a{
    text-decoration: underline;
  }
  section{
    p{
      margin:20px 0;
      a{
        text-decoration: none;
      }
    }
  }
}

#admin ul{
  
    list-style: none;
}

table
{
 width:100%;
}

table th,td{
  text-align:left;
}
nav{
  &.sub{
    a{
      &.on{
        text-decoration: underline;
      }
      &.off{
        text-decoration: none;
      }
    }
  }
}
#titre{
  width:100%;
  color:#d64848;
  h1, h2{
    color:#000;
    text-align:left;
    padding: 0 0 20px 0;
    @media only screen and (max-width: $break-largeuripad)  {
      font-size:12px;
      
    }
  }
}
#connection{
     
  div#formconnection{
    margin: 0 auto;
     width:100%;
    form{
       text-align: center;
      div{
        margin-bottom:20px;
        @media only screen and (max-width: $break-largeuripad)  {
          margin-bottom:5px;
        }
        input{
          
          &.form-control{
            width:100%;
          }
      }
      }
      
    }
  }
     
}

#formlogin{
  width:100%;
  height: 100%;

 
  ul{
    li{
      display:inline-block;
      width:100%;
    }
  }
  //@include align();
  nav#connection{
    
    width:100%;
    margin: 0 auto;
    @media only screen and (max-width: $break-largeuripad)  {
   width:100%;
    }
 
   
    
  }
  
}

section{
  text-align: center;
  img{
    width:100%;
    max-width:600px;
  }
  
}

.btn-primary {
  background-image: -webkit-linear-gradient(top, #747474 0%, #545454 100%);
  background-image:      -o-linear-gradient(top, #747474 0%, #545454 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#747474), to(#545454));
  background-image:         linear-gradient(to bottom, #747474 0%, #545454 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #505050;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #545454;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #545454;
  border-color: #505050;
}
.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary[disabled] {
  background-color: #545454;
  background-image: none;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;

  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  
}