/* CSS Document */
@import url('muli.css');
* {
	font-family: 'Muli', sans-serif;	
	/*margin:0;
	padding:0;*/
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;	
}

#menu {
	width: 180px;
	background-image: url(images/fond_menu_enjoysurgery.jpg);
	background-size: auto 100%;
	background-position-x: center;
	background-color: #fff;
}

#etiquette_m_repertoire, #etiquette_m_comptes_rendus, #etiquette_m_recherches, #etiquette_m_parametres {
	display: block;
	width: 180px;
	height: 62px;	
	color: #fff;
	font-size: 150%;
	padding-top: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	transition: 0.5s all;
}

.menu_titre {
	width: 180px;
	margin-top: 10px;
}

#etiquette_m_repertoire:hover, #etiquette_m_comptes_rendus:hover, #etiquette_m_recherches:hover, #etiquette_m_parametres:hover {
	text-decoration: none;	
}

#fleche_m_repertoire, #fleche_m_comptes_rendus, #fleche_m_recherches, #fleche_m_parametres {
	color: #fff;	
}

#etiquette_m_repertoire {
	background-color: #244952; /* bleu petrole */
}

#etiquette_m_repertoire:hover {
	background-color: #153138; /* bleu petrole plus fonce */
}

#etiquette_m_comptes_rendus {
	background-color: #240038;  /* violet tres fonce */
	font-size: 125%;
}

#etiquette_m_comptes_rendus:hover {
	background-color: #0b0011; 
}

#etiquette_m_recherches {
	background-color: #c0003f; /* rouge-rose */
}

#etiquette_m_recherches:hover {
	background-color: #90002f; /* rouge-rose plus fonce */
}

#etiquette_m_parametres {
	background-color: #e4491e; /* orange */
}

#etiquette_m_parametres:hover {
	background-color: #bb350f; /* orange plus fonce */
}

#menu ul {
	padding-top: 20px;	
	padding-bottom: 20px;	
	background-color: rgba(255,255,255,0.6);	
}
#menu li {
    background-image: none;	
	color: #2f2f2f; /* gris tres fonce */
	padding-left: 20px;
}

#menu li a {
    font-weight: bold;	
}

.quicksearch {
	border: 0px solid transparent; /* gris tres fonce */
	border-bottom: 1px solid #2f2f2f; /* gris tres fonce */
	background-color: transparent;
	margin-left: 5px;
	margin-right: 5px;
}

#menu li .fa-search {
	cursor: pointer;	
}

.menu_fleches {
    right: 15px;
	top: 24px;
    font-size: 18px;
	font-weight: bold;
}


#principal {
	background-color: #fff;
	color: #2f2f2f;
    padding-left: 30px;
	padding-top: 20px;
	
}	

fieldset {
	border: none;
	padding-left: 0;
}

#principal legend {
	font-size: 24px;	
	font-family: 'Muli', sans-serif;	
	text-transform: uppercase;	
	border-bottom: 1px solid #ddd;
	width: 100%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 0;
	color: #e4491e;
}

#principal legend.repertoire,
#principal.fond_examen .contour_onglet legend {
    color: #244952;
}

#principal legend.recherche {
	color: #c0003f; /* rouge-rose */
}

#principal legend.compte_rendu {
	color: #240038;  /* violet tres fonce */
}

/* cas particulier page patients_cherche.php */
#principal.fond_patient, #principal.fond_examen, #principal.fond_suivi {
	background-image: url(images/fond_enjoysurgery.png);
}

/* Boutons */

.fond_form_recherche input[type="submit"], .fond_examen input[type="submit"], .fond_patient input[type="submit"] {
	padding-left: 20px;
	padding-right: 20px;
}

.fond_examen input[type="submit"], .fond_patient input[type="submit"],
.fond_examen input[type="button"], .fond_patient input[type="button"],
.fond_examen input[type="reset"], .fond_patient input[type="reset"],
#principal.fond_examen .bouton, #principal.fond_patient .bouton {
	background-color: #244952; /* bleu petrole */
	color: #fff;
}
.fond_examen [type="submit"]:hover, .fond_patient [type="submit"]:hover,
.fond_examen [type="button"]:hover, .fond_patient [type="button"]:hover,
.fond_examen input[type="reset"]:hover, .fond_patient input[type="reset"]:hover,
.fond_examen .bouton:hover, .fond_patient .bouton:hover  {
	background-color: #153138; /* bleu petrole plus fonce */
}

#principal.fond_examen a.bouton {
    color: #fff;
}

