/*FORMULAIRES*/
.formulaireDiv{
	margin: 30px 0;
	float: left;
	width : 100%;
}
.formulaireForm{
	border-top : solid 1px #e1e2e4; 
	border-bottom : solid 1px #e1e2e4; 
    padding: 30px 0;
	float: left;
}

.form_ligne {
    float: left;
    padding: 6px 0;
    width: 100%;
}

.form_ligne label {
    color: #333f48;
    display: inline;
    float: left;
    font-size: 16px;
    height: 40px;
    line-height: 1.4em;
    width: 20%;
}


.form_ligne .champ {
    display: inline;
    float: left;
    height-min: 40px;
    width: 80%;
}

.form_ligne .champ input , .form_ligne .champ select{
	height : 40px;
	border : solid 1px #e1e2e4;
	font-size: 14px;
	padding: 0 2%;
    width: 96%;
}
.form_ligne .champ input {
	height : 36px;
}
.form_ligne .champText{
    display: table;
    height: 203px;
    width: 80%;
}

.form_ligne .champText textarea {
	height : 203px;
	padding: 1% 2%;
    width: 96%;
	border : solid 1px #e1e2e4;
	font-size: 14px;
}

.form_ligne .champ input[type=radio]{
	display: block;
	float: left; 
	width : 20px;
	height: 20px;
}
.form_btn{
	text-align: right;
}
/*.formulaireForm .error {
	color: #b01e01 !important;
}*/
.formulaireForm input.error, .formulaireForm div.error, .formulaireForm textarea.error {
	border: 1px solid #b01e01;
}
.infoMandatory{
	color : #b01e01;
	line-height:20px; 
	margin-left:20%;
	font-size:14px;
}

.styled-select {
    position: relative;
}

.styled-select:before {
    content: '﹀';
    color: #000;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 15px;
    pointer-events: none;
	font-weight: bold;
}

.ie9 .styled-select:before {
    right: 12px;
    top: 1px;
    background: #fff;
    height: 24px;
    width: 28px;
    padding: 14px 0 0 0;
}


.form_ligne .champ select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 1% 2%;
    background: #fff;
    color: #000;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e1e2e4;
    height: 40px;

}
/*select::-ms-expand {
    display: none;
}*/
.form_ligne .champ select::-ms-expand {
    display: none;
}
.formulaireDiv .suggestionsBox {
    background-color: white;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    overflow: auto;
    position: absolute;
    text-align: left;
    width: 600px;
    z-index: 10;
}
.formulaireDiv .suggestionList {
    margin: 0;
    padding: 0;
}
.formulaireDiv .suggestionList ul {
    list-style: none outside none;
    margin: 0;
    padding-left: 0;
}
.formulaireDiv .suggestionList li {
    cursor: pointer;
    font-size: 14px;
    line-height: 25px;
    padding-left: 10px;
    padding-right: 10px;
}
.formulaireDiv .listripped {
    background-color: #ECEBEB;
}
.formulaireDiv .suggestionList li:hover {
    background-color: #323e48;
    color: white;
}
.formulaireDiv .info_perso{
	border-top:solid 1px #e1e2e4;
	float:left;
	margin-top:20px;
	padding-top:20px;
	width: 100%;
}
/*CHECKBOX*/
/* Cachons la case à cocher */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
 
/* on prépare le label */
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + div,
[type="checkbox"]:checked + div {
  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é */
}
/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + div:before,
[type="checkbox"]:checked + div:before {
  content: '';
  position: absolute;
  left:1px; top: 1px;
  width: 15px; height: 15px; /* dim. de la case */
  border: 1px solid #e1e2e4;
  background: #fff;
 /* box-shadow: inset 0 1px 3px rgba(0,0,0,.3) /* légère ombre interne */
}
 
