body{
	background-color : #ffffff;
	width:100%;
	margin:0;
	padding:0;
	font-family: TrebuchetMS, "Trebuchet MS", Verdana, Tahoma, sans-serif;
    font-size: 0.8em;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

table {
    font-size: 12px;  
}

#logo{ /*LOGO LEBONCOUPLE*/
	position : relative;
	left: 50px;
}

#conteneur{ /*CONTENEUR CENTREUR*/
	/*background-color : #0000ff;*/
	width : 1000px;
	margin:0 auto; 
}

/***
 *TOOLBARRE 
 */
	#conttool{ /*BARRE DE LIEN EN HAUT DE PAGE*/
		display: block;
		margin-left: 50px; 
		margin-top: 10px;
		margin-bottom: 0px;
		width : 900px;
		height : 40px;
	}

		#conttool .activbt , #conttool .nactivbt{
			display: inline-block;
			width : 100px;
			height : 35px;
			padding-top:10px;
			margin-right : 5px;
			border-width : 1px;
			border-style : solid;
			border-radius: 8px;
			border-color: #c1c1c1;
			background-color: #FFFFFF;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			color: #000000;
		}
			
		#conttool .activbt{ /*BT LIENS EN HAUT DE PAGE*/
			background-color: #e3e3e3;
		}

		#conttool .nactivbt:hover{ /*BT LIENS EN HAUT DE PAGE AVEC FOCUS*/
			background-color: #e3e3e3;
		}

/***
 *ZONE DE CONTENU 
 */
	#cont1{ /*CADRE GRIS DE CONTENU PAGE*/
		display: block;
		position:relative;
		width : 900px;
		height : 400px;
		margin-top: 20px;
		margin-left: 50px; 
		background-color: #e3e3e3;
		border-width : 1px;
		border-style : solid;
		border-color: #c1c1c1;
	}

		 #titrepage{ /*TITRE DE LA PAGE DANS CADRE CONT1*/
			position : absolute;
			font-size: 18px;
			margin-top: 10px;
			margin-left: 20px;
		 }
		 
		 .lefttiercontenu{
            position : absolute;
            display: block;
            padding-right: 20px;
            width : 260px;
            height : 350px;
            top: 50px;
            left: 20px;
         }
         
		 .righttiercontenu{
		 	position : absolute;
		 	display: block;
		 	padding-right: 20px;
		 	width : 580px;
		 	height : 350px;
		 	top: 50px;
			left: 300px;
		 }
		 
		 	.zonedetexte{
		 		text-align:justify;
		 	}
		 
		 .leftdemicontenu{
            position : absolute;
            display: block;
            padding-right: 20px;
            width : 400px;
            height : 350px;
            top: 50px;
            left: 20px;
         }
         
		 .rightdemicontenu{
		 	position : absolute;
		 	display: block;
		 	padding-right: 20px;
		 	width : 430px;
		 	height : 350px;
		 	top: 50px;
			left: 450px;
		 }
		 
		 #lignevertical{
		 	position : absolute;
			margin-left : 480px;
			margin-top : 40px;
			width : 2px;
			height : 320px;
			background-color: #c1c1c1;
		 }
 
#cont1 #txtacceuil{
	position : relative;
	left: 450px;
	width : 400px;
	bottom : 350px;
	color: #414141;
}

#txtright{
	position : absolute;
	margin-left : 500px;
	margin-top : 40px;
	padding : 0px;
	padding-top : 5px;
	width : 350px;
}



#zonemapage{
	display: block;
	position : absolute;
	margin-left : 40px;
	margin-top : 370px; 
	height :25px;
	width : 400px;
}

#mapage{
	width : 180px;
	height : 25px;
	padding-left: 10px;
	margin:0 auto; 
	text-align:center;
}

#btmapage{
	display: inline-block;
	width: 30px;
	height: 15px;
	background-color: #ffffff;
	border-width : 1px;
	border-style : solid;
	border-color: #c1c1c1;
	text-align: center;
	vertical-align: middle;
	color: #000000;
}

/* Graphique Temporaire*/
#cont1 #waitgraf{
	position : absolute;
	margin-left : 400px;
	margin-top : 80px;
}

#waittext{
	position : absolute;
	margin-left : 200px;
	margin-top : 210px;
	width : 500px;
	text-align : center;
}

#waitret{
	position : absolute;
	margin-left : 800px;
	margin-top : 350px;
}

/*Inscription */

