/* colors :
baseblue = rgb(124,178,232) OR #7CB2E8
higherblue = rgb(35,9,163) OR #2309A3
  */
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
 
 @keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
 
 @keyframes disappear {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
 @keyframes select {
  from {
    width: 0px;
  }
  to {
    width: 200px;
  }
}
 
 @keyframes deselect {
  from {
    width: 200px;
  }
  to {
    width: 0px;
  }
}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

body {
  background: #ffffff none repeat scroll 0 0;
  color: #575757;
  font-family: arial;
  font-size: 110%;
  line-height : 1.5em;
}
#container {
  margin: 0 auto;
  width: 60%;
}
.topBar {
  margin: 5px 0;
  position: relative;
  text-align: right;
}
.topBar > div {
  display: inline-block;
  position: relative;
}
form input.error {
  color: #f00;
  outline: 3px solid #f00;
}
form p.error {
  background: #f00 none repeat scroll 0 0;
  outline: 3px solid #f00;
}
.login form {
  border-radius: 5px;
  box-shadow: 5px 5px 0 #fff;
  color: #fff;
  font-size: 0.7em;
  margin-top: 5px;
  position: absolute;
  right: 0;
  width: 180px;
}
.login > span{
	cursor : pointer;
}
.login form.show {
  display : block;
}
.login form > * {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  width: 100%;
}
.login form > a {
  font-size: 0.8em;
}
.login.create form {
  display: block;
  margin: 0 auto;
  position: relative;
}
.topBar span {
	background: #00b9e1 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 0.9em;
	line-height: 1em;
	margin: 0;
	padding: 5px;
	text-align: center;

	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none; 
}
.topBar span > img {
  margin-left: 10px;
}
.topBar .langues span{
	width: 18px;
}
.topBar span.active {
  pointer-events: none;
  text-decoration: underline;
}
hr {
    margin: 1em 0 !important;
}
.abbr {
  border-bottom: 1px dotted;
  cursor: pointer;
}
button[disabled] {
  opacity: 0.4;
}
form {
  background: #00b9e1 none repeat scroll 0 0;
  border-radius: 3px 3px 0 0;
  padding: 1em;
}
*[ng-click], *[data-ng-click]{
	cursor : pointer;
}
.buttons {
  text-align: right;
}
button {
  background: #00b9e1 none repeat scroll 0 0;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  margin: 1px;
  padding: 0.3em;
  text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.1);
  -moz-user-select : none;
  -webkit-user-select : none;
}
button.selected {
  background: #fff none repeat scroll 0 0;
  color: #00b9e1;
  outline: 2px solid #00b9e1;
}
.content {
  margin: 0 auto;
  width: 80%;
}
.container.liste {
  margin: 0 auto;
}
a {
  color: inherit;
  text-decoration: inherit;
}
#question {
  background: #00b9e1 none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
}
#question .content {
  bottom: 50%;
  position: absolute;
  text-align: center;
  width: 100%;
}
#question .content button {
  float: none;
}
li a, p a {
  border-bottom: 1px dotted;
  text-decoration: none !important;
}
.recommandation li {
  margin-bottom: 1.5em;
}
h1 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 0;
}
h1.accueil {
  bottom: 10px;
  font-size: 4em;
  font-weight: normal;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 20px;
  text-align: center;
}
h1.accueil > img {
  width: 300px;
}
.item h1 {
  color: #00b9e1;
  text-align: center;
}
h2 {
  font-size: 1.0em;
  font-weight : normal;
}
h3 {
  font-size: 1em;
  font-weight: normal;
  margin: 0.8em 0 0.2em;
}
#menu {
  margin: 0 auto 2em;
  width: 80%;
}
#menu ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width : 100%;
  display : block;
}
#menu ul li {
  display: block;
  float: left;
  margin-right: 1%;
  width: 24.2%;
}
/* #menu ul li.selected {
  border-bottom: 6px solid;
} */
#menu ul li img {
  border-radius: 5px;
  display: block;
  width: 100%;
}
#menu > ul > li:last-of-type {
  margin: 0;
}
#menu span {
  display: block;
  padding: 0.2em 0 0;
  text-align: center;
  width: 100%;
}
div.type, .icones > img {
  background: #cecece none repeat scroll 0 0;
  display: block;
  float: left;
  font-size: 1.2em;
  height: 49px;
  line-height: 49px;
  margin-right: 5px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
  width: 49px;
  color : #fff;
}
div.type.PO, div.type.UP {
  background: none repeat scroll 0 0 #51ff51;
}
div.type.SP, div.type.OP {
  background: none repeat scroll 0 0 #ff5151;
}
div.type.IAM, div.type.DDI {
  background: #ff9525 none repeat scroll 0 0;
}
div.type.Autre, div.type.OTH {
  color: #7f7f7f;
}
div.item {
  position: relative;
  text-align: justify;
}
div.recommandation, div.remarques, div.rationnel, div.references, div.item h2, div.item .subcat, div.criterias {
  border-bottom: 1px solid #6f6f6f;
  padding: 0 0 1em;
}
div.item .contenu h2 {
  border: 0 none;
  margin-bottom: 0;
}
div.item .subcat {
  background: #00b9e1 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0 5px 0 0;
  color: #fff;
  margin-bottom: 0;
  padding: 0.5em 1em;
  text-align: right;
}
.contenu {
  border: 5px solid #00b9e1;
  border-radius: 0 0 7px 7px;
  padding: 10px;
}
div.recommandation > :last-child, 
div.remarques > :last-child, 
div.rationnel > :last-child, 
div.references > :last-child, 
div.item h2 > :last-child, 
div.item .subcat > :last-child{
	margin-bottom : 0;
}
div.item div.icones img, div.item div.icones div.type{
	display : block;
	width : 49px;
	margin-bottom : 5px;
}
div.item div.icones > img:last-of-type {
  margin-top: 25px;
}
.recommandations {
  position: relative;
  display : block;
  margin-bottom : 1em;
}

