/* Eléments principaux de la page */
 
/*body
{
    /*background-color: #ffffff;
	background-image: url('images/fond_test_mode3.jpg');
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
} */

#bloc_title
{
    /*float: left;*/
	background-color: #dcdcdc;
	width: 1024px;
	height: 130px;
    margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #a28fed;
	border-left: 3px solid #a28fed;
	border-right: 3px solid #a28fed;

}

#bloc_title2
{
    /*float: left;
	background-color: #dcdcdc; */
	width: 1024px;
	height: 140px;
    margin-left: auto;
	margin-right: auto;
	border-bottom: 3px solid #a28fed;
	border-top: 3px solid #a28fed;
	border-left: 3px solid #a28fed;
	border-right: 3px solid #a28fed;
	border-top-left-radius: 7px 7px;
	border-top-right-radius: 7px 7px;
}

#bloc_page_main
{
    /*float: left;*/
	background-color: #dcdcdc;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #a28fed;
	border-left: 3px solid #a28fed;
	border-right: 3px solid #a28fed;
	margin-top: 5px;
}

#bloc_page_main2
{
    /*float: left;*/
	background-color: #dcdcdc;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #a28fed;
	border-left: 3px solid #a28fed;
	border-right: 3px solid #a28fed;
	border-bottom: 3px solid #a28fed;
	margin-top: 5px;
	margin-bottom: 20px;
}

#bloc_page_main2bis
{
    /*float: left;*/
	background-color: #dcdcdc;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #a28fed;
	border-left: 3px solid #a28fed;
	border-right: 3px solid #a28fed;
	border-bottom: 3px solid #a28fed;
	margin-top: 5px;
	margin-bottom: 20px;
}

#bloc_page_main3
{
    /*float: left;*/
	background-color: #dcdcdc;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	border-top: 3px solid #a28fed;
	border-left: 3px solid #a28fed;
	border-right: 3px solid #a28fed;
	border-bottom: 3px solid #a28fed;
	margin-top: 0px;
	margin-bottom: 0px;
}

div#bloc_login
{
		background-color: #a28fed;
		/*background-color: <?php echo '#'.$_SESSION['border_uni_color']; ?>;*/
		/*float:left;*/
		right: 0px;
		top: 0px;
		height: 18px;
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 1px;
		border-left: 3px solid #a28fed;
		border-right: 3px solid #a28fed;
		
		}
		
div#bloc_login1
{
		background-color: #a28fed;
		/*float:left;*/
		right: 0px;
		top: 0px;
		height: 18px;
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 1px;
		border-left: 3px solid #a28fed;
		border-right: 3px solid #a28fed;
		
		}
		
div#bloc_login_top
{
		background-color: #a28fed;
		/*float:left;*/
		right: 0px;
		top: 0px;
		height: 18px;
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 1px;
		border-left: 3px solid #a28fed;
		border-right: 3px solid #a28fed;
		
		}
		

		
div#bloc_down
{
		background-color: #a28fed;
		/*float:left;*/
		right: 0px;
		top: 0px;
		height: 15px;
		width: 1018px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0px;
		border-left: 3px solid #a28fed;
		border-right: 3px solid #a28fed;
		border-bottom: 3px solid #a28fed;		
		}
		
div#bloc_down2
{
		background-color: #a28fed;
		/*float:left;*/
		right: 0px;
		top: 0px;
		height: 15px;
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 0px;
		border-left: 3px solid #a28fed;
		border-right: 3px solid #a28fed;
		border-bottom: 3px solid #a28fed;		
		}
		
		
.champ {
    height:10px;
    width:125px;
	}
	
.champ1 {
	/*float: right; */
    height:21px;
    width:60px;
	font-size: 11px;
	vertical-align:top;
	color: #000080;
	line-height:1em;
}

	/*padding-bottom: 4px; */
	}
	
.champ2 {
	float: right;
    height:24px;
    width:60px;
	font-size: 14px;
	vertical-align:top;
	color: #000080;
	padding-bottom: 4px;
	margin-right: 20px;
	}
	
.champ3 {
    height:10px;
    width:75px;
	}

	.champ4 {
    height:18px;
    width:125px;
	}
 
section h1, footer h1, nav a
{
    font-family: Dayrom, serif;
    font-weight: normal;
    text-transform: uppercase;
}

div#demo_bloc
{
		text-align: center;
		background-color: #ff0000;
		/* background: navy("web/bandeau_loup.jpg"); */
		/*background-image: url("../images/jpg/titres/bienvenue.jpg");
		/*height: 80px;*/
		
		width: auto;
		height: 15px;
		float:right;
		margin-right: 15px;
		margin-bottom: 0px;
		padding: 1px;
}

div#demo_bloc1
{
		text-align: center;
		background-color: #ff0000;
		width: auto;
		height: 15px;
		float:left;
		margin-right: 15px;
		margin-left: 15px;
		margin-bottom: 0px;
		padding: 1px;
}

div#exapro_bloc
{
		text-align: center;
		/*background-color: #ff0000;*/
		/* background: navy("web/bandeau_loup.jpg"); */
		background-image: url("../images/byexapro2.jpg");
		float:right;
		width: 250px;
		height: 15px;
		margin-right: 15px;
		margin-bottom: 0px;
		padding: 0px;
}

div#exapro_bloc1
{
		text-align: center;
		/*background-color: #ff0000;*/
		/* background: navy("web/bandeau_loup.jpg"); */
		background-image: url("../images/byexapro2.jpg");
		float:right;
		width: 250px;
		height: 15px;
		margin-right: 15px;
		margin-left: 350px;
		margin-bottom: 0px;
		padding: 0px;
}

div#exapro_bloc2
{
		text-align: center;
		/*background-color: #ff0000; */
		/* background: navy("web/bandeau_loup.jpg"); */
		/*background-image: url("../images/byexapro2.jpg");*/
		float:right;
		position: absolute;
		width: 200px;
		height: 20px;
		margin-right: 0px;
		margin-left: 400px;
		margin-bottom: 10px;
		padding-left: 40px;
}

.image { /* bloc concernant l'image en arrière-plan */
width : 576px;
height: 200px;
background: url("../images/tab_bord_172b.jpg") top left no-repeat;
}
.zone1 { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 150px;
height: 100px;
margin-left: 120px;
margin-top: 30px;
border: 1px dotted white; /* ajouté pour visualiser la zone*/
}
.zone2 { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
/*width : 150px;
height: 100px;
margin-left: 220px;
margin-top: 30px;*/
border: 3px dotted white; /* ajouté pour visualiser la zone*/
}

div#option1 { /* liste déroulante */
background-color: turquoise;
color: navy;
}