/* Aspect général de la coche */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + div:after,
[type="checkbox"]:checked + div:after {
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  color: #000;
  transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
[type="checkbox"]:not(:checked) + label:after ,
[type="checkbox"]:not(:checked) + div:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
[type="checkbox"]:checked + label:after ,
[type="checkbox"]:checked + div:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}
/* aspect désactivée */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before,
[type="checkbox"]:disabled:not(:checked) + div:before,
[type="checkbox"]:disabled:checked + div:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
/* styles de la coche (si cochée/désactivée) */
[type="checkbox"]:disabled:checked + label:after,
[type="checkbox"]:disabled:checked + div:after {
  color: #999;
}
/* on style aussi le label quand désactivé */
[type="checkbox"]:disabled + label,
[type="checkbox"]:disabled + div {
  color: #aaa;
}
 
/* aspect au focus de l'élément */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before,
[type="checkbox"]:checked:focus + div:before,
[type="checkbox"]:not(:checked):focus + div:before {
  /*border: 1px dotted blue;*/
}

.form_ligne_case_intro{
	float:left;
	width:20%
}
.form_ligne_case{
    float: left;
    padding: 6px 0;
    width: 100%;
}
.form_ligne_case label {
    width: 100%;
	font-size : 16px;
}
/*.form_ligne .champBox{
	margin-left:20%;
}*/


/* MENU MES SERVICES - Bloc application */
nav.applications #bloc_applications {    
overflow: hidden;
width: 100%;
position: relative;
border-top: 1px solid #e1e2e4;
}
nav.applications #applications {
display: block;	
float: left;
height: 111px;
margin-left: -35px;
padding-left: 0;
position: relative;
left: 50px;
margin-top: -8px;
}

nav.applications #applications li {
display: block;
float: left;
cursor: pointer;
margin: 0 0 10px 4px;
padding-right:4px;
border-left:solid 1px #e1e2e4;
}  
nav.applications #appli-right {
right: 0px;
}
nav.applications #appli-left, nav.applications #appli-right {
margin-top: 8px;
position: absolute;
z-index: 300;
cursor: pointer;
background: #fff none repeat scroll 0 0;
width: 60px;
}

/*TABLEAU dans HISTORIQUE*/

#ref_table{
	font-size: 14px;

}
#ref_table th {
    padding-right: 15px;
}
#ref_table th {
    background: #f5f5f6 none repeat scroll 0 0;
    border-color: #e1e2e4;
    border-style: solid;
    border-width: 1px;
    color: #333f48;
    font-weight: normal;
    text-decoration: none;
}
#ref_table tr {
	border: solid 1px #e1e2e4;
	height: 40px;
}
#ref_table tr.blanc{
	background: #fff;
}
#ref_table tr.gris{
	background: #f5f5f6;
}

#ref_table td {
    border-left: 1px solid #e1e2e4;
    border-right: 1px solid #e1e2e4;
    color: #333f48;
   /* padding-left: 8px;*/
	text-align: left;
}
#ref_table th.sorting_asc {
	background: #f5f5f6 url('/Hartmann/themes/html/Hartmann/theme2015/images/sort_asc.png') no-repeat center right;
}

#ref_table th.sorting_desc {
	background: #f5f5f6 url('/Hartmann/themes/html/Hartmann/theme2015/images/sort_desc.png') no-repeat center right;
}

#ref_table th.sorting {
	background: #f5f5f6 url('/Hartmann/themes/html/Hartmann/theme2015/images/sort_both.png') no-repeat center right;
}

#ref_table th.sorting_asc_disabled {
	background: #f5f5f6 url('/Hartmann/themes/html/Hartmann/theme2015/images/sort_asc_disabled.png') no-repeat center right;
}

#ref_table th.sorting_desc_disabled {
	background: #f5f5f6 url('/Hartmann/themes/html/Hartmann/theme2015/images/sort_desc_disabled.png') no-repeat center right;
}
 
#ref_table table.display thead th:active,
#ref_table table.display thead td:active {
	outline: none;
}
#ref_table img.img_pdf, #ref_table img.img_BL{
	cursor: pointer;
}
#ref_table select, #ref_table input{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e1e2e4;
    box-sizing: border-box;
    color: #000;
    height: 40px;
    padding: 10px 20px;
    width: auto;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
