.association_catalogue_contentpane
{
  padding: 0px;
  float: left;
  height: 400px;
  overflow: auto;
  width: 470px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.association_catalogue_source
{
  height: 400px;
  width: 450px;
  background-color: white;
  margin-bottom: 10px;
}

.association_explication
{
  clear: both;
  float: left:
  width: 450px;
  height: 100px;
}

.association_catalogue_source .association_element,
.association_choix .association_element
{
  width: 90%;
  height: auto;
  margin: auto;
  border: 0px;
  border-bottom: 1px solid ;
  padding: 3px;
  cursor: move;
}

.association_multipage
{
  width: 450px;
  height: 20px;
}

.association_multipage .association_precedent
{
  display: block;
  float: right;
  width: 20px;
}
.association_multipage .association_suivant
{
  display: block;
  float: right;
  width: 20px;
}
.association_multipage span
{
  display: block;
  float: left;
}


.association_choix_cadre
{
  height: 400px;
  overflow: auto;
  width: 470px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.association_choix
{
  min-height: 400px;
  height: auto;
  width: 450px;
}

.association_catalogue_source .association_element .titre,
.association_choix .association_element .titre
{
  color: ;
  font-weight: bold;
  font-size: 12px;
  line-height: 14px;
}

.association_catalogue_source .association_element .texte,
.association_choix .association_element .texte
{
  font-weight: normal;
}

.association_catalogue_source .dojoDndItemOver {  background-color: ; }
.association_catalogue_source .dojoDndItemAnchor {  background-color: ; }
.association_catalogue_source .dojoDndItemSelected {  background-color: ; }
.association_catalogue_source .dojoDndAvatar td {padding-left: 20px; padding-right: 4px;height:20px}
.association_catalogue_source .dojoDndItemBefore {border-left: 2px dotted gray; }
.association_catalogue_source .dojoDndItemAfter {border-right: 2px dotted gray; }
.association_catalogue_source .source .dojoDndItemAnchor {border:1px solid gray;}



div.ajout_droit_contactAdminHTML,
div.liste_droits_contactAdminHTML
{
  float: left;
}


div.ajout_droit_contactAdminHTML div,
div.liste_droits_contactAdminHTML div
{
  float: left;
  height: auto;
  line-height: 30px;
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px;
  width: 950px;
}


div.ajout_droit_contactAdminHTML div select.droits_liste_1
{
  display: block;
  float: left;
  width: 300px;
}

div.ajout_droit_contactAdminHTML div select.droits_liste_2
{
  display: block;
  float: left;
}

div.liste_droits_contactAdminHTML div ul
{
  margin: 0px;
  width: auto;
}

div.liste_droits_contactAdminHTML div li
{
	list-style-type: none;
  width: auto;
  height: 20px;
  line-height: 20px; 
  margin-bottom: 2px; 
  padding-right: 5px;
  border-bottom: 1px solid gray;

  color: black;
}

div.liste_droits_contactAdminHTML div li:hover {
	background-color: #eeeeee;
}

div.liste_droits_contactAdminHTML div li.interdit
{
  border-right: 10px solid #99143F;
}

div.liste_droits_contactAdminHTML div li.lecture
{
  border-right: 10px solid #81A118;
}

div.liste_droits_contactAdminHTML div li.ecriture
{
  border-right: 10px solid #D7A802;
}

div.liste_droits_contactAdminHTML div li.admin
{
  border-right: 10px solid #17A3DE;
}

div.liste_droits_contactAdminHTML div.arbo
{
  width: auto;
}
div.liste_droits_contactAdminHTML div.legende
{
  width: auto;
  clear: both;
  float: right;
}

div.liste_droits_contactAdminHTML div.legende div
{
  width: 450px;
  height: 20px;
  line-height: 20px; 
  margin-bottom: 2px; 
  padding-right: 5px;
  border-bottom: 1px solid gray;
  clear: both;
}

div.liste_droits_contactAdminHTML div.legende div.interdit
{
  border-right: 10px solid #99143F;
}

div.liste_droits_contactAdminHTML div.legende div.lecture
{
  border-right: 10px solid #81A118;
}

div.liste_droits_contactAdminHTML div.legende div.ecriture
{
  border-right: 10px solid #D7A802;
}

div.liste_droits_contactAdminHTML div.legende div.admin
{
  border-right: 10px solid #17A3DE;
}

div.liste_droits_contactAdminHTML div li img.supp_droits
{
  cursor: pointer;
  float: right;
}

div.liste_droits_contactAdminHTML div li span
{
  float: left;
}



html {    
  height: 100%;
  background-color: #e9e7e4;
}

body {  
  width: 1000px;
  height: 100%;
  margin: 0px auto;
  
  background-color: #FFFFFF;
  
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/fond-body.gif);
  background-position: left top;
  background-repeat: repeat-y;
  
  color: #000000;
  font-family: verdana, arial,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  
  behavior: url( 'https://www.materiautheque.citedudesign.com/commun/modeles/commun/javascript/csshover3.htc' );
}

#contener { 
  width: 994px;
  margin: 0px auto;
  
  background-color: #FFFFFF;
}

#dojoIoIframe {
  display: none;
}

img {
  border: 0px;
  padding: 0px;
}




a.retour_accueil {
  position:absolute;
  height:120px;
  width:120px;
  left:0;
  top:0;
}

#bandeau {  
  width: 994px;
  height: 120px;
  margin-bottom: 10px;
  
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/bandeau-materiautheque.png);
  background-position: top left;
  background-repeat: no-repeat;
  display:block;
  position:relative;
}

#boutons_connecte {  
  margin-left: 10px;
  margin-right: 20px;
  float: right;
}

#boutons_connecte a {
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 6px;
  padding-bottom: 2px;
  
  border: 1px solid #FFFFFF;
  border-top: 0px;
  background-color: #FFFFFF;

  font-size: 10px;
  font-family: verdana, arial, sans-serif;
  color: #009e30;
  font-weight: normal;
  text-decoration: none;
}

#boutons_connecte a:hover {
  color: ;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
}


