@charset "UTF-8";
@import url(all.css);
@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600";

	    	h1 {
	    		text-transform: uppercase;
			  	font: 60px "ABeeZee", sans-serif;
			  	letter-spacing: 10px;
			  	font-weight: 600;
			  	text-shadow: #574949 0px 0px 42px;
			  	line-height:0.1em;

	    	}

	    	h2 {
			  	font: 20px "ABeeZee", sans-serif;
			  	font-weight: 600;
			  	font-style: italic;
			  	text-shadow: #574949 0px 0px 42px;

	    	}

	    	h3 {
	    		text-transform: uppercase;
	    		font : 20px "ABeeZee", sans-serif;
	    		color : #E29999;
	    		font-weight:300;
	    		letter-spacing: 2px;
	    	}

	    	p.présentation {
	    		color: #333333;
	    		padding-left: 15%;
	    		padding-right: 15%;
	    		letter-spacing:0.4px;
	    	}

	    	div.formulaire {
	    		color: #333333;
	    		letter-spacing:0.4px;
	    		text-align: left;
	    		display: block;
			    margin-block-start: 1em;
			    margin-block-end: 1em;
			    margin-inline-start: 0px;
			    margin-inline-end: 0px;
			    border: solid 2px #F5F5F5;
			    background-color: #E8E8E8; 
			    border-radius: 20px; 
			    padding: 10px 40px 20px 40px;
			    margin-bottom: 30px;

	    	}

	    	p.formulairecontact {
	    		margin-top: 20px;
	    		color: #333333;
	    		letter-spacing:0.4px;
	    		text-align: left;
	    	}

	    	p.footer {
	    		color: #708e9f;
	    		padding:15px;
	    		margin-bottom: none !important;

	    	}

	    	span.formulaireCBCT {
	    		color: #333333;
	    		letter-spacing:0.4px;
	    		text-align: left;
	    	}

	    	body {
	    		
	    		background-image:  radial-gradient(circle at center bottom, rgba(120, 120, 120, 0.2), rgba(120, 120, 120, 0.90)), url("../../LIMES.png");
	    		background-size: 100%, 85%;
	    		background-position: 100%, right 50% top 30px;
	    		background-attachment: fixed, fixed;
	    		background-repeat: no-repeat, no-repeat;
				padding: 0; 
				margin: 0; 
				width: 100%;
				font-family: "ABeeZee", sans-serif;
			  	color: white;
			  	-webkit-font-smoothing : antialiased;
				
			}

		
			.container {
				width: 100%;
				padding: 0;
				margin: 0;
			}		
					
				

			.col-xs-12 {
				padding: 0;
				margin: 0;
			}

			.navbar-default {
				padding-right: 15em; 
				padding-left: 15em; 
				padding-bottom: none;  
				margin: none;
				background: transparent;
				border-radius: 0px;
				border-top : none;
				border-right : none;
				border-left : none;

			}

			.navbar {
				border-bottom: solid 1px gainsboro;

			}

			

			.menu {
				padding:1.2em;
				color: whitesmoke !important;
				text-transform: uppercase;
			  	font: 1em "Open Sans", sans-serif;
			  	font-weight: lighter;


			}

			.menu2:hover {
				opacity:0.4;
			}

			.row {
				width: 100%;
				margin: 0;
			}


		

			.separator {

				  bottom: 0px;
				  top: 25em;
				  left: 0;
				  overflow: hidden;
				  position: absolute;
				  width: 100%;

			}

			.buttonindex {
				font-size: 10px;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 2px;
				fill: #FFFFFF;
				color: #FFFFFF;
				border-radius : 40px 40px 40px 40px;
				box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
				padding: 15px 34px 15px 34px;
				background-color: #E29999; 
				width: 100%; 
				border:none
			}

			.buttonindex:hover {
			  opacity:0.4;
			}

			.buttonajoutdent {
				font-size: 10px;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 2px;
				fill: #FFFFFF;
				color: #FFFFFF;
				border-radius : 40px 40px 40px 40px;
				box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
				padding: 15px 34px 15px 34px;
				background-color: #A6CDF6; 
				width: 20%; 
				border:none
			}

			.buttonajourdent:hover {
			  opacity:0.4;
			}

			.menuindex {
				border-radius : 40px 40px 40px 40px;
				box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
				margin : 30px;
				
			}

			.menuindex1 {
				
				padding: 20px;

			}

			.menuindex2 {
				font-size: 10px;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 2px;
				fill: #FFFFFF;
				color: #FFFFFF;
			}

			.fas {
				font-size : 50px;
			}

			label {
				text-align: left;
				padding-right : 20px;
				padding-bottom: 10px;
			}
				label.partie {
				color: #E29999;	
				margin-top: 20px;
				}
				label.souspartie {
					color: #333333;
	    			letter-spacing:0.4px;
	    			text-align: left;
	    			display: block;
					

				}

				label.souspartie2 {
					color: dimgrey;
	    			letter-spacing:0.4px;
	    			text-align: left;
	    			display: block;
	    			padding-left: 80px;

	    		}

	    		label.numérodent {
	    			background:#A6CDF6; 
	    			border: 2px solid #A6CDF6; 
	    			color: white; 
	    			border-radius: 40px; 
	    			padding: 5px 10px 5px 10px
	    		}

	    	    label.nomcanal {
	    			background:#F4AE72; 
	    			border: 2px solid #F4AE72; 
	    			color: white; 
	    			border-radius: 40px; 
	    			padding: 5px 10px 5px 10px
	    		}		

			input[type="text"],
			input[type="email"],
			input[type="password"] {
				width: 100%;
				background-color:#F7F6F6 ;
				border: none;
				border-radius: 1px;
				font-size: 16px;
				padding: 6px 10px;
			    width: 100%;
			    line-height: 1.3;
			}
				input.souspartie {
					margin-bottom:20px;
					display: inline;
					width:auto;
					margin-left:5px;
				}
				input.numérodent {
					padding-bottom:3px; 
					padding-top: 3px; 
					background: #A6CDF6; 
					-webkit-filter: brightness(107%);
					vertical-align: middle;
					width: 50px; 
					color:inherit;
				}
				input.nomcanal {
					padding-bottom:3px; 
					padding-top: 3px; 
					background: #F4AE72; 
					-webkit-filter: brightness(107%);
					vertical-align: middle;
					width: 50px; 
					color:inherit;
				}

			input:-internal-autofill-selected {
				-webkit-box-shadow: 0 0 0px 1000px #F7F6F6 inset !important;
				-webkit-text-fill-color: inherit !important;
			}

			input.numérodent:-internal-autofill-selected {
				-webkit-box-shadow: 0 0 0px 1000px #A6CDF6 inset !important;
				-webkit-text-fill-color: white !important;
			}

			textarea {
				width: 100%;
				background-color: #F7F6F6;
				border-color: #f6f6f6;
				border-radius: 1px;
				font-size: 16px;
				padding: 6px 10px;
			    width: 100%;
			    line-height: 1.3;
			    margin-bottom:20px;
			}

			select {
				border-radius: 40px;
				color: white;
				background: #D0E190; 
				border: none;
				padding: 5px 10px 5px 10px;
				margin-bottom:30px;

			}

			input[type="file"] {
				border-radius: 40px;
				color: white;
				background: #D0E190; 
				border: none;
				padding: 5px 10px 5px 10px;
				margin-bottom:30px;
			}


			a:link {
				text-decoration: none;
			}

			.obligatoire {
				color:red;
			}


			.icon-bar {
			  position: fixed;
			  top: 50%;
			  -webkit-transform: translateY(-50%);
			  -ms-transform: translateY(-50%);
			  transform: translateY(-50%);
			}

			.icon-bar a {
			  display: block;
			  text-align: center;
			  padding: 16px;
			  transition: all 0.3s ease;
			  color: white;
			  font-size: 15px;

			  
			}

			.icon-bar a:hover {
			  opacity:0.4;
			}

			.buttonindex a {
			  display: block; 
			  transition: all 0.3s ease;
			  color: white;
 
			}

			.buttonindex a:hover {
			  opacity:0.4;
			}

			.racourciCBCT {
			  background: #A6CDF6;
			  color: white;
			  border-radius: 0px 40px 0px 0px;
			}

			.racourciconsultation {
			  background: #E29999;
			  color: white;
			}

			.racourcisoin {
			  background: #F4AE72;
			  color: white;
			}

			.racourcichirurgie {
			  background: #D0E190;
			  color: white;
			  border-radius: 0px 0px 40px 0px;
			}

			.buttonpdf {
				font-size: 10px;
				font-weight: 400;
				text-transform: uppercase;
				letter-spacing: 2px;
				fill: #FFFFFF;
				color: #FFFFFF;
				border-radius : 40px 40px 40px 40px;
				box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
				padding: 15px 34px 15px 34px;
				background-color: #E29999; 
				width: 30%; 
				border:none
			}
			.créationpdf {
				text-align: center; 
				color:#6cc091; 
				padding-top : 2em;
				padding-bottom : 2em;
			}


@media screen and (max-width: 800px) {
 body {
      font-size: 50% !important;
}
}