section.tableHistorique select::-ms-expand {
    display: none;
}
section.tableHistorique .form_ligne label {
	width:40%;
}
section.tableHistorique .form_ligne .champ {
     width: 60%;
}
section.tableHistorique #actuDate::before{
	content:url('/Hartmann/themes/html/Hartmann/theme2015/images/actualiser.png');
	margin-right: 6px;
}

@media only screen and (max-width: 890px) {

		/* Tableaux historique --*/
	section.tableHistorique .form_ligne label {
		width:100%;
	}
	section.tableHistorique .form_ligne .champ {
		 width: 100%;
	}
}
@media only screen and (max-width: 450px) {

section.tableHistorique #actuDate{
    width: 100%;
    display: block;
    text-align: center;
	padding: 10px 0;
}
}

section.tableHistorique .datepicker{
	border: 1px solid #e1e2e4;
    font-size: 14px;
    height: 36px;
    margin: 0 6px 0 0;
    padding: 0 2%;
    width: 70px;
}
section.tableHistorique a{
	color:#009AE2;
}
.afficherPar{
	float:left;
	line-height:40px;
	font-size :16px;
	color : #333f48;
}
.histo_options{
margin: 20px 0;
}

section.tableHistorique .entete_cde ul{
list-style:none;
padding: 0
}

section.tableHistorique a.histo_return {
    color: #009ae2;
    display: block;
    margin: 40px 0;
} 

section.tableHistorique .histo_table{
	width:100%;
}

section.tableHistorique #onglets ul li, section.details-produits #onglets ul li{	
	display: inline;
    float: left;
    font-family: "Frutiger Next LT W06 Medium";
    font-size: 16px;
    list-style-type: none;
    margin: 0 4px 0 0;
    padding: 10px;
	background : #e1e2e4;
	border: 1px solid #cacbcd;
	color: #009bdf; 
}


section.tableHistorique #onglets ul li.active, section.details-produits #onglets ul li.active{
    background: #ffffff none repeat scroll 0 0;
    border-color: #cacbcd #cacbcd #fff;
    border-style: solid;
    border-width: 1px;
	color : #333f48;
}


section.tableHistorique #onglets, section.details-produits #onglets{
    border-bottom: 1px solid #cacbcd;
    clear: both;
    display: block;
    height: 41px;
    width: 100%;
}

section.tableHistorique #onglets ul li:hover, section.details-produits #onglets ul li:hover{
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #cacbcd;
    border-right: 1px solid #cacbcd;
    border-top: 1px solid #cacbcd;
	border-bottom: 1px solid #fff;
    cursor: pointer;

}
section.tableHistorique #menu_logistique{
	text-align : center;
	position : relative; 
	width : 100%;
	z-index: 1;
	font-family: "Frutiger Next LT W06 Medium";
}

section.tableHistorique #menu_logistique a {
    background: #e1e2e4 none repeat scroll 0 0;
    border: 1px solid #cacbcd;
    display: block;
    float: left;
    margin: 5px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 44%;
}
section.tableHistorique #menu_logistique span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cacbcd;
    color: #333f48;
    display: block;
    float: left;
    margin: 5px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    width: 44%;
}


section.tableHistorique #menu_logistique a:hover {
	background : #fff;
}
section.tableHistorique .descriptif{
clear: both; 
font-size: 16px;
padding: 8px 0;
clear:none;
}

