/* commun */

body {
    color:#222;
    /*text-shadow: 1px 1px 1px #FFFFFF;*/
   /* background:#262729 url(../images/bg-body.jpg);*/

    font-family: Helvetica Neue,Helvetica,Arial,sans-serif!important;
    font-size: 0.9em;
    line-height: 1.4em;
    margin:0;
    padding:0;
    overflow-y:scroll;
    unicode-bidi: embed;
    direction: ltr;
    height: 100%;
}

html {
    height: 100%;

}


a {
    cursor:pointer;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    text-decoration: none;
}

a:hover {
    text-decoration: none!important;
}

a.gris:hover  {
    text-decoration: none!important;
}


img{
    border: 0px;
}
form{
    margin:0px;
}

p{
    margin:0px;
    line-height: 1.7em;
}

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

td{
    margin:0px;
}

label { display: inline-bloc;margin: 0;}

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

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


hr {margin: 30px 0;visibility: hidden;}
.arrondi {
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important;
}

.bold{font-weight: bold;color:#333;}
.boldWhite{font-weight: bold;color:#fff;}

input,textArea,fieldset,select,button,legend {
    margin:2px;
    padding: 4px;
    font-size: 1em;


}

input,textArea{
    font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;

}

input[type="submit"],input[type="button"],button {
    background-color: #122269;
    border-color: #555;
    color:white;
    font-size: 1em;
    padding:2px 7px;
    background: url(../images/over_haut2.jpg) repeat-y;
    min-width:80px;
    text-shadow: none;

}

.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}


.input50{
    width:50px;
}

.input100{
    width:100px;
}

.input150{
    width:150px;
}

.input200{
    width:200px;
}

.input200ins{
    width:150px;
    height:13px;
    font-size:10px;
}


.input300{
    width:300px;
    max-width:300px;
}

.input400{
    width:400px;
    max-width:400px;
}

.input100per{
    width:95%;
    max-width:95%;

}

a:link,a:visited{
    text-decoration:none;
    color:#28292B;
    text-shadow: none;
    cursor:pointer;
}

a:hover{
    text-decoration:underline;
    cursor:pointer;
}

.h00{
    margin:0px;
    padding:0px;
    font-size:18px;
    font-weight:bold;
    color:#122269;
}

h1{
    margin:0px;
    padding:0px;
    font-size:1.5em;
    font-weight:bold;
    color:#37669A;
    line-height: 1.5em;
}

h2{
    margin:0px;
    padding:0px;
    font-size:1.3em;
    font-weight:bold;
    color:#37669A;
    font-style:normal;
    line-height: 1.6em;
}

h3{
    margin:0px;
    padding:0px;
    font-size:1.1em;
    font-weight:bold;
    color:#000;
    text-shadow: none;
}

h4 { line-height: 1.5em;}


.rot45{
    display:block;
    -moz-transform:rotate(-45deg); /*firefox*/
    -webkit-transform:rotate(-45deg); /*Chrome, Safari*/
    -o-transform:rotate(-45deg); /*Opera*/
}


.rot90{
    display:block;
    -moz-transform:rotate(-90deg); /*firefox*/
    -webkit-transform:rotate(-90deg); /*Chrome, Safari*/
    -o-transform:rotate(-90deg); /*Opera*/
}

.f14px{
    font-size:14px;
    display:block!important;
    margin-bottom:5px;
}

body > p {
    line-height: 1.5em;
}

blockquote{border-left:5px #a3a2a8 solid;padding-left:10px;margin-left:0px;}

.floatLeft, .fl{
    float:left;
}

.floatRight, .fr {
    float:right;
}

ul.ul_defaut {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

li.li_defaut {
    margin: 0;
    padding: 2px;
    text-align: left;
    line-height: 1.7em;
}

li.li_bouton {
    display: inline-block;
    margin: 0;
    padding: 2px;
    text-align: center;
    width: 100%;
    padding:5px;

}


.hidden {visibility:hidden;}
.none {display: none;}


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

#page{
    position:relative;
    margin: 0px auto;
    width: 1000px;
    height:100%;
    min-height:100%;
    /*background:rgba(255,255,255,0.85);*/
    padding:0px 0px 50px 0px;
    top:0px;
}


#logo{
    position:relative;
    top:16px;
    left:17px;
}

#logo_datamining{
    position:absolute;
    top:17px;
    left:392px;
}

#titre_haut{
    position:absolute;
    top:77px;
    left:690px;
    color:#37669a;
    font-size:20px;

}

#menu-haut{
    position:relative;
    bottom:13px;
    right:14px;

}


#la_version{
    position:absolute;
    top:4px;
    left:7px;
    color:#fff;
}

#les_menus{
    margin: auto 0;
}


#sous-menu{
    height:20px;

}

#container-menu{
    height:20px;
}

#container-menu h3{
    padding-bottom:5px;
}

#les_menus div.un_menu,
#les_menus div.un_menu_over {
    overflow:hidden;
}


#les_menus a:link,#les_menus a:visited{
    font-size:1em;
    margin-top:2px;
    display:block;
}

.un_menu{
    width:122px;
    height:20px !important;
    height:16px;
    border:solid 1px #bdbdbd;
    float:left;
    text-align:center;
}

.un_menu_over{
    width:122px;
    height:20px !important;
    height:16px;
    border:solid 1px #2b6692;
    float:left;
    text-align:center;
    background: url(../images/over_haut2.jpg) repeat-y;
}

.un_menu_over a:link,.un_menu_over a:visited{
    color:#fff;
    text-shadow: none;
}

.icon-niveau{position: relative;top:3px;}

#imprimer{
    position:absolute;
    top:12px;
    left:836px;
    cursor:pointer;
}

#help{
    position:absolute;
    top:12px;
    left:813px;
    cursor:pointer;
}

#drapeau_anglais{
    position:absolute;
    top:14px;
    left:893px;
    cursor:pointer;
}

#drapeau_francais{
    position:absolute;
    top:14px;
    left:932px;
    cursor:pointer;
}

