
* {
	/*z-index:0;*/
}

* html, body{
  background: url('images/interface/fond.jpg') repeat-x;
  background-position: top left;
  background-color: #A8DEEC;

}


#fd_h2{
	background-color: #387CBF;
	width: 100%;
}

#deco_fond{
  background: url('images/interface/deco_fond.png') no-repeat;
  width:684px;
  height:323px;
  position:absolute;
  margin:auto;
  margin-left:150px;
  margin-top:5px;
  border:0px solid pink;
  z-index:0;
}

#colonne{
	position		:	relative;
	z-index			:	1;
	width			:	100%;
	clear			:	both;
	position		:	relative;
	border			:	0px solid green;
	overflow		:	auto;
	padding-bottom	:	5px;

}

#colonne_gauche{
	border:0px solid green;
	float:left;
	margin-left:30px;
	*margin-left:15px;
}

#colonne_droite{
	border:0px solid pink;
	float:left;
	margin-left:20px;
	/*display:inline-block;*/
}

#menubasdepage {
	width:680px;

	font-size:12px;
	color: #387BBF;
	text-align:center;
}

#menubasdepage A {
	color: #387BBF;
	margin:0px 2px;
	text-transform:uppercase;
}
#menubasdepage A:hover{
	color: #08377B;
}

#menubasdepage A.selectionne {
	font-weight:bold;
	color: #08377B;
}

.italic{
	font-style: italic;
}

.bordure{
	border: solid 1px black ;
	float: left;
	margin-right: 10px;
}

.txtrouge{
	color: #d83542 !important;
}

.txtbfonce{
	color: #07387b !important;
}

#page{
	margin: auto;
	width: 1000px;
	height: 1000px;
}

#header{
	position 		: relative;
	background		: url('images/interface/bandeau.jpg') no-repeat;
	height			: 156px;
	padding-left	: 690px;
}

#lien-accueil {
	position 		: absolute;
	top				: 1px;
	left			: 30px;
	color:#10397B;
	text-transform: uppercase;
	font-size:10px;
}

#header TABLE{
	border: 0px solid black ;
}


#lien-bandeau{
	position 		: absolute;
	left			: 0px;
	display			: block;
	background		: url('images/interface/bandeau.jpg') no-repeat;
	height			: 156px;
	width			: 300px;
}
.img_bandeau{
	margin			: 0;
	height			: 156px;
	padding-top		: 129px;
	padding-left	: 690px;
}
#recherche{
	position:	absolute;
	right	:	70px;
	bottom	:	0px;	
	
	background: url('/images/interface/fond_recherche.jpg') no-repeat 0px 1px;
	
	height	: 27px;
	width	: 233px;
	
}
#recherche FORM{
	padding:0px;
	margin:0px;
}
#chemin{
	font-size: 10px;
	padding: 3px 0 0 47px;
}

.bloc_actu{
	background: url('images/interface/bloc_actu.png') no-repeat;
	height: 75px;
	width: 220px;
	padding: 4px;
	float: left;
	color: white;
}

.bloc_actu:hover{
	background: url('images/interface/bloc_actu2.png') no-repeat;
	height: 75px;
	width: 220px;
	padding: 4px;
	float: left;
	color: #b2e1e8;
}

img.img_actu{
	border: solid 1px black ;
	float: left;
	margin-right: 10px;
}
#menu{
	background: url('images/interface/menu.png') no-repeat;
	height: 30px;
	margin-top: -129px;
	position: absolute;
	border: 0px solid red;

}
/*
ul{
	float: left;
	margin-top: 6px;
	color: white;
	border:1px solid pink;
}
*/


#ul_menu {
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	list-style-type:none; 
	z-index:3;
	height:29px;
	*overflow:visible;
	margin-left:25px;
	
}
#ul_menu LI {
	margin:0px;
	padding:0px;
	float : left;
	position:relative;
	*overflow:visible;
}
.divsousmenu{
	color		: 	#fff;
	position	:	absolute;
	top 		: 	25px;
	*left		:	0px;
	overflow	:	visible;
	z-index		:	3;
	visibility:	hidden;
}
.divsousmenu TABLE {
	background-color: #387cbf;
}
.divsousmenu TR{
	/*border:1px solid red;*/
}
.divsousmenu TD{
	/*border:1px solid pink;*/
}
.divsousmenu DIV {
	border:0px solid pink;
}
.divsousmenu A{
	color		: 	#fff;
	display		:	block;
	white-space : 	nowrap;
}

