/* commun */

body {
  
  text-shadow: 1px 1px 1px #FFFFFF;
  /*background: #e6e6e6;*/
  
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  color: #000;
  margin:0;
  padding:0;
  overflow-y:scroll;
  unicode-bidi: embed;
  direction: ltr;
  height: 100%;
  /*	background:#030303e6;*/
	color:#ccc;
}

html {
  height: 100%;

}


/*a {
color: #ddd!important;
text-decoration: none;
-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;
}

a:hover {
color: #fff!important;
}

a.gris:hover  {
color: #333!important;
}*/

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

p{
  margin:0px;
}

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

td{
  margin:0px;
}

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

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

.arrondi {
  -webkit-border-radius: 3px!important;
  -moz-border-radius: 3px!important;
  border-radius: 3px!important;
}

input,textArea,fieldset,select,button,legend {
  -webkit-border-radius: 3px!important;
  -moz-border-radius: 3px!important;
  border-radius: 3px!important;
  margin:2px;


}

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

}

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:#000;
  text-shadow: none;
}

a:hover{
  text-decoration:underline;
}

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

h1{
  margin:0px;
  padding:0px;
  font-size:16px;
  font-weight:bold;
  color:#37669A;
}

h2{
  margin:0px;
  padding:0px;
  font-size:13px;
  font-weight:bold;
  color:#37669A;
  font-style:normal;
}

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

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

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

.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:2px;
  left:7px;
  color:#4d4d4d;
  font-size:12px;

}

#les_menus{
  margin: auto 0;
  /*
  padding-top:5px;
  padding-bottom:5px;

  height: 100px;
  min-height:100px;
  */
}


#sous-menu{
  /*height:50px;*/
  /*background: none repeat scroll 0 0 #E6E6E6;*/
  /*margin-bottom:20px;*/

  background: #E6E6E6;
  border-bottom-width:  1px;
  border-bottom-style: solid;
  border-bottom-color: rgba( 255,255,255,0.8);
  margin-bottom: 20px;
  /*border-top : 1px solid #bbb;*/



}

#container-menu{
		margin:0px;
  /*padding-left:16px;*/
  padding-top:0px;
  height:70px;
  background: rgba(255,255,255,0.5);
}

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

#les_menus div.un_menu,
#les_menus div.un_menu_over {
  /*line-height: 1.2em!important;*/
  overflow:hidden;
}


#les_menus a:link,#les_menus a:visited{
  font-size:12px;
  margin-top:2px;
  display:block;
  height: 14px;
}

.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:861px;
  cursor:pointer;
}

#imprimer img:hover,
#help img:hover,
#drapeau_anglais img:hover,
#drapeau_francais img:hover,
#drapeau_espagnol img:hover
{
  position:relative;
  top:-1px;
  border-bottom-width:  1px;
  border-bottom-color:rgba(0, 0, 0, 0.5);
  border-bottom-style: solid;
  border-radius:10%;
  padding-bottom: 3px;
}

#help{
  position:absolute;
  top:14px;
  left:840px;
  cursor:pointer;
}

#drapeau_anglais{
  position:absolute;
  top:16px;
  left:933px;
  cursor:pointer;
}

#drapeau_francais{
  position:absolute;
  top:16px;
  left:958px;
  cursor:pointer;
}

#drapeau_espagnol{
  position:absolute;
  top:16px;
  left:982px;
  cursor:pointer;
}


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

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

}

#thawteseal{margin:10px;}

/*
#contenu_ombre{
	position:absolute;
	background: #f2f2f2;
	height:100%;
	top:0px;
	left:0px;
	width:100%;
 	z-index:10;
}
*/

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





#contenu_ombre a{
  cursor:pointer;
}

/*
#ombre_porte{
	position:absolute;
	float:right;
	width:100%;
	top:5px;
	left:5px;
	height:100%;
	background: #b3b3b3;
	z-index:9;
}
*/

.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;
  /*background: url(../images/rpbouton.gif);*/
  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;
}
/*
.description{
	font-style:italic;
}
*/

.titre_bloc{
  display:block;
  /*padding:20px 0 2px 5px;*/
  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:#e6e6e6;
  display:block;
  height:18px;
  padding-left:3px;
  overflow:hidden;
}

a.ligne0,a.ligne1,span.ligne0,span.ligne1{
  cursor:pointer;
}

a.ligne0:hover,a.ligne1:hover,span.ligne0:hover,span.ligne1:hover{
  background-color:#cbccce;
  text-decoration:none;
}

.ligne1{
  display:block;
  height:18px;
  padding-left:3px;
  overflow:hidden;
}

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

.entete_tableau{
  /*background-color:#B3B3B3;*/
  font-weight:bold;
  border-bottom:1px solid #555;
}