#drapeau_espagnol{
    position:absolute;
    top:14px;
    left:971px;
    cursor:pointer;
}


#ligne_rouge{
    position:relative;
    height:1px;
    background-color:#d50012;
    overflow:hidden;
    clear:both;
}

.ligne_verte{
    position:relative;
    height:4px;
    background-color:#dbdad0;
    overflow:hidden;
    clear:both;
}



#cadre_connexion{
    position:relative;
    width:300px;
    height:140px;
    background-color:#a3a4a6;

}

#thawteseal{margin:10px;}

#contenu_ombre table,
#contenu_ombre h1
{
    padding:5px;
}





#contenu_ombre a{
    cursor:pointer;
}

.bouton_exterieur{
    position:relative;
    width:117px;
    margin:0px 3px;
    height:26px;
    background: url(../images/gbouton.gif);
    float:left;
}

.bouton_exterieur_red{
    position:relative;
    width:117px;
    margin:0px 3px;
    height:26px;
    background: url(../images/rbouton.gif);
    float:left;
}

.bouton_interieur{
    position:absolute;
    top:4px;
    width:115px;
    text-align:center;
    left:0px;
}

.bouton_interieur a,.bouton_interieur a:link,.bouton_interieur a:visited,.bouton_interieur a:hover{
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-style:normal;
    cursor:pointer;
    text-shadow: none;
}

.pbouton_exterieur{
    position:relative;
    width:78px;
    margin:0px 3px;
    height:18px;
    background: url(../images/pbouton.gif);
    float:left;
}

.pbouton_exterieur_red{
    position:relative;
    width:78px;
    margin:0px 3px;
    height:18px;
    float:left;
}

.pbouton_interieur{
    position:absolute;
    width:76px;
    text-align:center;
    top:-1px;
    left:0px;
}

.pbouton_interieur a,.pbouton_interieur a:link,.pbouton_interieur a:visited,.pbouton_interieur a:hover{
    color:#fff;
    text-decoration:none;
    font-size:10px;
    font-style:normal;
    cursor:pointer;
    text-shadow: none;
}


.titre_bloc{
    display:block;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    position:relative;
    top:20px;
    text-shadow: none;
}

.titre_bloc:first-child{
    padding:0px 0 2px 5px;
}

.ligne0{
    background-color:#ececec;
    display:block;
    height:18px;
    padding-left:3px;
    overflow:hidden;
}

a.ligne0:hover,a.ligne1:hover,span.ligne0:hover,span.ligne1:hover{
    background-color:#d8d8d8;
    text-decoration:none!important;
    color:inherit;
}

.ligne1, .ligne0 {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 10px;
    border: 1px transparent dotted;
    text-decoration:none!important;
}

.ligne1 a, .ligne0 a {
    text-decoration:none;
} 

.ligneinv{
    display:block;
    height:0px;
    overflow:hidden;
}

.entete_tableau{
    font-weight:bold;
    border-bottom:1px solid #555;
}

.ligne0_tableau{
    background-color:#eff2f4;
    height: 20px;
}

.fond_ligne_tableau{background:#f0f3f9;}


.entete_tableau td,
.ligne0_tableau td,
.ligne1_tableau td{
    padding:10px;
}


.ponderation_nompage{
    padding:5px;

}

.ponderation_nomquestion{
    padding:5px;
}

.inscription_contour{
    position:relative;
    border:#000 solid 1px;
    width:775px!important;
    height:578px!important;
    width:777px;
    height:580px;
}

.inscription_main{
    border:#000 solid 1px;
    right:0px;
    position:absolute;
    width:390px!important;
    height:360px!important;
    width:390px;
    height:362px;
    background: url(../images/main.jpg);
}

.inscription_description{
    font-size:11px;
    border:#000 solid 1px;
    position:absolute;
    right:0px;
    bottom:0px;
    width:370px!important;
    height:194px!important;
    width:370px;
    height:220px;
    background-color:#fff;
    padding:10px;
    text-align:left;
}

.inscription_principal{
    position:relative;
    border:#000 solid 1px;
    float:left;
    width:381px!important;
    height:576px!important;
    width:383px;
    height:578px;
    text-align:left;
}

.inscription_degrad{
    background:url(../images/ligne_inscription.jpg);
    height:20px;

}

.la_version_inscription{
    position:absolute;
    top:3px;
    left:10px;
    color:#4d4d4d;
    font-size:12px;

}

#inscription_formulaire{
    padding:10px;
}

#inscription_formulaire table{
    border-collapse: collapse;

}

#inscription_formulaire td{
    text-align:right;
}

#inscription_formulaire .inscription_sepa{
    text-align:left;
    color:#e30f28;
    border-bottom:solid 1px #e30f28;
    height:17px;
}

#inscription_formulaire .cgu{
    text-align:left;
    font-size:10px;
}

#inscription_formulaire .cgu a:link,#inscription_formulaire .cgu a:visited{
    text-decoration:underline;
}

.lefiltre{
    border-bottom:1px solid #ddd;
    width:100%;
    padding-bottom:5px;
}

.lefiltre > span{
    margin-right: 5px;

}

#bande1,#bande2,#bande3{
    position:relative;
    width:633px;
    height:65px;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    background-repeat:no-repeat;
    margin-bottom: 20px;
    text-shadow: none;
}

#bande1{
    background:url(../images/bande1.jpg);
}

#bande2{
    background:url(../images/bande2.jpg);
}

#bande3{
    background:url(../images/bande3.jpg);
}

#bandeint1{
    position:absolute;
    top:20px;
    left:20px;
}

#bandeint2{
    position:absolute;
    top:20px;
    left:230px;
}

#bandeint3{
    position:absolute;
    top:20px;
    left:450px;
}



.questionnaire_intitule{
    width:370px;
    font-size:14px;
    font-weight:bold;
    font-style:normal;
}

.reponses_questionnaire{
    border-bottom: 1px inset rgba(0, 0, 0, 0.5);
    margin-bottom: 27px;
    margin-right: 27px;
    padding: 15px 16px 25px;
}