.sousmenu{
	display:block;
	color: white;
	font-family: Arial, Verdana, Arial;
	font-size: 11px;
	font-style: normal;	
	text-transform:uppercase;
	padding-left: 25px;
	height: 20px;
	line-height:20px;
	margin: 3px 3px;
	background: url('images/interface/fd_li.jpg') no-repeat;
	background-color: #387cbf;
	border:0px solid pink;
}
.sousmenu:hover{
	background		: url('images/interface/fd_li_hover.jpg') no-repeat;
	background-color: #0a317a;
	color			: white;
}

#ariane{ padding-left: 40px;padding-top: 8px;font-size		:	10px;}
#ariane A,ariane A:hover,#ariane span {
	text-transform	:	uppercase;
	font-size		:	10px;
	color:#10397B;
}

#contenu{
	background		: url('images/interface/fond_bas.jpg') no-repeat;
	min-height		: 600px;
	margin-top		: -100px;
}

.bloc_ctn{
	padding-left: 40px;
	padding-top: 40px;
	width: 685px;
	float: left;
}

.bloc_ctn_h{
	
	background: url('images/interface/ctn_haut.png') no-repeat;
    background-position: 26px 0px;
/*	min-height: 680px;*/
	width:670px;
	padding: 5px 12px 0px 30px;
	border:0px solid pink;
	overflow : none;;
}

.bloc_ctn_b{
	background: url('images/interface/ctn_bas.png') no-repeat bottom left;
    background-position: 26px 0px ;
    height: 31px;
    overflow : auto;
    display:block;
}

#droite{
	float: left;
	width: 260px;
	padding-left: 10px;
	padding-top: 40px;
}

.dr_h{

	background: url('images/interface/droite_haut.png') no-repeat;
    background-position: top left;

	padding: 5px 28px 5px 4px;

}

.dr_b{
	
	background: url('images/interface/droite_bas.png') no-repeat;
    background-position: bottom left;
	height: 17px;
}

.crabe{
	background: url('images/interface/araignee.png') no-repeat;
	height: 132px;
	width: 140px;
	position: relative;
	top: -80px;
	left: 190px;
}
#champ_rech,#bt_rech,#email_log,#pwd{
	padding:0px;
	font-size:9px;
	*font-size:9px;
	/*height:10px;*/ 
	border:0px solid pink !important;
	font-family:verdana;
	vertical-align: middle;
	text-align:center;
	margin:0px;
	margin-top: 6px;
	padding:3px;
	color : #053679;
}
#email_log,#pwd{margin:0px;}

#champ_rech{
	width: 170px;
	margin-left: 12px;
	
	color:#0D3A7D;	
}
#bt_rech{
	width: 22px;
	/*margin: 6px 0 0 12px;*/
	background-color: #8362aa;
	color: white;
	font-weight:bold;
	
}

#champ_log{
	border: none 0px ;
	margin: 6px 0 0 12px;
	width: 115px;
}

#bt_log{
	border: none 0px ;
	margin: 6px 0 0 12px;
	background-color: #2cb0cd;
	color: white;
	width: 22px;
}


.bloc2_ctn{
	padding-left: 40px;
	padding-top: 10px;
	width: 445px;
	float: left;
}

.bloc2_ctn_h{
	/*
	background: url('images/interface/ctn_p2_haut.png') no-repeat;
    background-position: 4px  0px;
	min-height: 600px;
	padding: 4px 16px 10px 10px;
	border:0px solid pink;
	*/
}



.bloc2_ctn_b{
	background: url('images/interface/ctn_p2_bas.png') no-repeat;
    background-position: 4px  0px;
}

#droite2{
	float: left;
	width: 500px;
	padding-left: 10px;
	padding-top: 10px;
}
#news_accueil{ 	width 		: 490px !important; }

#news_accueil_fond_haut{
	background	: url('/images/interface/news_accueil_fond_haut.png') repeat-y;
	width 		: 490px !important;
}
#news_accueil_haut{
	background	: url('/images/interface/news_accueil_haut.jpg') no-repeat;
	width 		: 490px !important;
}
#news_accueil_fond_milieu{
	background	: url('/images/interface/news_accueil_fond_milieu.png') repeat-y;
	width 		: 490px !important;
	height		: 2px;
}

#news_accueil_fond_bas{
	
	background	: url('/images/interface/news_accueil_fond_bas.png') repeat-y;
	width 		: 490px !important;
	
}

#news_accueil_bas{
	background	: url('/images/interface/news_accueil_bas.jpg') repeat-y;
	width 		: 490px !important;
	
	height 		: 10px !important;
}

#corps_accueil_fond{
	
	background		: url('/images/interface/corps_accueil_fond.png') repeat-y;
	width 			: 440px !important;
	position		: relative;
	min-height		: 300px;
	_height			: 300px;
	padding-bottom	: 10px;
	border:0px solid pink;

}

