*{
	margin:0;
	padding:0;
}

body{
	background-color:#d6eff7;
	font-size:13px;
	font-family:Helvetica,Verdana, Arial, sans-serif;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../images/fond.jpg");
	background-position:top;
	background-repeat:repeat-x;
}

img{
	border: solid #000000 0px;
}

#loading{
	margin-top:20px;
	position:absolute;
	top:0pt;
	left:0px;
	width:100%;
	height:51%;
	padding-top:150px;
	background-color:#FFFFFF;
	opacity: 0.5;
	display:none;
}
	
	#loading #img {
		opacity:1;
	}

.mon_tab th{
	text-align:center;
	background-color:DarkGray;
	padding:5px;
}

.mon_tab td{
	padding:5px;
}

table.mon_tab{
	margin-top:10px;
}

.titre_actu{
	color:#0a4890;
	font-family:Helvetica,Verdana, Arial, sans-serif;
	font-size:13px;
	font-weight:bolder;
	letter-spacing:0.5px;
}

.texte_actu{
	margin-top:10px;
	width:290px;
}

.texte_haut_milieu{
	margin-left:-15px;
}

.date{
	color:#0a4890;
	font-weight:bolder;
}

#page{
	width:1024px;
	height:709px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#colone_gauche{
	width:22px;
	height:709px;
	background-image:url("../images/colone_gauche.jpg");
	position:absolute;
	left:0;
}

#colone_droite{
	width:25px;
	height:709px;
	background-image:url("../images/colone_droite.jpg");
	position:absolute;
	right:0;
}

#content{
	margin-left: 22px;
	margin-right: 25px;
	background-color:#FFFFFF;
	position:absolute;
	width:977px;
}

#haut{
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 5px;
	width:953px;
	height:105px;
	background-color:#FFFFFF;
	position:relative;
	z-index:9000;
	overflow:visible;
}

#haut_gauche{
	margin-top:6px;
	width:356px;
	height:93px;
	background-image:url("../images/logo2.jpg");
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	position:absolute;
	left:0
}

#haut_milieu{
	margin-left: 356px;
	margin-right: 311px;
	margin-top:8px;
	background-color:#FFFFFF;
	position:absolute;
	width:284px;
	height:89px;
	border-left:1px solid #0a4890;
	border-right:1px solid #0a4890;
	z-index:9000;
	overflow:visible;
	
	color:#707173;
	font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
	font-size:12px;
	line-height:22px;
}

	#haut_milieu, #haut_milieu a, #haut_milieu a:hover, #haut_milieu a:link, #haut_milieu a:visited{
		color:#707173;
		font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
		font-size:12px;
		text-decoration:none;
	}

#haut_droit{
	margin-top:6px;
	width:311px;
	height:93px;
	background-color:#FFFFFF;
	position:absolute;
	right:0;
}

	#haut_droit, #haut_droit a, #haut_droit a:hover, #haut_droit a:link, #haut_droit a:visited{
		color:#707173;
		font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
		font-size:11px;
		text-decoration:none;
	}

#separateur{
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 2px;
	width:953px;
	height:8px;
	background-color:#9fdcee;
	position:relative;
}

#milieu{
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 4px;
	width:953px;
	height:384px;
	background-color:#FFFFFF;
	position:relative;
}

#milieu_gauche{
	width:642px;
	height:384px;
	/*background-image:url("../images/photo_gauche.jpg");*/
	background-repeat:no-repeat;
	background-color:lightblue;
	position:absolute;
	left:0;
}
	
	#texte_milieu{
		margin-left: 357px;
		background-color:#FFFFFF;
		position:absolute;
		width:285px;
		height:384px;
		opacity:0.85;
		filter: alpha(opacity=90);
		
		color:#58585a;
		font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
		font-size:12px;
	}
	
		#texte h1{
			color:#0089cd;
			font-family:Helvetica,Verdana, Arial, sans-serif;
			font-size:20px;
			font-weight:bolder;
		}
		
		#texte h2{
			color:#0089cd;
			font-family:Helvetica,Verdana, Arial, sans-serif;
			font-size:20px;
			font-weight:normal;
			margin-bottom:5px;
		}
		
		#texte{
			margin-top:80px;
			margin-left:28px;
			margin-right:28px;
			text-align:justify;
			line-height:18px;
		}
			
#milieu_droit{
	width:311px;
	height:384px;
	/*background-image:url("../images/photo_droite.jpg");*/
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	position:absolute;
	right:0;
}

#barre_bleu{
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 4px;
	width:953px;
	height:49px;
	background-color:#FFFFFF;
	position:relative;
}
	#barre_bleu a, #barre_bleu a:hover, #barre_bleu a:link, #barre_bleu a:visited{
		color:#FFFFFF;
		text-decoration:none;
	}
	
	#gauche{
		width:219px;
		height:49px;
		background-color:#3f98d4;
		position:absolute;
		left:0;
	}
	
	#appels_offre{
		margin-left:221px;
		width:135px;
		height:24px;
		background-color:#3f98d4;
		position:absolute;
		left:0;
		top:0;
		
		color:#FFFFFF;
		font-family:Helvetica,Verdana, Arial, sans-serif;
		font-size:18px;
		
	}
	
	#phototheque{
		margin-left:221px;
		width:135px;
		height:23px;
		background-color:#3f98d4;
		position:absolute;
		left:0;
		bottom:0;
		
		color:#FFFFFF;
		font-family:Helvetica,Verdana, Arial, sans-serif;
		font-size:18px;
	}
	
	#mil{
		margin-left:358px;
		width:283px;
		height:49px;
		background-color:#1c63a6;
		position:absolute;
		left:0;		
		
		color:#FFFFFF;
		font-family:Helvetica,Verdana, Arial, sans-serif;
		font-size:17px;
	}	
	
	#droit{
		margin-left:358px;
		width:310px;
		height:49px;
		background-color:#0a4890;
		position:absolute;
		right:0;
	}
	