@media only screen and (max-width: 670px) {
	section.tableHistorique #onglets, section.details-produits #onglets {
		border-bottom: none;
	    height: auto;
	}
	section.tableHistorique #onglets ul li, section.details-produits #onglets ul li {
		display: block;
		float: none;
	}
	section.tableHistorique menu, section.tableHistorique  ol, section.tableHistorique  ul {
    padding: 0 0 0 4%;
	}

	section.tableHistorique #onglets ul li:hover, section.details-produits #onglets ul li:hover,
	section.tableHistorique #onglets ul li.active, section.details-produits #onglets ul li.active{
		border-bottom: 1px solid #cacbcd;
		}
		
	section.tableHistorique #onglets a{
		width:100%;
	}	
		
	section.tableHistorique #menu_logistique a {
		background: #e1e2e4 none repeat scroll 0 0;
		border: 1px solid #cacbcd;
		display: block;
		float: left;
		margin: 0 0 4% 0;
		padding: 2% 0 2% 0;
		text-align: center;
		text-decoration: none;
		width: 44%;
	}	
	section.tableHistorique #menu_logistique span {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #cacbcd;
		color: #333f48;
		display: block;
		float: left;
		margin: 0;
		padding: 2% 0 2% 0;
		text-align: center;
		text-decoration: none;
		width: 44%;
	}	
	section.tableHistorique #menu_logistique #log1{
		margin-right: 8%;
	}
}
@media only screen and (max-width: 360px) {
	section.tableHistorique #menu_logistique{
		font-size:14px;
	}
	
}


/*POPIN NOUS CONTACTER*/

section.nous_contacter iframe {
  width: 350px;
  height: 500px;
  overflow-y: hidden;
}
section.nous_contacter {
    float: left;
    margin: 20px;
    width: 310px;
}

section.nous_contacter .phLogo{
	text-align:center;
	
}

section.nous_contacter .contact_titre{
	border-bottom: 1px solid #cacbcd;
    color: #333f48;
    font-size: 20px;
	padding: 0 0 5px;
}
section.nous_contacter .btn_tel{
    display: block;
    float: left;
    width: 100%%;
	margin: 10px 0;
 }
 section.nous_contacter .btn_msg{
    float: left;
    margin: 7px 0;
    width: 100%;
}
section.nous_contacter .btn{
	width : 278px;
	margin: 0;
}
section.nous_contacter .obligatoire{
	font-size: 12px;
	display:block;
	float:right;
}

section.nous_contacter .block_contact, section.nous_contacter .block_contact{
	display:block; 
	float:left;

}

section.nous_contacter .form_ligne input{
    border: 1px solid #cacbcd;
    height: 38px;
    padding: 0 15px;
    width: 278px;
}

 
section.nous_contacter .valider_btn{
	float:right;
}



/*section.nous_contacter .valider_btn .button{
	width:52px;
}*/
/* DIAPORAMA - CAS CLINIQUES */
/*section.contenu-diaporama .Diaporama{
	display : block;
	float : left;
	width: 100%;	
	border: 1px solid #cacbcd;
	height: 540px;
}*/
section.contenu-diaporama .Diaporama {
    border: 1px solid #cacbcd;
    display: block;
    float: left;
    width: 100%;
}
section.contenu-diaporama .navigation-container{
	display : block;
	float : left;
	width: 500px;
	margin-left:20px;
}
section.contenu-diaporama .slideshow-container{
	display : block;
	float : left;
}
/*section.contenu-diaporama .caption-container{
	display : block;
	float : right; 
    margin: 20px;
    width: 330px;
	
}*/
section.contenu-diaporama .caption-container {
    display: block;
    float: left;
    margin: 20px;
    width: 330px;
}
section.contenu-diaporama .navigation-container .thumbs li{
    display: inline;
    float: left;
    list-style: none;
    margin: 0 10px;
}
section.contenu-diaporama .navigation-container .thumbs li img{
	height : 60px;
	width: auto;
	border: 1px solid #cacbcd;
} 

/*section.contenu-diaporama .controls{
	display : block; 
	float: right;
	margin: 35px 0;
    width: 330px;
}*/
section.contenu-diaporama .controls {
    display: block;
    float: left;
    margin: 35px 30px;
    width: 330px;
}
section.contenu-diaporama .nav-controls{
	display : none;
}

