@import url("styles_interieurs.css");

/* ========================== COULEURS ========================== */

.couleur { color: #c0bea9; }
#col1 .texte .couleur234	a,	.texte.couleur234	.chapo,	.texte.couleur234	h1 a:hover,	.texte.couleur234	h2, .texte.couleur234	font, 	.texte.couleur234	h3, .surtit.couleur234, 	.soustit.couleur234, 	.lls font.couleur234,	#arbossmenu h1.couleur234,div.alire.couleur234{color: #C04A91;}
#col1 .texte .couleur328	a,	.texte.couleur328	.chapo,	.texte.couleur328	h1 a:hover,	.texte.couleur328 	h2, .texte.couleur328	font, 	.texte.couleur328 	h3, .surtit.couleur328, 	.soustit.couleur328, 	.lls font.couleur328,	#arbossmenu h1.couleur328,div.alire.couleur328{color: #583119;}
#col1 .texte .couleur334	a,	.texte.couleur334	.chapo,	.texte.couleur334	h1 a:hover,	.texte.couleur334 	h2, .texte.couleur334	font, 	.texte.couleur334 	h3, .surtit.couleur334, 	.soustit.couleur334, 	.lls font.couleur334,	#arbossmenu h1.couleur334,div.alire.couleur334{color: #706297;}
#col1 .texte .couleur284	a,	.texte.couleur284	.chapo,	.texte.couleur284	h1 a:hover,	.texte.couleur284 	h2, .texte.couleur284	font, 		.texte.couleur284 	h3, .surtit.couleur284, 	.soustit.couleur284, 	.lls font.couleur284,	#arbossmenu h1.couleur284,div.alire.couleur284{color: #E9BC00;}
#col1 .texte .couleur340	a,	.texte.couleur340	.chapo,	.texte.couleur340	h1 a:hover,	.texte.couleur340 	h2, .texte.couleur340	font,	.texte.couleur340 	h3, .surtit.couleur340, 	.soustit.couleur340, 	.lls font.couleur340,	#arbossmenu h1.couleur340,div.alire.couleur340{color: #89BA2D;}
#col1 .texte .couleur166	a,	.texte.couleur166	.chapo,	.texte.couleur166	h1 a:hover,	.texte.couleur166 	h2, .texte.couleur166	font,	.texte.couleur166 	h3, .surtit.couleur166, 	.soustit.couleur166, 	.lls font.couleur166,	#arbossmenu h1.couleur166,div.alire.couleur166{color: #532454;}
#col1 .texte .couleur159	a,	.texte.couleur159	.chapo,	.texte.couleur159	h1 a:hover,	.texte.couleur159 	h2, .texte.couleur159	font,	.texte.couleur159 	h3, .surtit.couleur159, 	.soustit.couleur159, 	.lls font.couleur159,	#arbossmenu h1.couleur159,div.alire.couleur159
,#col1 .texte .couleur364	a,	.texte.couleur364	.chapo,	.texte.couleur364	h1 a:hover,	.texte.couleur364 	h2, .texte.couleur364	font,	.texte.couleur364 	h3, .surtit.couleur364, 	.soustit.couleur364, 	.lls font.couleur364,	#arbossmenu h1.couleur364,div.alire.couleur364
{color: #972C22;}
#col1 .texte .couleur243	a,	.texte.couleur243	.chapo,	.texte.couleur243	h1 a:hover,	.texte.couleur243 	h2, .texte.couleur243	font,	.texte.couleur243 	h3, .surtit.couleur243, 	.soustit.couleur243, 	.lls font.couleur243,	#arbossmenu h1.couleur243,div.alire.couleur243{color: #E18900;}
#col1 .texte .couleur241	a,	.texte.couleur241	.chapo,	.texte.couleur241	h1 a:hover,	.texte.couleur241 	h2, .texte.couleur241	font,	.texte.couleur241 	h3, .surtit.couleur241, 	.soustit.couleur241, 	.lls font.couleur241,	#arbossmenu h1.couleur241,div.alire.couleur241{color: #005798;}
#col1 .texte .couleur437	a,	.texte.couleur437	.chapo,	.texte.couleur437	h1 a:hover,	.texte.couleur437 	h2, .texte.couleur437	font,	.texte.couleur437 	h3, .surtit.couleur437, 	.soustit.couleur437, 	.lls font.couleur437,	#arbossmenu h1.couleur437,div.alire.couleur437{color: #E49D40;}
#col1 .texte .couleur196	a,	.texte.couleur196	.chapo,	.texte.couleur196	h1 a:hover,	.texte.couleur196 	h2, .texte.couleur196	font,	.texte.couleur196 	h3, .surtit.couleur196, 	.soustit.couleur196, 	.lls font.couleur196,	#arbossmenu h1.couleur196,div.alire.couleur196{color: #7B624F;}

#col1 .texte .couleur427	a,	.texte.couleur427	.chapo,	.texte.couleur427	h1 a:hover,	.texte.couleur427 	h2, .texte.couleur427	font,	.texte.couleur427 	h3, .surtit.couleur427, 	.soustit.couleur427, 	.lls font.couleur427,	#arbossmenu h1.couleur427,div.alire.couleur427{color: #0569AC};
#col1 .texte .couleur428	a,	.texte.couleur428	.chapo,	.texte.couleur428	h1 a:hover,	.texte.couleur428 	h2, .texte.couleur428	font,	.texte.couleur428 	h3, .surtit.couleur428, 	.soustit.couleur428, 	.lls font.couleur428,	#arbossmenu h1.couleur428,div.alire.couleur428{color: #1DACDF;}
#col1 .texte .couleur434	a,	.texte.couleur434	.chapo,	.texte.couleur434	h1 a:hover,	.texte.couleur434 	h2, .texte.couleur434	font,	.texte.couleur434 	h3, .surtit.couleur434, 	.soustit.couleur434, 	.lls font.couleur434,	#arbossmenu h1.couleur434,div.alire.couleur434{color: #63D1F7;}
#col1 .texte .couleur435	a,	.texte.couleur435	.chapo,	.texte.couleur435	h1 a:hover,	.texte.couleur435 	h2, .texte.couleur435	font,	.texte.couleur435 	h3, .surtit.couleur435, 	.soustit.couleur435, 	.lls font.couleur435,	#arbossmenu h1.couleur435,div.alire.couleur435{color: #ABB6BA;}
#col1 .texte .couleur431	a,	.texte.couleur431	.chapo,	.texte.couleur431	h1 a:hover,	.texte.couleur431 	h2, .texte.couleur431	font,	.texte.couleur431 	h3, .surtit.couleur431, 	.soustit.couleur431, 	.lls font.couleur431,	#arbossmenu h1.couleur431,div.alire.couleur431{color: #69A6CE;}
#col1 .texte .couleur430	a,	.texte.couleur430	.chapo,	.texte.couleur430	h1 a:hover,	.texte.couleur430 	h2, .texte.couleur430	font,	.texte.couleur430 	h3, .surtit.couleur430, 	.soustit.couleur430, 	.lls font.couleur430,	#arbossmenu h1.couleur430,div.alire.couleur430{color: #ABB6BA;}
#col1 .texte .couleur429	a,	.texte.couleur429	.chapo,	.texte.couleur429	h1 a:hover,	.texte.couleur429 	h2, .texte.couleur429	font,	.texte.couleur429 	h3, .surtit.couleur429, 	.soustit.couleur429, 	.lls font.couleur429,	#arbossmenu h1.couleur429,div.alire.couleur429{color: #78C9C6;}
#col1 .texte .couleur432	a,	.texte.couleur432	.chapo,	.texte.couleur432	h1 a:hover,	.texte.couleur432 	h2, .texte.couleur432	font,	.texte.couleur432 	h3, .surtit.couleur432, 	.soustit.couleur432, 	.lls font.couleur432,	#arbossmenu h1.couleur432,div.alire.couleur432{color: #506C79;}
#col1 .texte .couleur433	a,	.texte.couleur433	.chapo,	.texte.couleur433	h1 a:hover,	.texte.couleur433 	h2, .texte.couleur433	font,	.texte.couleur433 	h3, .surtit.couleur433, 	.soustit.couleur433, 	.lls font.couleur433,	#arbossmenu h1.couleur433,div.alire.couleur433{color: #2685A7;}
#col1 .texte .couleur452	a,	.texte.couleur452	.chapo,	.texte.couleur452	h1 a:hover,	.texte.couleur452 	h2, .texte.couleur452	font,	.texte.couleur452 	h3, .surtit.couleur452, 	.soustit.couleur452, 	.lls font.couleur452,	#arbossmenu h1.couleur452,div.alire.couleur452{color: #8cc1d9;}



#col1 .texte .couleur4361	a,	.texte.couleur4361	.chapo,	.texte.couleur4361	h1 a:hover,	.texte.couleur4361 	h2, .texte.couleur4361	font,	.texte.couleur4361 	h3, .surtit.couleur4361, 	.soustit.couleur4361, 	.lls font.couleur4361,	#arbossmenu h1.couleur4361,div.alire.couleur4361{color: #63D1F7;}
#col1 .texte .couleur4362	a,	.texte.couleur4362 	.chapo,	.texte.couleur4362	h1 a:hover,	.texte.couleur4362 	h2, .texte.couleur4362	font,	.texte.couleur4362 	h3, .surtit.couleur4362, 	.soustit.couleur4362, 	.lls font.couleur4362,	#arbossmenu h1.couleur4362,div.alire.couleur4362{color: #63D1F7;}
#col1 .texte .couleur4363	a,	.texte.couleur4363 	.chapo,	.texte.couleur4363	h1 a:hover,	.texte.couleur4363 	h2, .texte.couleur4363  font,	.texte.couleur4363 	h3, .surtit.couleur4363, 	.soustit.couleur4363, 	.lls font.couleur4363,	#arbossmenu h1.couleur4363,div.alire.couleur4363{color: #1681A7;}
#col1 .texte .couleur4364	a,	.texte.couleur4364 	.chapo,	.texte.couleur4364	h1 a:hover,	.texte.couleur4364 	h2, .texte.couleur4364	font,	.texte.couleur4364 	h3, .surtit.couleur4364, 	.soustit.couleur4364, 	.lls font.couleur4364,	#arbossmenu h1.couleur4364,div.alire.couleur4364{color: #69A7BE;}
#col1 .texte .couleur4365	a,	.texte.couleur4365 	.chapo,	.texte.couleur4365	h1 a:hover,	.texte.couleur4365 	h2, .texte.couleur4365	font,	.texte.couleur4365 	h3, .surtit.couleur4365 , 	.soustit.couleur4365 , 	.lls font.couleur4365,	#arbossmenu h1.couleur4365,div.alire.couleur4365{color: #023749;}
#col1 .texte .couleur4366	a,	.texte.couleur4366 	.chapo,	.texte.couleur4366	h1 a:hover,	.texte.couleur4366 	h2, .texte.couleur4366	font,	.texte.couleur4366 	h3, .surtit.couleur4366, 	.soustit.couleur4366, 	.lls font.couleur4366,	#arbossmenu h1.couleur4366,div.alire.couleur4366{color: #D2EEF9;}

#cnt h1.bordcolore {border-color: #c0bea9;}
#cnt .bordcolore234	{border-color: #C04A91;}
#cnt .bordcolore328	{border-color: #583119;}
#cnt .bordcolore334	{border-color: #706297;}
#cnt .bordcolore284	{border-color: #E9BC00;}
#cnt .bordcolore340	{border-color: #89BA2D;}
#cnt .bordcolore166	{border-color: #532454;}
#cnt .bordcolore159,#cnt .bordercolore364	{border-color: #972C22;}
#cnt .bordcolore243	{border-color: #E18900;}
#cnt .bordcolore241	{border-color: #005798;}
#cnt .bordcolore437	{border-color: #E49D40;}
#cnt .bordcolore196	{border-color: #7B624F;}

#cnt .bordcolore427	{border-color: #0569AC;}
#cnt .bordcolore428	{border-color: #1DACDF;}
#cnt .bordcolore434	{border-color: #63D1F7;}
#cnt .bordcolore435	{border-color: #ABB6BA;}
#cnt .bordcolore431	{border-color: #69A6CE;}
#cnt .bordcolore430	{border-color: #ABB6BA;}
#cnt .bordcolore429	{border-color: #78C9C6;}
#cnt .bordcolore432	{border-color: #506C79;}
#cnt .bordcolore433	{border-color: #2685A7;}
#cnt .bordcolore452	{border-color: #8cc1d9;}

#cnt .bordcolore4361	{border-color: #1DACDF;}
#cnt .bordcolore4362	{border-color: #63D1F7;}
#cnt .bordcolore4363{border-color: #1681A7;}
#cnt .bordcolore4364	{border-color: #69A7BE;}
#cnt .bordcolore4365	{border-color: #023749;}
#cnt .bordcolore4366	{border-color: #D2EEF9;}



.couleur h1, .fondcolore	{background-color: #c0bea9;}
.fondcolore234	{background-color: #C04A91;}
.fondcolore328	{background-color: #583119;}
.fondcolore334	{background-color: #706297;}
.fondcolore284	{background-color: #E9BC00;}
.fondcolore340	{background-color: #89BA2D;}
.fondcolore166	{background-color: #532454;}
.fondcolore159,.fondcolore364,.couleur364.couleur h1	{background-color: #972C22;}
.fondcolore243	{background-color: #E18900;}
.fondcolore241	{background-color: #005798;}
.fondcolore437	{background-color: #E49D40;}
.fondcolore196	{background-color: #7B624F;}


.fondcolore427	{background-color: #0569AC;}
.fondcolore428	{background-color: #1DACDF;}
.fondcolore434	{background-color: #63D1F7;}
.fondcolore435	{background-color: #ABB6BA;}
.fondcolore431	{background-color: #69A6CE;}
.fondcolore430	{background-color: #ABB6BA;}
.fondcolore429	{background-color: #78C9C6;}
.fondcolore432	{background-color: #506C79;}
.fondcolore433	{background-color: #2685A7;}
.fondcolore452	{background-color: #8cc1d9;}


.fondcolore4361	{background-color: #63D1F7;}
.fondcolore4362	{background-color: #63D1F7;}
.fondcolore4363	{background-color: #1681A7;}
.fondcolore4364	{background-color: #69A7BE;}
.fondcolore4365	{background-color: #023749;}
.fondcolore4366	{background-color: #D2EEF9;}


/* ========================== TYPOGRAPHIE ========================== */

@font-face {
	font-family: 'futura_bold';
	src: url('polices/fub_____-webfont.eot');
	src: local('☺'), url('polices/fub_____-webfont.woff') format('woff'), url('polices/fub_____-webfont.ttf') format('truetype'), url('polices/fub_____-webfont.svg#webfontK1bCmztY') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*toute les typo même tailles*/
body, body div, body p, body th, body td, body li, body dd { 
   font-size: x-small; 
   voice-family: "\"}\""; 
   voice-family: inherit; 
   font-size: small; 
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {  font-size: small; }

/* ========================== AUTRES GENERALITES ========================== */

.format_png {behavior: url("js/win_png.htc");}

div * {
	border: 0;
	padding: 0;
	margin: 0;
	line-height: 130%;
}

/* Liens non soulignés */

a									{text-decoration:none; cursor:pointer}
a img 							{border:none}
a									{ font-weight:bold; text-decoration:none; cursor:pointer; color: #333;}
a:hover, a:hover * 	{ text-decoration:none; cursor:pointer; }
a img 							{border:none}
.debut hr, .fin hr 		{ visibility: hidden !important; }


/* ========================== STRUCTURE  ========================== */

body {
	width:993px; 
	display:block;
	background: #e6e6de;
	margin: 0 auto;
	padding:0;
	font-size:0 !important;
	line-height:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align:center;
}
	
#cnt {
	min-height: 300px;
	width: 993px;
	/*position: relative;
	top: -120px;*/
	background:url(images/fond_cnt.jpg) no-repeat transparent top left;
	padding-top:5px;
}
.erreur404{
background:url(images/404.jpg) no-repeat transparent top left!important;
height:756px;
}
.erreur404 h1{
font-family:"futura_bold";
font-size:58px;
text-align:left;
margin-left:180px;
color:#FFF;
position:relative;
top:-15px;
}
.erreur404 h2{
font-family:"futura_bold";
font-size:27px;
text-align:left;
margin-left:180px;
color:#FFF;
position:relative;
top:-15px;
}
.constr h2{
margin-top:25px;
}
#col1 {
	width: 214px;
	margin:0 10px;
	text-align: left;
	padding-bottom: 50px;}
	
#sommaire #col12 {
	text-align:left;
	width:660px;
}

#col2 {
	width: 420px;
	text-align:left;
	margin: 10px 0px;
	padding: 0;
	font-size: 0;
}
#col2.listactu{
	margin-top:0px!important;
}
#col3 {
	width: 319px;
	text-align:left;
	margin: 0;
	padding: 0;
	font-size: 0;
	margin-right:10px;
}
#sommaire #col3{
margin-top:23px;
}
#col23 {
	width:739px;
	margin:0 10px;
	text-align:left;
}
/* ========================== TETE ========================== */

/* -------- tete -------- */

#tete {
	padding: 0;
	margin: 0;
	position:relative;
	overflow:visible;
}

#tete .lienvisible {
	height: 165px;
	width:570px;
}

#tete .pub {
height:110px;
margin:2px 0 8px;
position:relative;
width:410px;
}
#tete .pub a{
position:absolute;
bottom:0;
right:0;
}

#tete .biblio {
	background:url("ergo/bt_bibliotheque.png") no-repeat scroll 0 0 transparent;
	font:bold 11px Arial;
	height:38px;
	margin:0 0 0 67px;
	padding:6px 0 0 40px;
	text-align:left;
	width:80px;
}

/* --------- Menu Transversal --------- */

#menutrans {
	position:relative;
	z-index: 100;
	height: 28px;
	width: 993px;
	overflow:visible;
	background: #E5E5DD;
}

.boutontrans {
	width: 49px;
	z-index: 50;
	height: 13px;
	font-size:0;
}

	#bouton429 font, #bouton432 font, #bouton433 font{
	float:right;
	text-align:right!important;
	}
#menutrans .survol {
	font:  bold 12px Arial, Helvetica, sans-serif;
	height: 53px;
	overflow:visible;
}

#menutrans font {
	margin: 28px 0 0;
	width: 180px;
	padding: 1px;
	background: #fff;
	text-align: left;
}

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

#tete .formulaire_recherche {
	background:url("ergo/form_recherche.png") no-repeat scroll 0 0 transparent;
	font:bold 11px Arial;
	height:40px;
	margin:0 0 0 14px;
	padding:0 0 0 40px;
	text-align:left;
	width:172px;
}

.formulaire_recherche .text {
	background:none repeat scroll 0 0 transparent!important;
	border:0 none #FFFFFF!important;
	font: bold 11px Arial,Helvetica,sans-serif!important;
	height:20px!important;
	padding: 3px 2px!important;
	width:118px!important;
	height:
}

.formulaire_recherche .submit {
	width:27px!important;
	height: 15px!important;
	margin: 1px 14px 0 3px!important;
	padding:0!important;
	font: bold 14px Arial, Helvetica, sans-serif!important;
	background: transparent!important;
	border: 0px none #fff!important;
	cursor:pointer!important;}
.formulaire_recherche .submit:hover {color: #fff;}


/* --------- Menu --------- */

#menu {
	width: 993px;
	/*height: 315px;*/
	height:185px;
	padding:  0;
	background: url(images/fond_bandeau.jpg) 0 0;
	position:relative;
	overflow: visible;
	text-align: center;
	color: #908E7E;
}

#menu .tetemenu {
	color: #908E7E;
	text-transform: uppercase;
	padding: 0 40px 20px;
	height: 50px;
	font: 11px "futura_bold", Arial, Helvetica, sans-serif;}
	#u213.e234	{color: #C04A91;}
	#u213.e328	{color: #583119;}
	#u213.e334	{color: #706297;}
	#u213.e284	{color: #E9BC00;}
	#u213.e340	{color: #89BA2D;}
	#u213.e166	{color: #532454;}
	#u213.e159,#u364.expose{color: #972C22;}
	#u213.e243	{color: #E18900;}
	#u213.e241	{color: #005798;}
	#u213.e437	{color: #E49D40;}
	#u213.e196	{color: #7B624F;}
	
	
	#u247.e427	{color: #0569AC;}
	#u247.e428	{color: #1DACDF;}
	
	#u213.e4361	{color: #63D1F7;}
	#u213.e4362	{color: #63D1F7;}
	#u213.e4363	{color: #1681A7;}
	#u213.e4364	{color: #69A7BE;}
	#u213.e4365	{color: #023749;}
	#u213.e4366	{color: #D2EEF9;}

.smenu {
	position:absolute;
	top:187px ;
	left: 0px;
	z-index: 51 ;
	padding: 10px 15px 25px 15px;
	font: 11px Arial, Helvetica, sans-serif;
	background: url('ergo/fondmenu.png') no-repeat left bottom transparent;
	color:#fff;
	width: 390px;
	text-align: left;
	border-style: solid;
}
	#smenu150{
		left:20px;
	}
	#smenu364{
		left:185px;
	}
	#smenu213{
		left:389px;
	}
	#smenu427{
		left:580px;
	}
	#smenu195{
		left:580px;
	}
	 #smenu150 .sstxt,#smenu213 .sstxt,#smenu195 .sstxt {
	 float:right!important;
	 width:140px!important;
	 }
.sousmenu li { list-style:none; }
.smenu a {
	width: 175px;
	color: #666;
	padding: 3px 12px 6px 6px;
	font: bold 12px Arial, Helvetica, sans-serif;}
	
.sstxt {
	padding: 0 0 0 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 165px;
}
	
/* ========================= SOMMAIRE ========================= */

/* -------- Cartouche actualité -------- */

.actu {
	background: url(ergo/introfond.png) no-repeat 5px 9px;
	width: 600px;
	text-align:left;
	margin:0 10px 0 20px;
	padding:15px 20px 20px;
	font: 12px Arial, Helvetica, sans-serif;
}

.actu .traithaut {
	border-width: 5px 0 0;
	border-style: solid;
	padding:0;
	font-size:0;
	border-collapse:0;
}

.actu .grotit{
	font: 17px futura_bold;
	width: 600px;
	margin:0 0 10px;}
.actu .adroite{	margin:0 0 0 15px;}

.actu .tit{
	font: bold 18px Arial, Helvetica, sans-serif;
	margin:0 0 10px;
}
.actu .surtit{
	font: bold 14px Arial, Helvetica, sans-serif;
	margin:0 0 5px;}
.actu .soustit{	margin:0 0 5px;}
.actu .cnt {	margin:0 0 10px;}

.actu .lls {
	font: 12px Arial, Helvetica, sans-serif;
	color: #555;}
.actu .lls font {	font: bold 12px Arial, Helvetica, sans-serif !important;}
.actu a:hover {	text-decoration:underline;}

/* -------- Colonne 1 -------- */

#sommaire #col1 {	margin:0 0 0 20px;}
 #col1 .suite { font: italic bold 11px Arial, Helvetica, sans-serif; }
 
#sommaire  .titrebloc { margin: 0 0 10px;}

/* -------- Colonne 2 -------- */

#sommaire #col2 {
	text-align:left;
	width: 395px;
	margin:0 ;
	padding:5px 10px 20px;
	font: 12px Arial, Helvetica, sans-serif;
	float: right;
}

#sommaire #col2 .item { margin: 25px 0;}
#sommaire #col2 .traithaut {
	border-width: 5px 0 0;
	border-style: solid;
	padding:0; 
	margin: 0 10px 3px 0;
	font-size:0;
	border-collapse:0;}

#sommaire #col2 .grotit{
	font: 17px futura_bold;
	width: 600px;
	margin:0 0 10px;}
#sommaire #col2 .adroite{	margin:0 0 0 15px;}
#sommaire #col2 .tit {margin:5px 0 5px ;}
#sommaire #col2 .tit a{	font: bold 20px/110% Arial, Helvetica, sans-serif;}

#sommaire #col2 .surtit{
	font: bold 14px Arial, Helvetica, sans-serif;
	margin:0 0 5px;}
#sommaire #col2 .soustit{	margin:0 0 5px;}
#sommaire #col2 .cnt {	margin:0 0 10px;}

#sommaire #col2 .lls {
	text-align:right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #555;}
#sommaire #col2 .lls font {	font: bold 12px Arial, Helvetica, sans-serif !important;}
#sommaire #col2 a:hover {	text-decoration:underline;}

/* ========================= PAGES TRANSVERSALES ========================= */

#recherche #col2 h2 {
	background-color: #c2c2aa;
	padding: 3px 7px;
	margin: 15px 0 0;
}

#trans #arbossmenu ul { margin: 5px 0 0; }
#trans #arbossmenu a {
	border-width: 0 0 0 3px;
	border-style: solid; 
	padding: 0 0 0 10px;
	margin: 0;}
#trans #arbossmenu a:hover { text-decoration:underline;}

#trans .texte { margin: 0 0 30px 0;}
#trans #catchart { margin: 0;}
#trans .texte p { text-align: left; }
#trans .texte .lls {
	font-weight:normal;
	float:right;
}

#sommaire .texte a:hover, #trans .texte a:hover { text-decoration:underline; }
#sommaire #col12 h1 a:hover, #sommaire #col2 h1 a:hover , #trans .texte h1 a:hover {text-decoration:none; }

#recherche .pagination {
	border-top: 1px solid #999;
	padding: 5px 0 0;
	margin: 10px 0 5px;
	font: 11px Arial, Helvetica, sans-serif;
}

/* ========================== RECHERCHE ========================== */

#recherche .itemrecherche {  margin: 10px 0 0;}

.itemrecherche .rcgr {
	width: 390px;
	margin: 0 0 10px;}
.itemrecherche .rcgr b, .itemrecherche .rcgr font {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#333333;
}
#col2 .itemrecherche div {
	margin:0;
	clear:none;
}
#recherche .itemrecherche .encadre {
	background: #c2c2aa;
	width: 50px;
	height: 10px;
	padding:0;
	margin: 3px 5px 0;
}

