/**
    * Page de style pour tout le site
    *
    * php version 5
    *
    * @name : config/style.css
    * @author  : Héritier Samuel <tchoum@tchoum.ch>
    * @version : SVN:119
    * @standard : PSR2
    */

/* on définit les balise par défaut en premier */

* {
    margin: 0px;
    padding: 0px;
}

a:link, a:visited {
    color: black;
}

aside {
    display: table;
    background: #F6F6F6;
    background-image: -webkit-gradient(linear,0 0,0 35,from(#B0C7FF),to(#F6F6F6));
    background: -moz-linear-gradient(top, #B0C7FF, #F6F6F6 35);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#B0C7FF,
                endColorstr=#F6F6F6,
               GradientType=0);
    /* if IE background-image dégrader*/
    box-shadow: rgba(0,0,0,0.5) 5px 4px 3px;
    min-height: 600px;
    min-width: 1260px;
    max-width: calc(100% - 18px);
    margin: auto;
    margin-top: 12px;
    text-align: left;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

body {
    background-color: #E0E0E0;
    color: #000000;
}

footer {
    display: table;
    background: #F6F6F6;
    color: #000000;
    min-width: 1260px;
    max-width: calc(100% - 18px);
    margin: auto;
    padding-bottom: 3px;
    box-shadow: rgba(0,0,0,0.5) 5px 4px 3px;
    font-size: 15px;
    text-align: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

header {
    display: block;
    background: #0B51CA;
    background: -webkit-radial-gradient(180px 20px, circle, #21579D, #2070FF 140px, #B0C7FF 460px, #2070FF 620px, #21579D 820px, #2070FF 1000px);
    background: -moz-radial-gradient(180px 20px, circle, #21579D, #2070FF 140px, #B0C7FF 460px, #2070FF 620px, #21579D 820px, #2070FF 1000px);
    background: -ms-radial-gradient(180px 20px, circle, #21579D, #2070FF 140px, #B0C7FF 460px, #2070FF 620px, #21579D 820px, #2070FF 1000px);
    width: 1260px;
    height: 94px;
    margin: auto;
    text-align: center;
    border: 1px solid black;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-collapse: collapse;
    box-shadow: rgba(0,0,0,0.5) 5px 4px 3px;
}

header h1 {
    padding-top: 5px;
    font-family: 'Lucida Calligraphy';
}

header h3 {
    color: #1520D0; /* #1570F0 */
}

hr {
    margin: 10px;
}

h2 {
    font-size: 16px;
    color: #404040; /*#404040, A0A0A0*/
}

img {
    border: 0px;
}

input[type=button], input[type=submit] {
    padding: 3px 5px;
    margin: auto;
}

nav {
    display: table-cell;
    max-width: 230px;
    padding: 8px;
    border-collapse: collapse;
}

nav ul {
    list-style-type: none;
    background-color: #21579D;  /* ancient 50B0FF, encor plus ancient 2070FF */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: rgba(0,0,0,0.5) 4px 4px 2px;
    font-size: 16px;
    min-width: 219px;
    color: #FFFFFF; /* #000000 */
    padding: 0px 2px 2px 2px;
    border: 1px solid black;
    border-top: 1px dotted black;
}

nav a {
    color: #FFFFFF !important; /* #000000 */
}

nav a:hover {
    font-style: italic;

}

nav img {
    vertical-align: top;
}

nav li {
    line-height: 2.5;
    padding: 8px 4px 2px 5px;
    margin: 0px;
    cursor: pointer;
}

nav li:hover{
    font-style: italic;
    padding-left: 4px;
}

section {
    display: table-cell;
    min-width: 986px;
    padding: 5px;
    font-size: 15px;
    text-align: center;
}

table {
    border-spacing: 0px;
    width: 100%;
}

/* On définit les ids */

#adresse {
    max-width: 430px;
}

#box_contenu {
    background: rgba(50, 128, 255, 0.1);
    color: #000000;
    width: 915px;
    text-align: left;
    padding: 20px;
    padding-top: 10px;
    margin-left: 25px;
    margin-top: 20px;
    border: 1px solid rgba(0,100,200,0.5);
    border-left: 1px dashed #3087FF;
    border-radius: 8px;
    box-shadow: rgba(10,100,200,0.5) 10px 7px 3px;
}

#box_contenu ul {
    margin: 15px 5px 15px 40px;
}

#box_contenu li {
    margin-top: 5px;
}

#box_contenu_accueil {
    width: 640px;
    float: left;
    text-align: left;
}

#box_contenu_petit {
    background: rgba(50, 128, 255, 0.1);
    color: #000000;
    width: 220px;
    float: right;
    text-align: left;
    padding: 20px;
    padding-top: 10px;
    margin-right: 25px;
    margin-top: 20px;
    border: 1px solid rgba(0,100,200,0.5);
    border-left: 1px dashed #3087FF;
    border-radius: 8px;
    box-shadow: rgba(10,100,200,0.5) 10px 7px 3px;
}

#box_contenu_right {
    display: table-cell;
    background: rgba(50, 128, 255, 0.1);
    color: #000000;
    width: 200px;
    text-align: left;
    padding: 10px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    border: 1px solid rgba(0,100,200,0.5);
    border-left: 1px dashed #3087FF;
    border-radius: 8px;
    box-shadow: rgba(10,100,200,0.5) 10px 7px 3px;
}