.ligne0_tableau{
  background-color:#f2f2f2;
  height: 20px;
  vertical-align: top;
}

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


.ponderation_nompage{
  font-weight:bold;
  font-size:13px;
}

.ponderation_nomquestion{
  font-size:12px;
  font-weight:bold;
}

.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: 10px;
  margin-right: 27px;
  padding: 3px 5px 0;
}

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

}

.titre_commentaire_gen{
  display:block;
  margin:5px 0px;
  font-size:13px;
  font-weight:bold;
}

.etapes_paypal{
  font-size:14px;
  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 */
  background-color: #f2f2f2;
  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;
  font-size:12px;
}

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

ul.tabbernav li a
{
  padding: 3px 0.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 #aaa;
  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: #f2f2f2;
		-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 {
  height:100px;
  position:relative;
  width:1000px;
}

#deconnexion{
  position:absolute;
  top:5px;
  right:15px;
  font-size:12px;
}


#cadre_version{
  position:relative;
  width:1000px;
  height:20px;
 /* background: url(../images/ligne_milieu.jpg);*/
}


#barre_menus{
  position:relative;
  background: #eee;
  width:1000px;
  /*height:33px;*/
}

#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;
  /*background: url(../images/ligne_3pixels.jpg) repeat-x;*/
  /*background: rgba(255, 255, 255, 0.5 );*/



}

#principal{
  display:block;
  width:1000px;
  min-height:500px;
  /*background: url(../images/degrad.jpg) repeat-y;*/

  /* Chrome 10+,Safari */
  /*background : -webkit-linear-gradient(left, rgb(230, 230, 230) 00%, rgb(158, 158, 158) 99%);*/

  /* Firefox 4+ */
/*  background : -moz-linear-gradient(left, rgb(230, 230, 230) 00%, rgb(158, 158, 158) 99%);*/

  /* Opera */
  /*background : -o-linear-gradient(left, rgb(230, 230, 230) 00%, rgb(158, 158, 158) 99%);*/

  /* IE 10+ */
  /*background : -ms-linear-gradient(left, rgb(230, 230, 230) 00%, rgb(158, 158, 158) 99%);*/

  /* W3C */
  /*background : -linear-gradient(left, rgb(230, 230, 230) 00%, rgb(158, 158, 158) 99%);*/

  overflow: no-display;
  border-bottom: 3px solid #7ec50a;
}

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

#pied_de_page{
  background-color: #FFFFFF;
  border-bottom: 2px solid #BFBFBF;
  /*height: 100%;*/
  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:0px;
  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 tr:first-child{
  border-top:1px solid #bababa;
  border-bottom:1px solid #bababa;
  height:30px;
}


.tableau_rapport th{
  text-align:left;
  vertical-align:top;
  padding-top:5px;

}

.tableau_rapport td{
  border-bottom:1px solid #DDDDDD;
  margin-bottom:8px;
  height:28px;
}

/* class pour tableau de rapport_tableau */

/* tableau de choix des colonnes du ficher */
.styleHeader{
  /*border-bottom:2px solid #CfCfCf;*/
  margin-bottom:4px;
  background-color:#CfCfCf;
}

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

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

.rouge{color:#9c2306;font-weight: bold;}
.orange{color:#f4a20a;font-weight: bold;text-shadow:none!important;}
.vert{color:#1a7f05;font-weight: bold;}
.gris{color:#555;font-weight: bold;}


/* 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;
}




/* 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;
}

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

}

#liste_analyse h1.titre {
  color:white;
}

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

/* 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;vertical-align: top;}
.div_table_cell:last-child{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 #b7b7b7;
  border: 1px solid #b7b7b7;
  text-shadow: none;
  padding: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color:white;
  text-shadow: 1px 1px 1px #888;
  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#description tr:hover{
  background: none repeat scroll 0 0 #ddd;

}

#administration table#description tr td:hover{
  /* background: rgba(163, 0, 0, 0.1)*/

}


#administration table#description td {
  border-bottom : 1px solid #ddd;
  padding-bottom: 5px;
  padding-top: 5px;

}

#administration table#description tr td:first-child {
  color:#424242;
  font-weight: bold;
  width:35%;
}

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

#administration a.itemListe:hover{

}

#administration .wrapper_qstr{
  border-bottom: 1px solid #ddd;
  margin-bottom: 5px;
  padding-bottom:2px;
}

#administration .intitule{

}


._w60{width:60%;}

.espace{padding:20px 20px 20px 20px}
.span_info{ display:inline-block;width:150px;padding-right:5px;line-height:1.7em;}

div.infoLigne{
  border-bottom: 1px solid #DDDDDD;
}