#inscripform {
	position : absolute;
	padding-left:20px;
	margin-top : 40px;
	width : 400px;
 }

 #inscripsubmit{
	float: right;
	margin-right : 5px;
 }
 
 /*RESULTAT*/
#result{
	position : absolute;
	width : 440px;
	height : 320px;
	margin-top : 40px;
	margin-left : 20px;
}
 
#userdiv{
	display: block;
	width : 214px;
	height : 60px;
	margin: 0px;
	color : #000000;
	border-width : 1px;
	border-style : solid;
	border-radius: 8px;
	border-color: #c1c1c1;
	background-color: #ffffff;
	overflow:auto;
}

#userdiv:hover{
	background-color: #e3e3e3;
}

#userico{
	position : absolute;
	margin-top: 8px;
	margin-left : 8px;
}

#usernom{
	display: block;
	width : 154px;
	height : 52px;
	position : absolute;
	margin-top: 8px;
	margin-left : 60px;
}

  /*Mon profil*/
 #myprofilid{
	display : block;
	margin-left: 20px;
 }
 
  /*MAJ Navigateur internet*/
 
 #linknavigateur{
	display: block;
	margin: 0px;
	padding: 0px;
	height : 60px;
	color : #0000FF;
	text-decoration:underline; 
}

#navrico{
	position : absolute;
	margin: 0px;
	padding: 0px;
}

#survolnavrico{
	visibility: hidden;
	position : absolute;
	margin: 0px;
	padding: 0px;
}

#linknavigateur:hover #survolnavrico{
	visibility: visible;
}

#navnom{
	position : absolute;
	margin-top: 10px;
	margin-left : 60px;
}

#signaautor{
	display: block;
	margin: 0 auto;
	padding:0;
	margin-top: 10px;
	margin-bottom: 20px;
}

/*
 * -------------------------------------------------------------------------------------------------------------------
 * MISE EN PAGE DU BOTTOMBARRE
 * -------------------------------------------------------------------------------------------------------------------
 */
#contbottom{ /*BARRE DE LIEN*/
	display: block;
	margin-left: 50px; 
	margin-top: 5px;
	width : 905px;
	height : 40px;
}

.minilignevertical{ /*LIGNE DE SEPARATION*/
	display: inline-block;
	width : 1px;
	height : 35px;
	margin-top:0px;
	background-color: #c1c1c1;
}

.minibtlink{ /*BT LIENS HYPERTEXTE*/
	display: inline-block;
	width : 100px;
	height : 35px;
	padding-top:12px;
	margin-top:15px;
	margin-right : 5px;
	text-align: center;
	vertical-align: middle;
}

.minibtlink a{ /*COULEUR DES LIENS*/
	color: #000000;
}
/*
 * -------------------------------------------------------------------------------------------------------------------
 * MISE EN PAGE FORMULAIRE
 * -------------------------------------------------------------------------------------------------------------------
 */
/*FORMAT D'OBJET FORMULAIRE*/

.txt10 , .txt20 , .txt30 , .txt40 , .txt50 , .txt60 , .txt70 , .txt80 , .txt90 ,
.txt100 , .txt110 , .txt120 , .txt130 , .txt140 , .txt150 , .txt160 , .txt170 , .txt180 , .txt190 , 
.txt200 , .txt210 , .txt220 , .txt230 , .txt240 , .txt250 , .txt260 , .txt270 , .txt280 , .txt290 ,
.txt300 , .txt310 , .txt320 , .txt330 , .txt340 , .txt350 , .txt360 , .txt370 , .txt380 , .txt390{
	height: 18px;
	border-bottom-width: 1px;
	border-radius: 5px;
	background-color: #EEEEEE;
	color: #333333;
	border-color: #999999;
	margin-bottom: 5px;
}

.frmlabel10 , .frmlabel20 , .frmlabel30 , .frmlabel40 , .frmlabel50 , .frmlabel60 , .frmlabel70 , .frmlabel80 , .frmlabel90 ,
.frmlabel100 , .frmlabel110 , .frmlabel120 , .frmlabel130 , .frmlabel140 , .frmlabel150 , .frmlabel160 , .frmlabel170 , .frmlabel180 , .frmlabel190 , 
.frmlabel200 , .frmlabel210 , .frmlabel220 , .frmlabel230 , .frmlabel240 , .frmlabel250 , .frmlabel260 , .frmlabel270 , .frmlabel280 , .frmlabel290 ,
.frmlabel300 , .frmlabel310 , .frmlabel320 , .frmlabel330 , .frmlabel340 , .frmlabel350 , .frmlabel360 , .frmlabel370 , .frmlabel380 , .frmlabel390{
	display: inline-block;
	margin-bottom: 5px;
}