#browse_box {
    background: rgba(200,200,200,0.4);
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    width: 600px;
    height: 400px;
    margin-top: -200px;
    margin-left: -300px;
    padding: 5px;
    border: 1px solid white;
    border-radius: 5px;
    box-shadow: rgba(0,0,0,0.5) 6px 4px 3px;
    color: #000000;
    z-index: 120;
}

#browse_box_body{
    background: white;
    width: 583px;
    height: 263px;
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-right: 1px solid black;
    padding-left: 15px;
    text-align: left;
    overflow: auto;
}

#browse_box_footer {
    background: #EEEEEE;
    width: 583px;
    height: 60px;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    text-align: right;
    line-height: 30px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#browse_box_head {
    background: -webkit-radial-gradient(95px 50%, closest-side, #FFFFFF, #FFFFFF, rgba(255,255,255,0)); /* safari et chrome */
    background: -moz-radial-gradient(95px 50%, closeest-side, #FFFFFF, #FFFFFF, rgba(255,255,255,0)); /* Firefox 4 */
    background: -ms-radial-gradient(95px 50%, closest-side, #FFFFFF, #FFFFFF, rgba(255,255,255,0));
    width: 600px;
    height: 20px;
    text-align: left;
    text-shadow: 1px 1px 5px white;
}

#browse_box_menu {
    background: -webkit-radial-gradient(26px 50%, closest-corner, rgba(230,230,230,0.8), rgba(255,255,255,0.3), rgba(255,255,255,0));
    background: -moz-radial-gradient(26px 50%, closest-corner, rgba(230,230,230,0.8), rgba(255,255,255,0.3), rgba(255,255,255,0));
    background: -ms-radial-gradient(26px 50%, closest-corner, rgba(230,230,230,0.8), rgba(255,255,255,0.3), rgba(255,255,255,0));
    width: 600px;
    height: 30px;
    text-align: left;
    padding-top: 5px;
}

#colonne_etat_titre {
    display: table-cell;
    width: 110px;
    line-height: 25px;
    text-align: center;
}

#colonne_etat_centre {
    display: table-cell;
    white-space: nowrap;
    width: 75px;
    text-align: center;
    line-height: 25px;
}

#colonne_etat_droite {
    display: table-cell;
    width: 40px;
    line-height: 25px;
    text-align: center;
}

#colonne_action {
    display: table-cell;
    width: 60px;
    line-height: 25px;
    text-align: center;
}

#colonne_centre {
    display: table-cell;
    white-space: nowrap;
    width: 180px;
    text-align: left;
    line-height: 25px;
    vertical-align: middle;
}

