/*------------------------------------GLOBAL------------------------*/
*{
	margin:0px;
	padding:0px;
}

* img {
	behavior:	url("pngbehavior.htc");
	}
	
body {
	font-family: Times, Verdana, Arial,  Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color:#000000;


}
#header {
	width: 770px;
	height: 155px;
	margin : 0px;
	padding : 0px;
}

#header img{
	width: 770px;
	height: 155px;
	margin-bottom : -5px;
}

#menu_mini{
	position : absolute;
	width: 300px;
	height: 240px;
	left:-54px;
}

#header a {
	position: absolute;
	color:#ffffff;
	top:50px;
	left:10px;
	font-size: 1.1em;
	letter-spacing:0.1em;
}

#header a:link {
	text-decoration : none;	
}

#header a:hover {
	text-decoration : underline;	
}

#supercont{
	position: absolute;
	width:1024px;
	height: 768px;
	background-image:url("interface/haut.jpg");
	background-repeat: no-repeat;
	left: 50%;
	margin-left: -512px;
	overflow:hidden;
}

#conteneur {
	position: absolute;
	width: 770px;
	left: 50%;
	margin-left: -385px;
	

}
#centre {
	margin-left: 150px;
	width: 620px;
	height : 390px;
	padding-bottom: 10px;
	background-color:#ffffff;
	background-image:url("interface/trame.png");
	background-repeat: repeat-x;
	background-position:bottom;

}

#centreTot{
	width: 770px;
	height : 390px;
	padding-bottom: 10px;
	background-color:#ffffff;
	background-image:url("interface/trame.png");
	background-repeat: repeat-x;
	background-position:bottom;
	
	/*border:1px solid YELLOW;*/
}

#centreTotG{
	width: 770px;
	height : 480px;
	padding-bottom: 10px;
	background-color:#ffffff;
	background-image:url("interface/trame.png");
	background-repeat: repeat-x;
	background-position:bottom;
	
	/*border:1px solid YELLOW;*/
}

/****************************---- DRAPEAU ---*******************************/
#drap{
	position: absolute;
	top:160px !important;
	top:155px;
	left:580px;
	width:40px;
	height:20px;
	/*border:1px solid YELLOW;*/
}

#drap_fr{
	border:0px;
	width:36px;
	height:27px;
	background-color:#000000;
	background-image:url("interface/picto_fr.png");
	
}

#drap_fr:hover{
	background-image:url("interface/picto_fr_hover.png");
	cursor: pointer;
}
#drap_en{
	border:0px;
	width:36px;
	height:27px;
	background-color:#000000;
	background-image:url("interface/picto_en.png");
}

#drap_en:hover{
	background-image:url("interface/picto_en_hover.png");
	cursor: pointer;
}
/*********************************************************/
#arg_bas{
	width: 1770px;
	height: 10px;
	float: left;
	margin-top:-10px !important;
	margin-left:-1px !important;
	margin-top:-13px;
	margin-left:-1px;
	background-image:url("interface/coinbg.png") !important;
	background-image:url("interface/coinbg_ie.png");
	background-repeat: no-repeat;
	background-position:left;
}

#ard_bas{
	width: 10px;
	height: 10px;
	float: right;
	margin-top:-10px !important;
	margin-top:-15px ;
	background-image:url("interface/coinbd.png") !important;
	background-image:url("interface/coinbd_ie.png");
	background-repeat: no-repeat;
	background-position:right;
	
}
#pied {
	height: 30px;
	text-align : center;
}

.menubas {
	list-style-type: none;
	margin: 0;
	padding:0;
	color: #FFFFFF;
}
.menubas li {
	display: inline;
	margin-left:10px !important;
	margin-right:10px !important;

}
#pied a {
	color: #FFFFFF;
	margin: 0 2px;
	text-decoration: none;
}
#pied a:hover {
	text-decoration: underline;
}
/********************************************ACCUEIL***************************************/
#edito	{
	position: absolute;
	width: 360px;
	height : 350px;
	margin-top:30px;
	/*border:1px solid PURPLE;*/
}