.contenu_accueil a {
  display:block;
  height:150px;
  width:422px;
  float:left;
  margin:50px;
  text-decoration:none;
  text-align:center;
  background-color:#b2b2b2;
  color:#fff;
  font-size:30px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -moz-transition-duration:0.4s;
  -webkit-transition-duration:0.4s;
  transition-duration:0.4s;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:12px solid rgba(255,255,255,0.3);
}
.contenu_accueil a:first-child {
  margin-right:0;
}

.contenu_accueil a:hover {
  background-color:#009F20;
  border:4px solid rgba(255,255,255,0.3);
}



.contenu_accueil a span {
  margin-top:45px;
  display:block;
  -moz-transition-duration:0.4s;
  -webkit-transition-duration:0.4s;
  transition-duration:0.4s;
}
.contenu_accueil a:hover span {
  margin-top:51px;
  font-size:34px;
}

.valider_inscription {
  background-color:#009F20;
  padding:5px 10px;
  color:#fff;
  float:right;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  -moz-transition-duration:0.4s;
  -webkit-transition-duration:0.4s;
  transition-duration:0.4s;
  text-decoration:none;
  margin-bottom:10px;
}

.valider_inscription:hover {
  background-color:#000;
}

.clear {
  clear:both;
  height:1px;
}

.inscription_ok, .inscription_erreur {
  display:block;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  padding:20px;
  color:#fff; 
  text-align:center;
  margin:50px auto;
}

.inscription_ok {
  background-color:#009F20; 
  width:520px;
}

.inscription_erreur {
  background-color:#a60400; 
  width:360px;
}


#bandeau_process {  
  width: 994px;
  height: 120px;
  margin-bottom: 10px;
  
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/bandeau-process.png);
  background-position: top left;
  background-repeat: no-repeat;
  display:block;
  position:relative;
}



#bandeau_accueil {  
  width: 994px;
  height: 120px;
  margin-bottom: 10px;
  
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/bandeau-accueil.png);
  background-position: top left;
  background-repeat: no-repeat;
  display:block;
  position:relative;
}


#navigation {
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  padding-top: 10px;
  
  border-bottom: 1px solid #000000;
}

#navigation h1 {
  margin: 0px;
  padding-top: 13px;
  float: left;

  font-family: verdana, arial, sans-serif;
  color: #009e30;
  text-decoration: none;
  font-size: 14px;
  text-transform: none; 
}

#navigation h1 a {
  line-height: 25px;
  font-family: verdana, arial, sans-serif;
  color: #009e30;
  text-decoration: none;
  font-size: 14px;
  border: 0px;
  text-transform: none;
}

#navigation a.picto {
  float: right;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0px;
  
  -moz-box-shadow: 2px 2px 3px #dddddd;  
}

#navigation a.picto img {
  
  border: 1px solid #000000;
}

#navigation a:hover.picto img {
  border: 1px solid #009e30;
}



#navigation_bas {
  clear: both;
  width: 974px;
  height: 40px;
  margin-left: 10px;
  padding-top: 10px;
  
  border-top: 1px solid #000000;
}


#navigation_bas a.picto {
  float: right;
  margin-left: 5px;
  margin-right: 5px;
  
  border: 1px solid #000000;
  
  -moz-box-shadow: 2px 2px 3px #dddddd;  
}

#navigation_bas a:hover.picto {
  border: 1px solid #009e30;
}

#navigation_bas a.picto img {
  border: 0px;
}



table.tableau {
  clear: both;
  width: 950px;
  
  border-spacing: 2px;
  border: 1px solid #c9c9c9;
}

fieldset table.tableau {
  clear: both;
  width: 920px;
  
  border-spacing: 2px;
  border: 1px solid #c9c9c9;
}

table.tableau tr th {
  height: 30px;
  line-height: 30px;
  padding-left: 5px;
  
  text-align: left;
  font-size: 11px;
  
  background-color: #c9c9c9;
  
  font-family: verdana, arial, sans-serif;
  color: #535353;
  text-decoration: none;
  font-size: 12px;
  
  text-align: left;
}

table.tableau tr td {
  height: 20px;
  line-height: 20px;
  padding-left: 5px;
  text-align: left;
  border-top: 2px solid #FFFFFF;
}

table.tableau tr.ligne_1 td {
  background-color: #eeeeee;
}

table.tableau tr.ligne_2 td {
  background-color: #dddddd;
}

table.tableau tr.ligne_1:hover td {
  background-color:#eeeeee;
}

table.tableau tr.ligne_2:hover td {
  background-color: #eeeeee;
}

table.tableau tr.ligne_1:hover td a {
  text-decoration: none;
}

table.tableau tr.ligne_2:hover td a {
  text-decoration: none;
}

table.tableau tr.ligne_over td {
  background-color: #FFFFFF;
}

table.tableau tr.ligne_over td a {
  color: #009e30;
  text-decoration: none;
}

table.tableau tr td a {
  color: #009e30;
  text-decoration: none;
}

table.tableau tr th a img,
table.tableau tr td a img {
  border: 0px;
}

table.tableau tr td.cellule_centre,
table.tableau tr th.cellule_centre,
table.tableau tr.ligne_1 td.cellule_centre,
table.tableau tr.ligne_2 td.cellule_centre,
table.tableau tr.ligne_over td.cellule_centre {
  text-align: center;
}

table.tableau tr td.cellule_droite,
table.tableau tr th.cellule_droite,
table.tableau tr.ligne_1 td.cellule_droite,
table.tableau tr.ligne_2 td.cellule_droite,
table.tableau tr.ligne_over td.cellule_droite {
  text-align: right;
  padding-right: 5px;
  padding-left: 0px; 
}

table.tableau tr td.bloc {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

table.tableau tr td.bloc div.ligne_gauche {
  width: 450px;
  float: left;
}
table.tableau tr td.bloc div.ligne_droite {
  width: 500px;
  float: left;
}


.bloc_accueil {
  width: 450px;
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.bloc_accueil .titre {
  line-height: 20px;
  padding-left: 10px;
  
  font-size: 10px;
  text-transform: uppercase;
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  border-right: 0px;
}

.bloc_accueil .corps img {
  float: right;
}

.bloc_accueil .corps ul {
  list-style-type: none;
  width: 250px;
  margin: 0px;
  margin-top: 10px;
  margin-left: 20px;
  padding: 0px;
  float: left;
}

.bloc_accueil .corps ul ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
}

.bloc_accueil .corps ul ul li {
  line-height: 20px;
}

.bloc_accueil .corps ul ul li a {
  color: #FABB00;
  text-decoration: none;
}

.bloc_accueil .corps ul ul li a:hover {
  text-decoration: underline;
}



#texte #recherche,
#texte #recherche_codebarre {
  width: 936px;
  height: auto;
  margin-bottom: 20px;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
  
  background-color: #eeeeee;
  border: 1px solid #000000;
}