#colonne_centre_centrer {
    display: table-cell;
    white-space: nowrap;
    width: 150px;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
}

#colonne_centre_petit {
    display: table-cell;
    white-space: nowrap;
    width: 130px;
    text-align: left;
    line-height: 25px;
    vertical-align: middle;
}

#colonne_droite {
    display: table-cell;
    width: 280px;
    line-height: 25px;
    text-align: left;
}

#colonne_droite_2 {
    display: table-cell;
    min-width: 260px;
    text-align: left;
    line-height: 25px;
    vertical-align: middle;
}

#colonne_droite_petit {
    display: table-cell;
    width: 120px;
    line-height: 25px;
    text-align: left;
}

#colonne_gauche {
    display: table-cell;
    white-space: nowrap;
    width: 330px;
    text-align: right;
    line-height: 25px;
    padding-right: 2px;
}

#colonne_gauche_2 {
    display: table-cell;
    width: 260px;
    text-align: right;
    line-height: 25px;
}

#colonne_gauche_petit {
    display: table-cell;
    white-space: nowrap;
    width: 150px;
    text-align: right;
    line-height: 25px;
}

#colonne_support_contenu {
    min-width: 330px;
    max-width: 730px;
    padding: 5px;
    text-align: justify;
}

#colonne_support_nom {
    text-align: left;
    white-space: nowrap;
    line-height: 25px;
    padding: 5px;
}

#colonne_support_date {
    padding: 5px;
}

#contenu_footer {
    width: 100%;
    height: 10px;
    font-size: 12px;
    color: #444444;
    text-align: center;
}

#contenu_titre {
    min-height: 34px;
    font-family: 'Lucida Calligraphy';
    font-size: 22px;
    color: #3087FF;
    font-weight: bold;
    text-align: left;
    overflow: hidden;
    margin-left: 30px;
    border-bottom: 1px dashed #3087FF;
}

#fond_opaque {
    top: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #000000;
    opacity: 0.3;
    text-align: center;
    z-index: 100;
}

#formulaire {
    background: rgba(50, 128, 255, 0.1);
    color: #000000;
    width: calc(100% - 75px);
    text-align: center;
    border-radius: 8px;
    box-shadow: rgba(0,100,200,0.5) 10px 7px 3px;
    border: 1px solid rgba(0,100,200,0.5);
    border-left: 1px dashed #3087FF;
    padding: 20px;
    padding-top: 10px;
    margin: auto;
}

#formulaire th, #formulaire td {
    padding: 3px;
}

#info {
    background: rgba(30, 80, 255, 0.95);
    transition: transform 2s;
    -moz-transition: transform 2s; /* Firefox 4 */
    -webkit-transition: transform 2s; /* safari et chrome */
    -o-transition: transform 2s; /* Opera */
    width: 400px;
    min-height: 30px;
    position: fixed;
    top: 0px;
    left: 50%;
    margin-left: -201px; /* moitier de la box 400(width)+2(border) */
    padding: 10px 0px 5px 0px;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: rgba(0,0,0,0.5) 5px 4px 3px;
    border: 1px solid black;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    z-index: 130;
}

#info_fond {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 200;
}

#info_utilisateur {
    background: rgba(70, 140, 255, 1);
    display: none;
    position: fixed;
    width: 170px;
    border: 1px solid black;
    padding: 5px;
    margin-left: 25px;
    border-radius: 6px;
}

#legende {
    width: 100%;
    text-align: left;
}

#logon {
    background: rgba(50, 128, 255, 0.1);
    width: 280px;
    text-align: center;
    font-weight: bold;
    border: 0px;
    padding: 10px 20px;
    color: #000000;
    border-radius: 20px;
    box-shadow: rgba(0,100,200,0.5) 7px 5px 3px;
    border-left: 1px solid #3087FF;
    border-top: 1px solid #3087FF;
    margin: auto;
}

#logon legend { 
    text-align: center;
    padding: 8px;
    font-size: 16px;
}