/*section.contenu-diaporama div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 423px;
	margin-left: 20px;
}*/
section.contenu-diaporama div.slideshow-container {
    clear: both;
    float: left;
    height: 423px;
    margin-left: 20px;
    position: relative;
    width: 500px;
}
section.contenu-diaporama div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('/Hartmann/themes/html/Hartmann/theme2015/images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
section.contenu-diaporama div.slideshowDiapo span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
section.contenu-diaporama .photo-index{
	display: none;
}

section.contenu-diaporama .image-title{
	font-size : 36px;
	color : #323e48;
}

section.contenu-diaporama .image-desc{
	font-size: 18px;
	color : #797f84;
}
section.contenu-diaporama .pageLink{
	font-size : 36px;
	color : #69757f;
	text-decoration : none;
	 display: block;
    float: left;
}
section.contenu-diaporama .prev{
	 margin: 30px 0 0 20px;
}
section.contenu-diaporama .next{
	 margin: 10px 0 0 20px;
}
/*section.contenu-diaporama .caption{
	position : absolute;
	width: 330px;
}*/
section.contenu-diaporama .caption {
    width: 330px;
}

/*section.contenu-diaporama #thumbs{
    position: absolute;
    width: 500px;
}*/
section.contenu-diaporama #thumbs {
    position: relative;
    width: 500px;
}

section.contenu-diaporama .ss-controls a{
	color : #000;
}
section.contenu-diaporama .ss-controls .play::before{
	/*content: ▶;*/
	content: "\25B6  ";
}
section.contenu-diaporama .ss-controls .pause::before{
	content: "\2225  ";
}


/* PAGE MES CONTACTS */
section.mes_contacts #menu_contact a{
	text-decoration: none;
}
section.mes_contacts .btn{
	background : #fff;
	margin : 7px 10px;
	padding : 25px 0px 25px 80px;
	font-size : 16px;
	text-decoration : none;
	display : block;
}
section.mes_contacts .btn_contact {
	background : url('/Hartmann/themes/html/Hartmann/theme2015/images/enveloppe.png') no-repeat 10px center #fff;	
	padding : 8px 50px;
	display: block;
	color : #333f48;
	opacity: 0.75;
}
section.mes_contacts .btn_tel {
	background : url('/Hartmann/themes/html/Hartmann/theme2015/images/tel.png') no-repeat 10px center #fff;	
	padding : 8px 50px;
	color : #333f48;
	opacity: 0.75;
}
section.mes_contacts .btn_plan, section.mes_contacts .btn_ouvrant {
	/*background: url('/Hartmann/themes/html/Hartmann/theme2015/images/accordion_down.png') no-repeat right center white;*/
	padding: 0 1px 0 30px;
	border-top: 1px solid #e1e2e4;
}
section.mes_contacts .btn_plan a, section.mes_contacts .btn_ouvrant a{
	display: block;
	color: #009bdf;
	text-decoration: none;
	padding : 20px 0px 20px 0;
	font-size:22px;
}

section.mes_contacts .bloc_contact{
	float:left;
	width: 100%;
}
section.mes_contacts .titre_contact{
	display: block;
	float : left;
	margin: 40px 0 10px;
}
section.mes_contacts .ecrire{
	float:left;
	width:270px;
}
section.mes_contacts .coordonnees{
	float:left;
	width:50%;
	margin-right:40px;
	margin-left: 30px;
}
section.mes_contacts .adresse{
	background: url('/Hartmann/themes/html/Hartmann/theme2015/images/localiser.png')no-repeat 10px 2px #fff;
	padding-left:50px;
}
section.mes_contacts .up_adresse{
	background: url('/Hartmann/themes/html/Hartmann/theme2015/images/accordion_up.png') no-repeat right center white;
}
section.mes_contacts .down_adresse{
	background: url('/Hartmann/themes/html/Hartmann/theme2015/images/accordion_down.png') no-repeat right center white;
	float: right;
    width: 18px;
}
/*CATALOGUE*/