#corps_accueil_bas{
	position	: absolute;
	bottom		: 0px;
	background	: url('/images/interface/corps_accueil_bas.jpg') no-repeat bottom left;
	width 		: 440px !important;
	height 		: 10px;
	_bottom:-1px;
}

#corps_accueil_haut{
	border:0px solid pink;
	background	: url('/images/interface/corps_accueil_haut.jpg') no-repeat;
	width 		: 440px !important;
	height 		: 11px;

}

.news_interieur_haut{
	background	: url('/images/interface/news_interieur_haut.png') no-repeat;
	width 		: 255px !important;
	height		: 10px;
	margin-top:2px;
}
.news_interieur_fond{
	background	: url('/images/interface/news_interieur_fond.png') repeat-y;
	width 		: 255px !important;
	

}
.news_interieur_bas{
	background	: url('/images/interface/news_interieur_bas.png') no-repeat;
	width 		: 255px !important;
	height		: 11px;
}

.corps_interieur_fond{
	position		: relative;
	background	: url('/images/interface/corps_interieur_fond.png') repeat-y;
	width 		: 683px !important;
	min-height		: 300px;
	_height			: 300px;
	padding-bottom	: 12px;
	margin-bottom:2px;

}

#corps_interieur_fond_deco{
	position	: absolute;
	background	: url('/images/interface/corps_interieur_fond_deco.png') repeat-y;
	width 		: 668px !important;
	height		: 139px;
	top			: 90px;
	left		: 10px;
	z-index		: 0;
	display:none;
}

#corps_interieur_haut{
	background	: url('/images/interface/corps_interieur_haut.jpg') no-repeat;
	width 		: 683px !important;
	height : 11px;
}

#corps_interieur_bas{
	position 	: absolute;
	bottom		: 0px;
	background	: url('/images/interface/corps_interieur_bas.jpg') no-repeat  bottom left;
	width 		: 683px !important;
	height 		: 12px !important;
	border		:0px solid pink;
}
/*
.dr2_h{
	background	: url('/images/interface/droite_p2_haut.png') no-repeat;
    background-position: top left;
	min-height: 300px;
	border:1px solid pink;
	padding: 4px 14px 10px 10px;
	padding:4px 11px 0px 7px;
	display:none;
}

.dr2_m{
	background: url('images/interface/droite_p2_milieu.png') no-repeat;
    background-position: top left;
	height: 2px;
}

.dr2_b{
	background: url('images/interface/droite_p2_bas.png') no-repeat;
    background-position: bottom left;
	min-height: 300px;
}
*/

#partenaires{
	margin: auto;
	background: url('images/interface/partenaires.png') no-repeat bottom left;
	clear: both;
	height: 76px;
	padding-top:9px;
	border:0px solid pink;
}

#footer{
	margin: auto;
	background: url('images/interface/footer.jpg') no-repeat;
	clear: both;
	/*height: 47px;*/
	height: 50px;
	padding: 0px 0px 0px 60px;
	border:0px solid pink;
	text-align:left;
	position : relative;
	/*overflow:auto;	*/
}

#acces_extranet{
	/*line-height	: 47px !important;*/
	/*height		: 47px;*/
	border		: 0px solid pink;
	position 	: absolute;
	right		: 20px;
	top			: 0px;
	_padding-top:5px;
}

#ss_footer{
	margin: auto;
	clear: both;
	text-align: center;
}

.lien_footer{
/*
	*/
	color: white;
	font-weight: bold;
	font-size: 11px;
	border-left: solid 4px white;

	padding-left: 10px;
	padding-right: 10px;
	text-transform:uppercase;

	line-height : 47px;
}

.menu_extranet{
/*	width:250px;*/
	float:left;
	margin-bottom:15px;
}
.menu_extranet A {
	font-size:11px;
	text-transform:uppercase;
	color: #fff;
	font-weight: bold;
	margin:1px;

	display:block;
}

.menu_extranet A:hover{
	color: #07387B;
}

.menu_extranet A.selectionne{
	color: #07387B;

}

.menu_extranet UL A {
	font-size:12px;
}
.menu_extranet UL UL A {
	font-size:12px;
	text-transform:capitalize;
/*

	
	color: #ddd;
*/

}
.menu_extranet UL UL UL A {
	
/*
	font-size:10px;
	color: #bbb;
*/
color: #ddd;
}
/*
.fond01{}
.fond02{background-color:#fff}
*/
.menu_extranet UL{
	margin:0px;
	/*margin-left:20px;*/
	padding-left:10px;
	list-style-type:none;
}

.menu_extranet LI{
	margin:0px;
	padding:0px;
	clear:both;
}