a.recommandations > h2, a.recommandations > h3 {
  border-bottom: 1px solid;
  margin: 0 0 1em;
  text-align: right;
}
a.recommandations > h2 {
  font-weight: bold;
  margin-top: 2em;
}
div.recoContent {
  box-sizing: border-box;
  min-height: 50px;
  padding-right: 35px;
}
.recommandations.selected .actions {
  transition : 400ms select;
}
.recommandations.hover.onHover .actions {
  display : block;
}
.recommandations .actions {
  border: 1px solid #00b9e1;
  border-radius: 5px;
  padding: 2px;
  position: absolute;
  right: 0;
  top: 0;
}
.actions.show{
	display : block;
}
.actions > img {
  display: block;
  margin-bottom: 2px;
  width: 25px;
}
.actions > img:last-child {
  margin-bottom : 0;
}

.recommandations.nonUtile {
  opacity: 0.3;
}
/* .recommandations h1 {
  min-height: 49px;
} */
.recommandations .recoContent > h2 {
  background: #00b9e1 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  padding: 9px;
  text-align: right;
}
.recommandations .recoContent > h3 {
  font-size: 0.7em;
  margin: 0 0 1em;
}
.abr, .title {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #dedede;
  font-size: 0.8em;
  padding: 0.2em;
  position: absolute;
  cursor : pointer;
}
.title{
	width : 400px;
}
.icones {
  position: absolute;
  right: 101%;
  width: 50px;
}

.references, .liens, .criterias , .dateModification{
  font-size: 0.8em;
}
.dateModification{
	text-align : right;
}
.liens a, .references a {
  color: #3a5cc8;
  text-decoration: underline;
}
div.item div.icones {
  height: 80px;
  margin-right: 10px;
  position: absolute;
  right: 100%;
  width: 48px;
}
.recommandations p:first-of-type {
  margin-top: 0;
}
.topFixed .recherchePanel {
  box-sizing: border-box;
  float: left;
  height: 50px;
  padding: 5px 50px 5px 5px;
  position: relative;
  width: 100%;
}
.topFixed .save {
  cursor: pointer;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 2;
}

