@font-face {
	font-family: 'MyriadProLight';
	src: url('myriadpro-light-webfont.eot');
	src: url('myriadpro-light-webfont.eot?#iefix')
		format('embedded-opentype'), url('myriadpro-light-webfont.woff')
		format('woff'), url('myriadpro-light-webfont.ttf') format('truetype'),
		url('myriadpro-light-webfont.svg#MyriadProLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MyriadWebProRegular';
	src: url('myriad-web-pro-webfont.eot');
	src: url('myriad-web-pro-webfont.eot?#iefix')
		format('embedded-opentype'), url('myriad-web-pro-webfont.woff')
		format('woff'), url('myriad-web-pro-webfont.ttf') format('truetype'),
		url('myriad-web-pro-webfont.svg#MyriadWebProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**
Classes de mise en page 
**/
BODY {
	font-family: Calibri;
}

#page {
	width: 1052px;
	margin: auto;
}

#bandeauHaut {
	margin-right: 0px;
}

#login {
	width: 450px;
	margin: auto;
}

#connexionForm {
	background-image: url(../images/white.png);
	box-shadow: 1px 1px 10px #999999;
}

a {
	text-decoration: none;
}

td.fondLogin {
	background-image: url('../images/fond_all.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin-top: 5px;
	background-attachment: fixed;
	height: auto; /* use you own image size; */
	width: 1052px;
	text-align: center;
	vertical-align: top;
}

td.display {
	text-align: center;
}

.fondCadre {
	background-image: url('../images/fond_all.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin-top: 5px;
	background-attachment: fixed;
}

tr.ligne30 {
	height: 100px;
}

tr.ligne20 {
	height: 50px;
	text-align: center;
}

td.colonne30 {
	width: 200px;
}

td.fondChamp {
	background-image: url('../images/cadre_connexion.gif');
	height: 254px; /* use you own image size; */
	width: 446px;
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: top;
}

td.champTexteDroite {
	color: white;
	font-family: Calibri;
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	padding-right: 25px;
	color: #58A501
}

td.champTexteGauche {
	color: white;
	font-family: Calibri;
	font-size: 12px;
	text-align: left;
	padding-right: 29px;
}

.champTexte {
	border: 2px white solid;
	width: 200px;
	height: 10px;
	font-size: 9px;
}

td.basDePage {
	padding-top: 2px;
	width: 100%;
	height: 20px;
	z-index: 3;
	/*background-color: #5fb300;*/
	color: white;
	border-top: transparent solid 2px;
	white-space: nowrap;
	margin: auto;
	background-color: #5fb300;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#56af00+0,5fb300+14,6eba00+29,71bc06+32,74bd13+34,79bf1f+39,8fc944+57,a1d160+75,a9d36e+87,acd373+96,a9cc74+97,9fc16b+98,85a950+100 */
	background: #56af00; /* Old browsers */
	background: -moz-linear-gradient(top, #56af00 0%, #5fb300 14%, #6eba00 29%, #71bc06
		32%, #74bd13 34%, #79bf1f 39%, #8fc944 57%, #a1d160 75%, #a9d36e 87%,
		#acd373 96%, #a9cc74 97%, #9fc16b 98%, #85a950 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56af00),
		color-stop(14%, #5fb300), color-stop(29%, #6eba00),
		color-stop(32%, #71bc06), color-stop(34%, #74bd13),
		color-stop(39%, #79bf1f), color-stop(57%, #8fc944),
		color-stop(75%, #a1d160), color-stop(87%, #a9d36e),
		color-stop(96%, #acd373), color-stop(97%, #a9cc74),
		color-stop(98%, #9fc16b), color-stop(100%, #85a950) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #56af00 0%, #5fb300 14%, #6eba00 29%,
		#71bc06 32%, #74bd13 34%, #79bf1f 39%, #8fc944 57%, #a1d160 75%,
		#a9d36e 87%, #acd373 96%, #a9cc74 97%, #9fc16b 98%, #85a950 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #56af00 0%, #5fb300 14%, #6eba00 29%, #71bc06
		32%, #74bd13 34%, #79bf1f 39%, #8fc944 57%, #a1d160 75%, #a9d36e 87%,
		#acd373 96%, #a9cc74 97%, #9fc16b 98%, #85a950 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #56af00 0%, #5fb300 14%, #6eba00 29%, #71bc06
		32%, #74bd13 34%, #79bf1f 39%, #8fc944 57%, #a1d160 75%, #a9d36e 87%,
		#acd373 96%, #a9cc74 97%, #9fc16b 98%, #85a950 100%); /* IE10+ */
	background: linear-gradient(to bottom, #56af00 0%, #5fb300 14%, #6eba00 29%, #71bc06
		32%, #74bd13 34%, #79bf1f 39%, #8fc944 57%, #a1d160 75%, #a9d36e 87%,
		#acd373 96%, #a9cc74 97%, #9fc16b 98%, #85a950 100%); /* W3C */
	filter: progid :                                            
		    DXImageTransform .       
		     
		                 
		                 Microsoft .                  
		   
		 
		
		   
		 gradient(startColorstr =                                            
		    '#56af00', endColorstr =             
		                    '#85a950', GradientType =       
		                                
		        0);
	/* IE6-9 */
}

td.avantBasDePage {
	width: 100%;
	height: 20px;
	z-index: 3;
	background-image: url(../images/white.png);
}

td.basDePageLogin {
	color: #636363;
	font-size: 12px;
	font-family: Calibri;
	vertical-align: middle;
	text-align: center;
	padding: 2px;
}

.messageErreur {
	color: #BD0000;
	font-size: 11px;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	padding-left: 10px;
}

.descriptionOffre {
	border: 1px solid black;
	width: 90%;
	padding: 5px;
}

.boutonDeconnexion {
	top: 1em;
}

.ariane {
	font-family: Calibri /*Helvetica, sans-serif */;
	font-size: 13px;
	color: #58A501;
	TEXT-ALIGN: left;
	padding-top: 5px;
}

A.histo {
	font-family: Calibri /*Helvetica, sans-serif */;
	font-size: 12px;
	color: #58A501;
	PADDING-LEFT: 20px;
	BACKGROUND: url(../images/picto_histo.png) no-repeat left 50%;
	margin-left: 42%;
}

A.lienSimple {
	font-family: Calibri /*Helvetica, sans-serif */;
	font-size: 12px;
	color: #58A501;
	PADDING-LEFT: 20px;
	LINE-HEIGHT: 20px;
	BACKGROUND: url(../images/puce.PNG) no-repeat left 50%;
	margin-left: 42%;
}

A.ajouter {
	font-family: Calibri /*Helvetica, sans-serif */;
	font-size: 12px;
	color: #58A501;
	PADDING-LEFT: 20px;
	BACKGROUND: url(../images/picto_ajouter.png) no-repeat left 50%;
	margin-left: 42%;
}

A.retirer {
	font-family: Calibri /*Helvetica, sans-serif */;
	font-size: 12px;
	color: #58A501;
	PADDING-LEFT: 20px;
	BACKGROUND: url(../images/picto_retirer.png) no-repeat left 50%;
	margin-left: 42%;
}

A.ball {
	font-family: Calibri /*Helvetica, sans-serif */;
	font-size: 12px;
	color: #58A501;
	PADDING-LEFT: 20px;
	BACKGROUND: url(../images/picto_ball.png) no-repeat left 50%;
	margin-left: 42%;
}

A.retourBall {
	font-family: Calibri /*Helvetica, sans-serif */;
	font-size: 12px;
	color: #58A501;
	PADDING-LEFT: 20px;
	BACKGROUND: url(../images/picto_retour.png) no-repeat left 50%;
	margin-left: 42%;
}

A:hover .lienSimple {
	text-decoration: none;
}

A.lienSimpleSansPuce {
	font-family: Calibri /*Helvetica, sans-serif */;
	font-size: 12px;
	color: #58A501;
	PADDING-LEFT: 15px;
	LINE-HEIGHT: 20px;
}

A:hover .lienSimpleSansPuce {
	text-decoration: none;
}

.titreParagraphe {
	color: #5fb300;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	PADDING-LEFT: 20px;
	LINE-HEIGHT: 20px;
	BACKGROUND: url(../images/picto_titre.gif) no-repeat left 50%;
}

A.lienAlerte {
	font-family: Calibri /*Helvetica, sans-serif */;
	font-size: 13px;
	color: #58A501;
	PADDING-LEFT: 20px;
	LINE-HEIGHT: 30px;
	BACKGROUND: url(../images/alerte_gif.PNG) no-repeat left;
}

A:hover .lienAlerte {
	text-decoration: none;
}

A.lienTexte {
	font-family: Calibri /*Helvetica, sans-serif */;
	font-size: 13px;
	color: #58A501;
}

A:hover .lienTexte {
	text-decoration: none;
}

.corp {
	background-image: none;
	background-image: url(../images/white.png);
}

.barreRecherche {
	background-image: none;
	background-color: #efefef;
	color: #58A501;
	font-weight: bold;
	text-align: right;
}

.titre {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 22px;
	PADDING-BOTTOM: 10px;
	COLOR: #58A501;
	PADDING-TOP: 10px;
	TEXT-ALIGN: left
}

.sousTitre { /*PADDING-RIGHT: 0px;*/ /*PADDING-LEFT: 0px;*/
	/*FONT-WEIGHT: bold;*/ /*FONT-SIZE: 14px;*/ /*PADDING-BOTTOM: 10px;*/
	/*COLOR: #58A501;*/ /*PADDING-TOP: 10px;*/ /*TEXT-ALIGN: left;*/
	text-align: center;
	border-collapse: separate;
	color: #58A501;
	display: block;
	font-family: Calibri;
	font-size: 22px;
	line-height: 30px;
	padding-bottom: 0px;
	padding-top: 5px;
	text-align: -webkit-center;
	vertical-align: middle;
}

.BLANCUNDERL {
	FONT-SIZE: 14px;
	COLOR: #427D00;
	TEXT-ALIGN: left;
	font-family: Calibri;
	padding-left: 20px;
	width: 20%;
	height: 22px;
	background-color: white;
	/*border-bottom: solid 1px #58A501;
	border-top: solid 1px #8fc944;
	border-left: solid 1px #8fc944;
	border-right: solid 1px #58A501;*/
}

td.inputtext {
	border: 1px transparent solid;
	width: 20%;
	height: 20px;
	font-size: 12px;
}

.inputselect {
	border: 1px transparent solid;
	width: auto;
	height: 18px;
	font-size: 12px;
}

.inputselectMultiple {
	border: 1px #58A501 solid;
	width: auto;
	font-size: 12px;
}

td.tdinputtext {
	background-color: #E7FFBC;
	vertical-align: middle;
	width: 35%;
	border-left: solid 1px transparent;
	border-top: solid 1px transparent;
}

td.tdinputtextnbleft {
	background-color: #E7FFBC;
	vertical-align: middle;
	width: 35%;
	border-top: solid 1px transparent;
}

td.tdinputtextbdright {
	background-color: #E7FFBC;
	vertical-align: middle;
	width: 35%;
	border-left: solid 1px transparent;
	border-top: solid 1px transparent;
	border-right: solid 1px transparent;
}

td.borderBottom {
	border-bottom: solid 1px #8fc944;
}

td.borderRight {
	border-right: solid 1px #8fc944;
}

td.even { /*background-color: #D3FB98;*/
	
}

td.odd {
	background-color: #CEF791;
}

.CHECKBOXESUNDERL {
	FONT-SIZE: 12px;
	COLOR: #000000;
	TEXT-ALIGN: left;
	font-family: MS Shell Dlg;
	height: 80px;
	overflow: auto;
	width: 100%;
}

#checkboxStatut {
	height: 120px;
}

#littleCheckboxStatut {
	height: 50px;
}

#middleCheckboxStatut {
	height: 30px;
}

#titulaireDiplomeMedical {
	height: 30px;
}

.inputtextCP {
	border: 1px #58A501 solid;
	width: 400px;
	height: 18px;
	font-size: 12px;
}

.inputtextUGA {
	border: 1px #58A501 solid;
	width: 600px;
	height: 18px;
	font-size: 12px;
}

.tderreur {
	background-color: #E7FFBC;
	valign: middle;
	width: 35% ";
	border: 0px;
}

.inputtextcourt {
	border: 1px #58A501 solid;
	width: 80px;
	height: 18px;
	font-size: 12px;
}

.inputtextlong {
	border: 1px #58A501 solid;
	width: 450px;
	height: 18px;
	font-size: 12px;
}

.inputtextarea {
	border: 1px #58A501 solid;
	width: 450px;
	font-size: 12px;
}

.inputtextRechercheRapide {
	border: 1px #58A501 solid;
	width: 100px;
	height: 13px;
	font-size: 12px;
}

.checkboxAffectationDN {
	text-align: center;
	vertical-align: middle;
	background-color: #e7f4ff;
	valign: middle;
	width: 35% ";
	border: 0px;
}

.lienPuce {
	color: #58A501;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	PADDING-LEFT: 15px;
	LINE-HEIGHT: 20px;
	margin-left: 50px;
	BACKGROUND: url(../images/puce_petite.gif) no-repeat left 50%;
}

.blocFermeTitre {
	BACKGROUND: url(../images/repl.jpg) no-repeat 0px 65%;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #58A501;
	padding-bottom: 5px;
	padding-top: 15px;
}

.blocOuvertTitre {
	BACKGROUND: url(../images/depl.jpg) no-repeat 0px 65%;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #58A501;
	padding-bottom: 5px;
	padding-top: 15px;
}

.blocTitre {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #58A501;
	padding-bottom: 5px;
	padding-top: 15px;
	margin-left: 21px;
}

p {
	margin: 1px
}

ul,ol {
	margin: .75em 0 .75em 24px;
	padding: 0;
}

ul {
	list-style: square;
}

li {
	margin: 0;
	padding: 0;
}

.autocompletion {
	background: white;
	margin: 0;
	z-index: 99;
	border-top: 1px solid #a2bff0;
	border-left: 1px solid #a2bff0;
	border-right: 1px solid #558be3;
	border-bottom: 1px solid #558be3;
	display: block;
	color: black;
}

/***************** Visite à distance *****************/
.BLANCUNDERLQuestion {
	FONT-SIZE: 12px;
	COLOR: black;
	TEXT-ALIGN: left;
	font-family: Calibri;
	font-weight: bold;
	font-style: italic;
	padding-left: 20px;
	width: 330px;
}

.visiteadsitanceLien {
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

.visiteadistance {
	resize: none;
	width: 90%;
}

/*Bandeau*/
div#bandeau {
	width: 900px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
}

div#logo {
	height: 90px;
	width: 100px;
	float: left;
	margin-bottom: auto;
	margin-top: auto;
}

div#produits {
	height: 90px;
	width: 765px;
	float: left;
	text-align: center;
	vertical-align: middle;
	margin-bottom: auto;
	margin-top: auto;
}

div#feurouge {
	height: 90px;
	width: 35px;
	float: left;
	margin-bottom: auto;
	margin-top: auto;
}

/*Fin bandeau*/
div#contenu {
	width: 900px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-top: auto;
	background-image: none;
	background-color: white;
}

div#partiecentrale {
	width: 720px;
	float: left;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-top: auto;
}

p#accueil {
	font-family: Calibri, Helvetica;
	text-align: justify;
}