#logon label {
    display: block;
    margin: 10px 0px 5px 0px;
    font-weight: bold;
    color: #333;
    font-size: 16px;
}

#logon input {
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #A0A0A0;
    font-size: 14px;
}

#logon button {
    padding: 10px 25px;
    border-radius: 5px;
    cursor: pointer;
    background-color: #21579D;
    color: #fff;
    transition: background-color 0.3s;
}

#logon button:hover {
    background-color: #0B51CA;
}

#menu_titre {
    background-color: #21579D;
    background: -webkit-radial-gradient(50% 50%, closest-side, #B0C7FF, #21579D);
    background: -moz-radial-gradient(50% 50%, closest-side, #B0C7FF, #21579D);
    background: -ms-radial-gradient(50% 50%, closest-side, #B0C7FF, #21579D);
    padding: 2px 0px;
    padding-left: 39px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: rgba(0,0,0,0.5) 4px 4px 2px;
    height: 33px;
    padding-top: 9px;
    padding-bottom: 4px;
    font-family: 'Lucida Calligraphy';
    font-size: 22px;
    font-weight: bold;
    text-decoration: underline;
    color: #000000;
    border: 1px solid black;
    border-bottom: 2px solid #3065AB; /* ancient 1762FF */
}

#menu_user {
    text-align: center;
    padding: 4px;
    border-bottom: 2px dotted black;
}

#message {
    background: #21579D;
    top: 50%;
    left: 50%;
    position: fixed;
    margin-top: -100px;
    margin-left: -175px;
    width: 350px;
    min-height: 150px;
    padding: 0px 10px 15px 10px;
    border: 1px solid black;
    text-align: center;
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.7) 4px 4px 2px;
    font-size: 16px;
    color: #FFFFFF;
    z-index: 120;
}

#message input, #operation_box input { /*input[type=button]*/
    min-width: 100px;
}

#operation_box input[type='checkbox'] {
    min-width: unset;
    margin: 3px;
}

#mini_formulaire {
    line-height: 35px;
}

#new_ticket {
    margin-left: 10px;
    color: red;
}

#nouvelle_bdd_form {
    display: none;
    transition: height 0.5s;
    -moz-transition: height 0.5s; /* Firefox 4 */
    -webkit-transition: height 0.5s; /* safari et chrome */
    -o-transition: height 0.5s; /* Opera */
    overflow: hidden;
}

#npa {
    width: 45px;
}

#offre {
    display: inline-block;
    width: 140px;
}

#offre_detail {
    background: rgba(70, 140, 255, 0.93);
    display: none;
    top: 100px;
    left: 50%;
    position: absolute;
    margin-left: -275px;
    width: 600px;
    border: 1px solid black;
    padding: 10px;
    border-radius: 6px;
    /*box-shadow: rgba(10,50,100,0.4) 10px 7px 3px;*/
    box-shadow: rgba(0,0,0,0.5) 15px 10px 5px;
    z-index: 112;
}

#offre_detail_titre {
    font-weight: bold;
    font-size: 20px;
    text-decoration: underline;
}

#offre_text {
    float: left;
    background: rgba(50, 128, 255, 0.1);
    color: #000000;
    width: 140px;
    text-align: center;
    border-radius: 8px;
    box-shadow: rgba(0,100,200,0.5) 10px 7px 3px;
    border: 1px solid rgba(0,100,200,0.5);
    border-left: 1px dashed #3087FF;
    line-height: 35px;
    text-align: right;
    padding: 10px 20px 10px 20px;
    margin-top: 78px;
}

#offre_titre1 {
    float: left;
    background: rgba(50, 128, 255, 0.1);
    color: #000000;
    width: 100px;
    text-align: center;
    border-radius: 8px;
    box-shadow: rgba(0,100,200,0.5) 10px 7px 3px;
    border: 1px solid rgba(0,100,200,0.5);
    border-left: 1px dashed #3087FF;
    line-height: 35px;
    padding: 10px;
    margin: 0px 10px 10px 20px;
}

