*{
	margin:0;
	padding:0;
}
html::after {
  content: "";
  opacity: 0.3;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-attachment:fixed;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
  
}

body{
	background: url("../css/images/background.jpg");
	background-attachment:fixed;
	background-size: 100% 100%;
}

input[type="text"]{
    box-shadow: 0 2px 2px 0 #eee inset;
	border-radius: 3px;
}

input[type="submit"],input[type="reset"]{
	border-radius: 3px;
	width:200px;
	padding:1px;
}

ul,li{
	list-style:none;
}

/**** DEBUT HEADER ***/
#topsection{
	box-shadow: 0 -6px 12px 1px #999999;
	font-size: 1.3em;
	padding:10px;
	font-weight:lighter;
}
#topsection .button{
	border-radius: 10px;
	padding:1px 5px;
	box-shadow: 2px 3px 2px 0px grey;
	border-width:2px;
}
/**** FIN HEADER ***/


/**** DEBUT MENU TOP ***/
#menu_top{
	height:50px;
}

#menu_top .droite,#menu_top .gauche{
	border-radius: 10px;
	text-align:center;
	width:150px;
	margin-right:10px;
	box-shadow:2px 6px 2px 1px grey;
	padding:5px;
	cursor:pointer;
}
#menu_top .droite:focus,#menu_top .gauche:focus{
	background-image:linear-gradient(0deg,#ffffff, black);
	border-radius: 1000px;
}
/**** FIN MENU TOP ***/

/**** Menu déroulant ***/
#menu_deroulant, .menu_deroulant, #menu_deroulant .menu_deroulant li { 
	margin:0; 
	padding:0; 
}
#menu_deroulant li {
	float:left; 
	display:block; 
	cursor:pointer; 
	list-style:none; 
	padding:0 10px 0 10px; 
	border:0px #000 solid; 
	margin-right:10px;
	position:relative;
	padding:7px;
}

#menu_deroulant li ul.first {
	left:-1px; 
	top:100%;
}
 
#menu_deroulant .menu_deroulant li { 
	width:100%; 
	text-indent:10px; 
	line-height:30px; 
	margin-right:10px; 
	border-top:1px #000 solid; 
	border-bottom:1px #000 solid;
	border-left:none; 
	border-right:none; 
	background:#fff;
	
}
#menu_deroulant li a {
	display:block;
	width:inherit; 
	height:inherit;
	color: inherit;
}

/* #menu_deroulant .menu_deroulant > li:first-child {  */
	/* margin-top:25px; */
/* } */
ul.menu_deroulant { 
	display:none; 
}
li:hover > .menu_deroulant { 
	display:block; 
	position:absolute; 
	width:200px; 
	top:-2px; 
	left:35%; 
	z-index:1000; 
	margin-left:20%;
	margin-top:25px;
}
li:hover { 
	position:relative; 
	z-index:2000; 
}

/*** Fin menu déroulant ***/

#index table{
	width:100%;
	border-collapse: collapse;
	table-layout:fixed;
	word-wrap: break-word;
}

#index table td , #index table th{
	border: 1px solid white;
}
#index table td{
	height:40px;
}

#index table tbody tr:hover{
	background-color: #094F92;
	color: white;
}
/***** FIN ACCUEIL ****/


/***** DEBUT SUIVI ****/

#index .left{
	position:absolute;
	top: 50px;
	left: 0px;
	padding:10px;
}

#index .left::after {
	content: "";
	background-color: LightSteelBlue;
	opacity: 0.3;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1; 
	background-attachment:fixed;
	background-size: 100% 100%;
	border-radius:10px;
	
}


#index .right{
	position:absolute;
	top: 0px;
	right: 5px;
	width:850px;
}
#index .menu{
	height:40px;
	z-index:-1;
	padding:0 15px;
	display:table;
	border-spacing: 3px 0;
	border-collapse: separate;
}

#index .menu .onglet,#index .menu .onglet_2{
	max-width:200px;
	width:150px;
	height:40px;
	text-align:center;
	border-radius: 15px 15px 0 0;
	border-width:2px;
	border-style:solid;
	vertical-align:middle;
	display:table-cell;
	border-bottom: transparent;
	word-wrap:break-word;
	padding: 0 1px;
	font-size: 0.8em;
	cursor:pointer;
}

#index .menu .onglet_2{
	font-size: 2em;
}

#index .right .suivi{
	min-height:500px;
	border-radius:20px;
	border-style:solid;
	border-width:2px;
	padding:10px;
	box-shadow: 7px 5px 10px 0px;
}

#index .right .suivi table tbody tr:hover{
	background-color: inherit;
	color: inherit;
}
#index .right .suivi table td , #index .right .suivi table th{
	border: initial;
	padding: 0 5px;
}