.sstitrecherche{	font: normal 12px Arial, Helvetica, sans-serif; }
.llsdlr { font: bold 12px Arial, Helvetica, sans-serif}



/* ========================== PLAN DU SITE ========================== */

#plan a:hover { color:#dc006b;}

#plan .colonne {
	width: 302px;
	margin: 10px 0 0 12px;
	border: 1px dotted #b00000;
	padding: 5px 2px;
}
#plan .colonne div,#plan .colonne h2, #plan .colonne h3 {width : 270px ;}

#plan h2 {
	font: normal 20px Arial, Helvetica, sans-serif;
	color: #b00000;
	margin-bottom: 8px;
	border-bottom: 1px dotted #aaa;
	padding: 0 7px 3px 20px;
	background: #fff url(icono/puce_rose.png) no-repeat 5px 9px;
}

#plan h3 a {
	font: normal 12px/130% Arial, Helvetica, sans-serif ;
	margin: 0 0 5px 10px;
	color: #004d6b;
	text-transform:none;
}

#plan .niveaudeux {
	font: 18px Arial, Helvetica, sans-serif ;
	margin: 2px 0 5px 10px ;
	color: #004d6b;
}


/* ========================== PIED ========================== */

#sommaire .gb  .titrebloc { margin: 10px 0;}