#texte #recherche h2,
#texte #recherche_codebarre h2 {
  width: 910px;
}

#texte #recherche_codebarre label,
#texte #recherche label {
  display: block;
  width: 210px;
  height: 20px;
  line-height: 20px;
  padding-left: 5px;
  float: left;
  
  font-size: 11px;
  color: ##000000;
}


#texte #recherche_codebarre label.secondaire,
#texte #recherche label.secondaire {
  width: auto;
  padding-left: 0px;
  margin-right: 5px;
  font-weight: normal;
  color: #535353;
}

#texte #recherche_codebarre input,
#texte #recherche input {
  display: block;
  width: 220px;
  margin-right: 10px;
  float: left;
  
  font-size: 12px;
}

#texte #recherche select,
#texte #recherche_codebarre select {
  width: auto;  
  font-size: 12px;
}

#texte #recherche input.radio,
#texte #recherche_codebarre input.radio {
  width: 20px;
}

#texte #recherche input[type=radio],
#texte #recherche input[type=checkbox],
#texte #recherche_codebarre input[type=radio],
#texte #recherche_codebarre input[type=checkbox] {
  width: 20px;
}

#texte #recherche input.deux_caract,
#texte #recherche_codebarre input.deux_caract {
  width: 20px;
}

#texte #recherche_codebarre input.cinq_caract,
#texte #recherche input.cinq_caract {
  width: 45px;
}

#texte #recherche input.onze_caract,
#texte #recherche_codebarre input.onze_caract {
  width: 100px;
}

#texte #recherche select,
#texte #recherche_codebarre select {
  display: block;
  width: 220px;
  height: 20px;
  line-height: 20px;
  margin-right: 14px;
  float: left;
  
  font-size: 12px;
}

#texte #recherche .champs_courts,
#texte #recherche_codebarre .champs_courts {
  width: 220px;
  margin-right: 15px;
  float: left;
}

#texte #recherche .champs_courts table div.dijitValidationIconText,
#texte #recherche .champs_courts_texte table div.dijitValidationIconText,
#texte #recherche_codebarre .champs_courts table div.dijitValidationIconText,
#texte #recherche_codebarre .champs_courts_texte table div.dijitValidationIconText {
  display: none;  
}

#texte #recherche .champs_courts_texte,
#texte #recherche_codebarre .champs_courts_texte {
  width: 220px;
  margin-right: 15px;
  float: left;
  
  text-align: right;
  line-height: 20px;
  font-size: 11px;
  color: #535353;
}

#texte #recherche .champs_courts table td.dijitInputField,
#texte #recherche .champs_courts_texte table td.dijitInputField,
#texte #recherche_codebarre .champs_courts table td.dijitInputField,
#texte #recherche_codebarre .champs_courts_texte table td.dijitInputField {
  padding-left: 3px;
  text-align: left;
}

#texte #recherche table.dijitSlider td {
  position: relative;
}

#texte #recherche table.dijitSlider td div.RuleLabelContainer {
  z-index: 90;
  position: absolute;
}

#texte #recherche .liste_checkbox,
#texte #recherche_codebarre .liste_checkbox {
  width: 710px;
  float: left;
}

#texte #recherche label.libre,
#texte #recherche_codebarre label.libre {
  width: auto;
}

#texte #recherche #ok,
#texte #recherche_codebarre #ok {
  clear: both;
  height: 40px;
}

#ok a,
#ok_codebarre a {
  margin-top: 10px;
  margin-left: 20px;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 5px;
  float: right;
  
  border: 1px solid #000000;

  font-size: 10px;
  font-family: verdana, arial, sans-serif;
  color: #000000;
  text-decoration: none;
  text-transform: uppercase;
}

#texte #recherche #ok a:hover,
#texte #recherche_codebarre #ok a:hover {
  color: #009e30;
  border: 1px solid #009e30;
}

#texte #recherche .slider,
#texte #recherche_codebarre .slider {
  width: 350px;
  height: 30px;
  padding-top: 3px;
  padding-left: 20px;
  overflow: hidden;
}

#texte #connexion {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #009e30;
  float: left;
}

#texte #connexion label {
  margin-right: 10px;
  color: #EB6A0A;
  font-weight: bold;
}

#texte #connexion input {
  margin-right: 10px;
  border: 2px solid #009e30;
}

#texte #connexion .info {
  font-style: italic;
}

#texte #ok_connexion {
  clear: both;
  margin-bottom: 10px;
}

#texte #ok_connexion a {
  margin-top: 10px;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  float: left;
  
  border: 2px solid #009e30;

  font-size: 12px;
  font-family: verdana, arial, sans-serif;
  color: #009e30;
  font-weight: bold;
  text-decoration: none;
}

#texte #ok_connexion a:hover {
  color: #FFFFFF;
  background-color: #009e30;
}

#texte a.retour_site {
  margin-top: 10px;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  float: right;
  
  border: 2px solid #009e30;

  font-size: 12px;
  font-family: verdana, arial, sans-serif;
  color: #009e30;
  font-weight: bold;
  text-decoration: none;
}

#texte a:hover.retour_site {
  color: #FFFFFF;
  background-color: #009e30;
}

.orange {
  color: #EB6A0A;
}



#texte {
  width: 950px;
  margin: 0px auto;
  margin-bottom: 20px;
}

fieldset #texte {
  width: 920px;
}

#texte .erreur {  
  margin-top: 20px;
  color: #EB6A0A;
  font-weight: bold;
}

#texte h1 {
  width: auto;
  height: 40px;
  line-height: 40px;
  margin: 0px;
  margin-bottom: 20px;
  padding-left: 20px;
  background-color: #CDD5E8;
  
  text-transform: uppercase;
  font-size: 12px;
  font-family: verdana, arial, sans-serif;
  color: #009e30;
  font-weight: bold;
  text-decoration: none;
}

