body{
	background-color: white;
	background-image:url(/images/background.jpg);
    background-attachment : fixed;
    background-size: cover;
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 { display: block; overflow: hidden; font-size: 0; }
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 { height: 1px; }
.xb4, .xb5, .xb6, .xb7 { background: #ccc; border-left: 1px solid #c6d2e7; border-right: 1px solid #c6d2e7; }
.xb1 { margin: 0 8px; background: #c6d2e7; }
.xb2 { margin: 0 6px; background: #c6d2e7; }
.xb3 { margin: 0 4px; background: #c6d2e7; }
.xb4 { margin: 0 3px; background: #FFFFFF; border-width: 0 4px; }
.xb5 { margin: 0 2px; background: #FFFFFF; border-width: 0 3px; }
.xb6 { margin: 0 2px; background: #FFFFFF; border-width: 0 2px; } 
.xb7 { margin: 0 1px; background: #FFFFFF; border-width: 0 2px; height: 2px; }

.boxcontent 
{ 
	display: block; 
	background: #000000; 
	border: 287px solid #c6d2e7; 
	border-width: 0 2px; 
	padding-left: 3px; 
	padding-right: 2px; 
	text-align: center; 
}

.Style17 {color: #000000; font-weight: bold; }

#boxcorner p { color: #00000; font-size: 15px; font-family: arial,verdana,geneva,helvetica,sans-serif; padding-bottom: 5px; }
.ACTIVE { margin: 0px; border: none; font-weight: bold; font-size: 16px; color: #00CC00; }
.DESACTIVE { margin: 0px; border: none; font-weight: bold; font-size: 16px; color: #CC0000; }
#boxcorner p.tex { font-size: 12px; color: #FFFFFF; font-family: arial,verdana,geneva,helvetica,sans-serif; margin-left: 15px; margin-right: 15px; margin-top: 3px; }

.boxcorner em { display: block; width: 0; height: 0; color: #d8d8ee; overflow: hidden; border-top: 12px solid #c6d2e7; border-left: 12px dotted transparent; border-right: 12px dotted transparent; margin-left: 50px; }
/* hack for IE5.5 */
* html .boxcorner em {width:24px; height:12px; width:0; height:0;}
.boxcorner span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #c6d2e7; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .boxcorner span {width:20px; height:10px; w\idth:0; hei\ght:0;}

p { margin: 0px; padding: 0px; font-size: 14px; line-height: 16px; }

.boxcontent { display: block; background: #FFFFFF; border: 287px solid #c6d2e7; border-width: 0 2px; padding-left: 3px; padding-right: 2px; text-align: center; }


.txtrouge{
  color: #ff0000;
}

.overflow {
	height: 200px;
}

#boxcorner 
{ 
	position:absolute;
	top:0px;
	left:0px;
	background: transparent; 
	margin-right: 10px; 
	margin-left: 10px; 
	width: 280px; 
	float: right; 
	display: inline; 
}

#windowContainer {
	position:absolute;
	top:0px;
	left:0px;
//	background-color:#FFFFFF;
	background-color:#FFEC95;
	border-style:solid;
	border-width:1px;
	width:0px;
	height:0px;
}

.centre
{
	text-align: center;
}

.droite
{
	text-align: right;
}

.gras{
	font-weight : bold;
}

.fs14{
	font-size: 14px !important;
}

div.connect
{
 	margin-left: auto;
    margin-right: auto;
	text-align: center;
	width :650px;
	padding: 0 0 10px 0;
    background: #1d76b7;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size:16px;
    color : #FDD305 ;

}

div.info
{
 	margin-left: auto;
    margin-right: auto;
	font-weight : bold;
	text-align: center;
	width :650px;
	background: #2dc1ff;
    background: -moz-linear-gradient(#2dc1ff, #1d76b7);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1d76b7),color-stop(1, #2dc1ff));
    background: -webkit-linear-gradient(#2dc1ff, #1d76b7);
    background: -o-linear-gradient(#2dc1ff, #1d76b7);
    background: -ms-linear-gradient(#2dc1ff, #1d76b7);
    background: linear-gradient(#2dc1ff, #1d76b7);
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	font-size:26px;
	color : #FDD305 ;
}

div.infopass
{
 	margin-left: auto;
    margin-right: auto;
	font-weight : bold;
	text-align: center;
	width :650px;
	background: #2dc1ff;
    background: -moz-linear-gradient(#2dc1ff, #1d76b7);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #1d76b7),color-stop(1, #2dc1ff));
    background: -webkit-linear-gradient(#2dc1ff, #1d76b7);
    background: -o-linear-gradient(#2dc1ff, #1d76b7);
    background: -ms-linear-gradient(#2dc1ff, #1d76b7);
    background: linear-gradient(#2dc1ff, #1d76b7);
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	font-size:16px;
	font-family: sans-serif;
	color : #FFFD4A ;
}

div.infodefil
{
 	margin-left: auto;
    margin-right: auto;
	text-align: center;
	width :650px;
    background: #1d76b7;
    font-size:26px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
     -moz-box-shadow: 0 2px 1px #9c9c9c;
        -webkit-box-shadow: 0 2px 1px #9c9c9c;
        box-shadow: 0 2px 1px #9c9c9c;
    font-size:26px;
    color : #FDD305 ;

}

fieldset.tabbord		/* OK */
{
 	margin-left: auto;
    margin-right: auto;
    text-align: left;
	width :650px;
	height :450px;
	padding-left:10px;
	display : block;
	background-color : #F2F0F0;
}
input.bt230
{
	width:230px;
}

input.bt230h2
{
	width:230px;
	height:36px;
}

input.cache
{
 	width:0px;
	display : none;
}

input.tx125
{
 	vertical-align:top;
 	margin-left:0px;
	width:125px;
	height:19px;
}

input.tx200
{
 	vertical-align:top;
 	margin-left:0px;
	width:200px;
	height:19px;
}

input.tx400					/* OK */
{
 	vertical-align:top;
 	margin-left:0px;
	font-size:14px;
	font-family:Times;
	width:400px;
	height:24px;
}

input.tx75
{
 	vertical-align:top;
 	margin-left:0px;
	width:75px;
	height:19px;
}

input.tx85
{
 	vertical-align:top;
 	margin-left:0px;
	width:85px;
	height:19px;
}

input.txarea400					/* OK */
{
 	vertical-align:top;
 	margin-left:0px;
	font-size:14px;
	font-family:Times;
	width:400px;
	height:120px;
}

legend.lg2					/* OK */
{
 	font-size:16px;
 	color: #27C57D;
	font-weight : normal;
	font-style:italic;
}

select.detdons100
{
	text-align: left;
	font-size:14px;
	font-family:Times;
	width:98px;
	height:24px;
}

select.detdons200
{
	text-align: left;
	font-size:14px;
	font-family:Times;
	width:198px;
	height:24px;
}

table.choix1					/* Table des critères de choix */
{
 	margin-left: auto;
    margin-right: auto;
 	background-color: #F2F0F0;
	width: 650px;
	border: outset 0px; 
	border-collapse: separate;
	border-spacing: 0px; 
	border-style: ridge;
	padding: 0px;
}

td.etiqtabbord
{
	font-size:12px;
}

td.etiq1
{
	font-weight : bold;
	text-align: center;
	overflow:hidden;
 	font-size:18px;
}

td.etiq2
{
 	margin-left: auto;
    margin-right: auto;
	text-align: right;
 	vertical-align:top;
}

td.gauche
{
	text-align: left;
}

.ui-dialog {
    overflow: visible;
}

.ui-autocomplete {
	max-height: 300px;
	max-width: 250px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}