#pied {
	color : #808080;
	font: 9px/115% Verdana, Arial, Helvetica, sans-serif;
	width:993px;
	margin: 0 0;
	background: #fff url(ergo/fondpied.png) no-repeat 0 0 ;
	text-align:left;
	padding: 76px 10px 0 20px;}
	
	
#pied h2 {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

#pied h3 {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0 0 7px 0;
}
#pied h3 a{
font-weight:normal;
}
#pied .colonne {
	width: 137px;
	margin: 0 10px 0 0;
}
#pied .basse {	margin: 0 0 0 50px;width:170px;}

#pied .lien img {
	padding: 0 0 0 10px ;
	margin: 0 0 0 10px ;
}
#pied a:hover { color: #232f8a;}

#pied .logos {
	float: right;
	margin: 30px 50px 0;

}


/* ========================== ELEMENTS RECURRENTS ========================== */

.module {
	display:inline;
	overflow:hidden;
	zoom:1;
	float:left;
}

.bloc {
	display:block;
	overflow:hidden;
	zoom:1;
}

.invisible			{display:none ; }
.gras, strong		{font-weight:bold !important;}
.italic				{font-style:italic !important;}
.majuscules 		{ font-variant:small-caps; color:#5497e2; }
.margegauche 	{	margin-left: 10px;}
.large 					{width: 100%;}
.rouge 				{ color: #e6210b;}
.blanc					{ background: #fff;}
.droite				{float:right;}

.sardine {
	margin:0!important;
	padding:0!important;
	font-size:0!important;
	border:0!important;
}

.alert {
	display:block;
	border: 2px solid #d61b2c;
	padding: 5px 0px ;
	margin: 10px auto 0px;
	text-transform:uppercase;
	font : bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:center;
	width: 680px;
	background: #ff7602 ;}

/*--------------- Texte spip --------------*/

.article .texte p, .article ul, .article ol {	margin: 0 0 10px 0;}
.article .texte  * {	font: 13px/140% Arial, Helvetica, sans-serif;}

.article ul {
	display:block;
	overflow:hidden;
	*padding: 0;
	margin: 0 0 6px 0;}
#sect1 .article ul { color: #355900; }
#sect2 .article ul { color: #355900; }
#sect3 .article ul { color: #355900; }	
#sect4 .article ul { color: #355900; }
#sect5 .article ul { color: #355900; }

.article ul li, .article ol li { 
	background: url(../squelettes/ergo/puce_carre1.png) no-repeat 0 7px  ; 
	display: block;
	overflow:hidden;
	padding: 0 0 0 15px;
	margin: 0 0 2px; }
.article ul.spip li li, .article ol.spip li li { 
	background: url(../squelettes/ergo/puce_carre1.png) no-repeat 0 10px  ; 
	padding: 0 0 0 7px;
	margin: 0; }

.spip_out, .spip_in, .spip_note, .spip_ancre {
	font-weight:bold;
	color:#908E7E;}
.chapo .spip_out, .spip_in, .spip_note, .spip_ancre {
	text-decoration: underline;}
.article a { color: #027c98;}
#sect2 .article a {  color: #a12572; }
#sect3 .article a {  color: #00458d; }
#sect4 .article a {  color: #73ae21; }
#sect5 .article a {  color: #990012; }

.spip_out:hover, .spip_in:hover, .spip_glossaire:hover, .spip_out:hover {color:#9CBF1A;}

#col1 .article h3 {
	color: #133F63;
	font:  bold 16px Arial, Helvetica, sans-serif ;
	padding: 0 5px 0px 15px;
	margin: 25px 0 10px;
	border-bottom: 1px solid #ddd;
	display:block;
	overflow:hidden;}
#col1 .article h3 strong { font:  bold 16px Arial, Helvetica, sans-serif ; }

#col1 .article h3 {	background: url(../squelettes/ergo/chevron1.png ) no-repeat 0 7px ; }
#sect2 #col1 .article h3 {	background: url(../squelettes/ergo/chevron2.png ) no-repeat 0 7px ; }
#sect3 #col1 .article h3 {	background: url(../squelettes/ergo/chevron3.png ) no-repeat 0 7px ; }
#sect4 #col1 .article h3 {	background: url(../squelettes/ergo/chevron4.png ) no-repeat 0 7px ; }
#sect5 #col1 .article h3 {	background: url(../squelettes/ergo/chevron5.png ) no-repeat 0 7px ; }

table {
	cellpadding: 0;
	cellspacing: 0;
	border-collapse:collapse;
}

.article table, .article table td, .article table th {
	border: 1px solid #bbb;
	padding: 3px 10px;
	border-collapse: collapse;}
	
.article table th {
	background: #96bd0d;
	width: 500px;
	color: #fff;
	padding:0;
	font-size: 1em;}
.article table th strong {
	margin:4px 7px; 
	display:block;}
.row_odd {background:#F1FFddB8;}

/* ---- Notes ---- */

#col1 h3.notes { margin: 0 0 0 11px;}
div.notes {
	padding: 10px;
	margin: 0 10px 0;
	border: 1px solid #ccc;
}

/* ---- Documents ---- */

dl.spip_documents {
	display:block;
	overflow:hidden;
	zoom:1;
	border: 1px solid #dbd3c9;
	padding: 10px 10px 10px;}
.spip_documents_left {margin : 15px 10px 10px 0;}
.spip_documents_right {margin : 15px 10px 0 10px;}
.spip_documents_center{ text-align:center; margin : 15px auto 0;}
.spip_documents_center * { text-align:center; margin : 0 auto;}
.spip_documents_center, .spip_documents_center .spip_doc_descriptif, .spip_documents_center .spip_doc_titre { width: auto !important;}
.spip_doc_descriptif {font: 1em/110% Verdana, Arial, Helvetica, sans-serif; }

.fancybox { margin:5px 5px 5px 0;}



/* ------------ Envoyer à un ami  ------------ */

#col1 #envoi {
	border : 1px solid  #004d6b;
	padding: 0 0  12px;
	float: right;
	width: 275px;
	position:relative;
}

#col1 #envoi fieldset, #col1 #envoi legend, #col1 #envoi label { width :  263px !important;}
html #col1 #envoi {overflow:hidden !important;}
html #col1 #envoi label {overflow:visible !important;}
#col1 #envoi legend {
	background: #004d6b;
	color: #fff;
	padding: 3px 100% 3px 7px;
	text-transform: uppercase;
	font: 12px Arial;
	margin: 0 0 5px; 	*margin: 0 0 5px -10px;
	width: 100%;}
#envoi #fermer {
	position: absolute;
	right: 5px;
	margin-top : -2px;
	color:#fff;
}

#col1 #envoi label {
	padding: 5px ;
	margin: 0 0 0 5px;
	color: #004d6b;
	font: 11px Arial;
	display: block;
	position: relative;
	overflow:visible;
}

#col1 #envoi .spip_bouton input {
	margin: 0 108px; *margin: 0 95px;
	padding: 2px 6px;
	background: #004d6b;
	cursor:pointer;
	text-transform: uppercase;
	font: 12px Arial, Helveticaplan, sans-serif;
	color: #fff;
}

#col1 #envoi textarea { height: 100px;}

#col1 #envoi .forml {
	border: 1px solid #ccc;
	position: absolute;
	right: 10px; _right: 300px;
	width: 130px;
	padding: 0 3px 1px;
	font: 12px Arial;}
#col1 #envoi .forml {	 right: 100px;}
#col1 #envoi .forml {	 right: 10px;
	 #}
#col1 #envoi fieldset { padding:0; margin:0;}

#kapcha {
	margin: 100px 0 5px;
	width: 285px; }