#texte h1 a {
  text-transform: uppercase;
  font-size: 12px;
  font-family: verdana, arial, sans-serif;
  color: #009e30;
  font-weight: bold;
  text-decoration: none;
}

#texte h1 a:hover {
  color: #000000;
  border-bottom: 1px dotted #000000;
}

#texte h2 {
  width: 100%;
  height: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 20px;
  float: left;
  
  font-size: 12px;
  font-family: verdana, arial, sans-serif;
  color: #009e30;
  font-weight: bold;
  border-bottom: 1px dotted #009e30;
}

#texte h2 a { 
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 9px;
  font-family: verdana, arial, sans-serif;
  color: #EB6A0A;
  font-weight: bold;
  text-decoration: none;
}

#texte h2 a:hover { 
  color: #000000;
}

#texte h3 { 
  font-size: 11px;
  font-family: verdana, arial, sans-serif;
  color: #EB6A0A;
  text-transform: uppercase;
}

#texte .piedpage {
  font-size: 10px;  
}

#texte a.bouton {
  margin-top: 10px;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  float: left;
  
  border: 2px solid #009e30;

  font-size: 12px;
  font-family: verdana, arial, sans-serif;
  color: #009e30;
  font-weight: bold;
  text-decoration: none;
}

#texte a:hover.bouton {
  color: #FFFFFF;
  background-color: #009e30;
}

.message_gris {
  color: #009e30;
  text-align: center;
  font-weight: normal;
  margin-bottom: 20px;
}

#etat {
  display: none;
  width: 750px;
  padding-left: 10px;
  border-left: 1px solid #009e30; 
}



.un_materiau {
  width: 290px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
  padding: 5px;
  float: left;
  border: 1px solid #000000;
  
  -moz-box-shadow: 2px 2px 3px #dddddd;  

}

.pla {
  background-color: #fdd16c;
}

.boi {
  background-color: #d5a83a;
}

.met {
  background-color: #eb6a0a;
}

.com {
  background-color: #ffeb00;
}

.ver {
  background-color: #fff7b2;
}

.tex {
  background-color: #fabb00;
}

.pap {
  background-color: #c9bb2b;
}

.veg {
  background-color: #dedc1f;
}

.bet {
  background-color: #f8b771;
}

.un_materiau .titre_materiau {
  font-size: 16px;
  font-weight: bold;

  border-bottom: 1px solid #000000; 
}

.un_materiau .codes {
  float: left;
}

.un_materiau .codes .code_barre {
  width: 140px;
  font-size: 10px;
}

.un_materiau .codes .code_materiau a {
  display: block;
  width: 79px;
  height: 16px;
  padding-top: 71px;

  background-position: top left;
  background-repeat: no-repeat;
}

.un_materiau .codes .code_materiau a.pla {
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/pla.jpg);
}

.un_materiau .codes .code_materiau a.boi {
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/boi.jpg);
}

.un_materiau .codes .code_materiau a.met {
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/met.jpg);
}

.un_materiau .codes .code_materiau a.com {
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/com.jpg);
}

.un_materiau .codes .code_materiau a.ver {
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/ver.jpg);
}

.un_materiau .codes .code_materiau a.tex {
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/tex.jpg);
}

.un_materiau .codes .code_materiau a.pap {
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/pap.jpg);
}

.un_materiau .codes .code_materiau a.veg {
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/veg.jpg);
}

.un_materiau .codes .code_materiau a.bet {
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/bet.jpg);
}

.un_materiau .codes .code_materiau a.boi img,
.un_materiau .codes .code_materiau a.pla img,
.un_materiau .codes .code_materiau a.met img,
.un_materiau .codes .code_materiau a.com img,
.un_materiau .codes .code_materiau a.ver img,
.un_materiau .codes .code_materiau a.tex img,
.un_materiau .codes .code_materiau a.pap img,
.un_materiau .codes .code_materiau a.veg img,
.un_materiau .codes .code_materiau a.bet img {
  display: none;
}

.un_materiau .codes .code_materiau a:hover.boi img,
.un_materiau .codes .code_materiau a:hover.pla img,
.un_materiau .codes .code_materiau a:hover.met img,
.un_materiau .codes .code_materiau a:hover.com img,
.un_materiau .codes .code_materiau a:hover.ver img,
.un_materiau .codes .code_materiau a:hover.tex img,
.un_materiau .codes .code_materiau a:hover.pap img,
.un_materiau .codes .code_materiau a:hover.veg img,
.un_materiau .codes .code_materiau a:hover.bet img {
  display: block;
}

.un_materiau .codes .boi {
  display: block;
  width: 79px;
  height: 87px;
  
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/famille.png);
  background-position: top left;
  background-repeat: no-repeat;
}


.un_materiau .vignette {
  border: 1px solid #000000;
  float: left;
}

.un_materiau .pictos {
  width: 20px;
  height: 113px;
  margin-right: 2px;
  float: right;
}

.un_materiau .pictos a {
  display: block;
  width: 20px;
  height: 20px;
  margin-bottom: 9px;

  border: 1px solid #000000;
  background-color: #FFFFFF;
}

.un_materiau .liens {
  width: 290px;
  margin-top: 5px;
  float: left;
}

.un_materiau .liens .video {
  display: block;
  width: 69px;
  height: 35px;
  margin-right: 10px;
  float: left;
  
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/flv.png);
  background-position: top left;
  background-repeat: no-repeat;
}

.un_materiau .liens .pdf {
  display: block;
  width: 36px;
  height: 35px;
  margin-right: 10px;
  float: left;
  
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/pdf.png);
  background-position: top left;
  background-repeat: no-repeat;
}

.un_materiau .liens .selection {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 2px;
  padding-right: 5px;
  margin-top: 10px;
  float: right;

  font-size: 9px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;

  border: 1px solid #000000;
  background-color: #FFFFFF;
}

.un_materiau .liens a:hover.selection {
  color: #009e30;

  border: 1px solid #009e30;
}

.video_player {
  width: 100%;
  text-align: center;
}

#fenetre {
  width: 100%;
  height: 100%;
  
  position: absolute;
  top: 0px;
  left: 0px;
  
  background-color: #000000;
  
  filter:alpha(opacity=60); 
  -moz-opacity:0.6;
  opacity: 0.6;
  
  border: 0px;
}