section.details-produits .produit_image_big img{
	height: 277px;
	width : 312px;
}
section.details-produits  .produit_images_small img {
    border: 1px solid #cacbcd;
    height: auto;
    width: 80px;
	margin : 0 36px 0 0;
	margin-top: 15px;
}
section.details-produits  .produit_images_small img:hover {
	border: solid 1px #009bdf;
}
section.details-produits .bloc_images{
	float: left;
	margin-top: 50px;
}
section.details-produits .bloc_description{
	float: left;
	width: 57%;
	margin-top: 42px;
	padding-left: 3%;
}

section.details-produits .bloc_onglet{
	clear : both;
}
section.details-produits .decli_texte{
	float : left;
	width: 750px;
}
section.details-produits .decli_img{
	float : right;
}
section.details-produits  .liste_declinaison{
	border-bottom: 1px solid #cacbcd;
    float: left;
    margin-bottom: 70px;
}
section.details-produits  .liste_declinaison ul{
	padding:0;
}
section.details-produits .liste_declinaison ul li {
    border-top: 1px solid #cacbcd;
    display: block;
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}
section.details-produits .liste_declinaison ul li h4{
    color: #333f48;
    font-size: 30px;
    margin: 20px 0;
    opacity: 1;
}

section.details-produits .agrandir{
	background: rgba(0, 0, 0, 0) url("/Hartmann/themes/html/Hartmann/theme2015/images/zoom.png") no-repeat scroll right bottom;
    height: 134px;
    position: absolute;
    width: 144px;
}

section.details-produits .bloc_produits_mini .titre{
	font-size : 30px;
	color: #333f48;
	border-bottom: 1px solid #cacbcd;
}
section.details-produits .produit_mini{
    display: block;
    float: left;
    margin-right: 30px;
    width: 195px;
}
section.details-produits .produit_mini a{
	color: #333f48;
}
section.details-produits .produit_mini h2{
	font-size : 14px;
	font-weight : bold;
}
section.details-produits .produit_mini .h3{
	font-size: 14px;
	font-weight: normal;
	color:#999fa3;
	font-family: "Frutiger Next Regular";
}
section.details-produits .picto{
	float:left;
	width: 60%;
}
section.details-produits .picto img{
	margin: 0 10px;
}

section.details-produits .bloc_ref
{
    font-size: 14px;
    /*left: -278px;
    position: relative;
    width: 1200px;*/ /*tableau ref sur la droite*/
}
section.details-produits .table_references table{
	width : 100%;
}
section.details-produits{
	margin-top:50px;
}
section.details-produits .contenu_onglet{
	margin-top : 50px;
	float:left;
	width : 100%; /*tableau ref sur la droite*/
}

section.details-produits label{
	width : 10%;
}
section.details-produits .champ{
	width : 30%
}
section.details-produits .document{
	border-top: 1px solid #cacbcd;
    float: left;
    padding-bottom: 30px;
    width: 910px;
}
section.details-produits .document_titre{
	color: #009bdf;
	font-size:24px;
}
section.details-produits .document_bouton{
	float : left;
	width : 126px;
	margin-right : 20px;
}
section.details-produits .detail_doc{
	float : left;
	
}
section.details-produits .PDF{
    background: rgba(0, 0, 0, 0) url("/Hartmann/themes/html/Hartmann/theme2015/images/pdf.png") no-repeat scroll left center;
    height: 27px;
    padding-left: 40px;
    padding-top: 5px;
}
section.details-produits .liste_documents{
	border-bottom: 1px solid #cacbcd;
	float: left;
}

/* ASS */
section.page_ASS .ass{
	float : left; 
	border-top :  1px solid #cacbcd;
	padding-bottom: 30px;
    width: 910px;
}

section.page_ASS .dateLieu{
	float:left;
	width: 182px;
	padding : 10px 0 0 0;
	text-align: center;
	 margin-top: 15px;
}
section.page_ASS .date{
	padding: 20px 10px;
	clear:both;
	background : #009bdf;
	color : #fff;
	-moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}