#index .right .suivi .reglage{
	border-width:2px;
	border-style: solid;
	border-radius: 10px;
}

#index .right .suivi .mini_box{
	border-width:1px;
	border-style: solid;
	border-radius: 5px;
	width:300px;
	text-align:center;
}
#index .right .suivi .suivi_gauche{
	left:20px;
	width:450px;
	float:left;
}

#index .right .suivi .suivi_droite{
	/* width: 270px; */
	border-width:2px;
	border-style:solid;
	border-radius:10px;
	float:right;
}
#index .right .suivi .suivi_droite img{
	text-align:center;
	width: 250px;
}
#index .right .suivi .suivi_patient{
	border-radius: 10px;
	border-width: 2px;
	border-style:solid;
	padding: 5px;
	width: 600px;
}

#index .right .suivi .suivi_patient .ligne_suivi{
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	width:100%;
}
#index .right .suivi .nous_contacter{
	width:100px;
	margin-right: 30px;
	margin-top: 100px;
	cursor:pointer;
}

/***** FIN SUIVI ****/

/******* DEBUT CARROUSSEL *****/

#carroussel{
	text-align:center;
	position:relative;
}
#carroussel img{
	text-align:center;
	margin:0 auto;
	width:1100px;
	height:350px;
	cursor:default;
}

#carroussel .pager{
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	z-index: 1;
}

#carroussel .pager span{
	font-size: 1em;
	color: transparent;
	border: 2px solid white;
	background-color: transparent;
    display: inline-block;
    border-radius: 50%;
	width: 30px;
    height: 30px;
	margin-right:20px;
}

#carroussel .pager span.cycle-pager-active{
	background-color: white;
	color:white;
}
/******* FIN CARROUSSEL *****/


/******* DEBUT POPUP *****/
#popup .reglage{
	border-width:2px;
	border-style: solid;
	border-radius: 10px;
}

#popup .reglage .left{
	float:left;
}

/******* FIN POPUP *****/

.width_100_pourcent{
	min-width:100%;
}
.width_90_pourcent{
	min-width:90%;
}
.width_60_pourcent{
	min-width:60%;
}
.width_50_pourcent{
	min-width:50%;
}
.width_40_pourcent{
	min-width:40%;
}

.table_recherche > *{
	margin:0 auto;
}


.recherche{
	position:relative;
}

.innertube{
	max-width:1100px;
	margin:0 auto;
	position:relative;
}
.gauche{
	/* position:absolute; */
	/* left:0; */
	float:left;
}
.droite{
	/* position:absolute; */
	/* right:0; */
	float:right;
}
.left{
	float: left;
}

.back_white{
	background-color:white;
}
.white{
	color: white;
}

.italic{
	font-style:italic;
}

.back_dark_blue{
	background-color: #A8ADCB;
}
.back_light_grey{
	background-color: #D3D3D3;
}
.back_light_blue{
	background-color: #D6D9E4;
}
.back_light_cyan{
	background-color: #B2D4E0;
}
.border_dark_blue{
	border-color:  	#A8ADCB;
}
.border_blue{
	border-color:#094F92;
}
.back_blue{
	background-color:#094F92;
}
.light_blue{
	color: #D6D9E4;
}
.blue{
	color:#15478A;
}
.back_dark_red{
	background-color: #E9B5A1;
}
.back_light_red{
	background-color: #EEDCD4;
}
.border_red{
	border-color: #D2232B;
}
.back_red{
	background-color: #D2232B;
}
.red{
	color: #D2232B;
}
.border_grey{
	border-color: #eee;
}
.back_light_grey{
	background-color: #F3F3F4;
}
.back_grey{
	background-color: #eee;
}
.back_black{
	background-color:black;
}

.border_dark_green{
	border-color: #C0D9B9;
}
.back_dark_green{
	background-color: #C0D9B9;
}
.back_light_green{
	background-color: #E1EADF;
}
.border_light_green{
	border-color: #E1EADF;
}
.light_green{
	color: #E1EADF;
}
.border_green{
	border-color: #3DAD48;
}
.back_green{
	background-color : #3DAD48;
}
.green{
	color: #3DAD48;
}
.dark_grey{
	color: #666;
}

.border_no{
	border-color:transparent;
}

.border_1{
	border-width: 1px;
}
.border_5{
	border-width: 5px;
}



.em12{
	font-size:1.2em;
}
.em16{
	font-size:1.6em;
}
.vertical_center_img{
	vertical-align:bottom;
}
.gras{
	font-weight:bold;
}
.centrage{
	margin:0 auto;
}
.centre{
	text-align:center;
}
.hidden{
	display:none;
}
.pointer{
	cursor: pointer;
}
a{
	text-decoration: none;
	cursor: pointer;
}

.width_700{
	width:700px;
}

