html, body {
	height:	650px;
	margin: 0;
	font-family:Verdana;
	font-size:	12px;
	
	background: #d0cfce;
}

a {
	text-decoration: none;	
}

a:hover {
	text-decoration: underline;
}

img {
	display: block;
}

input, select, textarea {
	border:				1px solid black;
	background-color:	#f4f6fc;
}


.spacer {
	clear: both;
}


.message_erreur {
	width:				80%;
	border:				1px solid red;
	background-color:	#ffb6b6;
	
	margin:		10px auto;
	padding: 	15px;
	text-align:	center;
	font-weight:bold;
}


.message {
	width:				80%;
	border:				1px solid green;
	background-color:	#e5feb4;
	
	margin:		10px auto;
	padding: 	15px;
	text-align:	center;
	font-weight:bold;
}





div#principal {
	min-height: 100%;
	width: 		1000px;
	padding: 	0;
	margin: 	0 auto;
	position: 	relative;
	
	background: #f2f0eb url(images/bg.jpg) repeat-y;
	border-top:	1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
}

.top {
	background: url(images/top.jpg) no-repeat; 
	padding-top: 7px;
}

div#corps {
	/* Pour éviter la superposition 
	du pied de page et du contenu : */
	padding-bottom: 20px; 
	overflow: auto;
}



div#contenu {
	float: right;
	width: 690px;
	margin: 0;
	padding-bottom: 50px;
}

.menu_gauche {
	background:	white;
	border-left:2px solid #bdc3dd;
	border-right:2px solid #bdc3dd;
	border-bottom:2px solid #bdc3dd;
	
	width:		197px;
	padding-top: 20px;	
	padding-bottom:10px;
}

.menu_gauche a {
	font-family:Verdana;
	font-size:	11px;
	color:		#676767;
}


.lien_help {
	background:	white;
	border:		2px solid #bdc3dd;
	
	width:			197px;
	margin-top:		60px;
	margin-bottom:	20px;
	padding:		2px;
}


.lien_help a {
	font-family:Verdana;
	font-size:	11px;
	color:		#676767;
}


.cadre_top {
	background:	url(images/cadre_top.jpg) no-repeat;
	height:		68px;
	margin-left:21px;		
}

.cadre_centre {
	background:			url(images/fond_photo.jpg) no-repeat;
	background-color:	#e2e2e2;
	border-left:	1px solid #bdc3dd;
	border-right:	1px solid #bdc3dd;
	border-bottom:	1px solid #bdc3dd;
	
	width:		697px;
	text-align:	justify;	
}

.texte {
	margin: 20px;
}


.drapeau_fr {
	position: 	absolute;
	top:		280px;
	left:		290px;
	cursor:		pointer;
}


.drapeau_de {
	position: 	absolute;
	top:		280px;
	left:		340px;
	cursor:		pointer;
}


.titre {
	background:			url(images/titre/puce.jpg) no-repeat 18px;
	background-color: 	#bdc3dd;
	
	border-top:			1px solid #639abd;
	border-bottom:		1px solid #639abd;
	
	width:	100%;
	height:	25px;
	text-align:	left;
	margin-bottom:	15px;
}

.titre img {
	padding-left:50px;	
	padding-top: 5px;
}


.tab_telephone {
	border: 1px solid #3450a4;	
}

.contact_tel {
	background: url(images/icone_phone.gif) no-repeat;	
	
	text-indent:20px;
	text-align:	left;
	color:		#3450a4;
	font-weight:bold;
	font-size:	12px;
}

.contact_nom {
	color:		#3450a4;
	font-weight:bold;
	text-align: left;
}



.tab_contact {
	border: 			1px solid #3450a4;	
}

.titre_texte {
	color:		#3450a4;
	font-weight:bold;
}


.organigramme1{
	background:	url(images/organigramme/fond1.jpg) no-repeat;
	width:		200px;
	height:		72px;
	line-height:15px;
	padding-top:5px;
	margin-top: 5px;
	color:		white;
}


.organigramme2{
	background:	url(images/organigramme/fond2.jpg) no-repeat;
	width:		200px;
	height:		47px;
	line-height:15px;
	padding-top:8px;	
	color:		white;
}


.organigramme3{
	background:	url(images/organigramme/fond3.jpg) no-repeat;
	width:		210px;
	height:		51px;
	line-height:15px;
	padding-top:8px;	
	color:		white;
}


.organigramme4{	
	background:	url(images/organigramme/fond4.jpg) no-repeat;
	width:		200px;
	height:		51px;
	line-height:15px;
	padding-top:8px;
	
	color:		white;
	text-align: center;
}


.organigramme5{	
	background:	url(images/organigramme/fond4.jpg) no-repeat;
	width:		200px;
	height:		51px;
	line-height:15px;
	padding-top:8px;
	margin-left:5px;
	
	color:		white;
	text-align: center;
}



.organigramme6{	
	background:	url(images/organigramme/fond5.jpg) no-repeat;
	width:		90px;
	height:		31px;
	line-height:15px;
	padding-top:2px;
	margin-left:5px;
	
	color:		white;
	text-align: center;
}



.organigramme7{	
	background:	url(images/organigramme/fond6.jpg) no-repeat;
	width:		90px;
	height:		31px;
	line-height:15px;
	padding-top:2px;
	margin-left:5px;
	
	color:		white;
	text-align: center;
}

.organigramme8{	
	background:	url(images/organigramme/fond7.jpg) no-repeat;
	width:		180px;
	height:		31px;
	line-height:15px;
	padding-top:2px;
	margin-left:5px;
	
	color:		white;
	text-align: center;
}


.lien4 {
	margin-left:	40px;
}



div#bottom {
	position: 	relative;	
	width:		1000px;
	padding-top:	5px;	
	margin: 	0 auto;
    background:	url(images/bottom.jpg) no-repeat;	
    height:		43px;	
	
	font-family:Verdana;
	font-size:	12px;
	font-weight:bold;
	text-align: center;
	color:		#01248d;	

	border-bottom:	1px solid black;
	border-left:	1px solid black;
	border-right:	1px solid black;
}

h1{
	color : #3450a4;
	font-size : 14px;
	text-decoration : underline;
	}
	
h3{
	color : red;
	text-decoration : underline;
}

.tr1{
	color : #9c8503;
	font-weight : bold;
}

.tr2{
	color : #1d3565;
	font-weight : bold;
}

.tr3{
	color : #6f99eb;
	font-weight : bold;
}

.tr4{
	color : #6d2090;
	font-size : 10px;
}

.titre_presentation {
	color: #96F;
}

.titre_presentation2 {
	color: #093;
}