.fenetre_cadre {
  width: 994px;
  height: auto;
  margin: auto;
  
  position: absolute;
  top: 152px;
  left: 50%;   
  
  margin-left: -498px; /* moiti� de la largeur */
  
  background-color: #FFFFFF;
  filter:alpha(opacity=95); 
  -moz-opacity:0.95;
  opacity: 0.95;
  
  border: 0px;
}

.fenetre_cadre .erreur {
  clear: both;
  width: 400px;
  height: 20px;
  line-height: 20px;
  padding: 10px;
  margin-top: 10px;
  margin: auto;
  margin-bottom: 10px;
  
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #009e30;
  
  border: 1px solid #009e30;
}

#contener_calque {
  width: 994px;
  height: auto;
  margin: auto;
  
  border: 0px;
}

#contener_calque .contenu_calque {
  width: 994px;
  height: auto;
  margin:auto;
  
  border: 0px;
}

#contener_calque .contenu_calque .gauche {
  
}


#multi_up div {
  display: inline;
  float: left;
  margin: auto;
}

#multi_up {
  clear: both;
  width: 100%;
  height: 20px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 5px;
  display: inline;
  float: left;
  
  text-align: left;
}

#multi_down div {
  display: inline;
  float: left;
  margin: auto;
}

#multi_down {
  display: inline;
  width: 100%;
  float: left;
  margin: auto;
  clear: both;
  height: 20px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.multi_resultat {  
  font-family: arial, sans-serif; 
  font-size: 10px; 
  font-style: normal; 
  font-weight: normal; 
  color: #A4A4A4;
  text-align: left;
  float: left; 
}

#multi_down div.multi_cadre_liens,
#multi_up div.multi_cadre_liens {
  float: right;
}

.multi_lien {  
  font-family: arial, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: bold; 
  color: #EB6A0A;
  text-decoration: none;
  padding-left: 2px;
  padding-right: 2px;
  height: 20px;
  line-height: 20px;
  display: block;
  float: left;
  text-align: center;
}

.multi_lienover {  
  font-family: arial, sans-serif; 
  font-size: 11px; 
  font-style: normal; 
  font-weight: bold; 
  color: ;
  padding-left: 2px;
  padding-right: 2px;
  height: 20px;
  line-height: 20px;
  display: block;
  float: left;
  text-align: center;
}

div.multi_cadre_liens div.fleche_simple {
  width: 18px;
}

div.multi_cadre_liens div.fleche_double {
  width: 36px;
}

.alaligne {
  width: 100%;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  clear: both;
}
.ligne {
  width: 100%;
  height: 1px;
  line-height: 1px;
  font-size: 1px;
  clear: both;
  border-bottom: 1px dotted #009e30;
}

.separation {
  width: 100%;
  height: 20px;
  margin-bottom: 10px;
  line-height: 1px;
  font-size: 1px;
  clear: both;
  
  border-bottom: 1px dashed  #EB6A0A;
}

div.demande_bouton {
  width: 950px;
  height: 30px;
  margin: auto;
  padding-top: 10px;
  
  text-align: center;
}

div.demande_bouton a {
  line-height: 25px;
  margin: auto;
  margin-left: 10px;
  border: 1px solid #EB6A0A;
  border-bottom: 0px;
  padding: 5px;
  
  text-decoration: none;
  
  color: #FFFFFF;
  background-color: #EB6A0A;  
  
  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/fond-bouton.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
}

div.demande_bouton a:hover {
  color: #EB6A0A;
  background-color: #FFFFFF;
}



#onglets {
  width: 994px;
  height: 26px;
}

ul.mes_onglets {
  list-style-type: none;
  margin: 0px;
  margin-left: 10px;
  padding: 0px;
}

ul.mes_onglets li {
  float: left;
  margin-right: 2px;
}

ul.mes_onglets li a {
  display: block;
  line-height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  
  border: 1px solid #dddddd;
  border-bottom: 1px;
  background-color: #eeeeee;
  
  color: #000000;
  text-decoration: none;
}

ul.mes_onglets li a:hover {
  background-color: #999999;
  
  color: #FFFFFF;
}

ul.mes_onglets li a.selected{
  background-color: #999999;
  
  color: #FFFFFF;
}


#contentpane {
  margin-top: 0px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  border: 1px solid #dddddd;
}

#contentpane #navigation,
#contentpane #navigation_bas {
  width: 950px;
  margin-top: 10px;
  border: 0px;
  border-top: 1px dashed #dddddd;
  border-bottom: 1px dashed #dddddd;
  background-color: #eeeeee;
}

#contentpane #navigation_bas {
  margin-left: 10px;
  width: 940px;
  margin-bottom: 15px;
}

#contentpane #navigation h1,
#contentpane #navigation_bas h1 {
  color: #000000;
  margin: 0px;
  margin-left: 17px;
  padding: 0px;
  line-height: 30px;
  border: 0px;
  
  background-color: transparent;
}

#contentpane #navigation h1 a,
#contentpane #navigation_bas h1 a {
}

#contentpane #navigation a.picto,
#contentpane #navigation_bas a.picto {
  float: right;
  margin-left: 5px;
  margin-right: 5px;
  padding: 0px;
  border: 0px;
}

#contentpane #navigation a.picto img, 
#contentpane #navigation_bas a.picto img {  
  border: 1px solid #009e30;  
}

#contentpane #navigation a:hover.picto img,
#contentpane #navigation_bas a:hover.picto img {
  border: 1px solid #FFFFFF;
}

.message_erreur {
  text-align: center;
  line-height: 30px;
  color: #C70535;
  font-weight: bold;
}

.message_info {
  display: block;
  width: auto;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
  padding-left: 10px;
  float: left;
  
  font-weight: normal;
  font-size: 10px;
  color: #535353;
  font-style: italic;
}

.form_ligne {
  width: 100%;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #eeeeee;
}

.espacement_form {
  width: 100%;
  height: 15px;
  line-height: 1px;
  font-size: 1px;
  clear: both;
}

.espacement_form_consultation {
  width: 40%;
  height: 15px;
  line-height: 1px;
  font-size: 1px;
  float: left;
}

.espacement_form_consultation_date {
  width: 40%;
  height: 8px;
  line-height: 1px;
  font-size: 1px;
  float: left;
}