.width_500{
	width:500px;
}

.width_100{
	width:100px;
}

.width_200{
	width: 200px;
}
.width_400{
	width: 400px;
}

.width_350{
	width: 350px;
}

.height_200{
	height: 200px;
}

.margin_bottom_10{
	margin-bottom: 10px;
}
.margin_bottom_20{
	margin-bottom: 20px;
}
.margin_right_10{
	margin-right: 10px;
}
.margin_top_10{
	margin-top: 10px;
}
.margin_top_20{
	margin-top: 20px;
}

.absolute{
	position: absolute;
}


/* Menu gauche accordéon */
.accordion {
	text-align:center;
	padding: 0;
	text-decoration: none;
	border-radius: 3px;
	overflow: hidden;
	margin:5px;
	width:100px;
}
.accordion ul {
	margin: 0;
	padding: 0;
}

.accordion label {
	cursor: pointer;
	display: block;
	padding: 0.7em 1em;
	overflow: hidden;
	background: #4A4A4A;
	border-bottom: 1px solid #333;
}
.accordion label:hover {
	color: #fff;
	background: #004A75;
	cursor: pointer;
}
.accordion label.select {
	color: #fff;
	background: #000;
}
.accordion label.select:hover {
	color: #fff;
	background: #004A75;
	cursor: pointer;
}
.accordion input[type="radio"], .accordion input[type="checkbox"] {
	display: none;
}

.accordion input.select{
	color: #fff;
	background: #004A75;
}

.accordion li {
	display: block;
}
.accordion .sub > li {
	cursor: pointer;
	overflow: hidden;
	height: 0;
	margin: 0;
	opacity: 0;
	font-size: 0.875em;
	-webkit-transition: all 0.25s ease-in-out; 
	transition: all 0.25s ease-in-out;
	background: #CCC;
	padding: 0px;
}
.accordion .sub > li:hover {
	padding-left: 1.5em;
	color: #fff;
	background: #004A75;
	padding: 0px;
	cursor: pointer;
}
.accordion .sub > li .select {
	color: #fff;
	background: #004A75;
}

.accordion input:checked + .sub > li {
	line-height: 20px;
	min-height: 40px;
	padding: 0px;
	opacity: 1;
	margin: 2px;
	height: auto;
}
.accordion .sub > li a{
	color: #000;
	text-decoration: none;
	display: block;
	width: 100%;
	/* Permet de rendre cliquable tout le bouton du sous-menu.*/
	padding-bottom: 10px;
	padding-top: 10px;
}
.accordion .sub > li a:hover{
	color:#fff;
	cursor: pointer;
}
.accordion a{
	color: inherit;
	text-decoration: none;
}

.accordion .has-sub-central{
	width: 300px;
	display: inline-block;
	margin-right: 5px;
}

.another{
	/* background-color: black; */
	color:white;
	/* padding:10px 0; */
	/* border-radius: 10px; */
	cursor:pointer;
	height: 50px;
	width: 120px;
	float:left;
	margin:auto;
	margin: 0 10px 10px 0;
	text-align:center;
}
.another:hover{
	background-color: #004a75;
}

.hide_menu_small{
	display:block;
}
.hide_menu_big{
	display:none;
}

.pdf_telechargement{
	display: block;
    margin: 0 auto;
	width: 100px;
}

.hide_big{
	display:none;
}

.circle_radius{
	border-width:2px;
	border-style:solid;
	border-radius:10px;
}
.box_shadow{
	box-shadow: 2px 6px 2px 1px grey;
}



.padding_5{
	padding:5px;
}

.padding_50{
	padding: 50px;
}

.height_100_pourcent{
	height: 100%;
}

.opacity_9{
	opacity: 0.9;
}
.opacity_8{
	opacity: 0.8;
}
.opacity_7{
	opacity: 0.7;
}
.opacity_10{
	opacity: 1;
}

.border_style_no{
	border-style: none;
}

.border_solid{
	border-style: solid;
}

.margin_5_px{
	margin: 5px;
}
.margin_left_350_px{
	margin-left: 350px;
}

.margin_left_100_px{
	margin-left: 100px;
}


/* Menu gauche accordéon */

@media (max-width: 1300px){ /* responsive layout break point */

	.hide_menu_small{
		display:none;
	}
	.hide_menu_big{
		display:initial;
	}
	.accordion a {
		display: block;
		color: white;
	}
	
	
	#leftcolumn{
		display:none;
	}
	
}
@media (max-width: 600px){
	.hide_menu_small{
		display:none;
	}
	.hide_menu_big{
		display:initial;
	}
	.accordion a {
		display: block;
		color: white;
	}
	.innertube{
		max-width:90%;
	}
}
.clr{
	clear: both;
	visibility:hidden;
}