.fullScreen {
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
}
.recherche form{
	display : block;
}
.resultatsPathos, .resultatsMeds {
  background: #fff none repeat scroll 0 0;
  box-sizing: border-box;
  color: inherit;
  left: 0;
  overflow: auto;
  padding-top: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.resultatsPathos .selectedPathos, .resultatsMeds .selectedMeds {
  display: block;
  height: auto;
  margin: 0;
  padding: 0 5px;
  pointer-events: none;
  position: relative;
}
.resultatsPathos .selectedPathos p, .resultatsMeds .selectedMeds p{
  background: #00b9e1 none repeat scroll 0 0;
  border: medium none;
  border-radius: 5px;
  color: #fff;
  display: inline;
  font-size: 0.7em;
  margin-right: 0.4em;
  padding: 5px;
  pointer-events: initial;
}
.selectedPathos p img, .selectedMeds p img {
  display: inline-block;
  height: 20px;
  position: relative;
  top: 5px;
}
.topFixed {
  background: none repeat scroll 0 0 #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index : 10;
}
.topFixed > p {
  box-sizing: border-box;
  padding: 0.1em !important;
  position: absolute;
  right: 0;
  text-align: center !important;
  width: 20%;
  height : 100%;
  line-height : 2em;
}

.topFixed .reset {
  border-right: 1px solid;
  height: 100%;
  right: 20%;
  vertical-align: middle;
  width: 10%;
}
.topFixed input {
  border-color: #aeaeae;
  border-radius: 15px 50px 50px 15px;
  border-style: solid;
  box-sizing: border-box;
  display: block;
  font-size: 1em;
  font-weight: normal;
  height: 100%;
  width: 100%;
}
.topFixed input::-moz-placeholder{
	color : #AAA;
}
.topFixed input::-webkit-input-placeholder,
.topFixed input::-ms-placeholder{
	color : #AAA;
}

img.delete, img.save {
  height: 95%;
  right: 50px;
  left : auto;
  position: absolute;
}
img.delete.disabled {
  opacity: 0.1;
}
.recherchePanel .delete {
  height: 50%;
  right: 60px;
  top: 12px;
}
img.save {
  left: auto;
  right: 0;
}
.medicamentsSelected, .pathologiesSelected {
  display: inline-block;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width: 49%;
}
button.recherche {
  display: block;
  font-size: 1em;
  margin: 1em auto 0.5em;
  padding: 0.3em 0;
  position: relative;
  width: 80%;
}
.resultatsPathos p, .resultatsMeds p {
  border-bottom: 1px solid;
  cursor: pointer;
  font-size: 1.2em;
  margin: 0;
  padding: 0.8em;
  text-align: center;
}
.resultats {
  height: 100%;
  overflow: scroll;
}
.resultatsPathos .resultats p, .resultatsMeds .resultats p {
  padding-left: 70px;
  position: relative;
  text-align: left;
}
.resultatsPathos .resultats p::before, .resultatsMeds .resultats p::before {
  background: #00b9e1 url("../img/icone-lu-unchecked.svg") no-repeat scroll 0 0 / cover ;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 60px;
}
.pathologiesSelected p, .medicamentsSelected p {
  background: #00b9e1 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 0.7em;
  margin: 0.1em;
  padding: 0.2em;
  position: relative;
}
.pathologiesSelected{
	border-right : 1px solid #00b9e1;
}
.pathologiesSelected p > img, .medicamentsSelected p > img {
  display: block;
  height: 16px;
  margin-left: 5px;
  position: absolute;
  top: 1px;
  right: 1px;
}
.medicamentsSelected .reponse {
  display: block;
  font-size: 0.8em;
  line-height: 1em;
}

.resultatsPathos .resultats p.selected:before, .resultatsMeds .resultats p.selected:before {
 background: #00b9e1 url("../img/icone-lu-checked.svg") no-repeat scroll 0 0 / cover ;
}
.aLire {
  font-size: 0.8em;
  margin-bottom: 3em;
  padding-bottom: 0;
  text-align: center;
}
.aLire::after {
  border-bottom: 1px solid #fff;
  content: "";
  display: block;
  margin: 0.6em auto 0;
  width: 40%;
}
div.recherche{
	border-bottom : 1px solid #00b9e1;
}
div.recherche .champRecherche {
  border: 1px solid #00b9e1;
  border-radius: 0 0 2px 2px;
  padding: 0 0.2em 0.2em;
}
.recherche {
  padding-bottom: 0.9em;
}
.recherche .reset {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  display: block;
  float: right;
  margin-top: 0;
  padding: 0;
}
.reset > img {
  max-width: 60px;
  width: 100%;
}

ul.accueil {
  display: block;
  list-style: outside none none;
  margin: -72px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50%;
}
ul.accueil li {
  box-sizing: border-box;
  display: block;
  float: left;
  margin-left: 2%;
  overflow: hidden;
  width: 22.6%;
}

ul.accueil li img {
  border-radius: 2px;
  display: block;
  width: 100%;
}
ul.accueil li span {
  display: block;
  text-align: center;
}
.container > h1 {
  background: #00b9e1 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 0.5em;
  padding: 0.5em;
  text-align: right;
}
.container > h1 > img {
  float: left;
  cursor : pointer;
}
.savedListe {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  box-sizing: border-box;
  left: 0;
  overflow: scroll;
  padding: 0 1em;
  position: fixed;
  right: 0;
  top: 0;
}
.savedListe > div {
  border-style: solid;
  border-width: 0 1px;
  margin: 0 auto;
  max-width: 500px;
  padding: 0.5em;
  width: 80%;
}
.savedListe > div.titlebar {
  background: #00b9e1 none repeat scroll 0 0;
  border-color: #000;
  color: #fff;
}
.savedListe > div.titlebar > *{
	display : inline;
}
.savedListe .content p {
  font-size: 12px;
  line-height: 1.45;
}
.content > h2 + div {
  margin-left: 2em;
}
img.icone {
  border-radius: 3px;
  margin-right: 0.5em;
  position: relative;
  top: 4px;
}
.content > button:first-of-type {
  float: right;
}
.savedListe .details {
  display: none;
}
.ajouter > * {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}
.savedSearch > h1 {
  font-size: 1em;
  font-weight: normal;
  padding-left: 5px;
  padding-right : 5px;
  text-align: left;
  margin : 0;
}
.savedSearch span.date {
  display: inline-block;
  width: 90px;
}
.savedListe .list > div {
  background: #eee none repeat scroll 0 0;
  display: block;
  font-size: 0.7em;
  margin: 0 1% 0.4em 0;
  padding: 0.4em 0;
  text-align: center;
}
.savedListe .list .action {
  float: right;
}
.savedListe .list > div button {
  float: right;
  font-size: 1em;
  position: relative;
  top: -1px;
}
.savedListe .list > div:nth-child(2n+1) {
  clear: left;
}
.disclaimer {
  border: 1px solid #aeaeae;
  margin-bottom: 1em;
  padding: 10px;
  text-align: right;
}

#message {
  background: none;
  bottom: 0;
  font-size: 0.8em;
  left: 0;
  position: fixed;
  right: 0;
  text-align: left;
  top: 0;
  z-index: 10;
}
#message a {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid #bebebe;
  display: block;
  font-size: 0.9em;
  padding: 2px;
  word-wrap: break-word;
}
#message .content {
  background: #fff none repeat scroll 0 0;
  border: 3px solid #00b9e1;
  border-radius: 14px;
  max-width: 500px;
  padding: 30px;
  position: relative;
  top: 20%;
  width: 70%;
}
#message .content .close {
  border: 0 none;
  border-radius: 0 0 10px;
  bottom: 0;
  margin: 0;
  position: absolute;
  right: 0;
}