#bas{
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 15px;
	width:953px;
	height:122px;
	background-color:#FFFFFF;
	position:relative;
}

	#bas_gauche{
		width:219px;
		height:122px;
		background-color:#FFFFFF;
		position:absolute;
		border-right:1px solid #0a4890;
		left:0;
	}
	
		#img_contact{
			margin-top:0px;
			width:31px;
			height:45px;
			position:absolute;
			right:0;
		}
		
		#img_english{
			margin-top:59px;
			width:31px;
			height:37px;
			position:absolute;
			right:0;
		}
	
	#bas_mil1{
		margin-left:221px;
		width:135px;
		height:122px;
		background-color:#FFFFFF;
		position:absolute;
		border-right:1px solid #0a4890;
		left:0;
		top:0;
		
		color:#FFFFFF;
		font-family:Helvetica,Verdana, Arial, sans-serif;
		font-size:18px;
		
	}
	
		#lien_contact{
			margin-top:17px;
			margin-left:7px;
			position:absolute;
			left:0;
		}
		
		#lien_english{
			margin-top:66px;
			margin-left:7px;
			position:absolute;
			left:0;
		}
		
		#lien_contact, #lien_contact a, #lien_contact a:hover, #lien_contact a:link, #lien_contact a:visited,
		#lien_english, #lien_english a, #lien_english a:hover, #lien_english a:link, #lien_english a:visited{
			color:#58585a;
			font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
			font-size:12px;
			text-decoration:none;
		}
		
	
	#bas_mil2{
		margin-left:358px;
		width:283px;
		height:122px;
		background-color:#FFFFFF;
		position:absolute;
		border-right:1px solid #0a4890;
		left:0;
		
		color:#707173;
		font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
		font-size:12px;
		line-height:22px;
	}
		
		#bas_mil2, #bas_mil2 a, #bas_mil2 a:hover, #bas_mil2 a:link, #bas_mil2 a:visited{
			color:#707173;
			font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
			font-size:12px;
			line-height:22px;
		}
		
	#bas_droit{
		margin-left:358px;
		width:310px;
		height:122px;
		background-color:#FFFFFF;
		position:absolute;
		right:0;
		
		color:#707173;
		font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
		font-size:11px;
	}
	
	#bas_droit, #bas_droit a, #bas_droit a:hover, #bas_droit a:link, #bas_droit a:visited{
		color:#707173;
		font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
		font-size:11px;
		text-decoration:none;
	}

#pied{
	width:977px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	position:relative;
	text-align:right;
}

#pied, #pied a, #pied a:hover, #pied a:link, #pied a:visited{
	color:#707173;
	font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
	font-size:11px;
	text-decoration:none;
}

.mon_form option{
	padding-right:5px;
}

.fleche{
	color:#65ADDD;
}

#fleche1,#fleche2,#fleche3,#fleche4{
	display:none;
}

#fleche1_haut,#fleche2_haut{
	display:none;
}

/* ------------- recherche ---------------*/

#form_recherche form{
	text-align:right;
	margin-top:15px;
	margin-right:15px;
}

#form_recherche input[type=text]{
	border:1px solid #083161;
	width:180px;
	height:17px;
	color:#0a4890;
	padding-left:7px;
}

#form_recherche input[type=image]{
	vertical-align:bottom;
}

.liste-articles a, .liste-articles a:hover, .liste-articles a:link, .liste-articles a:visited{
	color:#0a4890;
	font-family:Helvetica,Verdana, Arial, sans-serif;
	font-size:13px;
	font-weight:bolder;
	letter-spacing:0.5px;
	text-decoration:none;
}
/* --------------------------------------*/


/* ------------ phototheque -------------*/
#milieu_droit2{
	width:311px;
	height:344px;
	background-color:#FFFFFF;
	position:absolute;
	right:0;
	border-left: 1px solid #0a4890;
	overflow:auto;
	margin-top:20px;
}

.portfolio{
	float:left;
	width:120px;
	height:100px;
	background-color:#FFFFFF;
	margin-left:18px;
}

.portfolio img{
	float:left;
	width:70px;
	background-color:#FFFFFF;
	margin:25px;
	margin-top:0px;
	border: solid #000000 3px;
	text-align:center;
}
/* --------------------------------------*/


/* ------------ Newsletter -------------*/
fieldset.field_inscr{
	margin-left:20px;
	border: 1px solid #0a4890;
}

.field_inscr legend{
	color:#0A4890;
	margin-left:10px;
}

.boite_inscr{
	margin:10px 10px 10px 10px;
}

.boite_inscr input[type=submit]{
	background-color:LightSkyBlue;
}

.cadre {
	text-align: justify;
	width:500px;
	padding: 10px;
}

.bloc {
 margin-top: 10px;
 padding: 10px;
 text-align: center;
}


fieldset.field_modif{
	border: 1px solid #0a4890;
	text-align:center;
}

fieldset.field_modif ul{
	text-align:left;
	margin-top:10px;
}

.field_modif legend{
	color:#0A4890;
	margin-left:10px;
}

.boite_modif{
	margin:10px 10px 10px 10px;
}

.field_modif input[type=submit]{
	background-color:LightSkyBlue;
	text-align:center;
	margin-bottom:10px;
}

/* --------------------------------------*/

#select{
	color:#58585A;
	font-family:Arial,"Trebuchet MS","Lucida Sans",sans-serif;
	font-size:12px;

	margin-left:42px;
	margin-bottom:20px;
}

div.formulaire_inscription fieldset, div.cadre fieldset{
	padding:0.35em 0.625em 0.75em;
}
