@charset "utf-8";
/***********************************************************************************************************************************/
/*********************************************************   G L O B A L   *********************************************************/
/***********************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Orbitron:400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Krona+One|Quattrocento+Sans:400,400i,700,700i&subset=latin-ext');

* { margin:0; padding:0;   }	

[type="radio"]:not(:checked),
[type="radio"]:checked {
  visibility:hidden;
}
 
/* on prépare le label */
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative; /* permet de positionner les pseudo-éléments */
  padding-left: 25px; /* fait un peu d'espace pour notre case à venir */
  cursor: pointer;    /* affiche un curseur adapté */
  display:inline;
}

[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px; /* dim. de la case */
  border: 2px solid #c7411c;
  background: #FFFFFF;
  border-radius: 15px; /* angles arrondis */
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3) /* légère ombre interne */
}
 
/* Aspect général de la coche */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 4px; 
  left: 5px;
  font-size: 10px;
  color: #c7411c;
  transition: all .2s; /* on prévoit une animation */
}

/* Aspect si "pas cochée" */
[type="radio"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
[type="radio"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}

form input[type="password"].password-generation { width:80%; }
.result-generation-password { display: inline-block; margin-left:3%; padding-left:25px; font-weight:bold; background-repeat:no-repeat; background-position:left center; }
.result-generation-password.wrong { color:#086e00; background-image:url(../images/style/wrong.png); }
.result-generation-password.false { color:#ff0000; background-image:url(../images/style/false.png); }

.label_form { background-color: #f9f9f9; width: 250px; text-align: right; padding-right: 10px; }
.mce-branding { display:none!important; }
b, i, u, strong { color:inherit; }
.span-obligatoire { color:red; }
select.error, input.error, ul.error, .select2-container.error .select2-choice, textarea.error, .mce-tinymce.error { border:1px solid #f93a3a!important; }
select, input[type=text], input[type=password] { border:2px solid #346666; padding:2px 5px; width:100%; background:#fff;  }
textarea { resize:vertical; min-height:42px; width:100%; padding:5px; border:2px solid #346666;  }
textarea::placeholder { opacity:1; }

.hide { display:none; }
a, a:hover { color:inherit; }
.cliquable:hover { cursor:pointer; text-decoration:underline; }
.not-cliquable:hover { cursor:auto!important; text-decoration:none!important; }
.btn-primary { background-color:#1E696E; background-image:url(../images/style/fleche.png); background-repeat:no-repeat; background-position:right 15px center; color:#fff; border:none; padding:10px 30px 10px 20px; margin:25px auto;  text-align:center; text-transform:uppercase; display:block; cursor:pointer!important; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,.open .dropdown-toggle.btn-primary { color: #fff; background-color: #006a85; border-color: #006a85; }


#filtre .btn-primary { padding:3px 10px 2px 10px; background-image:none; display:inline-block; }
#filtre > * { width:auto; }

.center { text-align:center!important; }
ul.sortable li { border:1px solid #999; background:#ddd url(../images/style/draggable.png) no-repeat left 5px center; padding:5px 5px 5px 30px; list-style:none; margin:5px 0; }
ul.sortable li:hover { cursor:move; }
.tab-content { margin-top:-1px; }
.tab-pane { border-width:1px; border-color:#999999; border-style:solid; }
.nav-tabs > li > a { background-color: #ddd; border-bottom:1px solid #999999; }
.nav-tabs > li > a:hover { border-bottom:1px solid #999999; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border-bottom:1px solid #fff; }
.modal-body { padding: 20px 20px 0; }
.italic { font-style: italic; }
.bold { font-weight:500; }
fieldset { border:2px solid #913b68; margin-top:20px; padding:15px;}
fieldset legend { font-weight:bold; margin-left:20px; border:2px solid #913b68; padding:5px; } 
.bloc_formulaire + .bloc_formulaire {
    margin-left: 4%;
}
.bloc_formulaire {
    float: left;
    width: 48%;
}
.supprimerDocument { color:red; cursor:pointer; font-weight:bold; }


.input-addon { display: inline-block; vertical-align:middle; margin-top:2px; }
.input-addon input { float: left; width:auto!important; }
.input-addon .addon { background: #dadee0 none repeat scroll 0 0; border:1px solid #cccccc; border-left:none; float: left; padding: 2px; width: auto; cursor:pointer; }

form .date, form .date-prev, form .date-next, form .date-from, form .date-input, form .date-to { width:100px!important; }
form .heure, form .minute { width:60px!important; }
select.select2 { width:100%; }

.rating.rouge .jRatingColor { background-color:#fe0001; }
.rating.orange .jRatingColor { background-color:#ff6600; }
.rating.jaune .jRatingColor { background-color:#f1b604; }
.rating.vert .jRatingColor { background-color:#33cc00; }
.rating.gris .jRatingColor { background-color:#979797; }

.optgroup1 ul { display: none; }
.optgroup2 { margin-left:20px; }
.optgroup3 { margin-left:40px; }
.optgroup1, .optgroup2 { font-weight:bold;}

form .select2-container { position: relative;
  z-index: 2;
  float: left;
  width: 100%!important;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;}

form .select2-container.auto-width { float: none; width: auto!important; display: inline-block; padding:0;}

option.option2 { margin-left:20px; }
option.option3 { margin-left:40px; }

optgroup option { margin-left:20px; font-weight:normal; }

#zone-photo span { color:#ff0000; cursor:pointer; }

#accordion .ui-accordion-header { line-height:25px; border-top-left-radius:0px!important; border-top-right-radius:0px!important; border-bottom-left-radius:0px!important; border-bottom-right-radius:0px!important; margin-top:5px; font-family: 'Open Sans', Arial, sans-serif; font-size:16px!important; }
#accordion .ui-state-default, #accordion .ui-widget-content .ui-state-default, #accordion .ui-widget-header .ui-state-default { background:#bad1d9; }
#accordion .ui-state-active { background:#bae8f2; }

html * {  font-family:'Quattrocento Sans', Arial, Helvetica, sans-serif; }

body { min-width:350px; color:#1e696e; background:#F9F8F7; font-size:16px;  }
body .alert { position:fixed; margin:0 auto; width:100%; z-index:10000; }

span.extension { font-size: 10px!important; font-style: italic; font-weight: normal; }
body #section .alert, .modal .alert { position:relative; margin:15px 0;}

th.triable { padding-right:17px!important; background-position:right 4px center; background-repeat:no-repeat; cursor:pointer; }
th.triable:hover { background-image:url(../images/style/order-by.png); }

.ui-slider.ui-state-disabled { 	opacity: .7; filter:Alpha(Opacity=70); }

select:disabled, input[type=text]:disabled { background: #eee none repeat scroll 0 0; }
.logo_etab { width:50px; }
th { color:#fff; text-transform:uppercase; background:#169CA3; text-align:center; }

.table-seul > thead {
	display:table;
	width:100%;
}

span.notification { background: #cd3332 none repeat scroll 0 0; border-radius: 25px; color: #ffffff; font-size: 15px; font-weight: normal; margin: 0 0 0 10px; padding: 2px 8px; }
ul.sortable li.ui-state-highlight { border:1px solid #BAE8F2; background:#E9EDF4; padding:5px; list-style:none; margin:5px 0; }

span.explications { font-size:12px; font-style:italic; color:#666666; }

#section .content .arborescence li.niveau1 tr td.notification { width:5px; padding:0; }
#section .content .arborescence li.niveau1 tr td.notification.nonLu { background: #cd3332; }

/***********************************************************************************************************************************/
/*********************************************************   H E A D E R   *********************************************************/
/***********************************************************************************************************************************/
#header { padding:15px 0 0 15px; background:#fff; }
#header #logo { width:10%; float:left; text-align:center; }
#header #logo img { width:70%; }
#header #bandeau { background-color:#169CA3; width:90%; float:right; color:#fff; font-weight:bold; padding:0 0 0 15px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;  }
#header #bandeau h1#site_name { line-height:44px; display:inline-block; font-size:22px; margin:0; font-family:'Krona One', Arial, Helvetica, sans-serif; }
#header #bandeau h1#site_name span { color:#97c8cd; font-family:'Krona One', Arial, Helvetica, sans-serif; }
#header #bandeau .menu { float:right;line-height:45px; font-size:20px; padding:0 25px; background:#C7411C; }
#header #bandeau .menu a { margin:5px 10px; line-height:30px; color:#fff; font-weight:bold; }
#header #bandeau .menu a:hover { text-decoration:none; }
#header #bandeau .menu a#utilisateur-identite { margin-left:5px; text-transform:uppercase; }

#menu {  background:#fff; margin-top:-60px;  }
#menu .content { padding:0 20px; }
#menu .content ul { float:right; list-style:none; margin:20px 0; }
#menu .content ul li { display:inline-block;  padding: 0 20px; }
#menu .content ul li + li { border-left:1px solid #111111; }
#menu .content ul li a { color:#1E696E; font-size:22px; }
#menu .content ul li.actif a { color:#C7411C; }


/***********************************************************************************************************************************/
/********************************************************   S E C T I O N   ********************************************************/
/***********************************************************************************************************************************/
#section > .content { padding:20px; }
#section > .content h1.titre1 { margin-bottom:15px; color:#169CA3;  font-size:25px; font-weight:normal;  font-family:'Krona One', Arial, Helvetica, sans-serif; }
h2.titre2 { color:#1E696E; font-size:18px; }
			

.discussion .content .contenu, .quizz .content .contenu { width:100%; padding:10px; height: calc(100% - 32px); overflow-y:scroll; font-size:16px; background:#fff; }
.discussion .content, .quizz .content { border:2px solid #346666; }
.discussion .content > h2, .quizz .content > h2 { background:#E9BB75; color:#fff; font-size:20px; padding:5px 10px; margin:0; text-transform:uppercase;  font-family:'Krona One', Arial, Helvetica, sans-serif; }
.quizz .content > h2 { background:#C7411C;  }
.discussion .content .contenu table td.identite { width:25%; font-weight:bold; }
.discussion .content .contenu table td.identite span.explications { font-weight:normal; }

.discussion .content form { height:24%; border-top:2px solid #346666; }
.discussion .content form .texte, .discussion .content form .image { height:100%; width:calc(100% - 100px); border-right:1px solid #346666; float:left; }
.discussion .content form .image { padding:4%; text-align:center; position:relative;}
.discussion .content form .image #alert { position:absolute; top:-15px; left:0; }
.discussion .content form textarea { height:100%; width:100%; resize:none; border:none; }
.discussion .content form .actions-saisie { height:100%; width:100px; float:right; text-align:center; }
.discussion .content form .actions-saisie input { padding:5px 10px; width:90%; display:block; margin:15px auto; }
.discussion .content form .actions-saisie input[disabled] { color:#346666; }

.quizz { padding:0 20px; }
.quizz .content .contenu {background:url(../images/style/border-quizz.jpg) left top repeat-y #fff; padding:0; }
.quizz .content .contenu .chronometre {  font-family:'Krona One', Arial, Helvetica, sans-serif; color:#ffffff; position:absolute; top:-46px; right:0px; font-weight:bold; font-size:30px; padding:3px 15px 1px 50px; -webkit-border-top-left-radius: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; background-image:url(../images/style/chronometre.png); background-position:left 5px center; background-repeat:no-repeat; background-color:#1e696e; width:190px; text-align:center; }
.quizz .content .contenu .quizz-acces { padding:10px 20px; }
.quizz .content .contenu .numero { font-style:italic; padding:20px; font-weight:bold; background:#fff; }
.quizz .content .contenu .numero span { color:#fff; background-color:#C7411C; padding:2px 7px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.quizz .content .contenu .question { font-size:20px; padding:10px 20px; margin-bottom:20px; background:#e9bb75; color:#fff; }
.quizz .content .contenu #groupe-reponse { padding:10px 20px 10px 35px; }
.quizz .content .contenu #groupe-reponse ul { padding-left:20px; }
.quizz .content .contenu .reponses #form_reponse ul li { list-style:none; }
.quizz .content .contenu .reponses ul li { margin:10px 0; }
.quizz .content .contenu .reponses ul li.reponse-donnee { border:1px dashed #666; }
.quizz .content .contenu .resultat { margin-top:30px; }
.quizz .content .contenu .resultat p.reponse { margin-bottom:20px; font-size:20px; }
.quizz .content .contenu .resultat div.explications { color:#C7411C; }


.presence ul { padding-left:40px; list-style:none; }
.presence ul li { margin:5px 0; padding-left:15px; background-position:left center; background-repeat:no-repeat; }
.presence ul li.present { background-image:url(../images/style/voyant-vert.png); }
.presence ul li.occupe { background-image:url(../images/style/voyant-orange.png); }
.presence ul li.absent { background-image:url(../images/style/voyant-gris.png); }


#section > .content #todo h1.titre1, #section > .content #contact h1.titre1 { color:#169CA3; border-bottom:10px solid #169CA3; padding-bottom:15px; font-size:22px; }
#section > .content #agenda h1.titre1 { color:#C7411C; border-bottom:10px solid #C7411C; padding-bottom:15px; font-size:22px; }			
#section > .content #todo ul, #section > .content #agenda ul { padding-left:40px; color:#918181; font-style:italic; font-weight:bold; list-style:none; }
#section > .content #todo ul li, #section > .content #agenda ul li { margin-bottom:20px; font-size:15px; }
#section > .content #todo ul li a, #section > .content #agenda ul li span { display:block; font-size:15px; font-style:normal; padding: 0px 0 0px 35px; min-height:24px; background-repeat:no-repeat; background-position:left center; }
#section > .content #todo ul li.qcm a, #section > .content #agenda ul li.qcm span { color:#1E696E; background-image:url(../images/style/picto-qcm.png); }
#section > .content #todo ul li.atelier a, #section > .content #agenda ul li.atelier span { color:#169CA3; background-image:url(../images/style/picto-calendrier.png); }
#section > .content #todo ul li.atelier > input[type=image], #section > .content #agenda ul li.atelier > input[type=image] { display:inline-block; margin-left:5px; }
#section > .content #todo ul li.atelier > form, #section > .content #agenda ul li.atelier > form { display:inline-block; margin-left:5px; }
#section > .content #todo ul li span.statut { margin-left:15px; }
#section > .content #todo ul li span.statut.statut-1 { color:#ff0000; }
#section > .content #todo ul li span.statut.statut-2 { color:#14c502; }
#section > .content #todo ul li span.statut.statut-3 { color:#a3a4a3; }


#section .content .arborescence { width:100%; }

#section .content .arborescence .arborescence { background: #ffffff none repeat scroll 0 0; border: 1px solid #cccccc; padding: 5px; }
#section .content .arborescence > li { list-style:none;  padding:0 10px; }
#section .content .arborescence > li ul { padding-left:40px; }
#section .content .arborescence li.none { padding-right:0; }
#section .content .arborescence li table td { cursor:pointer;  }
#section .content .arborescence li.none table tr td, #section .content .arborescence li table tr td.actions, #section .content .arborescence li table tr.show-on-active td { cursor:auto;  }
#section .content .arborescence li table { width:100%; }
#section .content .arborescence li table tr { border:none; }
#section .content .arborescence li table tr.show-on-active { display:none; }
#section .content .arborescence li table tr.show-on-active td { vertical-align:top; }
#section .content .arborescence li.arbo-open table tr.show-on-active { display:table-row; border-top:1px solid #ffffff; }

#section .content .arborescence li tr td.actions { width:120px; padding-left:10px; padding-right:10px; }
#section .content .arborescence li tr td.fausse-poignee, #section .content th.fausse-poignee { width:50px; padding-left:10px; padding-right:10px; }

#section .content .arborescence li.niveau1 { margin-bottom:10px; }
#section .content .arborescence li.niveau1.arbo-open { margin-bottom:25px; }
#section .content .arborescence li.niveau1 tr td { padding:10px;color:#ffffff; }

#section .content .arborescence li.niveau1 tr td p, #section .content .arborescence li.niveau2 tr td p { margin:0; }
#section .content .arborescence li.niveau1 tr td p + p, #section .content .arborescence li.niveau2 tr td p + p { margin:10px 0 0; }


#section .content .arborescence li.niveau1 > table > tbody > tr > td.poignee { background-position:center center; background-repeat:no-repeat; background-image:url(../images/style/arborescence_poignee1_close.png); width:60px; padding:10px 0 10px 10px; }
#section .content .arborescence li.niveau1.arbo-open > table > tbody > tr > td.poignee { background-image:url(../images/style/arborescence_poignee1_open.png);  }

#section .content .arborescence li tr td.statistique { padding:10px 0; }
#section .content .arborescence li tr td.statistique div { float:left; margin:2px; vertical-align:middle; color:#fff; padding:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;  }
#section .content .arborescence li tr td.statistique div.rouge { background-color:#ff0033; }
#section .content .arborescence li tr td.statistique div.orange { background-color:#ff6600; }
#section .content .arborescence li tr td.statistique div.jaune { background-color:#ffbc00; }
#section .content .arborescence li tr td.statistique div.vert { background-color:#00cc33; }
#section .content .arborescence li tr td.statistique div.bleu { background-color:#00b0f0; }

#section .content .arborescence li tr td.statistique div .label { text-align:left; margin:0; padding:0; font-size:12px;  }
#section .content .arborescence li tr td.statistique div .stats { text-align:right; font-weight:bold; margin:0; font-size:16px; }
#section .content .arborescence li tr td.statistique div .stats span { float:left; }
#section .content .arborescence li tr td.statistique div .stats span + span { float:right; }

#section .content .arborescence li.niveau2 { margin-bottom:10px; margin-left:20px; }
#section .content .arborescence li.niveau2 tr td { padding:10px; }

#section .content .arborescence li.niveau2 tr td.poignee, #section .content .arborescence li.niveau3 tr td.poignee { background-position:right center; background-repeat:no-repeat; background-image:url(../images/style/arborescence_poignee2_close.png); width:30px; padding:10px 0 10px 10px;   }
#section .content .arborescence li.niveau2.arbo-open tr td.poignee, #section .content .arborescence li.niveau3.arbo-open tr td.poignee { background-image:url(../images/style/arborescence_poignee2_open.png);  }

#section .content .arborescence li.niveau2 tr td.avancement { width:235px; text-align:right; padding:10px 0; }
#section .content .arborescence li.niveau2 tr td.avancement span { display:inline-block; vertical-align:middle; border-right:1px solid #c3c3c3; padding:5px 15px; }
#section .content .arborescence li.niveau2 tr td.avancement span.pourcentage {  border-left:1px solid #c3c3c3; width:175px; text-align:center; }

#section .content .arborescence li.niveau2.none{ margin-bottom:10px; background:none;  }
#section .content .arborescence li.niveau2.none tr td { padding:10px; background:#fff; }
#section .content .arborescence li.niveau2.none + li.niveau2 table { border-top:2px solid #edf1f6; }

#section .content .arborescence li.niveau3 { margin-bottom:10px; margin-left:40px; background:#f9f9f9;   }
#section .content .arborescence li.niveau3.none { background:none;  }
#section .content .arborescence li.niveau3 tr td { padding:10px; }
#section .content .arborescence li.niveau1.none + li.niveau1.none table,
#section .content .arborescence li.niveau2.none + li.niveau2.none table,
#section .content .arborescence li.niveau3.none + li.niveau3.none table, 
#section .content .arborescence li.niveau4 + li.niveau4 table { border-top:2px solid #edf1f6; }

#section .content .arborescence li.niveau3 tr td.criticite { width:32px; padding:10px 15px 10px 0; text-align:center; }

#section .content .arborescence li.niveau4 { margin-bottom:10px; padding-left:60px;  }

#section .content .arborescence.faq li.niveau1 { border:1px solid #1E696E; background-color:#1E696E;  }
#section .content .arborescence.faq li.niveau1.arbo-open { background-color:#1E696E;}
#section .content .arborescence.faq li.niveau1 tr td { color:#fff; }
#section .content .arborescence.faq li.niveau2 { background-color:#169CA3; color:#fff;  }

#section .content .arborescence.contact > li { padding:0; }
#section .content .arborescence.contact li.niveau1 { border:1px solid #1E696E; margin-top:20px; background-color:#1E696E; color:#fff;  }
#section .content .arborescence.contact li.niveau1.arbo-open { background-color:#169CA3;  border:1px solid #169CA3;}
#section .content .arborescence.contact li.niveau2 { margin-left:50px; }
#section .content .arborescence.contact li.niveau2 .btn-primary { width:120px; }
 
.action-listing {
	width:28px;
	height:28px;
	border:1px solid #5a5a5b;
	float:left;
	margin:0 5px;
	display:block;
}

.modal .action-listing { float:right; }

.action-listing.disabled {
	border:1px solid #dddddd;
}

.action-vue:hover,
.action-listing:hover {
	cursor:pointer;
}

.action-vue.disabled:hover,
.action-listing.disabled:hover {
	cursor:default;
}

.action-listing.user {
	background: url(../images/style/icon-user.png) center center no-repeat #fff;
}
.action-listing.user:hover {
	background: url(../images/style/icon-user-hover.png) center center no-repeat #C7411C;
}

.action-listing.pencil {
	background: url(../images/style/icon-pencil.png) center center no-repeat #fff;
}
.action-listing.pencil:hover {
	background: url(../images/style/icon-pencil-hover.png) center center no-repeat #C7411C;
}
.action-listing.pencil.disabled,
.action-listing.pencil.disabled:hover {
	background: url(../images/style/icon-pencil-disabled.png) center center no-repeat #fff;
}

.action-listing.remove,
.action-listing.annuler {
	background: url(../images/style/icon-remove.png) center center no-repeat #fff;
}
.action-listing.remove:hover,
.action-listing.annuler:hover {
	background: url(../images/style/icon-remove-hover.png) center center no-repeat #C7411C;
}

.action-listing.remove.disabled,
.action-listing.remove.disabled:hover,
.action-listing.annuler.disabled,
.action-listing.annuler.disabled:hover {
	background: url(../images/style/icon-remove-disabled.png) center center no-repeat #fff;
}
			
.action-listing.detail {
	background: url(../images/style/icon-detail.png) center center no-repeat #fff;
}
.action-listing.detail:hover {
	background: url(../images/style/icon-detail-hover.png) center center no-repeat #C7411C;
}

.action-listing.valider {
	background: url(../images/style/icon-valider.png) center center no-repeat #fff;
}
.action-listing.valider:hover {
	background: url(../images/style/icon-valider-hover.png) center center no-repeat #C7411C;
}

.action-listing.valider.disabled,
.action-listing.valider.disabled:hover {
	background: url(../images/style/icon-valider-disabled.png) center center no-repeat #fff;
}

.action-listing.inscription {
	background: url(../images/style/icon-inscription.png) center center no-repeat #fff;
}
.action-listing.inscription:hover {
	background: url(../images/style/icon-inscription-hover.png) center center no-repeat #C7411C;
}

.action-listing.inscription.disabled,
.action-listing.inscription.disabled:hover {
	background: url(../images/style/icon-inscription-disabled.png) center center no-repeat #fff;
}

.action-listing.param {
	background: url(../images/style/icon-param.png) center center no-repeat #fff;
}
.action-listing.param:hover {
	background: url(../images/style/icon-param-hover.png) center center no-repeat #C7411C;
}

.action-listing.send {
	background: url(../images/style/icon-send.png) center center no-repeat #fff;
}
.action-listing.send:hover {
	background: url(../images/style/icon-send-hover.png) center center no-repeat #C7411C;
}

.action-listing.export {
	background: url(../images/style/icon-exporter.png) center center no-repeat #fff;
}
.action-listing.export:hover {
	background: url(../images/style/icon-exporter-hover.png) center center no-repeat #C7411C;
}

.action-listing.send.disabled,
.action-listing.send.disabled:hover {
	background: url(../images/style/icon-send-disabled.png) center center no-repeat #fff;
}

.listing-atelier { list-style:none; }
.listing-atelier li { display:flex; align-items:center; margin-bottom:5px; }
.listing-atelier li .bubble { display:inline-block; height:20px; width:20px; border-radius:25px; margin-right:10px; }
.listing-atelier li .bubble.statut-0 { background-color:orange; }
.listing-atelier li .bubble.statut-1 { background-color:green; }
.listing-atelier li .bubble.statut-2 { background-color:red; }