.content > .actions {
  bottom: 0;
  font-size: 1em;
  left: 0;
  position: fixed;
  width: 100%;
  background: #fff none repeat scroll 0 0;
  border-color: #000;
  border-image: none;
  border-radius: 5px 5px 0 0;
  border-style: solid;
  border-width: 1px 1px 0;
  box-sizing: border-box;
  padding: 5px;
}
.content > .actions.open{
	animation : 2000ms appear;
}
.content > .actions > .container{
  width: 48%;
  position : relative;
  margin : 0 auto;
}
.content > .actions > .container > button {
  display: block;
  width: 100%;
}
#version {
  color: #00b9e1;
  font-size: 0.8em;
  left: 10px;
  opacity: 0.4;
  pointer-events: none;
  position: absolute;
  top: 0;
}
@media (max-width : 1080px){
	.topFixed > p {
	  line-height: 1;
	}
	#container {
	  margin: 0 auto;
	  width: 100%;
	}
}
@media (max-width : 830px){
	ul.accueil li span {
	  font-size: 0.9em;
	}
}
@media (max-width : 600px){
	h1 {
	  font-size: 0.9em;
	  font-weight: normal;
	  margin: 0;
	}
	

	ul.accueil {
	  padding: 10px;
	  width: auto;
	}
	h1.accueil {
	  font-size: 2em;
	  right: 20px;
	  left: 20px;
	}
	h1.accueil > img {
	  width: 100%;
	}	
	ul.accueil li span {
	  display: block;
	  font-size: 0.7em;
	  text-align: center;
	  letter-spacing : -1px;
	}
	
	.icones, div.item div.icones {
	  display: block;
	  position: relative;
	  right : 0;
	  width : auto;
	  float : left;
	}
	.recommandations .actions {
	  display: block;
	}
	button{
		font-size : 14px;
	}
	.reset > img {
		max-width: 39px;
		width: 100%;
	}
	div.item div.icones{
		float : none;
	}
	.icones > div, .icones > img, div.item div.icones img, div.item div.icones div.type {
	  display: inline-block;
	  float: none;
	  vertical-align : top;
	}
	div.item div.icones > img:last-of-type {
	  margin-left: 15px;
	  margin-top: 0;
	}
	.topFixed > p {
	  line-height: 2.5em;
	}
	.savedListe > div {
	  border-style: solid;
	  border-width: 0;
	  margin: 0 auto;
	  padding: 0.5em;
	  width: auto;
	}
	.resultatsPathos, .resultatsMeds {
		position : absolute;
	}
	.resultatsPathos p, .resultatsMeds p {
	  font-size: 0.8em;
	}
	.resultatsPathos .resultats p, .resultatsMeds .resultats p {
	  padding-left: 50px;
	}
	#menu, .content{
		width : 100%;
	}
	#menu span {
	  display: block;
	  font-size: 0.6em;
	  padding: 0.2em 0 0;
	  text-align: center;
	  width: 100%;
	}
	.recommandations {
	  margin-bottom : 0.7em;
	}
	div.item div.icones img, div.item div.icones div.type, div.type, .icones > img {
	  display: block;
	  float: left;
	  font-size: 0.45em;
	  height: 20px;
	  line-height: 20px;
	  margin: 0 4px 0 0;
	  width: 20px;
	}
	.recommandations h1 {
	  min-height: 20px;
	}
	div.item div.icones {
		height : auto;
	}
	div.item div.icones img, div.item div.icones div.type {
	  font-size: 0.8em;
	  height: 30px;
	  line-height: 2.1em;
	  width: 30px;
	}
	.topFixed > p {
	  line-height: 1.1;
	}
	.topFixed input{
		font-size : 0.6em;
	}
	.resultatsPathos .resultats p.selected::before, .resultatsMeds .resultats p.selected::before {
	  background-size: contain;
	  height: 100%;
	  width: 40px;
	}
	.resultatsPathos .resultats p::before, .resultatsMeds .resultats p::before {
	  background-size: contain;
	  height: 100%;
	  width: 40px;
	}
	.content > .actions > .container {
	  margin: 0 auto;
	  position: relative;
	  width: 100%;
	}
	.content > .actions button {
	  font-size: 1em;
	}
	.buttons button {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.abr, .title {
	  position : fixed !important;
	  left : 0 !important;
	  right : 0 !important;
	  top : 40% !important;
	  text-align : center;
	  background : #00b9e1;
	  padding : 1em 0;
	  color : #FFF;
	  box-shadow : 0 0 20px rgba(0,0,0,0.8);
	}
}