.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;}
.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);
  /*background-color:#f2f2f2;*/
  -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: #f7f7f7;}
.fond-bloc2{background-color: #f7f7f7;}
.fond-bloc3{background-color: #f7f7f7!important;}
.border-bloc{border:1px solid #ddd;}
.border-bloc-2{border:1px solid #ccc;}
.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;
  /*text-shadow: none;*/
  top: -8px;
}

.titre_bloc_droit a
{
  color: rgba(1, 1, 1, 0.63);
  font-size: 1em;
  font-weight: bold;
  /*text-shadow: none;*/
  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{
  /*color:rgba(10,10,10,.80)!important;*/
  border:1px solid rgba(68,68,68,.75)!important;
  /*background-color: rgba(255,255,255,.60)!important;*/
  -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.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.over2:hover{
  /*color:rgba(10,10,10,.80)!important;*/
  /*border:1px solid rgba(68,68,68,.75)!important;*/
  /*background-color: rgba(255,255,255,.60)!important;*/
  -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{
  border-bottom: 2px solid #99b8da;

  /*
  color:#080658;
  border-bottom: 2px solid #080658;
  */
  font-size: 20px;
  padding-bottom: 8px;
  padding-left: 15px;
  text-shadow: 1px 1px 1px #fff;
  /*filter: dropshadow(color=#fff, offx=1, offy=1);*/
}



h2.titre_n2{
  /*border-bottom: 2px solid #99b8da;*/
  font-size: 16px;
  margin:15px 0px 7px 0px;
  text-shadow: 1px 1px 1px #fff;
  /*filter: dropshadow(color=#fff, offx=1, offy=1);*/
}

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

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

.button-link {
		/*letter-spacing: 0.0625em;*/
		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;
  min-width: 80px;
  padding: 2px 3px;
  text-align: center;
  width: 80px;
		height:16px;
		font-size:11px;

}
a.bt_80 span{
  position:relative;
  top:-1px;
}

.bt_60 {
		display: inline-block;
  min-width: 60px;
  padding: 2px 3px;
  text-align: center;
  width: 60px;
		height:16px;
		font-size:10px;

}
a.bt_60 span{
  position:relative;
  top:-1px;
}


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

.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;
}


.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;
}


.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);
  /*border: solid 1px 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;
}


.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;
}


/* vert */
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;
}

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




.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: 110px;
}

#wrapper_connexion a{
  text-decoration: none;
  display: inline-block;
  height: 250px;
}


#wrapper_connexion .c33{
  width:250px;
  height:250px;
  /*border:1px solid red;*/
  float:left;
  text-align: center;
  background: none repeat scroll 0 0 #C5C5C8;
  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{
  margin-left:37px;
}

#wrapper_connexion h2{
  color: #7E818C;
  font-weight: bold;
  margin: 0 0 20px;
  text-align: left;
  font-size: 31px;
		margin: 0 0 20px;
		line-height: 1.5em;
}
#superadmin h2 strong {
  color: #D50012;
}


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


#user h2 strong {
  color: #FFFFFF;
}


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

#wrapper_connexion div.c33 p {
  color: #6A818C;
  height: 80px;
  font-size: 1.3em;
  text-align: left;

}



#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 {border: 1px solid #eee}
#alertes tr.separation {border-bottom: 1px solid #bbb}
#alertes td.bloc-alerte:hover{background-color: #f3f3f3;border-collapse: collapse;border-top:1px solid #555;border-bottom:1px 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;
}

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

.filtre_alerte{
  position:absolute;
  bottom:20px;
  //right:290px;
  left:30px;
  /*  background-position: 0 50%;*/
  background-repeat: no-repeat;
   background-image: url(../images/attention.png);
   padding-left:20px;
}


.filtre_avance{
  display:none;
}

/* tableau de stat */
table.tab_defaut{
  border-collapse:collapse;
  width:90%;

}

table.tab_defaut th,
table.tab_defaut td {
  border:1px solid black;
  /*width:20%;*/
  background-color: #efefef;
}

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

table.tab_defaut caption {
  font-weight:bold
}

.picto_plus{
  float:right;
  cursor:pointer;
}

// questionnaire

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

.menuQstr li {
  display:inline-block;
}

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;
  /*border : 1px #ddd ridge;*/
  background: #efefef;
  height : 30px;
  display:table-cell;
  vertical-align: bottom;
    font-style:italic;
}

table.choix_questionnaire tr:first-child td:first-child{
  border-bottom : 1px #ddd ridge;
}

div.wrapper_liste{
  border : solid 1px #ddd;
  margin : 20px 5px 20px 0px;
  background: #eee;
}

/* 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;
}

// svg graphique

svg {shape-rendering: auto;}