fieldset {
  margin-top: 5px;
  margin-bottom: 20px;
  border: 1px solid #999999;
}

fieldset .gauche {
  width: 440px;
  float: left;
}

fieldset .droite {
  width: 440px;
  float: left;
}

legend, legend a {
  line-height: 20px;
  margin-left: 5px;
  padding-right: 5px;
  
  font-weight: bold;
  font-size: 11px;
  color: #000000;
}

.champs_courts {
  width: 225px;
  margin-right: 12px;
  float: left;
}

input.court
{
  width: 100px;
}

input radio.courts
{
  width: 10px;
}

.champs_consultation {
  display: block;
  width: 220px;
  height: 20px;
  line-height: 20px;
  margin-right: 14px;
  float: left;
  
  color: #535353;
}

.champs_consultation_fixe {
  display: block;
  width: 220px;
  height: 20px;
  line-height: 20px;
  margin-right: 14px;
  float: left;
  
  color: #41a62a;
}

.champs_consultation_haut {
  display: block;
  width: 220px;
  line-height: 18px;
  margin-right: 14px;
  margin-bottom: 5px;
  float: left;
  
  color: #535353;
}

fieldset a img {
  border: 0px;
}


fieldset .sous_categorie {
  clear: both;
  margin-bottom: 15px;
  border-bottom: 1px solid #FABB00;
  
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: #FABB00;
}

fieldset label {
  display: block;
  width: 200px;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
  padding-left: 5px;
  float: left;

  font-size: 11px;
  
  color: #535353;
}

fieldset label.obligatoire {
  font-weight: bold;
}

fieldset label.court {
  width: 100px;
}

fieldset label.secondaire {
  width: auto;
  padding-left: 0px;
  font-weight: normal;
}

fieldset label.libre {
  width: auto;
}

fieldset a.voir_ensemble {
  display: block;
  width: auto;
  height: 20px;
  line-height: 20px;
  margin-right: 10px;
  padding-left: 10px;
  float: left;
  
  font-weight: normal;
  font-size: 11px;
  color: #1F99E4;
}

fieldset a.bouton_lancer {
  display: block;
  width: auto;
  line-height: 19px;
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  
  font-weight: normal;
  font-size: 11px;
  color: #1D7AE0;
  text-decoration: none;
  
  border: 1px solid #1D7AE0; 
}

fieldset a:hover.bouton_lancer {
  border: 1px solid #1D7AE0; 
  background-color: #1D7AE0; 
  color: #ffffff; 
}

fieldset input {
  display: block;
  width: 220px;
  margin-right: 10px;
  float: left;
  
  font-size: 12px;
}

fieldset input.long{
  width: 320px;
}

fieldset .slider {
  width: 300px;
  height: 30px;
  float: left;
  padding-left: 20px;
}

fieldset table.slider  {
  background-color: transparent;
  clear: none;
}

fieldset td.nets_qf input {
  float: left;
  margin-right: 0px;
  margin-left: 10px;
  text-align: right;
}

fieldset td.somme input {
  float: right;
  margin-right: 0px;
  margin-left: 10px;
  text-align: right;
}

fieldset td.somme span {
  color: #7DA422;
}

fieldset td.somme span.solde {
  color: #900121;
}

fieldset td select {
  width: auto;  
  font-size: 12px;
}

fieldset input[disabled] {
  color: #41a62a;
}

fieldset input[type=checkbox] {
  width: 20px;
}

fieldset input[type=radio] {
  width: 20px;
}

fieldset input.radio {
  width: 20px;
}

fieldset input.hidden {
  width: 2px;
}

fieldset input.deux_caract {
  width: 20px;
}

fieldset input.cinq_caract {
  width: 45px;
}

fieldset input.onze_caract {
  width: 100px;
}

fieldset select {
  display: block;
  width: 220px;
  height: 20px;
  line-height: 20px;
  margin-right: 14px;
  float: left;
  
  font-size: 12px;
}

fieldset select.multiple {
  display: block;
  width: 220px;
  height: 100px;
  margin-right: 14px;
  float: left;
  
  font-size: 12px;
}

fieldset textarea {
  display: block;
  width: 220px;
  height: 100px;
  margin-right: 10px;
  float: left;
  
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  
}

fieldset textarea.message {
  display: block;
  width: 663px;
  height: 200px;
  margin-right: 10px;
  float: left;
  
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  
}

.champs_adresse_ligne {
  float: left;
  padding-top: 5px;
  background-color: #eeeeee;
}

.champs_adresse {
  float: left;
  padding-top: 5px;
}

.champs_adresse input,
.champs_adresse lable,
.champs_adresse_ligne input,
.champs_adresse_ligne label {
  margin-bottom: 10px;
}

fieldset img.media {
  margin-left: 10px;
  margin-right: 10px;
}

fieldset table {
  clear: both;
  width: 915px;
  margin-left: 5px;
  border: 1px solid #c9c9c9;
  border-spacing: 2px;
  
  background-color: #ffffff;
}

fieldset table tr th {
  line-height: 20px;
  text-align: left;
  padding-left: 5px;
  font-size: 11px;
  
  background-color: #c9c9c9;
}

fieldset table tr th.somme,
fieldset table tr.troisieme_plan th.somme,
fieldset table tr.second_plan th.somme { 
  padding-left: 0px;
  padding-right: 5px;
  text-align: right;
}

fieldset table tr.second_plan th {
  line-height: 20px;
  text-align: left;
  padding-left: 5px;
  font-size: 11px;
  
  background-color: #dddddd;
}

fieldset table tr.troisieme_plan th {
  line-height: 20px;
  text-align: left;
  padding-left: 5px;
  font-size: 11px;
  
  background-color: #eeeeee;
}

fieldset table tr th.obligatoire {
  color: #cc0033;
}

fieldset table tr th a,
fieldset table tr.troisieme_plan th a,
fieldset table tr.second_plan th a { 
  color: #1D7AE0;
}


fieldset table tr td {
  text-align: left;
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  
  border-bottom: 1px solid #c9c9c9;
}


fieldset table tr td img.picto_help_tableau {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
}

fieldset table tr td.somme {
  padding-left: 0px;
  padding-right: 5px;
  text-align: right;
}

fieldset table tr td a.rouge {
  color: #C70535;
  font-weight: bold;
}