.menu_extranet LI UL{

}
.menu_extranet LI UL LI {

}

.menu_extranet LI LI UL{
	
}

.lien_deconnection{
	display:inline ;
	text-transform:lowercase !important;
	float:right;
	border:0px solid pink;
	color:#2CB0CD !important;
}

.lien_deconnection:hover{
	color:#fff !important;
}

.inscription_mailing{
	border:0px solide pink;
}
/*
#menubasdepage A {
	color: #387BBF;
	margin:0px 2px;
	text-transform:uppercase;
}
#menubasdepage A:hover{
	color: #08377B;
}
	
#menubasdepage A.selectionne {
	font-weight:bold;
	color: #08377B;
}

*/

.tableNews { 
	/*
	border : 0px solid black; 
	width:480px;
	*/
}
.tableNews.accueil { 
	margin		:	10px 1px 10px 1px ;
	overflow	:	auto;
}
.tableNews.latteral{
	border : 0px solid black; 
	width:248px;
}

.tableNews,
.tableNews A{
	color: white;
	font-size:11px;
	
}

#liste-actualite IMG {border : 1px solid black !important;}
	
.tableNews.latteral .news{
	margin-left:18px;
	margin-right:18px;
	margin-top: 20px;
}
.news{
	position:relative;
	overflow:auto;
	margin-top:5px;
	padding:1px;
}
.tableNews.accueil .news{
		
margin:10px 16px;
}

.tableNews IMG{
	border : 1px solid black !important;
	float:left;
	margin-right:5px;     
	margin-left:0px !important;
	
}

.tableNews .newsTitre{
	font-weight	:	bold;
	color		:	white;
}

.newsDescription{
	color: #053679;
	text-align:justify;
	border:0px solid pink;
}

.spacer {
clear: both;
}

.newsLien {
	/*
	position:absolute;
	right:1px;
	bottom:1px;
	display:inline-block;
	*/
	position:absolute;
	display:inline-block;
	right:1px;
	bottom:1px;
	
	_bottom : 20px;
	
	/*
	margin-right:0px;
	border:0px solid red;
	*/

}
.lienImage{
	background:url('/images/interface/coquillage.jpg') no-repeat top left;
	width : 60px; 
	height:14px; 
	
}
.news.accueil {
	color: black;
	margin-top:10px;
	padding:0px 5px;
}

.news.accueil IMG{
	margin :0px 15px 15px 0px;
}

.news.accueil A {
	color		:	#2DB0CC;
	font-size	:	12px;
	font-weight:bold;
}
.news.accueil .newsLien {
/*
	text-transform: UPPERCASE;
	text-align:left;
	margin 	:10px 1px 0px 0px;
	padding :0px 1px 0px 12px;
	width : 100px;
	font-size:11px;
	font-weight:bold;
	background:url('/images/interface/carre.png') no-repeat center left;
	border:0px solid pink;
	line-height:13px !important;
	white-space : nowrap;
	height:13px;	
	*/

}

.lien_news{
	text-transform: UPPERCASE;
	text-align:left;
	margin 	:10px 1px 0px 0px;
	padding :0px 1px 0px 12px;
	width : 100px;
	font-size:11px;
	font-weight:bold;
	background:url('/images/interface/carre.gif') no-repeat center left;
	line-height:13px !important;
	white-space : nowrap;
	height:13px;	
}


.lien_news{

	/*color: #387CBF;*/
	color: #2DB0CC;
	text-transform:uppercase;
	/*
	padding :1px 1px 1px 12px;
	margin 	:10px 1px 1px 1px;
	*/
}
.lien_news:hover{
	color: #08377B;
}
.find{
	font-weigth:bold;
	color:red;
}

DIV.conteneur_contenu{
	position : relative;
	overflow : auto;
	
	margin-left		:	18px;
	margin-right	:	18px;
	
	border			:	0px solid green;
	z-index:1;
}

DIV.contenu_libre{
	z-index			:	1;
	margin-bottom	: 	10px;
	position		:	relative;
	display			:	block;
	clear			:	both;
	border			:	0px solid pink;
}

DIV.contenu_libre P, DIV.contenu_libre H2, DIV.contenu_libre H3{
	border			:	0px solid pink;
	margin-left		:	18px;
	margin-right	:	18px;
}

DIV.contenu_libre P P{
	border			:	0px solid green;
	margin-left		:	0px;
	margin-right	:	0px;
}

DIV.contenu_libre P {
	text-align : justify;
}

.bloc2_ctn_h .contenu_libre{
	border			:	0px solid green;
	width:432px;
}
.bloc_ctn_h .contenu_libre{
	border			:	0px solid green;
	width:675px;
}