#offre_titrex {
    float: left;
    background: rgba(50, 128, 255, 0.1);
    color: #000000;
    width: 100px;
    text-align: center;
    border-radius: 8px;
    box-shadow: rgba(0,100,200,0.5) 10px 7px 3px;
    border: 1px solid rgba(0,100,200,0.5);
    border-left: 1px dashed #3087FF;
    line-height: 35px;
    padding: 10px;
    margin: 0px 10px 10px 20px;
}

#offre_colonne1 {
    float: left;
    background: rgba(50, 128, 255, 0.1);
    color: #000000;
    width: 100px;
    text-align: center;
    border-radius: 8px;
    box-shadow: rgba(0,100,200,0.5) 10px 7px 3px;
    border: 1px solid rgba(0,100,200,0.5);
    border-left: 1px dashed #3087FF;
    line-height: 35px;
    padding: 10px;
    margin: 10px;
    margin-left: 20px;
}

#offre_colonnex {
    float: left;
    background: rgba(50, 128, 255, 0.1);
    color: #000000;
    width: 100px;
    text-align: center;
    border-radius: 8px;
    box-shadow: rgba(0,100,200,0.5) 10px 7px 3px;
    border: 1px solid rgba(0,100,200,0.5);
    border-left: 1px dashed #3087FF;
    line-height: 35px;
    padding: 10px;
    margin: 10px;
    margin-left: 20px;
}

#operation_box {
    background: #21579D;
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    margin-top: -150px;
    margin-left: -250px;
    max-width: 650px;
    min-height: 200px;
    padding: 0px 10px 15px 10px;
    border: 1px solid black;
    text-align: center;
    border-radius: 8px;
    box-shadow: rgba(0,0,0,0.5) 10px 7px 3px;
    font-size: 14px;
    color: #FFFFFF;
    z-index: 110;
}

#operation_box h2 {
    font-size: 16px;
    color: #A0A0A0; /*#404040, A0A0A0*/
}

#operation_in_progress {
    position: absolute;
    top: 20%;
    left: 50%;
    background: #fff;
    padding: 20px;
    transform: translate(-50%,-50%);
    border-radius: 10px;    
    box-shadow: rgba(0,0,0,0.3) 5px 7px 8px;
    z-index: 110;
}

#requetes_en_cours {
    background-image: url(../images/time-left.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    animation-name: rotation_time;
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    height: 24px;
}
@keyframes rotation_time {
    0% {rotate: 0deg;}
    100% {rotate: 360deg;}
}

#submit {
    text-align: center;
    padding-top: 15px;
}

#table_colonne_action { /* supprimé ? */
    min-width: 60px;
    padding: 3px;
}

#table_colonne_adresse { /* supprimé ? */
    width: 220px;
}

#table_colonne_content { /* supprimé ? */
    width: 280px;
}

#table_colonne_nom { /* supprimé ? */
    width: 150px;
}

#table_colonne_nombre{ /* supprimé ? */
    width: 140px;
}

#table_colonne_type { /* supprimé ? */
    width: 65px;
}

#table_deroulant_nom {
    width: 150px;
    line-height: 25px;
}

#table_bdd_action {
    width: 80px;
    padding: 3px;
}

#table_bdd_action_champs {
    text-align: right;
    padding: 0px 5px;
}

#table_bdd_contenu {
    width: 250px;
    padding: 3px;
}

#table_bdd_nom {
    min-width: 150px;
    padding: 3px;
}

#table_bdd_taille {
    width: 120px;
    padding: 3px;
}

#table_deroulant_prix {
    width: 75px;
    line-height: 35px;
}

#table_ftp_nom {
    min-width: 180px;
    padding: 3px;
}

#table_ftp_contenu {
    min-width: 200px;
    padding: 3px
}

#table_ftp_action {
    width: 90px;
    padding: 3px;
    
}

#table_ftp_action_champs {
    text-align: right;
    padding: 0px 5px;
}

#table_mail_action {
    width: 116px;
    padding: 3px;
}