#ligne_resultat{
    position:relative;
    background:url(../images/ligne_resultat.jpg);
    height:20px;

}

.titre_commentaire_gen2{
    width:100%;
    margin:5px 0px;
    font-weight:600;
    border-bottom: 2px solid #ccc;
}

.titre_commentaire_gen{
    width: 100%;
    margin: 5px 0px;
    font-weight: 600;
    border-bottom: 2px solid #ececec;
    display: block;

}

.etapes_paypal{
    font-weight:bold;
}

#attente_paypal{
    position:absolute;
    top:50px;
    left:300px;
    z-index:50;
    text-align:center;
    padding:20px;
    background-color:#E6E6E6;
    width:400px;
    visibility:hidden;
}


.blocked{
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select:none;
    -o-user-select:none;
}

.divNoPrint{
    font:1px;
    visibility: hidden;
    display: none;
}


#marqueecontainer{
    position: relative;
    width: 400px; /*marquee width */
    height: 45px; /*marquee height */
    overflow: hidden;
    border-bottom: 1px solid black;
    padding: 2px;
    padding-left: 4px;
}

.headerAccordion {
    background: #000;
    cursor: pointer;
    padding:4px;
}

.headerAccordion:hover{
    background-color:#666;
}

.selectedAccordion{
    background-color:#F00;
    color:#FFF;
    text-shadow: none;
}

#basic-accordian{
    border:5px solid #EEE;
    padding:5px;
    position:absolute;
    margin-left:25px;
    z-index:2;

}

.accordion_headings{
    padding:5px;
    background:#0095cc;
    color:#FFFFFF;
    text-shadow: none;
    border:1px solid #FFF;
    cursor:pointer;
    font-weight:bold;
    background-image: url(../images/expandIcon.gif);
    background-position: right center;
    background-repeat: no-repeat;

}

.accordion_headings:hover{
    background:#006b93;
    background-image: url(../images/expandIcon.gif);
    background-position: right center;
    background-repeat: no-repeat;
}

.accordion_child{
    padding:15px;

}

.header_highlight{
    background:#000d39;

}



/* $Id: style.css,v 1.6 2010/12/06 17:42:44 IYAK Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
    display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
    margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
    margin:0;
    padding: 3px 0;
    border-bottom: 1px solid #778;
    font-weight: bold;

}

ul.tabbernav li
{
    list-style: none;
    margin: 2px 0;
    display: inline-block;
}

ul.tabbernav li a
{
    padding: 5px 1.5em;
    margin-left: 3px;
    border: 1px solid #778;
    border-bottom: none;
    background: #DDE;
    text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
    color: #111;
    background: #AAE;
    border-color: #227;
}

ul.tabbernav li.tabberactive a
{
    background-color: #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
}

ul.tabbernav li.tabberactive a:hover
{
    color: #111;
    background: #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
    padding:5px;
    border:1px solid transparent;
    border-top:0;

    /* If you don't want the tab size changing whenever a tab is changed
       you can set a fixed height */

    /* height:200px; */

    /* If you set a fix height set overflow to auto and you will get a
       scrollbar when necessary */

    /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
    display:none;
}
.tabberlive .tabbertab h3 {
    display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
    height:200px;
    overflow:auto;
}



#sddm
{     margin: 0;
      padding: 0;
      z-index: 30}

#sddm li
{     margin: 0;
      padding: 0;
      list-style: none;
      float: left;
      font-weight: bold;
      font-size :11px}

#sddm li a
{    display: block;
     margin-left: 10px;
     text-align: center;
     text-decoration: none
}

#sddm li a:hover
{     }

#sddm div
{    position: absolute;
     visibility: hidden;
     margin-top: 5px;
     padding: 0;
     background: #EAEBD8;
     border: 1px solid #5970B2;
     z-index: 1000;}

#sddm div a
{    position: relative;
     display: block;
     margin: 0;
     padding: 5px 10px;
     width: auto;
     white-space: nowrap;
     text-align: left;
     text-decoration: none;
     background: #EAEBD8;
     color: #2875DE;
     font-weight: bold;
     font-size:11px;
}

#sddm div a:hover
{     background: #49A3FF;
      color: #FFF;}



/* olivier */

#chargement{
    text-align:center;
    background: transparent;
    border: none;

}


.loadPage {
    text-align: center;
    font-size : 35px;
    font-weight: bold;
    padding : 20px 0 50px 0;
}

.wrapperContainer {
    display: block;
    padding:3px 3px 20px 3px;
    background: #ffffff;
 /*
	-webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 5px rgba(50, 50, 50, 0.75);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	*/
    margin:0px 0px 20px 0px;


}

#entete {
    background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
    height:107px;
    position:relative;
    width:1000px;
}

#deconnexion{
    position:absolute;
    top:5px;
    right:15px;

}


#cadre_version{
    position:relative;
    width:1000px;
    height:27px;

    background: rgba( 0,0,0,0.5);
}


#barre_menus{
  /*  background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;*/
    position:relative;
  /*  background: #e6e6e6;*/
    width:1000px;

}

#barre_menus_admin{
    background: #e6e6e6;
}

#ligne_haut{
    position:absolute;
    top:92px;
    left:0px;
    width:680px;
    height:2px;
    overflow:hidden;
    background: url(../images/ligne_2pixels.jpg) repeat-x;
}


#ligne_milieu{
    width:1000px;
    height:0px;
    overflow:hidden;
}

#principal{
    display:block;
    width:1000px;
    min-height:300px;
    overflow: no-display;
    border-bottom: 3px solid #85cd0e;
}

#le_copyright{
    position:absolute;
    top:2px;
    right:7px;
    color:#fff;
    font-size:12px;
}

#pied_de_page{
    background-color: #FFFFFF;
    border-bottom: 2px solid #BFBFBF;
    margin: 7px 0px 40px;
    position: relative;
    width: 1000px;
}