section.page_ASS .res_lieu{
	clear:both;
	background: #cacbcd;
	color : #333f48;
	padding: 5px;
	-moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
}
section.page_ASS .res_lieu span::before{
	content : url('/Hartmann/themes/html/Hartmann/theme2015/images/localiser.png');
	padding : 5px;
} 
section.page_ASS .detail{
    float: left;
    padding: 0 20px;
    width: 688px;
}
section.page_ASS .titre{
    color: #009bdf;
    font-family: "Frutiger Next Light";
    font-size: 22px;
}
section.page_ASS .plus, section.page_ASS .moins{
	float:right; 
	cursor : poiter;
	margin-top: 15px;
}
section.page_ASS .plus a::after{
    content: "﹀";
    left: 10px;
    position: relative;
    top: 7px;
	cursor : pointer;
}
section.page_ASS .moins a::after{
    content: "︿";
    cursor: pointer;
    left: 10px;
    margin-right: 20px;
    position: relative;
    top: -5px;
}
section.page_ASS .jour{
	font-size:50px;
}
section.page_ASS .document_bouton{
	width: 126px; 
	float: left;
}
section.page_ASS .more{
	float:left;
	clear:both;
	margin-top: 30px; 
}
section.page_ASS .localiser{
	float:left;
}
section.page_ASS .lieu {
	float : left;
	width: 330px;
}
section.page_ASS .more_titre{
	font-weight : bold;
}
section.page_ASS .filtre_theme, section.page_ASS .filtre_dept{
	width: 300px;
	float: left; 
	margin: 0 40px 0 0;
	font-size: 16px;
}
section.page_ASS .filtrer_par{
	font-size : 16px;
	font-weight : bold;
	float : left;
	width: 100%;
}
section.page_ASS .ass_filtre{
	 margin: 30px 0 10px;
	float: left; 
	border-top: solid 1px #cacbcd; 
	border-bottom: solid 1px #cacbcd; 
	padding:15px 0; 
	width: 100%;
}

section.page_ASS #pas_ASS{
	clear: both;
    float: left;
    margin: 30px 0;
}
section.page_ASS #liste_ass{
	margin-top: 40px;
	float: left
}

