/* ================================ */
/* By Atypic - www.atypic.be / v29
/* ================================ */

/* ===== Import des fichiers fontes EOT, WOFF, TTF,... ===== */

/* Placer les @font-face ici */

/* ===== Fonte principale du site ===== */

body,input,textarea,select,button {
    color: #333;
    font-size: 0.9em;
    font-family: Arial, serif;
    font-weight: 400;
    line-height: 1.5em;
}
body {

}

/* ===== Font weight ===== */

.thin {

}
.light {

}
.regular {

}
.medium {

}
.bold, .strong, strong, b  {
    /* Par defaut -> font-weight: bold; */
    /* Si Google Font -> font-weight: 700 (800 ou 900) */
    /* Si Font importée -> font-weight: normal; font-family: "nexa bold"; */
    font-weight: 600;
}
.black {

}

/* ===== Titres ===== */

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
}
h1,.h1 {
    font-size: 1.3em;
    color:#666666;
}
h2,.h2 {
    font-size: 1.2em;
}
h3,.h3 {
    font-size: 1.1em;
}
h4,.h4 {
    font-size: 1.1em;
}
h5,.h5 {
    font-size: 1.1em;
}
h6,.h6 {
    font-size: 1.1em;
}

/* ===== Titres avec liens ===== */

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a {
    text-decoration: none !important;
}

/* ===== Liens/Boutons submit ===== */

a {
    color: #008AFF;

}
a:hover {
    color: #E50041;
}

a,
button,
input[type="button"],
input[type="submit"],
.btn {

    /* .btn simule l'apparence d'un bouton sur un lien */

    -webkit-transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

}

/* ===== Formulaires ===== */

label {
    /* Forcer les labels -> ajouter .show-label sur le .form */
    /* Forcer un label -> ajouter .show-label sur un label */
}
input,
textarea,
select {
    float:left;
    margin-right:10px;
}
input:focus,
textarea:focus,
select:focus {

}
input:not([type="button"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
select {
    height: 35px; /* Pour centrer verticalement le contenu des inputs sous IE */
}
.btn,
button,
input[type="button"],
input[type="submit"] {

}
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover {

}

input[type="submit"]{
background: rgb(138,138,138);
background: -moz-linear-gradient(top,  rgba(138,138,138,1) 49%, rgba(95,95,95,1) 51%);
background: -webkit-linear-gradient(top,  rgba(138,138,138,1) 49%,rgba(95,95,95,1) 51%);
background: linear-gradient(to bottom,  rgba(138,138,138,1) 49%,rgba(95,95,95,1) 51%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#5f5f5f',GradientType=0 );

border-radius: 5px;
padding:4.5px 15px;
font-size:1.1em;

}

/* ===== Autres class ===== */


/* ===== Et le reste du site ===== */

#container{
background: rgba(0, 0, 0, 0) url("../img/bg/bg.png") repeat-y scroll left top;
min-height: 100%;
padding:0 10px;
}

/* HEADER */

#header {
    padding:20px 0;
    border-bottom:1px solid #ededed;
}

/* MAIN */

#main {
}

/* SLIDER */

.bx-wrapper .bx-controls-direction a, .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
    display:none;
}

body .bx-controls.bx-has-pager{
    padding:0;
}

body .bx-wrapper{
    margin:0;
}

/* SHADOW */

#shadow{
background: rgba(0, 0, 0, 0) url("../img/bg/bg_shadow.png") repeat-y scroll left top;
}

#shadow .inside{
    padding:15px 30px;
}

#shadow h1{
    margin:0;
    line-height:1;
}

/* CONNEXION */

#connexion .inside{
    padding:30px 30px;
}

#connexion form{
    width:700px;
    margin:0 auto;
    padding:30px 0;
}

#connexion input{
    width:270px;
}

#connexion input[type="text"]{
    border-radius: 0;
}

#connexion input[type="submit"]{
    width:130px;
}

/* FOOTER */

#footer {
    border-top:1px solid #898989;
    border-bottom:1px solid #898989;
    color:#666666;
    font-size:0.8em;
}