.fond_form_recherche input[type="submit"],
.fond_form_recherche input[type="button"],
.fond_form_recherche input[type="reset"],
.fond_form_recherche .bouton {
	background-color: #c0003f; /* rouge-rose */
	color: #fff;
}

#principal.fond_form_recherche a.bouton {
    color: #fff;
}

.fond_form_recherche input[type="submit"]:hover,
.fond_form_recherche input[type="button"]:hover,
.fond_form_recherche input[type="reset"]:hover {
	background-color: #90002f; /* rouge-rose plus fonce */
}

.fond_compte_rendu_envois input[type="submit"],
.fond_compte_rendu_envois input[type="button"],
.fond_compte_rendu_envois input[type="reset"],
.fond_compte_rendu_envois .bouton {
	background-color: #240038;  /* violet tres fonce */
	color: #fff;
}

.fond_compte_rendu_envois input[type="submit"]:hover,
.fond_compte_rendu_envois input[type="button"]:hover,
.fond_compte_rendu_envois input[type="reset"]:hover,
.fond_compte_rendu_envois .bouton:hover {
	background-color: #0b0011;  /* violet encore plus fonce */
}

.fond_parametres input[type="submit"], .fond_parametres input[type="button"],
.fond_parametres .bouton, #principal.fond_parametres a.bouton {
	background-color: #e4491e; /* orange */
	color: #fff;
}
.fond_parametres input[type="submit"]:hover, .fond_parametres input[type="button"]:hover {
	background-color: #bb350f; /* orange plus fonce */
}
/* .fond_patient, .fond_examen, .fond_suivi, .fond_traitement, .fond_form_recherche, .fond_parametres {*/

/* En-etes de tableaux*/

th.fond_repertoire, th.fond_recherche, th.fond_parametres {
	background-image: none;
	color: #fff;
}

th.fond_repertoire {
	background-color: #244952; /* bleu petrole */
}

th.fond_recherche {	
	background-color: #c0003f; /* rouge-rose */
}

th.fond_compte_rendu_envois {
	background-color: #240038;  /* violet tres fonce */
	color: #fff;
}

th.fond_parametres {
	background-color: #e4491e; /* orange */
}

.etiquette {
	background-image: none;
	display: inline-block;
	padding: 5px 15px;
	height: auto;
	
}
#principal .etiquette a {
	color: #fff;
}
#principal .etiquette a:hover {
	text-decoration: none;
}

#principal.fond_examen p.etiquette a, .fond_patient .etiquette, .fond_examen .etiquette, .fond_repertoire .etiquette {
	background-color: #244952; /* bleu petrole */
}
.fond_recherche .etiquette {
	background-color: #c0003f; /* rouge-rose */
}
.fond_parametres .etiquette {
	background-color: #e4491e; /* orange */
}

.fond_compte_rendu_envois .etiquette {
	background-color: #240038;  /* violet tres fonce */
	color: #fff;
}

#acces_pages_inner input[type="submit"], #acces_pages_inner input[type="button"] {
	background-color: #c0003f; /* rouge-rose */
	color: #fff;
}


/* id du propriétaire, de l'animal en haut a droite fichie animal, examen */
.fiche_id {
	background-color: rgba(36,73,82, 0.6); /* bleu petrole #244952 */
	border: 1px solid #244952;
	border-top: 0px solid transparent;
	opacity: 1;
	color: #fff;
	padding: 5px 10px;
	box-shadow: 0px 0px 0px transparent;
}

.fiche_id a {
	color: #fff;
	font-weight: bold;
}

/* onglets examen clinique */

.onglet {
	background-color: #ddd; /* gris */
}

[id^=bout] {
    border: 1px solid #ccc;	
	border-bottom: 0px solid transparent;
}

.onglet.active {
    background-color: #ccc;
}

/* popups */

.popup legend {
	font-size: 20px;	
	font-family: 'Muli', sans-serif;	
	border-bottom: 1px solid #ddd;
	width: 100%;	
	padding-bottom: 10px;
	margin-bottom: 10px;	
}

.popup input[type="button"]:hover, .popup input[type="submit"]:hover, .popup .bouton:hover {
    background-color: #ccc;
    text-decoration: none;
}

.popup input[type="button"], .popup input[type="submit"], .popup input[type="reset"], .popup .bouton {
    background-color: #ddd;
    border: 0px solid transparent;    
}
.popup .tableau th {
	background-color: #ccc;
}


/* Messages */

.message.info {
	border-left-color: #240038; /* bleu violet */
}

.message.warning {
	border-left-color: #e4491e;  /* orange */
}

.message.erreur {
	border-left-color: #c0003f; /* rouge rose */
}