/* css : CPX visual Begin */
.cpsverso { background-image:url(images/cps/verso.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps00 { background-image:url(images/cps/sans-contact.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000010 { background-image:url(images/cps/medecin.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000021 { background-image:url(images/cps/pharmacien.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000026 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000028 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000040 { background-image:url(images/cps/chirurgien-dentiste.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000050 { background-image:url(images/cps/sage-femme.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000060 { background-image:url(images/cps/infirmier.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000069 { background-image:url(images/cps/infirmier.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000070 { background-image:url(images/cps/masseur-kine.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000080 { background-image:url(images/cps/pedicure-podologue.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000081 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000082 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000083 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000084 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000085 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000091 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000092 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000094 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000096 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000098 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000110 { background-image:url(images/cps/medecin-formation.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000121 { background-image:url(images/cps/pharmacien-formation.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000140 { background-image:url(images/cps/chirurgien-dentiste-formation.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000150 { background-image:url(images/cps/sage-femme-formation.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps0002 { background-image:url(images/cps/cpe.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000202 { background-image:url(images/cps/cpe.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000203 { background-image:url(images/cps/cpe.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps0003 { background-image:url(images/cps/cpa.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000302 { background-image:url(images/cps/cpa.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps000303 { background-image:url(images/cps/cpa.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps80 { background-image:url(images/cps/sans-contact.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800010 { background-image:url(images/cps/medecin.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800021 { background-image:url(images/cps/pharmacien.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800026 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800028 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800040 { background-image:url(images/cps/chirurgien-dentiste.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800050 { background-image:url(images/cps/sage-femme.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800060 { background-image:url(images/cps/infirmier.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800069 { background-image:url(images/cps/infirmier.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800070 { background-image:url(images/cps/masseur-kine.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800080 { background-image:url(images/cps/pedicure-podologue.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800081 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800082 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800083 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800084 { background-image:url(images/cps/fournisseur.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800085 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800091 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800092 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800094 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800096 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800098 { background-image:url(images/cps/auxiliaire-med.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800110 { background-image:url(images/cps/medecin-formation.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800121 { background-image:url(images/cps/pharmacien-formation.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800140 { background-image:url(images/cps/chirurgien-dentiste-formation.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800150 { background-image:url(images/cps/sage-femme-formation.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps8002 { background-image:url(images/cps/cpe.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800202 { background-image:url(images/cps/cpe.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800203 { background-image:url(images/cps/cpe.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps8003 { background-image:url(images/cps/cpa.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800302 { background-image:url(images/cps/cpa.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps800303 { background-image:url(images/cps/cpa.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps03 { background-image:url(images/cps/certificate.png); background-size:100% 100%; background-repeat: no-repeat;}
.cps83 { background-image:url(images/cps/certificate.png); background-size:100% 100%; background-repeat: no-repeat;}
.cpsunknown { background-image:url(images/cps/defaut.png); background-size:100% 100%; background-repeat: no-repeat;}
/* css : CPX visual End */

/* css : /css/cpsspecific.css Begin */
#center {
	padding-top:5vh;
}

#cps:hover {
	cursor: pointer;
}

#cps:active {
	box-shadow: 3px 3px 5px #000000;
	border-radius: 12px ;
}

#cps, #cpsverso {
	width:27vw;
	height:26vh;
	font-size:2vh;
	font-weight:bold;
	margin-right: auto;
	margin-left: auto;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	box-shadow: 1px 1px 20px #555;
}

#cps_organisation_ps, #cpsverso {
	display: none;
}

#cps_subject {
	float:left;
	vertical-align: bottom;
	padding-top: 120px;
	margin-bottom: 10px;
	margin-left: 40px;
	width:50%;
}

#cps_organisation {
	font-size:150%;
	float:right;
	display:inline-block;
	vertical-align: bottom;
	width:30%;
	padding-top: 180px;
	margin: auto 20px 10px auto;
}



/* css : /css/cpsspecific.css End */
/* css : /css/diagcpsspecific.css Begin */
/* Body Part */
body
{
	background-color:#FFFFFF;
	font-family:segoeui;
}

body
{
	background-repeat:no-repeat;
	background-position:center center;
	margin-left: auto;
	margin-right: auto;
	/*width: 997px;*/
	width: 78vw;
	height:100vh;
	font-family:"Arial",Georgia,Serif;
	
}

/* Herder Part */
header, #header
{
	#background-image:url(../images/logo-etire.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-color:#223c4e;
	position:relative;
	/*top:10px;*/
	/*top:1vh;*/
	/*min-height:139px;*/
	min-height:17vh;
	/*width: 997px;*/
	/*box-shadow: 10px 10px 10px #777;*/
	box-shadow: 1vw 1vh 1vh #888;
}
header img
{

}


/* Title Part */
#title
{
	color:#406bab;
}

/* Section Part */
section, #section
{
	background-color:white;
	position: relative;
	margin:auto auto;
	/*top: 10px;
	min-height:500px;*/
	min-height:62vh;
	/*box-shadow: 10px 10px 10px #888;*/
	box-shadow: 1vw 1vh 1vh #888;
	font-size:2vh;
	overflow:auto;
}

.column
{
	height:62vh;
	width:10vw;
	background-size:100% 25%;
	background-repeat: no-repeat;
	background-position: center;
	float:left;
	
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */

	font: 700 2.5vh/1em "Trebuchet MS",sans-serif;
	text-align: center;
	color: #AAA;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}

.column:hover
{
	color: #5784BF;
}

.left-column
{
	background-image:url(../images/chevron_left.png);
	cursor:pointer;
}

.right-column
{
	background-image:url(../images/chevron_right.png);
	cursor:pointer;
}

#article
{
	width:58vw;
	float:left;
}


/* Footer Part */
footer, #footer
{
	#background-image:url(../images/footer-bg.jpg);
	background-size:100% 100%;
	background-color:#223c4e;
	position:relative;
	/*top: 10px;*/
	/*min-height:145px;*/
	min-height:18vh;
	/*box-shadow: 10px 10px 10px #777;*/
	box-shadow: 1vw 1vh 1vh #888;
	clear: both;
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 16px;
}

#footer ul
{
	display: block;
	float: right;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 81px;
	line-height: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
	padding-bottom: 0px;
	padding-left: 33px;
	padding-right: 0px;
	padding-top: 0px;
	width: 242px;
}

#footer ul li
{
	display: block;
	float: left;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 55px;
	line-height: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 50px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 120px;
}

#footer a
{
	color:white;
	text-decoration:  none;
}

#footer a:hover
{
	color:white;
	text-decoration:  underline;
}

/* Beta Part */
#beta {
	position: fixed;
	float: right;
	top: 0;
	right: 0;
	border: 0;
	height: 9vh;
	width: 5vw;
	background: transparent url("../images/beta_ribbon.png") no-repeat scroll 0px 3px;
	background-size:100% 100%;
}

#results
{
	display:none;
}

#xpi
{
	background-image:url(../images/firefox-xpi.png);
	background-repeat:no-repeat;
}

#clib
{
	background-image:url(../../ODI_PS/images/Clib.png);
}

#clib64b
{
	background-image:url(../../ODI_PS/images/Clib64b.png);
}

/* URL return button Part */
.button, button, input[type="submit"] {
	position: relative;
	font: 700 13px/1em "Trebuchet MS",sans-serif;
	padding: 6px 10px 7px;
	text-align: center;
	text-decoration: none;
	color: #FFF;
	cursor: pointer;
	background: #5784BF linear-gradient(#669BE1, #5784BF) repeat scroll 0% 0%;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	border-radius: 6px;
	box-shadow: 0px 1px rgba(0, 0, 0, 0.1), 0px -2px rgba(0, 0, 0, 0.1) inset;
	border: 0px none;
}

.button.prominent {
	padding: 8px 16px 12px;
	font-size: 16px;
	box-shadow: 0px 3px rgba(0, 0, 0, 0.1), 0px -4px rgba(0, 0, 0, 0.1) inset;
}

.button.add, .button.good, button.good {
	background: #489615 linear-gradient(#84C63C, #489615) repeat scroll 0% 0%;
}

.button.add span {
	padding-left: 16px;
	background: transparent url("/ODI_PS/images/button-icons.png?76a8a6e") no-repeat scroll 0px 3px;
}

.url-return, .diagcps {
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	width:30vw;
}

.url-return	a, .diagcps a {
	color: #FFF;
	text-decoration: none;
}

/* Support Part */
.constact-support
{
	width:30vw;
	font-weight:normal;
	font-size:95%;
	text-align:center;
	padding-top:5vh;
	margin: 1vh auto;
}

.mini
{
	width:auto;
	height:auto;
	padding:0px 10px 0px 10px;
	margin:0px;
	font-style:italic;
	border:0px;
	background-color:grey;
	display:inline;
}

/* Detailed informations Part */
#infos_cps {
	padding-top:5vh;
	margin:auto;
	width:80%;
}

table {
	width:100%;
}
#infos_cps_caption {
	font-style:italic;

	display:flex;
	margin:auto;
	width:15vw;
	cursor:pointer;
}

#infos_cps_caption  img {
	width:1vw;
	height:auto;
}

#infos_cps_caption_img {
	width:2vw;
	height:2vh;
	display:inline-block;
}

#infos_cps_table {
	display:none;
}

.infos_cps_caption_img_expand {
	background-image: url(images/collapse.png);
	background-size: 100% 100%;
}

.infos_cps_caption_img_collapse {
	background-image: url(images/expand.png);
	background-size: 100% 100%;
}

td {
	border-top:1px dashed green;
	padding:5px;
}

.key {
	font-weight : bold;
	text-align: right;

}

.val {
	text-align: left;
	border-left:1px dashed green;
}

#results
{
	margin:0 0 0 25%;
}

.sign
{
	background-image:url(../images/certificat.png);
	background-size:64px 64px;
	background-repeat:no-repeat;
	width:64px;
	height:64px;
	float:left;
}


/* css : /css/diagcpsspecific.css End */
/* css : /css/diagcpsinstruction.css Begin */
/* Instructions Part */
#instructions-back
{
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	
	display:flex;
	
	background-color: rgba(255, 255, 255, 0.5);
	z-index:10;
	cursor:pointer;
}

#instructions
{
	position:relative;
	
	max-width:50vw;
	max-height:70vh;
	
	margin:auto;
	
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 1);
	z-index:1;
	padding:5px;

	border:3px solid grey;
	display:none;
	cursor:auto;
}

.screen
{
	position:relative;
	border-radius: 5px;
	display:none;
	overflow-x: hidden;
	overflow-y: auto;
}

.instruction
{
	margin-top:2vw;
	margin-left:2vw;
	margin-right:2vw;
	max-height:50vh;
	padding:1vh;
	overflow-x:hidden;
	overflow-y:auto;
	font-style:italic;
	font-weight:bold;
}
.instruction img
{
	max-width:40vw;
}

.actions
{
	margin:0px;
	text-align:center;
}

.action:active {
	box-shadow: 3px 3px 5px #000000;
}

/*.action
{
	//height:50px;
	width: 100px;
	//-moz-border-radius:10px;
	//-webkit-border-radius:10px;
	//border-radius:10px;
}*/

.action
{
	background-color:#2E4172;
	border:1px solid #2E4172;
	display:inline-block;
	/*height:5vh;*/
	width:20vw;
	cursor:pointer;
	vertical-align:bottom;	
	padding:2vh;
	font-style:normal;
	color:white;
	margin:2vh;
}

#preAlert>.instruction
{
	border:2px solid lightgrey;
	/*box-shadow: 3px 3px 5px light-grey inset;
	box-shadow: -1px 2px 10px 3px rgba(0, 0, 0, 0.3) inset;*/
}
/* css : /css/diagcpsinstruction.css End */
/* css : /css/wizarddiagcps.css Begin */
/* Fonts Part */
@font-face {
    font-family: segoeui;
    src: url(font/segoeui.ttf);
	font-stretch:normal;
	font-style:normal;
	font-weight:normal;
}

@font-face {
    font-family: segoeui;
    src: url(font/segoeuib.ttf);
	font-stretch:normal;
	font-style:normal;
	font-weight:bold;
}

@font-face {
    font-family: segoeui;
    src: url(font/segoeuii.ttf);
	font-stretch:normal;
	font-style:italic;
	font-weight:normal;
}

@font-face {
    font-family: segoeui;
    src: url(font/segoeuiz.ttf);
	font-stretch:normal;
	font-style:italic;
	font-weight:bold;
}

/* Spin Part */
#spin
{
	background-image:url(../images/wait.gif);
	background-size: contain;
	background-repeat: no-repeat;
    background-position: center;
	width:100%;
	height:100%;
	color:black;
	font-size:8vh;
	text-align:center;
	display:flex;
}
#retry
{
	margin:auto;
	color:grey;
	margin:auto;
}

/* Diagnostic information Part */
.diagState {
	display:none;
	padding:1vh;
	font: 700 2.5vh/1em "Trebuchet MS",sans-serif;
	text-align: center;
	color: #DDD;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
	margin:1vh;
	margin-right:auto;
	margin-left:auto;
	width:30vw;
}

.diagStart, .diagInProgress {
	background-color:#669BE1;
	background: #5784BF linear-gradient(#669BE1, #5784BF) repeat scroll 0% 0%;
}

.diagKO {
	background-color:#FFA116;
	background: #FFA116 linear-gradient(#FFA116, #FF4F00) repeat scroll 0% 0%;
}

.diagOK {
	background-color:#00BE17;
	background: #8FCE4A linear-gradient(#00BE17, #3C6741) repeat scroll 0% 0%;
}
/* css : /css/wizarddiagcps.css End */