.kapcha { border: 1px solid #004d6b;}
#envoi #kapcha_text {
	text-align: center;
	color: #333 ;
	font: normal 11px Verdana ;
}

input.envoiamiCode {
	margin: 10px 0 0;
	border: 1px solid #ccc; 
	width: 150px;
	padding: 0 3px 2px;
}

#error_exped {margin: 5px 0;}
#envoi .alert {
	width: 250px;
	margin: 0 10px;
}

/* Formulaire Newsletter */

#col1 .formulaire_inscription { padding: 5px 0 15px;}

/* ---- Plugin Spip Form ---- */

.spip_forms,.spip_forms fieldset { border: none!important;}
#col1 .spip_forms fieldset {
	display:block;
	overflow:hidden;
	padding: 0 30px 20px;}
#col1 .spip_forms .forml, #col1 .spip_forms .fondl, #col1 .spip_forms .formo {
	width: 690px;
	background: #fff;
	border: 1px solid #aaa;}
#col1 .spip_forms .fondl {	width: 700px;}
#col1 .spip_forms .forml.date {	width: 660px;}
.spip_forms label ul { width: 100% !important;}
.spip_forms .spip_form_champ input {
	border: 1px solid #aaa;
	background: url(../squelettes/icono/menu_bg.gif) repeat-x; }