section.page_ASS .cat_ass{
	font-size : 14px;
	font-weight : bold;
}
section.page_ASS .description{
	font-size : 16px;
}
section.page_ASS .hrefRetour{
	font-size : 16px;
	color: #333f48;
	text-decoration : underline;
}
section.page_ASS .effacer{
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #009bdf;
    font-size: 14px;
}
section.page_ASS .effacer:hover{
	text-decoration : underline;
}
section.page_ASS .add_person, section.page_ASS .delete_person{
    border-bottom: 1px solid #cacbcd; 
    color: #009bdf;
    display: block; 
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 20px;
}
section.page_ASS .delete_person{
	text-align:right;
}
section.page_ASS .form_compte{
	margin : 30px 0;
}
section.page_ASS .menu_ass{
	display: block; 
	width: 100%;
	text-align: center;
	float: left;
}
section.page_ASS .menu_ass li{
    display: block;
    float: left;
    font-size: 14px;
    text-align: center;
    width: 140px;
	cursor:pointer;
}
section.page_ASS .menu_ass a{
    display: block;
    padding: 50px 25px 0;
	color : #333f48;
	text-decoration : none;
}
section.page_ASS .menu_ass .ech a, section.page_ASS .menu_ass .ech_ss_lien{
	background: url("/Hartmann/themes/html/Hartmann/theme2015/images/icones_services/ass_ech.png") no-repeat scroll center 0;
}
section.page_ASS .menu_ass .ech a:hover{
	background: url("/Hartmann/themes/html/Hartmann/theme2015/images/icones_services/ass_ech_hover.png") no-repeat scroll center 0;
}
section.page_ASS .menu_ass .plaies a{
	background: url("/Hartmann/themes/html/Hartmann/theme2015/images/icones_services/ass_plaies.png") no-repeat scroll center 0;
	border-left: 1px solid #cacbcd;
	
}
section.page_ASS .menu_ass .plaies a:hover{
	background: url("/Hartmann/themes/html/Hartmann/theme2015/images/icones_services/ass_plaies_hover.png") no-repeat scroll center 0;
}
section.page_ASS .menu_ass .question a{
	background: url("/Hartmann/themes/html/Hartmann/theme2015/images/icones_services/ass_question.png") no-repeat scroll center 0;
	border-left: 1px solid #cacbcd;
}
section.page_ASS .menu_ass .question a:hover{
	background: url("/Hartmann/themes/html/Hartmann/theme2015/images/icones_services/ass_question_hover.png") no-repeat scroll center 0;
}
section.page_ASS .form_echantillon{
	border: solid 1px #cacbcd; 
	display: block; 
	float: left;
	margin: 10px 0;
	padding: 20px;
	width: 450px;
}
section.page_ASS .codeASS{
	border: 1px solid #e1e2e4;
    font-size: 14px;
    height: 36px;
    padding: 0 2%;
}
section.page_ASS .bas{
	display: block; 
	float: left;
	clear: both;
}
section.ass_echantillon{
	padding-left:5px;
}
section.ass_echantillon .gauche, section.ass_echantillon .droite{
	display : block; 
	float : left;
	width : 350px;
}
section.ass_echantillon .form_ligne  input , section.ass_echantillon .form_ligne select{
	height : 40px;
	border : solid 1px #e1e2e4;
	font-size: 14px;
	/*padding: 0 2%;*/
    width: 250px;
	padding-left :10px;
}
section.ass_echantillon  .form_ligne select {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 254px;
    padding: 10px 20px;
    background: #fff;
    color: #000;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e1e2e4;
    height: 40px;
}
section.ass_echantillon .styled-select:before {
	right: 35px;
}
section.ass_echantillon  .ech_button{
	float: left;
    margin-top: 10px;
    text-align: right;
    width: 675px;
}
section.ass_echantillon  #en_cours{
	text-align : center; 
	width : 710px;
}


/*********/
/**DATATABLE*/
section.tableHistorique table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    top: 13px;
    left: 8px;
    height: 14px;
    width: 14px;
    border: none;
    border-radius: unset;
    box-shadow: none;
    box-sizing: content-box;
    text-align: center;
    text-indent: 0 !important;
    font-family: 'Courier New', Courier, monospace;
    line-height: 14px;
    content: '＋';
    background: none;
	color: #444;
}

section.tableHistorique table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: '-';
    background: none;
	color: #444;
}
section.tableHistorique .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: none;
    background: none;
    font-weight: bolder;

}

section.tableHistorique .dataTables_wrapper .dataTables_paginate .paginate_button {
	font-size:1.2em;
	padding: 0;
	width:0.5em;

    /*margin: 0 3px;
    cursor: pointer;
    color: #333!important;*/
}
section.tableHistorique .dataTables_wrapper .dataTables_filter{
	font-size:16px;
}
section.tableHistorique #table_cdes {
    clear: inherit;
 }
 
section.tableHistorique .dataTables_wrapper {
    clear: none;
	position: inherit;
}
 
@media only screen and (max-width: 890px) {
	section.tableHistorique .dataTables_wrapper .dataTables_length, section.tableHistorique .dataTables_wrapper .dataTables_filter {
		clear: both;
		float: left;
		padding:10px 0;
	}
	
	 section.tableHistorique .dataTables_wrapper .dataTables_filter {
		text-align: left;
	}
}

@media only screen and (max-width: 640px) {
	section.tableHistorique .dataTables_wrapper .dataTables_filter {
		width:100%;
	}
	section.tableHistorique .dataTables_wrapper .dataTables_filter label{
		width:20%;
	}
	#ref_table input{
		width:80%;
	}
}