img#jesuisuneimage {
	display: block;
	text-align: center;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-top: auto;
}

img#visuel {
	vertical-align: middle;
}

p#visuel {
	width: 720px;
	height: 450px;
	line-height: 450px;
	text-align: center; /* centrage horizontal d'un élément en-ligne */
}

div#flechegauche {
	float: left;
	width: 90px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-top: auto;
	height: 450px;
}

div#flechedroite {
	float: left;
	width: 90px;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-top: auto;
}

.lienProduits {
	color: #58A501;
	font-size: 14px;
	text-decoration: underline;
	font-weight: bold;
}

.texteVisite {
	font-weight: bold;
	font-style: italic;
	color: #58A501;
	font-size: 16px;
	text-align: center;
	background-color: white;
}

#fondForm {
	background-color: white;
}

/*Fin de contenu*/ /*Pied de page*/
div#piedpage {
	width: 900px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #a2bff0;
}

#version {
	text-align: center;
}

.ligne {
	width: 300px;
	margin: auto;
}

.boutonClass { /*border: #9dbc6f 1px solid;*/
	color: white;
	padding: 10px;
	margin: auto;
	display: block;
	font-size: 1.0em;
	width: 76px;
	text-decoration: none;
	font-weight: bold;
	background-color: #5fb300;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#56af00+0,5fb300+14,6eba00+29,71bc06+32,74bd13+34,79bf1f+39,8fc944+57,a1d160+75,a9d36e+87,acd373+96,a9cc74+97,9fc16b+98,85a950+100 */
	background: #56af00; /* Old browsers */
	background: -moz-linear-gradient(top, #56af00 0%, #5fb300 14%, #6eba00 29%, #71bc06
		32%, #74bd13 34%, #79bf1f 39%, #8fc944 57%, #a1d160 75%, #a9d36e 87%,
		#acd373 96%, #a9cc74 97%, #9fc16b 98%, #85a950 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #56af00),
		color-stop(14%, #5fb300), color-stop(29%, #6eba00),
		color-stop(32%, #71bc06), color-stop(34%, #74bd13),
		color-stop(39%, #79bf1f), color-stop(57%, #8fc944),
		color-stop(75%, #a1d160), color-stop(87%, #a9d36e),
		color-stop(96%, #acd373), color-stop(97%, #a9cc74),
		color-stop(98%, #9fc16b), color-stop(100%, #85a950) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #56af00 0%, #5fb300 14%, #6eba00 29%,
		#71bc06 32%, #74bd13 34%, #79bf1f 39%, #8fc944 57%, #a1d160 75%,
		#a9d36e 87%, #acd373 96%, #a9cc74 97%, #9fc16b 98%, #85a950 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #56af00 0%, #5fb300 14%, #6eba00 29%, #71bc06
		32%, #74bd13 34%, #79bf1f 39%, #8fc944 57%, #a1d160 75%, #a9d36e 87%,
		#acd373 96%, #a9cc74 97%, #9fc16b 98%, #85a950 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #56af00 0%, #5fb300 14%, #6eba00 29%, #71bc06
		32%, #74bd13 34%, #79bf1f 39%, #8fc944 57%, #a1d160 75%, #a9d36e 87%,
		#acd373 96%, #a9cc74 97%, #9fc16b 98%, #85a950 100%); /* IE10+ */
	background: linear-gradient(to bottom, #56af00 0%, #5fb300 14%, #6eba00 29%, #71bc06
		32%, #74bd13 34%, #79bf1f 39%, #8fc944 57%, #a1d160 75%, #a9d36e 87%,
		#acd373 96%, #a9cc74 97%, #9fc16b 98%, #85a950 100%); /* W3C */
	filter: progid :                                            
		    DXImageTransform .       
		     
		                 Microsoft .                  
		   
		 
		
		   
		 gradient(startColorstr =                                            
		    '#56af00', endColorstr =             
		                    '#85a950', GradientType =       
		                                
		        0);
	/* IE6-9 */
}

.boutonClass:hover {
	color: white;
	background-color: #5fb300;
}

.boutonRecherche {
	margin-top: 10px;
}

#leftSpan {
	float: left;
	width: 48%;
	text-align: center;
}

#rightSpan {
	float: right;
	margin-right: 40px;
}

#img_accueil {
	width: 100%;
}

#img_accueil2 {
	width: 75%;
}