.divHiddenOnPrint {
}


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

#msg_erreur, #msg_info, #msg_warning {
    display: inline-block;
    position:relative;
    border: 1px solid;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    margin: 2px 0 2px 0;
}


#bloc_message {
    display: inline-block;
    position:relative;
    width:97%;
    padding:15px 0px;
    font-size: 1.85em;
    color: rgba(255,255,255,1);
    text-shadow: none!important;
    margin-top:10px;
    line-height: 1.2em;
}

span.msg_erreur{
    background: none repeat scroll 0 0 rgba(183, 0, 0, 1);
}

span.msg_info{
    background: none repeat scroll 0 0 rgba(109, 187, 70, 1);
}


span.msg_warning{
    background: none repeat scroll 0 0 rgba(255, 146, 0, 1);

}

p.info{margin:5px 0px;}
p.info17{margin:5px 0px;font-size:17px;text-align:center;}

#psContainer {
    height:18px;
    width:100px;
    border:1px solid #000;
    float:right;
    margin-left:5px;
    background-color:#DDDDDD;
}

#psStrength {
    background-image:url('../images/strength.jpg');
    height:18px;
    width:100px;
    float:left;
}

a.lien_bleu_underline {
    color: #37669A;
    cursor:pointer;
    text-decoration:underline;
    font-weight:normal;
}


/* message d'information'*/

div.message {
    padding-bottom: 10px;
}

/* class pour les tableau */

.tbEntete {
    padding:2px;
    font-size:12px;
    font-weight:bold;
    border : 1px solid #555;
}

.tbLigne {
    padding:2px;
    font-size:12px;
    font-weight:bold;
    border : 1px solid #555;
}

.tableau_rapport{
    margin:auto!important;
}

.tableau_rapport th{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #393939;
    font-size: 1em;
    padding: 10px;
    text-align: center;
    vertical-align: bottom;
    white-space: nowrap;

}

.tableau_rapport td{
    border-bottom: 1px dotted #ddd;
    border-left: 1px dotted transparent;
    border-right: 1px dotted transparent;
    border-top: 1px dotted transparent;
    height: auto;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}

.tableau_rapport td:first-child{
    font-style: italic;
}

.tableau_rapport td:last-child a{
    /*color:#284870;*/
}

/* class pour tableau de rapport_tableau */

/* tableau de choix des colonnes du ficher */
.styleHeader{
    margin-bottom:4px;
    background-color:#e4e4e4;
    vertical-align:top;
    padding:3px 5px 0px 5px;
    white-space: nowrap;
}

.styleCell{
    border-bottom:2px solid #CfCfCf;
    margin-bottom:4px;
}

.styleEvent:hover{
    background-color:#e8e8e8;
}

.rouge{color:#9c2306;font-weight: bold;}
a.orange,.orange{color:#f4a20a;font-weight: bold;text-shadow:none!important;}
.vert{color:#85cd0e;font-weight: bold;}
.vert2{color:#7cb125;font-weight: bold;}
.gris{color:#404852;font-weight: normal;}
.gris2{color:#999999;font-weight: normal;}
.bleu{color:#080658;font-weight: bold;}
.bleu-light{color:#080658;font-weight: bold;}

a.vert{text-decoration: none!important;color:#85cd0e!important;text-shadow:none!important;font-weight: normal!important;}
a.rouge{text-decoration: none!important;color:#9c2306!important;text-shadow:none!important;font-weight: normal!important;}
a.gris{text-decoration: none!important;color:#404852!important;text-shadow:none!important;font-weight: normal!important;}
a.orange{text-decoration: none!important;color:#f4a20a!important;text-shadow:none!important;font-weight: normal!important;}
a.bleu{text-decoration: none!important;color:#080658!important;text-shadow:none!important;font-weight: normal!important;}





/* tableau statistiques */

table.statistique {
    background-color: #E8E9E6;
}

table.statistique tr th {
    background-color: #D8E2D3;
    border-bottom: 2px solid #666666 !important;
    border-top: 1px solid #555555 !important;
    font-size: 12px !important;
}

table.statistique tr td {
    border-bottom: 1px solid #999999 !important;
    font-size: 12px;
    padding: 5px;
    text-align: center;
}

/* tableau manuel par IKE */

.table_header{cursor:help;font-weight:bold;}




/* arrondi */
.arrondi_ligne_5 {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.arrondi_ligne_10 {
    -webkit-border-radius: 10px;
    border-radius: 10px;
}


.arrondi_ligne_15 {
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

/* ombre */
.shadow_1{
    -webkit-box-shadow:  1px 1px 1px 1px rgba(ee, ee, ee, 0.5);
    box-shadow:  1px 1px 1px 1px rgba(ee, ee, ee, 0.5);
}

/* menu analytics */
.tab-nav:after {
    clear: both;
    content: "";
    display: block;
}

.tab-nav {
    list-style: none outside none;
    margin: 0;
    width: 100%;
}

.tab-nav li {
    float: left;
    margin: 0 0 0 20px;
    position: relative;
    text-align: center;
    width:100px;
}

.tab-nav li:first-child {
    margin: 0 0 0 0;
}

.tab-nav span {
    display: inline-block;
    height: 60px;
    vertical-align: middle;
    width: 60px;
}

.tab-nav a .icon-holder {
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    vertical-align: middle;
}

.tab-nav a{
    color:#353B6C;
}

.tab-nav a:hover{
    /*color:#4f0707;*/
}

#progress_bars{
    display:none;
}

#progress_bars .une_barre{
    margin-bottom:10px;
    height:20px;
}

#progress_bars .nom_barre{
    padding-left:10px;
    margin-bottom:5px;
    color:#000;

}

#liste_analyse h1.titre {
    color:white;
    line-height: 1.5em;
}

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

/* formatage des div en tableau*/
.div_table{display: table;border-collapse: separate;empty-cells: hide; margin: 0 -20px;border-spacing: 20px 10px;min-width: 100%;position:relative; }
.div_table_cell{display: table-cell;padding:10px;}
.div_table_cell:first-child{width:700px;max-width:700px;vertical-align: top;}
.div_table_cell:last-child{width:200px;min-width:200px;vertical-align: top;}

/* formatage des div en tableau pages ADMIN */
#administration  .div_table{display: table;border-collapse: separate;empty-cells: hide; margin: 0 -20px;border-spacing: 20px 10px;min-width: 104%; }
#administration  .div_table_cell{display: table-cell;padding:10px;}
#administration  .div_table_cell:first-child{width:270px;vertical-align: top;position:relative;}
#administration  .div_table_cell:last-child{width:270px;vertical-align: top;position:relative;}

#administration h2{
    background: none repeat scroll 0 0 #4677b3;
    padding: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color:#f4f4f4;
    margin-bottom: 10px;
}

#administration h3{
    border-bottom: 1px solid #b7b7b7;
    text-shadow: none;
    margin-top:5px;
    padding: 0px 5px 2px 5px;
    color:#333;
    text-shadow: 1px 1px 1px #888;
    margin-bottom: 5px;
}

#administration table{
    border-collapse: collapse;
    width:100%;

}


#administration table.table_description td {
    padding-bottom: 5px;
    padding-top: 5px;
    font-style:normal;
    vertical-align: middle;


}

#administration table.table_description tr td:first-child {
    width:35%;
    border-right: 1px solid #ddd;
    /*border-left: 1px solid #ddd;*/
    /*font: 500 14px Roboto,sans-serif;*/
    text-align: right;
    padding-right: 10px;
}
#administration table.table_description tr td:nth-child(2) {
    padding-left: 10px;
}

#administration a.itemListe{
    padding:2px 5px 2px 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    display:block;
}

#administration a.itemListe:hover{

}

#administration .wrapper_qstr{
    margin-bottom: 5px;
    padding-bottom:2px;
}

#administration .wrapper_liste_element{
    min-height:300px;
    overflow-y:auto;
}

#administration .intitule{
    display:inline-block;
    font-weight:bold;
    padding-right:2px;
}