#table_mail_action_champs {
    text-align: right;
    padding: 0px 5px;
}

#table_mail_adresse {
    width: 300px;
    padding: 3px;
}

#table_mail_nombre {
    width: 170px;
    padding: 3px;
}

#table_mail_utilisation {
    width: 240px;
    padding: 3px;
}

#table_paiement_action {
    min-width: 60px;
    padding: 3px;
}

#table_paiement_action_champs {
    text-align: right;
    padding: 0px 5px;
}

#table_paiement_action_champs form {
    display: inline;
}

#table_paiement_date {
    min-width: 160px;
    padding: 3px;
}

#table_paiement_montant {
    min-width: 100px;
    padding: 3px;
}

#table_paiement_nom {
    min-width: 180px;
    padding: 3px;
}

#table_paiement_num {
    width: 30px;
    padding: 3px;
}

#table_paiement_status {
    min-width: 140px;
    padding: 3px;
}

#table_support {
    text-align: center;
    width: 100%;
}

#table_support_action {
    min-width: 90px;
    padding: 3px;
}

#table_support_action_champs {
    text-align: right;
    padding: 0px 5px;
}

#table_support_date {
    min-width: 160px;
    padding: 3px;
}

#table_support_etat {
    min-width: 60px;
    padding: 3px;
}

#table_support_question {
    min-width: 220px;
    padding: 3px;
}

#table_support_user {
    min-width: 210px;
    padding: 3px;
}

#table_gestionnews_action {
    min-width: 80px;
    padding: 3px;
}

#table_gestionnews_action_champs {
    text-align: right;
    padding: 0px 5px;
}

#table_gestionnews_author {
    min-width: 120px;
    padding: 3px;
}

#table_gestionnews_corrige {
    min-width: 60px;
    padding: 3px;
}

#table_gestionnews_date {
    min-width: 90px;
    padding: 3px;
}

#table_gestionnews_publie {
    min-width: 60px;
    padding: 3px;
}

#table_gestionnews_titre {
    min-width: 250px;
    padding: 3px;
}

#table_user_action {
    min-width: 143px;
    padding: 3px;
}

#table_user_action_champs {
    text-align: right;
    padding: 0px 5px;
}

#table_user_bandwidth {
    width: 200px;
}

#table_user_disk {
    width: 200px;
}

#table_user_group {
    width: 100px;
}

#table_user_name {
    width: 200px;
}