#img_edito{
	width: 263px;
	height : 352px;
}

#z_en{
	position : absolute;
	width : 105px;
	height: 100px;
	margin-left: -220px;
	margin-top: 40px;
}
#z_fr{
	position : absolute;
	width : 105px;
	height: 100px;
	margin-left: -90px;
	margin-top: 40px;
}

#edito p{
	width: 260px;
	color:#000000;
	margin-top : -85px;
	margin-left : 150px;
}


#Cmenu{
	
	float:right;
	width: 400px;
	height : 400px;
	/*border:1px solid YELLOW;*/
}

#menu{
	position: absolute;
	width: 400px;
	height : 400px;
	/*border:1px solid red;*/
}

.choix{
	width: 209px;
	height : 45px;
	margin-left: 100px;
	margin-top : 330px;
}

#contImg{
	position:relative;
	width  : 247px;
	height : 178px;
	margin-left:80px;
	margin-top:10px;
	margin-bottom:5px;
}

#imgJean	{
	width  : 247px;
	height : 178px;
}
/********************************************PRESENTATION***************************************/

.v_pres{
	position: absolute;
	width: 280px;
	height : 410px;
	bottom:50px;
	left: 20px;
}

#contenu_pres{
	float:right;
	width: 300px;
	/*border:1px solid red;*/
	margin-right : 130px !important;
	margin-right : 55px;
	margin-top : 105px;
}

#contenu_pres img {
	width: 180px;
	height : 27px;
}

#contenu_pres p {
	text-align : left;
}

#contenu_pres ul {
	list-style-type : none;
	margin-left : 10px;
	}
	

/*****************************-------MENUS--------****************************/

#gauche {
	float : left;
	width: 250px;
	padding-left: 20px;
	/*border :1px solid red;*/
}
.v_menus{

	width: 181px;
	height : 249px;
	margin-left: 20px;
	margin-top:50px;
}

#gauche ul{
	list-style-type : none;
	margin-left : 20px;
}

.btn_menu{
	width: 186px;
	height : 28px;
	border:0px;
}

#contenu_menus{
	float:right;
	width: 410px;
	min-height:350px;
	/*border:1px solid red;*/
	margin-right : 65px !important;
	margin-right : 40px;
	margin-top : 50px !important;
	margin-top : 50px;
	padding-bottom : 10px;
	background-image:url("interface/cadre_blanc.png") !important;
	background-image:url("interface/cadre_vide.png");
	background-repeat: repeat-all;
}

#titre_menus{
	width: 279px;
	height : 45px;
}
#contenu_menus h2{
	text-align: center;
	}
#contenu_menus p{
	width: 380px;
	margin-left:15px;
	text-align: center;
	}
#contenu_menus p img{
	margin:10px;
	}
	
#contenu_menus a {
	margin-left:37%;
	color:#992A07;
}

#contenu_menus a:hover{
	margin-left:37%;
	color:#992A07;
	text-decoration:none;
}

/********************************************--Références--***************************************/

.v_ref{
	position: absolute;
	width: 330px;
	height : 435px;
	top:207px;
	left: 20px;
}
#contenu_ref{
	float:right;
	width: 440px;
	margin-right : 20px !important;
	margin-right : 10px;
	margin-top : 40px;
	background-image:url("interface/cadre_blanc.png") !important;
	background-image:url("interface/cadre_vide.png");
	background-repeat: repeat-all;
	padding-bottom :20px;
}

#liste_ref{
	float:right;
	width: 210px;
	
	margin-left : 5px;
	margin-top : 20px;

}

.separation{
	float:right;
	width: 1px;
	height : 320px;
	margin-top : 60px;
	background-color : #000000;

}


#contenu_ref p {
	text-align : center; 
}

#contenu_ref h3 {
	margin-top : 8px;
	font-size:1.6em;
	text-align : center; 
	padding-top : 7px;
	padding-bottom : 7px;
}

#contenu_ref ul {
	list-style-type : none;

	text-align : center; 
	}