#administration .intitule2{
    display:inline-block;
    font-weight:bold;
    padding-right:2px;
    position:relative;
    top:4px;
}

#administration .description{
    display:inline-block;
    font-style:italic;
    padding:0px 0px 0px 5px;
}

.wrapper_ligne{
    margin:0px 0px 10px 0px;
}

._w60{width:60%;}

.wrapper_bouton_bas{
    position:absolute;bottom:0px;
    width:92%;
}
.espace{padding:20px 20px 20px 20px}
.span_info{ display:inline-block;width:150px;padding-right:5px;}

.area {
    height: 100%;
    min-height:350px;
}

.area-one {
    width: 69.66%;
    float: left;
    height: 100%;
    min-height:350px;
}

.area-two {
    width: 25.33%;
    float: right;
    height: 100%;
    min-height:350px;
}

.bloc{margin:10px 0px 10px 0px;}
.bloc1{margin-left:15px;margin-right:15px;width:970px;}
.bloc-interne{padding:10px;margin:10px 0px 0px 0px;}
.first-bloc{margin:0px 0px 10px 0px;}
.bloc-interne-2{padding:5px;}
.bloc-interne-1{padding:0px 0px 0px 0px;}
p.bloc-interne-3  {
    padding:5px;
    margin-bottom:5px;
    border: 1px solid rgba(5,5,5, 0.1);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size:0.91em;

}