#message h2 {
    background: #21579D;
    background: -webkit-radial-gradient(30% 50%, closest-side, #B0C7FF, #21579D);
    background: -moz-radial-gradient(30% 50%, closest-side, #B0C7FF, #21579D);
    background: -ms-radial-gradient(30% 50%, closest-side, #B0C7FF, #21579D);
    border-bottom: 1px dashed black;
    height: 20px;
    padding: 10px;
    padding-left: 50px;
    font-family: 'centaur';
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
    color: #000000;
}

/* On définit ici les classes */

.box_contenu_news {
    background: rgba(50, 128, 255, 0.1);
    color: #000000;
    width: 620px;
    float: left;
    text-align: left;
    padding: 20px;
    padding-top: 10px;
    margin-left: 25px;
    margin-top: 20px;
    border: 1px solid rgba(0,100,200,0.5);
    border-left: 1px dashed #3087FF;
    border-radius: 8px;
    box-shadow: rgba(10,100,200,0.5) 10px 7px 3px;
}

.browse_box_folder {
    display: table-cell;
    width: 92px;
    min-height: 100px;
    padding: 8px;
    text-align: center;
    border: 1px solid white;
}

.browse_box_folder:hover {
    background: rgba(70, 140, 255, 0.3);
    border: 1px solid rgba(70,140,255,0.4);
    border-radius: 6px;
}

.browse_box_folder_selected {
    background: rgba(70, 140, 255, 0.3);
    display: table-cell;
    width: 92px;
    min-height: 100px;
    padding: 8px;
    text-align: center;
    border: 1px solid rgba(70,140,255,0.4);
    border-radius: 6px;
}

.champs_pas_valide {
    border: 1px solid red;
}

.center {
    text-align: center;
}

.centrer {
    margin: auto;
}

.complement {
    max-width: 520px;
}

.droite {
    text-align: right;
}

.hidden, .captcha {
    display: none;
}

.icone{
    width: 48px;
    padding: 5px
}

.important {
    color: red;
    text-align: center;
    font-weight: bold;
}

.info_bulle {
    background: rgba(70, 140, 255, 0.9);
    display: none;
    position: absolute;
    /*width: 250px;*/
    border: 1px solid black;
    padding: 0px 10px;
    border-radius: 6px;
    box-shadow: rgba(10,100,200,0.4) 10px 7px 3px;
}

.limite_atteinte {
    color: red;
}

.ligne_deroulante, .ligne_deroulante_utilisateur {
    transition: height 1s;
    -moz-transition: height 1s; /* Firefox 4 */
    -webkit-transition: height 1s; /* safari et chrome */
    -o-transition: height 1s; /* Opera */
    display: block;
    max-width: 930px;
    height: 0px;
    font-size: 14px;
    overflow: hidden;
}

.ligne_deroulante_utilisateur{
    background-color: rgba(50, 128, 255, 0.3);
    padding-left: 8px;
    margin-bottom: 5px;
    border-radius: 10px 20px;
}

.ligne_impair {
    background-color: rgba(50, 128, 255, 0.1);
}

.ligne_reponse {
    background-color: rgba(48, 101, 171, 0.8);
}

.line {
    border-top: 1px dashed #3087FF;
    margin-top: 10px;
    padding: 3px;
    width: 100%;
}

.news_contenu {
    padding-top: 10px;
    padding-bottom: 10px;
}

.news_footer {
    float: right;
    font-style: italic;
}

.news_titre {
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
}

.offre_detail_centre {
    clear: both;
    border: 1px solid black;
    width: 568px;
    margin: 10px;
    padding: 10px 5px;
}

.offre_detail_centre p {
    text-align: left;
}

.offre_detail_droite {
    float: right;
    border: 1px solid black;
    width: 285px;
    margin: 10px;
    padding: 10px 5px;
}

.offre_detail_droite p {
    text-align: left;
}

.offre_detail_gauche {
    float: left;
    border: 1px solid black;
    width: 250px;
    margin: 10px;
    padding: 10px 5px;
}

.offre_detail_gauche p {
    text-align: left;
}

.pointer {
    cursor: pointer;
}

.sous-menu {
    color: #FFFFFF;
    display: block;
    width: 135px;
    height: 25px;
    text-align: left;
    font-size: 12px;
    line-height: 2.5;
    margin-left: 20px;
    margin-bottom: 8px;
    cursor: pointer;
    border-bottom: 1px dashed black;
}

.sous-menu_div {
    display: block;
    height: 0px;
    overflow: hidden;
    transition: height 0.4s;
    -moz-transition: height 0.4s; /* Firefox 4 */
    -webkit-transition: height 0.4s; /* safari et chrome */
    -o-transition: height 0.4s; /* Opera */
}

.sous-menu_show {
    height: 50px;
}

.sous-menu:hover {
    font-weight: bold;
}

.sous-menu-utilisation {
    color: #DDDDDD;
    display: block;
    width: 135px;
    height: 25px;
    font-size: 14px;
    margin-left: 20px;
    margin-bottom: 5px;
    border-bottom: 1px dashed black;
    cursor: default;
}

.utilisation {
    background: rgba(70, 140, 255, 0.1);
    display: table-cell;
    width: 210px;
    height: 97px;
    padding: 8px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid rgba(70,140,255,0.3);
    border-radius: 6px;
}

.utilisation_detail {
    min-width: 184px;
    padding: 8px;
    vertical-align: text-top;
}

.valide {
    color: #00F000;
    text-align: center;
    font-weight: bold;
}


/* filter:alpha(opacity=30); */