*
{
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial;
	font-size: 10pt;
}
 
html, body
{
 	height: 100%;
	background-color: #F2F7FF;
	text-align: center;

	background-image: url("images/barre_fond.png");
 	background-repeat: repeat-y;
 	background-position: center;
}
 
 /******* INTERFACE *******/
#InterfaceCentre
{
	margin-left: auto;
	margin-right: auto;
 	width: 900px;
 	background-color: #F2F7FF;
	margin-left: auto;
	margin-right: auto;
}
#InterfaceTitre
{
 	width: 900px;
 	height: 40px;
 	background-image: url("images/titre.png");
}
#InterfaceBandeau
{
	width: 900px;
	height: 200px;
	background-image: url("images/bandeau.png");
}
#InterfaceMenu ul li
{
	display: inline;
}
#InterfaceMenu ul
{
	width: 900px;
	border-top: 2px #000080 solid;
}
#InterfaceMenu ul li a img
{
	border:0px;
	border:none;
}
#InterfaceContenu
{
	padding: 5px;
	text-align: left;
}



/******* TITRE LIGNE *******/
#InterfaceContenu div.LineHr hr
{
	display:none;
}
#InterfaceContenu div.LineHr
{
	background: transparent url(images/ligne.png) no-repeat center center;
	height: 3px;
}
#InterfaceContenu div.LineHrTitre
{
	text-align: right;
	font-size: 11pt;
	font-weight: bold;
}


#InterfaceContenu ul li
{
	margin-left: 30px;
}
#InterfaceContenu div.Titre
{
 
}
#InterfaceContenu div.Titre div.miniTitre_d
{
	font-weight: bold;
	float: left;
	text-align: left;
}
#InterfaceContenu div.Titre div.miniTitre_g
{
	float: right;
	text-align: right;
}

#InterfaceContenu span.MiseEnValeur
{
	font-weight: bold;
}
#InterfaceContenu .BlocCentre
{
	text-align: center;
}
#InterfaceContenu span.SPAN_Err{
	color: red;
}


/******* CONFIGS *******/
div.Config
{
	position: relative;
	width: 800px;
	height: 500px;
}
div.Config div.Bloc
{
	height:120px;
	width:100px;
	position: absolute;
	background-color: white;
	border: 1px solid #CCCCCC;
}
div.Config div.Bloc div.BlocImg
{
	text-align: center;
	height:90px;
}
div.Config div.Bloc div.BlocImg img
{
	height:90px;
	width:90px;
}
div.Config div.Bloc div.BlocTxt
{
	text-align: center;
	font-size: 8pt;
	font-family: Arial;
	border-top: 1px solid #CCCCCC;
	height:30px;
}
div.Config div.BlocDD
{
	position: absolute;
	width:260px;
	border: 1px solid #CCCCCC;
	background-color: white;
}
div.Config div.BlocDD img
{
	border-right: 1px solid #CCCCCC;
	height:30px;
	float: left;
}
div.Config div.BlocDD div.BlocTxt
{
	font-size: 8pt;
	font-family: Arial;
	margin-top: 8px;
	text-align: center;
}


div.BlocPied
{
	font-size: 7pt;
	text-align: center;
}
div.BlocPied a
{
		font-size: 6pt;
}
span.LogicielDescr
{
	margin-left: 20px;
}


/*********** DEBUT BULLES **********/
div.BlocBulle
{
    position:relative;
    margin-bottom: 20px;
}

div.BlocBulleTitreEtImage
{
	z-index: 5;
	position: absolute;
	width : 341px;
	height : 221px;
	background-image: url(images/BlocBulleTitreEtImage.png);
	background-repeat: no-repeat;
}
div.BlocBulleTitre
{
	margin-top: 2px;
	text-align: center;
}
div.BlocBulleImage
{
	margin-top:10px;
	text-align: center;
}


div.BlocBulleDescription
{
	z-index: 10;
	position: relative;
	left:320px;
	top:-12px;
	width : 562px;
	background-repeat: no-repeat;
}
div.BlocBulleDescriptionHaut
{
	height : 13px;
    background-image: url(images/BlocBulleDescriptionHaut.png);
    background-repeat: no-repeat;
}
div.BlocBulleDescriptionCentre
{
	min-height: 185px;
	background-image: url(images/BlocBulleDescriptionCentre.png);
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-right: 5px;
}
div.BlocBulleDescriptionBas
{
	height : 20px;
	background-image: url(images/BlocBulleDescriptionBas.png);
	background-repeat: no-repeat;
}


div.BlocBulleLien
{
	z-index: 5;
	position: relative;
	left: 680px;
	width : 206px;
	height : 31px;
	background-image: url(images/BlocBulleLien.png);
	background-repeat: no-repeat;
	font-size: 10pt;
	text-align: center;
}
/*********** FIN BULLES **********/

/*********** DEBUT CONTCAT **********/
div.ContactBlocTitre
{
	width: 600px;
	margin: auto;
	border: 1px solid #DDDDDD;
	margin-bottom: 10px;
}
div.ContactTitre
{
	text-align:center;
	font-size: 12pt;
}
div.ContactMiniTitre
{
	text-align:center;
	margin-left:30px;
	font-size: 8pt;
}
div.BlocContact
{
	height: 400px;
	width:600px;
	margin-left: auto;
	margin-right: auto;
}
div.BlocContact div.BlocD
{
	float:left;
	width:145px;
	height: 45px;
	text-align: right;
	margin-right: 5px;
}
div.BlocContact div.BlocG
{
	float:right;
	width:450px;
	height: 45px;
}
div.BlocContact div.BlocD span
{
	font-size: 8pt;
}
div.BlocContact div.BlocG input
{
	width: 100%;
	border: 1px solid #0b77b7;
	background-color: #FFFFFF;
}
div.BlocContact div.BlocG textarea#message
{
	width: 100%;
	border: 1px solid #0b77b7;
	height : 150px;
}
div.BlocContact input.Button
{
	margin-top: 30px;
	float: right;
	width: 450px;
}

#CommentaireblocAjoutOK
{
	display:none;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	background-color: #DDFFDD;
	border: 1px solid #22FF22;
}
.CommentaireblocAjoutOKTitre
{
	background-color: #BBFFBB;
	border-bottom: 1px solid #22FF22;
	text-align:center;
}
#CommentaireblocAjoutErreur
{
	display:none;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFDDDD;
	border: 1px solid #FF2222;
}
.CommentaireblocAjoutErreurTitre
{
	background-color: #FFBBBB;
	border-bottom: 1px solid #FF2222;
	text-align:center;
}


/*********** FIN CONTCAT **********/


/******* ANTI ROBOTS *******/
.CodeBrut div{float: left;}
.CodeBrut img{float: left;}
.CodeBrut div.CodeBrutLbl{margin-right: 50px;}
.CodeBrut div.CodeBrutTxt{float: right;}
.CodeBrut div input{width: 50px;}

#div_antibot{display:none;display:block;}
.antibot_1{display:block;display:none;}
.antibot_2{display:block;display:none;}
.antibot_3{display:block;display:none;}
.antibot_6{display:none;display:block;}
.antibot_5{display:block;display:none;}
.antibot_8{display:block;display:none;}
img.Code{
	border:none;
	width:1px;
	height:1px;
}
#GenCode{
	border:none;
	height:10px;
	width: 90px;
	text-align:center;
	margin:auto;
}
#GenCode tr td{
	border:none;
	text-align:center;
	margin:auto;
}
#GenCode tr td img{
	border:none;
	text-align:center;
	margin:auto;
}