fieldset table tr td a {
  color: #197BD2;
}

fieldset table tr td a img {
  border: 0px;
}

fieldset table tr td .anomalie {
  color: #C70535;
}

fieldset table tr td.alerte_cotisation {
  background-color: #C70535;
}

.alerte_collectivite {
//  text-align: center;
//  line-height: 30px;
  margin-left: 2px;
  color: #C70535;
  font-weight: bold;
}

.dojoDndItemAnchor,
.dojoDndItemSelected
{
  background-color: #EEEEEE;
}

a#ajout_cotisation {
  display: block;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 3px;
  
  float: right;
  color: #FABB00;
  border: 1px solid #FABB00;
  text-decoration: none;
}

a:hover#ajout_cotisation {
  color: #FFFFFF;
  border: 1px solid #FABB00;
  background-color: #FABB00;
}


div.categorie {
  width: 970px;
  padding: 0px;
  margin: 0px;
  float: left;
  height: auto;
}

div.categorie div {
  width: 100%;
  height: 25px;
  line-height: 25px;
  padding: 0px;
  margin: 0px;
  float: left;
}
div.categorie div div {
  border-bottom: 1px solid #dddddd;
}
//div.categorie div {
//  height: 0px;
//}

div.categorie div .li_1
{
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid #dddddd;
}

div.categorie div .li_2
{
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid #dddddd;
}

div.categorie div .li_hover
{
  height: 25px;
  line-height: 25px;
  border-bottom: 1px solid #dddddd;
}

div.categorie div.dijitContentPane {
  display: none;
  height: auto;
}

.li_1 {
  height: 25px;
  line-height: 25px;
  float: left;
  padding: 0px;
  margin: 0px;
  background-color: #EEECEC;
  border-bottom: 1px solid #dddddd;
  display: block;
}

.li_1 img {
  margin-top: 4px;
}

.li_1 input {
  width: 20px;
  margin-top: 5px;
  float: left;
}

.li_2 {
  height: 25px;
  line-height: 25px;
  float: left;
  padding: 0px;
  margin: 0px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #dddddd;
  display: block;
}

.li_2 img {
  margin-top: 4px;
}

.li_2 input {
  width: 20px;
  margin-top: 5px;
  float: left;
}

.li_hover {
  height: 25px;
  line-height: 25px;
  float: left;
  padding: 0px;
  margin: 0px;
  background-color: #D8DADC;
  border-bottom: 1px solid #dddddd;
  display: block;
}

.li_hover img {
  margin-top: 4px;
}

.li_hover input {
  width: 20px;
  margin-top: 5px;
  float: left;
}

div.categorie div div.partie_gauche {
  width: auto;
  height: 25px;
  line-height: 25px;
  padding: 0px;
  margin: 0px;
  float: left;

}

div.categorie div div.partie_gauche img {
  margin-top: 6px;
  float: left;
}

div.categorie div div.partie_gauche label img {
  margin-top: 4px;
}

div.categorie div div.partie_gauche input {
  width: 20px;
  margin-top: 5px;
  float: left;
}

div.categorie div div.partie_gauche label {
  display: block;
  height: 25px;
  line-height: 25px;
  float: left;
}


div.categorie div div.partie_droite {
  width: auto;
  height: 25px;
  line-height: 25px;
  padding: 0px;
  margin: 0px;
  float: right;
}

div.categorie div div.partie_droite img {
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 4px;
  float: left;
}

div.categorie div div.partie_droite div.cale {
  margin-top: 4px;
  margin-left: 4px;
  margin-right: 4px;
  float: left;
  width: 18px;
  height: 10px;
  border: 0px;
}

div.categorie div div.contenu_menu {
  margin-top: 50px;
  border: 0px;
}





.display_block { display: block; }
.display_none { display: none; }



.slider {
  overflow: auto;
}
.slider > div {
  width: 250px;
  float: left;
}
.slider div.reset_ligne {
  clear: both;
}
.slider ol {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;;
}

.slider ol li {
  float: left;
  height: 20px;
  font-size:11px;
  color: gray;
}

.slider ol li:nth-child(1) {
  margin-right: 39px;
}

.slider ol li:nth-child(2) {
  margin-right: 75px;
}

.slider ol li:nth-child(4) {
  margin-right: 65px;
}


.abonnement {
  width: 300px;
  height: 165px;
  padding-left: 25px;
  float: left;

  position: relative;

  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/abo-vide.png);
  background-position: bottom left;
  background-repeat: no-repeat;
}