.spip_forms .reponse_formulaire {
	display:block;
	overflow:hidden;
	zoom:1;
	float:left;
	background: #03406f;
	color: #FFFFFF;
	font: .9em Verdana, Arial, Helvetica, sans-serif;
	padding: 5px 8px;
	margin: 7px 0;}
.spip_forms .reponse_formulaire {width: 684px;}

.spip_forms .previsu {
	width: 690px;
	padding: 2px 5px 0;
	font: 1em/130% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	background: #148897;
	color: #03406f;
}

.spip_forms .previsu legend {
	color : #dc1200;
	font: bold 1.1em Verdana, Arial;
	margin: 5px 0 0;
}

.spip_forms legend{
padding-left:0px!important;
font-weight:bold;
}

/* ====== FORMULAIRE ======*/

#col1 .formulaire_spip {
	padding: 6px 17px;
	width: 620px;}

#col1 .formulaire_spip li {	margin: 0 20px 0 0;}
#col1 .formulaire_spip li li {
	display: block;
	overflow:hidden;
	zoom:1;
	float:left;
	width: 340px; _width: 330px;
	margin: 0 2px 0 18px; _margin: 0 2px 0 13px;}

/* --- Legende --- */

#col1 .formulaire_spip h3.legend {
	background: #f6f6f6;
	margin: 15px 0;
	padding: 5px;
	font: bold 18px Arial;
	color: #999;
	width: 730px;;
}