.select10 , .select20 , .select30 , .select40 , .select50 , .select60 , .select70 , .select80 , .select90 ,
.select100 , .select110 , .select120 , .select130 , .select140 , .select150 , .select160 , .select170 , .select180 , .select190 , 
.select200 , .select210 , .select220 , .select230 , .select240 , .select250 , .select260 , .select270 , .select280 , .select290 ,
.select300 , .select310 , .select320 , .select330 , .select340 , .select350 , .select360 , .select370 , .select380 , .select390{
	height: 22px;
	border-bottom-width: 1px;
	border-radius: 5px;
	background-color: #EEEEEE;
	color: #333333;
	border-color: #999999;
	margin-bottom: 5px;
	margin-right: 4px;
}

button{
	background-image: url("images/backtableau.bmp");	
	display: inline-block;
	border-radius: 5px;
	width: 100px;
	height: 28px;
	font-weight : bold;
}

.txt10 , .frmlabel10 , .select10{
	width: 10px;
}

.txt20 , .frmlabel20 , .select20{
	width: 20px;
}

.txt30 , .frmlabel30 , .select30{
	width: 30px;
}

.txt40 , .frmlabel40 , .select40{
	width: 40px;
}

.txt50 , .frmlabel50 , .select50{
	width: 50px;
}

.txt60 , .frmlabel60 , .select60{
	width: 60px;
}

.txt70 , .frmlabel70 , .select70{
	width: 70px;
}

.txt80 , .frmlabel80 , .select80{
	width: 80px;
}

.txt90 , .frmlabel90 , .select90{
	width: 90px;
}

.txt100 , .frmlabel100 , .select100{
	width: 100px;
}

.txt110 , .frmlabel110 , .select110{
	width: 110px;
}

.txt120 , .frmlabel120 , .select120{
	width: 120px;
}

.txt130 , .frmlabel130 , .select130{
	width: 130px;
}

.txt140 , .frmlabel140 , .select140{
	width: 140px;
}

.txt150 , .frmlabel150 , .select150{
	width: 150px;
}

.txt160 , .frmlabel160 , .select160{
	width: 160px;
}

.txt170 , .frmlabel170 , .select170{
	width: 170px;
}

.txt180 , .frmlabel180 , .select180{
	width: 180px;
}

.txt190 , .frmlabel190 , .select190{
	width: 190px;
}

.txt200 , .frmlabel200 , .select200{
	width: 200px;
}

.txt210 , .frmlabel210 , .select210{
	width: 210px;
}

.txt220 , .frmlabel220 , .select220{
	width: 220px;
}

.txt230 , .frmlabel230 , .select230{
	width: 230px;
}

.txt240 , .frmlabel240 , .select240{
	width: 240px;
}

.txt250 , .frmlabel250 , .select250{
	width: 250px;
}

.txt260 , .frmlabel260 , .select260{
	width: 260px;
}

.txt270 , .frmlabel270 , .select270{
	width: 270px;
}

.txt280 , .frmlabel280 , .select280{
	width: 280px;
}

.txt290 , .frmlabel290 , .select290{
	width: 290px;
}

.txt300 , .frmlabel300 , .select300{
	width: 300px;
}

.txt310 , .frmlabel310 , .select310{
	width: 310px;
}

.txt320 , .frmlabel320 , .select320{
	width: 320px;
}

.txt330 , .frmlabel330 , .select330{
	width: 330px;
}

.txt340 , .frmlabel340 , .select340{
	width: 340px;
}

.txt350 , .frmlabel350 , .select350{
	width: 350px;
}

.txt360 , .frmlabel360 , .select360{
	width: 360px;
}

.txt370 , .frmlabel370 , .select370{
	width: 370px;
}

.txt380 , .frmlabel380 , .select380{
	width: 380px;
}

.txt390 , .frmlabel390 , .select390{
	width: 390px;
}

.validinputindef , .validinputok , .validinputnok{
	display: inline-block;
	height: 18px;
	width: 18px;
	margin-left: 5px;
}

.validinputok{
	background-image: url("images/ok.png");
}

.validinputnok{
	background-image: url("images/nok.png");
}