@media print{
	body{
		font-size : 12px !important;
	}
	.abr, .title {
		display : none !important;
	}
	#menu {
		display : none;
	}
	
	#container {
	  margin: 0 auto;
	  width: 100% !important;
	}
	.container > h1 {
		background: none;
		font-size: 2em;
		color: inherit;
	}
	div.recherche .champRecherche{
		border : none;
	}
	.content {
	  margin: 0 auto;
	  width: 100%;
	}
	div.item .subcat,
	.recommandations > h2{
	  border-bottom : 1px solid #AAA;
	}
	.icones {
	  float: left;
	  right: auto;
	}
	div.type:after{
		content : "-";
	}
	div.type, .icones > img{
		background : none;
		height : auto;
		line-height : 1;
		font-size : 1em;
	}
	a.recommandations {
		display: block;
		min-height: 24px;
	}
	.recommandations {
	  margin-bottom: 0em;
	}
	.recommandations h1 {
	  min-height: 0;
	  margin-left : 50px;
	}
	form,
	button.recherche,
	.savedListe 	{
	  display : none;
	}
	.pathologiesSelected p > img, .medicamentsSelected p > img {
	  display: none;
	}
	a[href]:after {
		content: none !important;
	  }
	
	.recherche form {
		display: none;
	}
	.pathologiesSelected p, .medicamentsSelected p {
		color: inherit;
		font-size: 1em;
		background : none;
	}
	.pathologiesSelected p:not(:last-child):after, .medicamentsSelected p:not(:last-child):after {
		content: "-";
	}
	
	
	div.type.SP, div.type.OP{
	  background: none repeat scroll 0 0 #ff5151 !important;
	}
	div.type.PO, div.type.UP{
	  background: #51ff51 none repeat scroll 0 0 !important;
	}
	div.type.IAM, div.type.DDI{
	  background: #ff9525 none repeat scroll 0 0 !important;
	}
	div.type.Autre, div.type.OTH{
	  color: #7f7f7f !important;
	}

}