/* --- Boutons radio --- */

#col1 .formulaire_spip .choix label, #col1 .formulaire_spip .choix .radio,  #col1 .formulaire_spip .choix .checkbox {float: left;}
#col1 .formulaire_spip .radio {
	height: 20px;
	border: 0px solid #fff;
	margin: 5px;}
#col1 .formulaire_spip .choix label {
	height: 20px;
	margin: 4px 5px 0 0;
}

/* --- Cases à cocher --- */

#col1 .formulaire_spip .checkbox {
	height: 20px;
	border: 0px solid #fff;
	margin: 5px;}


/* --- Champ texte et textarea --- */

#col1 .formulaire_spip .text { width: 288px; _width: 278px;}
#col1 .formulaire_spip textarea {height: 105px; width: 600px; font: 12px Arial, Helvetica, sans-serif;}

/* --- Champ de Selection --- */

#col1 .formulaire_spip .select {	
	width: 338px; _width: 328px;
	border: 1px solid #555;
	height:18px;
}

/* --- Explications et erreur --- */

#col1 .formulaire_spip .reponse_formulaire {
	background: #FFF0D9;
	width: 595px !important;
	margin: 5px 0;
	padding:5px;
	font-weight: bold;
	color:red;
}

#col1 .formulaire_spip .explication {	
	display:block;
	overflow:hidden;
	zoom:1;
	padding: 0;
	margin: 0 0 10px;
	background: transparent;
}

#col1 .formulaire_spip .explication p {
	font: italic 12px Arial;
	padding:0;
}

.formulaire_spip .erreur_message {
	color: #FF0000;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 400px;
	float:left;}
#col2 .message-formulaire {
	width:270px;
	color:red;
	font: bold 12px Arial, Helvetica, sans-serif;
}
#col2 .message-formulaire {
	margin:3px 0;
	overflow:hidden;
	display:block;
	float:left;
	width: 280px;
}

#col1 .formulaire_spip .erreur input {border-color: #f00;}