p.bloc-interne-3:hover  {
    border: 1px solid rgba(5,5,5, 0.3);
    background-color:#f2f2f2;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	}

.bloc-interne-2 h2 {margin-bottom:10px;}
.bloc-interne-2 p {margin:2px;}
/*
.fond-bloc{background-color: #ff7f7;}
.fond-bloc2{background-color: #f7f7f7;}
.fond-bloc3{background-color: #f7f7f7!important;}
.fond-bloc4{background-color: #fefefe;}
*/
.fond-bloc{background-color: #fffff;}
.fond-bloc2{background-color: #ffffff;}
.fond-bloc3{background-color: #ffffff!important;}
.fond-bloc4{background-color: #ffffff;}

.bloc:after, .bloc-interne:after {
    clear: both;
    content: "";
    display: block;
}

.titre_bloc_droit
{
    border-bottom: 1px solid rgba(1, 1, 1, 0.63);
    color: rgba(1, 1, 1, 0.63);
    font-size: 1.12em;
    font-weight: bold;
    padding-left: 2px;
    position: relative;
    top: -8px;
}

.titre_bloc_droit a
{
    color: rgba(1, 1, 1, 0.63);
    font-size: 1em;
    font-weight: bold;
    display: inline-block;
    width:100%;
    cursor:help;
    text-decoration:none;

}

.wrapper-valign{
    height:400px;
    line-height:400px;
    text-align:center; /* centrage horizontal */
}

div.wrapper-valign:first-child{
    width:600px;
    border:1px solid #fff;
    vertical-align:middle;
    display:inline-block;
    line-height:1.2; /* on r�tablit le line-height */
    text-align:left; /* ... et l'alignement du texte */
}


.over{
    /*border:1px solid transparent;*/
}

.over:hover{

}

.over2:hover{
    -webkit-box-shadow: 5px 5px 3px rgba(50, 50, 50, 0.65);
    -moz-box-shadow:    5px 5px 3px rgba(50, 50, 50, 0.65);
    box-shadow:         5px 5px 3px rgba(50, 50, 50, 0.65);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

h1.titre_n1{
    background: #dedede none repeat scroll 0 0;
    border-left: 6px solid #85cd0e;
    border-radius: 5px;
    color: #85cd0e;
    font-size: 1.8em;
    padding: 10px;
    line-height: 1.5em;

}



h2.titre_n2{
    font-size: 16px;
    margin:15px 0px 7px 0px;
    text-shadow: 1px 1px 1px #fff;

}

.p-titre{font-weight:bold;padding-bottom:5px;padding-top:5px;}
.p-libelle{padding-bottom:10px;padding-left:3px;font-style:italic;}

/******************************** BOUTONS *************************************/

.button-link {
    font-style: normal;
    cursor:pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

.bt_100 {
    display: inline-block;
    min-width: 100px;
    padding: 2px 5px;
    text-align: center;
    width: 100px;
    height:20px;
}

.bt_80 {
    display: inline-block;
    height: 21px;
    min-width: 80px;
    padding: 3px 10px;
    text-align: center;
    width: 80px;
}
.bt_80 {
    text-align: center;
}

.bt_60 {
    display: inline-block;
    min-width: 60px;
    padding: 3px;
    text-align: center;
    width: 60px;
}
a.bt_60 span{
    position:relative;
    top:0px;
    padding:5px;
}


/* bleu */
a.bt-bleu,
.bt-bleu:link,
.bt-bleu:visited{
    color: #FFF;
    background: #4479BA;
    border: solid 1px #20538D;
    text-decoration: none;
}

.bt-bleu:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
    color: #FFF;
}

.bt-bleu:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
    color: #FFF;
}

a.bt-bleu:visited{
    color: #FFF;
}

/* gris */
a.bt-gris,
.bt-gris:link,
.bt-gris:visited{
    color: #FFF;
    background: #77777d;
    border: solid 1px #29292b;
    text-decoration: none;
}


.bt-gris:hover {
    background: #545458;
    border: solid 1px #29292b;
    text-decoration: none;
}
.bt-gris:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #545458;
    border: solid 1px #29292b;
}

/* rouge */
a.bt-rouge,
.bt-rouge:link,
.bt-rouge:visited{
    color: #FFF;
    background-color: #b02807;
    border: solid 1px #b02807;
    text-decoration: none;
}


.bt-rouge:hover {
    background-color: #9c2306;
    border: solid 1px #9c2306;
    text-decoration: none;
}
.bt-rouge:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background-color: rgba(180, 0, 0, 1);

}

/* bleu fonc� */
a.bt-bleu-fonce,
.bt-bleu-fonce:link,
.bt-bleu-fonce:visited{
    color: #FFF;
    background: #182b43;
    border: solid 1px #284870;
    text-decoration: none;
}


.bt-bleu-fonce:hover {
    background: #284870;
    border: solid 1px #2A4E77;
    text-decoration: none;
    color: #FFF;
}
.bt-bleu-fonce:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
    color: #FFF;
}




a.bt-vert,
.bt-vert:link,
.bt-vert:visited{
    color: #FFF;
    background: #00A800;
    border: solid 1px #008000;
}


.bt-vert:hover {
    background: #006000;
    border: solid 1px #008000;
    text-decoration: none;
    color: #FFF;
}
.bt-vert:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #004c00;
    border: solid 1px #004c00;
    color: #FFF;
}

/* orange */
a.bt-orange,
.bt-orange:link,
.bt-orange:visited{
    color: #FFF;
    background: #f4a20a;
    border: solid 1px #e19509;
}


.bt-orange:hover {
    background: #e19509;
    border: solid 1px #e19509;
    text-decoration: none;
    color: #FFF;
}
.bt-orange:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #b07407;
    border: solid 1px #9c6706;
    color: #FFF;
}

/* bleu light */
a.bt-bleu_light,
.bt-bleu_light:link,
.bt-bleu_light:visited{
    color: #FFF;
    background: #83a7ca;
    border: solid 1px #6c97c0;
}


.bt-bleu_light:hover {
    background: #6c97c0;
    border: solid 1px #6c97c0;
    text-decoration: none;
    color: #FFF;
}
.bt-bleu_light:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #5787b7;
    border: solid 1px #4a7daf;
    color: #FFF;
}

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

.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgb40{margin-bottom:40px;}
.mgb50{margin-bottom:50px;}

.opacity_10 {opacity: 0.1;}
.opacity_20 {opacity: 0.2;}
.opacity_30 {opacity: 0.3;}
.opacity_40 {opacity: 0.4;}
.opacity_50 {opacity: 0.5;}
.opacity_60 {opacity: 0.6;}
.opacity_70 {opacity: 0.7;}
.opacity_80 {opacity: 0.8;}
.opacity_90 {opacity: 0.9;}
.opacity_100 {opacity: 1;}

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



.bord-graphique{border:1px #aaa dotted;padding:0px;margin:0px;}

a.zoom{text-decoration: underline;color:#a3a2a8;
       -webkit-transition: all 1.1s ease-in-out;
       -moz-transition: all 1.1s ease-in-out;
       -o-transition: all 1.1s ease-in-out;
       transition: all 1.1s ease-in-out;
}
a.zoom:hover{text-decoration: underline;color:#000;
             -webkit-transition: all 1s ease-in-out;
             -moz-transition: all 1s ease-in-out;
             -o-transition: all 1s ease-in-out;
             transition: all 1s ease-in-out;
}


/* Extruder *******************************************************************/

#liste_analyse { text-shadow: none;}


/* page index *****************************************************************/


#wrapper_connexion {
    width:auto;
    /*border:1px solid black;*/
    background:transparent;
    overflow-x:hidden;
    position:relative;
    clear:left;
    margin-top: 64px;
}

#wrapper_connexion a{
    text-decoration: none;
    display: inline-block;

}


#wrapper_connexion .c33{
    width:50%;
    height:228px;
    text-align: center;
    background: none repeat scroll 0 0 #787b81;
    margin: 10px 10px;
    padding: 15px


}

div.c33{
    border:1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#wrapper_connexion .c33:first-child{

}

#wrapper_connexion h2{
    color: #5cb85c;
    font-weight: bold;
    margin: 0 0 20px;

    font-size: 31px;
    margin: 0 0 20px;
    line-height: 1.5em;
}
#superadmin h2 strong {
    color: #85cd0e;
}


#admin h2 strong {
    color: #37669A;
}


#user h2 strong {
    color: #FFFFFF;
}