.abo_conso {
  width: 125px;
  height: 141px;

  position: absolute;
  left: 0px;
  bottom: 0px;

  background-image: url(https://www.materiautheque.citedudesign.com/commun/modeles/admin/img/pictos/abo-consomme.png);
  background-position: bottom left;
  background-repeat: no-repeat;
}

.abo_conso_nb {
  width: 180px;
  height: 141px;

  position: absolute;
  right: 0px;
  bottom: 0px;
  
  margin-bottom: 15px;

  color: #009E30;
}

.infos {
  width: 500px;
  margin-top: 50px;
  padding-left: 10px;
  float: left;

  line-height: 22px;
  font-style: italic;
  color: #555555;

  border-left: 1px dashed #dddddd;
}


.liste_docs {
  list-style-type: none;
  margin: 0px;
  margin-left: 10px;
  margin-bottom: 20px;
  padding: 0px;
  padding-right: 10px;
}

.liste_docs li {
  display: inline-block;
  width: 45%;
  line-height: 35px;
  border-bottom: 1px dashed #efefef;
}

.liste_docs li:nth-child(even) {
  margin-left: 25px;
}

.liste_docs li img {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  float: left;
}

.liste_docs li img.voir {
  float: right;
}

.liste_docs li a {
  display: block;
  color: #000000;
  text-decoration: none;
}

.liste_docs li a:hover {
  background-color: #efefef;
}


.selector_modif {
  width:200px;
  float: left;
}
.slider_liste_modif {
  float: left;
  overflow: visible; 
  position: relative;
  width:200px;
}
.slider_liste_modif div {
  position: absolute;
}
.slider_liste_modif span {
  float: left;
  color: gray;
  font-size: 11px;
  height: 20px;
  position: relative; 
  left: -35%; 
}

.selector {
  width:200px;
  float: left;
}
.slider_liste {
  float: left;
  overflow: visible; 
  position: relative;
  width:200px;
}
.slider_liste div {
  position: absolute;
}
.slider_liste span {
  float: left;
  color: gray;
  font-size: 11px;
  height: 20px;
  position: relative; 
  left: -35%; 
}

table span.deroule {
  cursor:pointer;
  display:inline-block;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background-color:#009E30;
  cursor:pointer;
  height:16px;
  width:16px;
  color:#fff;
  text-align:center;
  line-height:14px;
  font-weight:bold;
}

.bloc_image {
  float:right;
  width:250px;
  margin: 30px 5px 0 0; 
}

.process_libelle {
  text-transform:uppercase;
  color:#fff;
  background-color:#009E30;
  padding:5px;
  border-radius:3px;
  text-align:center;
  font-weight:bold;
  font-size:16px;
  margin-bottom:5px;
  position:relative;
}

.process_libelle .close {
  position:absolute;
  display:block;
  height:25px;
  width:25px;
  right:2px;
  top:2px;
  background-image:url(/commun/modeles/admin/img/close.png);
  cursor:pointer;
}

.process_geoloc {
  clear:both;
  float:right;
}

.process_geoloc.cache {
  display:none;
}

.process_geoloc.cache + .bloc_contenu {
  width:100%;
  float:left;
}

.process_geoloc.cache + .bloc_contenu .process_photo {
  float:left;
}

.process_geoloc.cache + .bloc_contenu .process_photo.affiche .process_description {
  width:calc(100% - 170px);
  margin-left:10px;
}


.process_geoloc.affiche + .bloc_contenu {
  width:calc(100% - 490px);
}
.process_geoloc.affiche + .bloc_contenu .process_photo img {
  display:block;
  margin:0 auto;
  cursor:pointer;
}

#carte h1 {
  background-color:transparent;
  color: #009e30;
  height: auto;
  line-height: 12px;
  margin: 0 0 2px 0;
  padding-left: 0;
  font-size:11px;
}
#carte address, #carte materiaux, #carte contraintes {
  font-size:11px;
  line-height:12px;
}
#carte site_web {
  background-color:transparent;
  color: #009e30;
  margin: 0 0 2px 0;
  padding-left: 0;
  font-size:11px;
}

.clear {
  clear:both;
}

.tableau_enroule .ligne_info .contenu {
  border-bottom:1px dashed #009E30;
  padding-bottom:5px;
}

.tableau_enroule .niveau_1 + .ligne_info .contenu {
  margin-left:26px;
  border-left:1px dashed #009E30;
  padding-left:10px;
}

.tableau_enroule .niveau_2 + .ligne_info .contenu {
  margin-left:52px;
  border-left:1px dashed #009E30;
  padding-left:10px;
}

.tableau_enroule .niveau_3 + .ligne_info .contenu {
  margin-left:78px;
  border-left:1px dashed #009E30;
  padding-left:10px;
}

.tableau_enroule .niveau_4 + .ligne_info .contenu {
  margin-left:104px;
  border-left:1px dashed #009E30;
  padding-left:10px;
}

table.tableau tr td a span.nb_entreprises {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color:#fff;
  padding:2px 4px;
  background-color:#646464;
  font-size:10px;
  margin-left:10px;
}

.onglets {
  border-bottom:3px solid #818181;
}
.onglets > span {
  width:calc(50% - 2px);
  float:left;
  padding:5px;
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-radius:3px 3px 0 0;
  border-radius:3px 3px 0 0;
  background-color:#dddddd;
  text-align:center;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  color:#4f4f4f;
  -moz-transition-duration:0.2s;
  -webkit-transition-duration:0.2s;
  transition-duration:0.2s;
  cursor:pointer;
  text-transform:uppercase;
  font-size:11px;
}
.onglets > span:nth-child(1) {
  margin-right:4px;
}
.onglets > span:hover {
  background-color:#9a9a9a;
  -moz-transition-duration:0.2s;
  -webkit-transition-duration:0.2s;
  transition-duration:0.2s;
}
.onglets > span.selected {
  background-color:#818181;
  color:#fff;
  -moz-transition-duration:0.2s;
  -webkit-transition-duration:0.2s;
  transition-duration:0.2s;
}
.onglets.cache {
  display:none;
}

.onglet_inactif {
  display:none;
}

.process_geoloc.affiche + .bloc_contenu {
  width:100%;
}
.bloc_contenu .process_photo {
  float:left;
}
.process_photo.affiche + .process_description {
  width:calc(100% - 170px);
  margin-left:10px;
  float:left;
}
.process_geoloc {
  float:none;
}





#texte_page_accueil fieldset {
  width: 400px;
  border:1px dashed #b2b2b2;
  margin:0 auto;
  padding:5px 20px 20px 20px;
}

#texte_page_accueil fieldset legend {
  text-transform:uppercase;
  color:#009F20;
  margin:0;
  padding:0 10px;
  font-size:15px;
}

#texte_page_accueil fieldset a.bouton {
  background-color:#009F20;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
  padding:4px 10px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  -moz-transition-duration:0.2s;
  -webkit-transition-duration:0.2s;
  transition-duration:0.2s;
  margin-top:15px;
  display:inline-block;
  float:right;
}
#texte_page_accueil fieldset a.bouton:hover {
  background-color:#000;
}

#texte_page_accueil fieldset label {
  width:100px;
}

#texte_page_accueil fieldset input {
  width:266px;
  margin-right:0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  border:1px solid #b2b2b2;
  height:20px;
  padding:3px 8px;
}


.ui-dialog img {
  display:block;
  margin:0 auto;
  max-width:100%;
}

#texte h2.deroule {
  position:relative;
  //padding:10px;
  //background-color:#009E30;
  //color:#fff;
  float:none;
  margin-bottom:0;
}

#texte h2.deroule span {
  position:absolute;
  right:0;
  bottom:0;
  background-color:#009E30;
  color:#fff;
  display:block;
  height:24px;
  width:24px;
  text-align:center;
  font-size:20px;
  line-height:24px;
  cursor:pointer;
}

#texte h2.deroule + div {
  border-left:1px dotted #009e30;
  border-right:1px dotted #009e30;
  border-bottom:1px dotted #009e30;
  padding:0 25px 25px 25px;
}