#contenu_ref li {
	/*margin-left : 12px;*/
	margin-top : 5px;
	text-align : center; 
	}

.cadre_ref	{
	/*border:1px solid purple;*/
	width: 380px;
	height : 100px;
	margin-top : 10px;
}

.cadre_ref p	{
	/*border:1px solid yellow;*/
	width: 250px;
}
	
.cadre_ref img{
	width: 100px;
	height : 93px;
	float:right;
}

.sep_etoile_ref{
	width: 35px;
	height : 10px;
}

/**************************************Liens************************************************/
#contenu_lien{
	float:right;
	width: 380px;
	/*border:1px solid red;*/
	margin-right : 60px !important;
	margin-right : 30px;
	margin-top : 110px !important;
	margin-top : 90px;
}
.v_liens{
	position: absolute;
	width: 275px;
	height : 387px;
	bottom : 80px;
}

.cadre_liens	{
	width: 380px;
	margin-top : 7px;
	margin-bottom : 7px;
}

.cadre_liens p	{
	width: 250px;
	margin-left : 10px;
}
	
.cadre_liens img{
	width: 100px;
	height : 93px;
	float:right;
}

.cadre_liens a{
	margin-left: 10px;
	color:#96270D;
}

.cadre_liens a:hover{
	margin-left: 10px;
	color:#96270D;
	text-decoration:none;
}

.sep_etoile{
	width: 35px;
	height : 10px;
	margin-left : 80px;
}
/**************************************Contact************************************************/
#contenu_contact{
	float:right;
	width: 350px;
	/*border:1px solid red;*/
	margin-right : 60px !important;
	margin-right : 30px;
	margin-top : 50px;
}

.v_contact{
	position: absolute;
	width: 249px;
	height : 379px;
	bottom : 80px;
	left: 20px;
}

#contenu_contact h4{
	font-size : 1.2em;
}

#contenu_contact h4 span{
	font-size : 0.8em;
}

#contenu_contact span {
	color : red;
	}
	
#contenu_contact h5{
	font-size : 1.2em;
	margin : 10px 0px 10px 20px ;
	color: #333333;
}	
fieldset	{
	border : 1px solid grey;
	padding : 5px;
	width : 300px;
}

fieldset legend {
	margin-left : 5px;
	color : #000000;
}

fieldset input {
width : 270px;
}

fieldset textarea {
width : 270px;
}

.btn_form{
margin-top : 5px; 
background : #ffffff;
border: 1px solid grey;
}

.btn_form:hover{

border: 1px solid #9F0000;
}



/*
#haut {
	height: 30px;
	background-color:#CCCCFF;
}

#gauche {
position: absolute;
left:0;
width: 150px;
}
#droite {
position: absolute;
right:0;
width: 150px;
}


.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
p {margin: 0 0 10px 0;}



/***********************************************/

#c_accueil{
	position: absolute;
	width: 122px;
	height : 90px;
	margin-top : 125px;
	/*visibility : hidden;*/
	border:0px solid red;
	z-index : 5;
}

#lien_accueil{	

}

#c_presentation{
	position: absolute;
	width: 131px;
	height : 128px;
	margin-top : 165px;	
	/*visibility : hidden;*/
	border:0px solid yellow;
	z-index : 6;
}

#lien_presentation{
	/*visibility : hidden;*/

}
.c_menu{
	position: absolute;
	width: 122px;
	height : 90px;
	margin-top : 125px;
	visibility : hidden;
	/*visibility : hidden;*/
	border:1px solid purple;
	z-index : 7;
}

.c_references{
	position: absolute;
	width: 86px;
	height : 117px;
	margin-top : 125px;
	visibility : hidden;
	/*visibility : hidden;*/
}

.c_liens{
	position: absolute;
	width: 122px;
	height : 90px;
	margin-top : 125px;
	visibility : hidden;
	/*visibility : hidden;*/
}
.c_contact{
	position: absolute;
	width: 122px;
	height : 90px;
	margin-top : 125px;
	visibility : hidden;
	/*visibility : hidden;*/
}

/***********************************************/