#superadmin h2 strong {
    font-size: 1.1em;
}

#wrapper_connexion div.c33 p {
    color: #ffffff;
    font-size: 1.1em;
}



#wrapper_connexion div.c33 p strong {
    color: #FFFFFF;
}

#wrapper_connexion div.bouton {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    margin: 10px 0 0;
    outline: 0 none;
    padding: 0 10px 0 0;
    text-decoration: none !important;
    z-index: 4;

}
#wrapper_connexion div.bouton,
#wrapper_connexion div.bouton span{ background: url("../images/nv-button-32.png") no-repeat scroll right top rgba(0, 0, 0, 0); }

#wrapper_connexion div.bouton span{
    background-position: left top;
    display: inline-block;
    font-size: 1.8em;
    font-weight: bold;
    height: 32px;
    line-height: 31px;
    outline: 0 none;
    padding: 0 5px 0 17px;
}



#wrapper_connexion div.c33:hover{
    background: rgba(255,255,255,0.15)!important;
    border:1px solid rgba(0,0,0,0.15)!important;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


/* rapport de synth�se agr�gation */

table#alertes { border-collapse: collapse;}
#alertes tr.separation {border-bottom: 2px solid #dedede}
#alertes td.bloc-alerte:hover{background-color: #f3f3f3;border-collapse: collapse;border-bottom:2px solid #555;}
#alertes td.data a{color:#111}


/* tableau de bord */
h1.titre_bloc_tdb{
    margin-bottom: 20px;
    /*text-shadow: 2px 2px 2px #708090;*/
    margin-right: 5px;
    width:100%;
    border-bottom:1px solid #ddd;
    padding-bottom:4px;
    font-size: 1.3em;

}

h2.titre_bloc_info_tdb{
    margin-top:0px;
    margin-bottom: 5px;
}

h2.titre_bloc_info_tdb + p{
    margin-top:0px;

}

.filtre_avance{
    display:none;
}

/* tableau de stat */
table.tab_defaut{
    border-collapse:separate;
    width:90%;
    border:1px solid #ddd;

}

table.tab_defaut th,
table.tab_defaut td {
    border:1px solid #efefef;
    background-color: #efefef;
}

table.tab_defaut td {
    text-align:center;
}

table.tab_defaut caption {
    font-weight:bold
}

.picto_plus,
.picto_moins{
    float:right;
    cursor:pointer;
    position: relative;
    top: -3px;
}

.menuQstr {
    list-style-type: none;
    text-align: left;
}

ul.menuQstr li {
    display:block;
    line-height: 30px
}
ul.menuQstr li a {
    text-decoration: none!important;
}

ul.ligne {
    margin:0;
    padding:0;
}

ul.ligne li {
    display:inline-block;
    margin-right:15px;
}

ul.ligne li a{
    color:#669d0a;
    text-decoration:underline;

}

ul.ligne li a:hover{
    color:#476e07;

}

a.underline { text-decoration:underline;}


/* liste questionnaire admin / user */

table.choix_questionnaire{
    width:100%!important;
    border-collapse:collapse;
}

table.choix_questionnaire tr td p{
    width:95%;
    margin:5px 5px 0px 5px;
    padding:5px;
    height : 30px;
    display:table-cell;
    vertical-align: bottom;
    font-style:italic;
}

table.choix_questionnaire tr:first-child td:first-child{

}

div.wrapper_liste{

    margin : 20px 5px 20px 0px;
   /* background: #eee;*/
}

/* tableau type 1 */

