*{
	margin:0;
	padding:0;
}
html{
	min-width:100%;
}
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%; */
	background-size: cover;
}

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

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

input[size]{
	width:90%;
}
input[size="1"]{
	width:15px;
}
input[size="2"]{
	width:23px;
}
input[size="3"]{
	width:30px;
}
input[size="4"]{
	width:40px;
}
input[size="5"]{
	width:45px;
}
input[size="6"]{
	width:60px;
}
input[size="7"]{
	width:70px;
}
input[size="10"]{
	width:90px;
}
input[size="12"]{
	width:100px;
}
input[size="15"]{
	width:120px;
}
input[size="30"]{
	width:220px;
}
input[size="60"]{
	width:450px;
}
input[type="radio"] {
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox;    /* Firefox */
  -ms-appearance: checkbox;     /* not currently supported */
}
input[type=checkbox],input[type=radio]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  margin-bottom: 10px;
}

/**** 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{
	border-radius: 10px;
	text-align:center;
	width:120px;
	margin-right:10px;
	box-shadow:2px 6px 2px 1px grey;
	padding:5px;
	background-image:linear-gradient(160deg,#0038e0, black);
	cursor:pointer;
}
#menu_top .droite:focus{
	background-image:linear-gradient(0deg,#ffffff, black);
	border-radius: 1000px;
}
/**** FIN MENU TOP ***/


/***** DEBUT ACCUEIL ****/

#index .recherche{
	box-shadow: 6px 8px 8px 0 #999999;
    min-height: 20px;
    margin: 0 auto;
    padding: 10px;
}

#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: #B3B6C1;
	color: black;
}
table input{
	max-width:100%;
}

thead tr:nth-child(even) {background-color: #FFF;color:#FFF}
thead tr:nth-child(odd) {background-color: #000;color:#FFF}

tr:nth-child(even) {background-color: #B1C3CE;color:#000;}
tr:nth-child(odd) {background-color: #FFF;color:#000}


/***** 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:160px;
	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 .menu .onglet_3{
	border-radius: 15px 15px 15px 15px;
	border-bottom: inherit;
}

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

#index .suivi table td , #index .suivi table th{
	border: initial;
	padding: 0 5px;
}
#index .suivi table th{
	font-size: 0.8em;
}

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

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

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

#index .suivi .suivi_patient .ligne_suivi{
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	width:100%;
}
#index .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 *****/

.bouton_cliquable{
	border-radius: 10px;
	text-align:center;
	width:120px;
	margin-right:10px;
	box-shadow:2px 6px 2px 1px grey;
	padding:5px;
	background-image:linear-gradient(160deg,#0038e0, black);
	cursor:pointer;
}

.width_100_pourcent{
	min-width:100%;
}

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

.width_200{
	width:200px;
}
.width_320{
	width:320px;
}

.width_700{
	width:700px;
}

.width_500{
	width:500px;
}

.width_100{
	width:100px;
}

.width_50{
	width:50px;
}

.width_30{
	width:30px;
}

.width_150{
	width:150px;
}
.width_250{
	width:250px;
}

.overflow_hidden{
	overflow:hidden;
}

.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;
}

.back_white{
	background-color:white;
}
.white{
	color: white;
}
.clr{
	clear: both;
	visibility:hidden;
}
.italic{
	font-style:italic;
}

.border_orange{
	border-color: #ED7F13;
}
.back_orange{
	background-color: #ED7F13;
}
.back_dark_orange{
	background-color: #ED7F13;
}
.border_dark_orange{
	border-color: #ED7F13;
}
.orange{
	color: #ED7F13;
}

.border_pink{
	border-color: #D92D88;
}
.back_pink{
	background-color: #D92D88;
}
.border_dark_pink{
	border-color: #D92D88;
}
.back_dark_pink{
	background-color: #D92D88;
}
.pink{
	color: #D92D88;
}

.back_dark_blue{
	background-color: #A8ADCB;
}
.back_light_grey{
	background-color: #D3D3D3;
}
.back_light_blue{
	background-color: #B2D4E0;
}
.back_light_cyan{
	background-color: #B2D4E0;
}
.back_light_orange{
	background-color: #FFC300;
}
.border_dark_blue{
	border-color: #A8ADCB;
}


.border_blue{
	border-color:#284898;
}
.back_blue{
	background-color:#284898;
}
.blue{
	color:#284898;
}

.border_blue_2{
	border-color:#297399;
}
.back_light_blue_2{
	background-color:#297399;
}
.back_blue_2{
	background-color:#297399;
}
.blue_2{
	color:#297399;
}

.border_blue_3{
	border-color:#708599;
}
.back_light_blue_3{
	background-color:#708599;
}
.back_blue_3{
	background-color:#708599;
}
.blue_3{
	color:#708599;
}

.light_blue{
	color: #B2D4E0;
}

.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;
}
.black{
	color: black;
}

.border_dark_black{
	border-color:black;
}
.back_dark_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;
}
.border_purple{
	border-color: purple;
}
.border_dark_purple{
	border-color: purple;
}

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

.back_purple{
	background-color : purple;
}
.back_dark_purple{
	background-color : purple;
}
.back_light_purple{
	background-color: #D4AAFF;
}
.purple{
	color: purple;
}
.green{
	color: #3DAD48;
}
.dark_grey{
	color: #666;
}
.back_yellow{
	background-color: yellow;
}

.border_no{
	border-color:transparent;
}
.border_none{
	border:none;
}
.border_collapse{
	border-collapse:collapse;
}
.border_solid{
	border-style: solid;
}

.em12{
	font-size:1.2em;
}
.em08{
	font-size:0.8em;
}
.vertical_center_img{
	vertical-align:middle;
}
.gras{
	font-weight:bold;
}
.centrage{
	margin:0 auto;
}
.centre{
	text-align:center;
}
.text_gauche{
	text-align:left;
}
.text_droite{
	text-align:right;
}
.hidden{
	display:none;
}
.pointer{
	cursor: pointer;
}
a{
	text-decoration: none;
	cursor: pointer;
}
.link_none{
	text-decoration: none;
}

.block{
	display:block;
}
.inline_block{
	display:inline-block;
}

@media (max-width: 801px){
	
	#carroussel{
		display: none;
	}
	
	
}
.ombre{
	box-shadow: 2px 6px 2px 1px grey;
}
.arrondit{
	border-radius: 10px;
}
.back_blue_degrade{
	background-image: linear-gradient(160deg,#0038e0, black);
}
.back_grey_degrade{
	background-image: linear-gradient(160deg,grey, black);
}

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

.margin_left_100_px{
	margin-left: 100px;
}

.margin_auto{
	margin: 0 auto;
}

.padding_5{
	padding: 5px;
}
.padding_50{
	padding: 50px;
}

.height_100_pourcent{
	height: 100%;
}

.height_30{
	height:30px;
}

.height_300{
	height:300px;
}

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

 .rotate_40_left  { 

-webkit-transform:rotate(-40deg);

-moz-transform:rotate(-40deg);

-o-transform:rotate(-40deg);

/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0.9); */

-ms-transform:rotate(-40deg);  

transform:  rotate(-40deg);      

}

.absolute{
	position: absolute;
}
.fixed{
	position: fixed;
}

.fixed_margin{
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



.zindex_1{
	z-index: 1;
}
/* Permet de garder l'en-tête d'un tableau visible */
.head_fixed th{
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 2;
	background-color:inherit;
	
}