table.grille{	width:100%;text-shadow: none;}
table.grille tr.entete1 td {padding:5px;background-color:#e5ecf4; color:#555;}
table.grille tr.entete1 td:first-child{text-align:left;}
table.grille tr.entete2{padding:5px;text-align:left;background-color:#e5ecf4; color:#555;}


/* jquery ui */

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.ui-datepicker-trigger{
    cursor: pointer;
    vertical-align: middle;
    margin-left: 4px;
    position: relative;
    bottom:3px;
    width:20px;
    height:20px;
}

/* texte pour l'upload AJAX de fichier*/
#result {margin:20px 0px 20px 0px;background: #ccc;}

/* svg graphique*/
svg {shape-rendering: auto;}


hr.bloc-menu{
    background: none repeat scroll 0 0 #ddd;
    border: 1px dotted #999;
    clear: both;
    display: block;
    height: 1px;
    line-height: 1;
    margin: 10px 0;
    padding: 0;
    text-align: center;
}

.fa { 
    margin-right: 5px;
    margin-left: 5px;

}

.JSUploadForm .JSFileChoos, .startJSuploadButton {
    background-color: #85cd0e!important;
}

.blockquote-orange{
    border-left : 5px solid orange; 
    font-weight: normal;
    font-style:italic;
    font-size: 0.9em;
    margin : 15px 0;

}

.blockquote-rouge{
    border-left : 5px solid #9c2306; 
    font-weight: normal;
    font-style:italic;
    font-size: 0.9em;
    margin : 15px 0;

}

.blockquote-vert{
    border-left : 5px solid #85cd0e; 
    font-weight: normal;
    font-style:italic;
    font-size: 0.9em;
    margin : 15px 0;

}

.menu a { text-decoration: none; }


.ui-widget-header {
    border: 1px solid #85CD0E;
    background: #6FBA00 url("../js/jquery_ui/images/fond_calendar.png") 50% 50% repeat-x!important;
    color: #ffffff;
    font-weight: bold;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #6FBA00 url("../js/jquery_ui/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top!important;
    border: 1px solid #6FBA00!important;
    color: #363636;
}


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    background: #f6f6f6 url("../js/jquery_ui/images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50%!important;
    border: 1px solid #6FBA00!important;
    color: #1c94c4!important;
    font-weight: bold;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #6FBA00!important;

}

.ui-widget-header {
    border: 1px solid #6FBA00!important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
    color:#000!important;

}

.ligne_pla a {text-decoration: none;}

.ui-widget {
    font-size: 1em;
}

.btn{
    min-width: 90px;
    margin:5px;

}

a.btn {
    text-decoration: none;

}

a.btn-primary, a.btn-info, a.btn-success,a.btn-danger{
    color:#fff!important;
}


.couleurR0 {color:#06a3fd!important;} /* bleu */
.couleurR1 {color:#01CC01!important;} /* vert */
.couleurR2 {color:#c1c100!important;} /* jaune */
.couleurR3 {color:#FFCD00!important;} /* jaune */
.couleurR4 {color:#FF9A00!important;} /* orange */
.couleurR5 {color:#FF3200!important;} /* rouge */

.align-block{display:inline-block;margin-right: 10px;position: relative;top: 3px;}

.help{cursor: help;} 


.section-title-wrp {
    background: url("../images/grid-overlay.png") repeat scroll 0 0;
    border-bottom: 1px solid;
    margin-bottom: 40px;
    padding-bottom: 5px;
    text-align: center;
    height:30px;
}

.section-title {
    background-color: #f7f7f7;
    color: #444;
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    height: 34px;
    padding: 9px 15px 0;
    position: relative;
}

ul.repondre_question{}
ul.repondre_question li {
    list-style: none;
    line-height: 30px;
    cursor: default;
}
ul.repondre_question li label{
    margin-left: 20px;
}

.readonly{ color:#afafaf;}

legend {
    font: 800 14px/22px Roboto,sans-serif;
    padding: 10px 10px 10px 0;
    text-transform: uppercase;
}

.overflow-y-300 {
    height: 200px;
    overflow-y: auto;
}


table.table_data_1 td, table.table_data_1 th {
    padding: 10px !important;
    text-align: left;
}
table.table_data_1 tr.actif {
    background: #e2e7ec none repeat scroll 0 0;
}

table.table_data_1 tbody tr:nth-child(2n) {
    background-color: inherit;
}
table.table_data_1 thead tr th{
    font-weight: 600;
    font-size: 90%;
    padding: 5px !important;
}

table.table_data_1 tfoot tr th{
    font-weight:300;
}

table.table_data_1 tbody tr td {
    vertical-align: text-top;
}


table.table_filtre td{font: 300 14px Roboto,sans-serif;}
table.table_filtre td:first-child{border-right:1px solid #ddd;border-left:1px solid #ddd;font: 500 14px Roboto,sans-serif;text-align: right;padding-right: 17px;}
table.table_filtre td:last-child{border-right:1px solid #ddd;padding-left:18px;}
table.table_filtre td:last-child div.item {margin-bottom: 10px;}
.info { color:#808a8e;font-size:15px}
.infoBleu12 { color:#37669A;font-size:12px}
.fermer { color:#d9534f;font-size:14px;font-weight: normal;}
.ouvrir { color:#5cb85c;font-size:14px;font-weight: normal;}
.modif_champ {color:brown!important}
.etat_histo{font-weight: normal;}
.center {
    text-align: center !important;
}

.open_v {
    color: #5cb85c;
}
.ferme_r {
    color: #d9534f;
}

/* PLA urgence */

.urg1{color: #2F6C5C;} /* normal */
.urg3{color: #F0BC2A;} /* imm�diat */
.urg2{color: #632C6D} /* urgent */
.urg4{color: #AA3233} /* d�pass� */

/* PLA status */
.status0{color: #999999;} 
.status1{color: #cc0000;} 
.status2{color: #ff6600;} 
.status3{color: #F0B735} 
.status4{color: #58b009} 
.status5{color: #3399ff;} 

.littleTypo{
    font:inherit;
    font-size: 80%;
    font-style: italic;
}

/* avancée des questionnaires */
.rouge{color:#9c2306;}
.orange{color:#ffa500;}
.vert{color:#85cd0e;}

/* Couleur du texte en fonction du type oui / non / nsp*/
.typeReponseQuestionnaireYes{
    display:inline-block;
    margin: 0 7px;
    color : green;
    font-weight: bold;
}

.typeReponseQuestionnaireNo{
    display:inline-block;
    margin: 0 7px;
    color : red;
    font-weight: bold;
}

.typeReponseQuestionnaireNsp{
    display:inline-block;
    margin: 0 7px;
    color : orange;
    font-weight: bold;
}

.CriterePosisitif{
    background-color: #9c2306;
    color : white;
}
.CritereNegatif{
    background-color: #85cd0e;
    color : white;
}

.selectColor{font-weight: 400;color:#004c00;font-size:120%;background-color:#ccc;padding:5px 0px;  }

.tableStrategie tr td { padding-bottom:5px;padding-right:10px;}

/* surcharge */
.qtip {
    line-height: 18px!important;
}

.qtip-content-scroll
{
    height: 700px;
    max-width: 800px!important;
    width:600px!important;
    overflow: auto!important;
}


.separation{
    margin:20px 0;
    border-bottom:1px #efefef outset;
}

.separation2{
    margin:20px 0;
    border-bottom:1px #efefef outset;
}

.tableTooltip {
    border-collapse:collapse;

}
.tableTooltip th {
    padding-bottom:5px;
    padding-right:20px;
    border-bottom:1px #999 dotted;

}

.tableTooltip tr td {
    padding:5px 0;

    border-bottom : 1px #999 dotted;

}


.tableTooltip td, .tableTooltip th {
    text-align: center;
}

.flashMe{ background-color: green;display:inline-block;padding:3px 3px;border-radius:3px; }

.itemDetailInLigne{ display:inline-block;padding-right: 20px;}

/* Grille de score */
.grille td:first-child {background: #eee!important;width:250px;}
.grille td:last-child {background: #eee!important;width:250px;}
.grille td:nth-child(odd) {background: #dedede;}
.tdCritere{height:50px;vertical-align:bottom;font-size:80%;}
/* secteur réponses commentaire*/
#listQuestions li a span {font-size:100%; }    
#listQuestions li a label {font-size:100%;font-weight: 400; }    

.fond1 { background: #dedede;}
.fond2 { background: inherit;}