/*============== GENERAL ==============*/

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

html {
	border:0px ;
	background: #dee6e6;
}

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

/* propriétés de la page */

body {
	width:1000px;
	padding: 0;
	margin: 0 auto;
	font-size:0 !important;
	line-height:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	text-align:center;}
#tout {
	background: url(icono/cnt.gif) repeat-y ;
	padding:0 3px ;
	margin:0 !important;
	width: 976px;
}


/*toute les typo meme 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; 
}

/* Liens non soulignes */

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


/* ========================== TETE ========================== */

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

#tout object { margin:0; padding:0; }

#bando {
	width:976px;
	height: 155px;
	margin: 0;
	padding:0;
	font-size:0px;
}

.cacheconstant {
	height: 155px;
	width:977px; 
	position: relative;
	top: -153px;
	margin: 0 0 0 -2px; *margin: 0 ;
}

#menu_haut {
	width:400px;
	position: relative;
	top:28px; _top: 26px;
	left:440px;
	color: #2F699A;}
#menu_haut a {color: #2F699A;}

#site {
	*position:relative;
	*top: -4px;
	width: 966px;
	margin: 0 4px 0 5px;
	padding: 0 0 15px;
	background: #fff url(icono/cnt_debut.png) no-repeat left top;
}

/* ------------- Arianne ------------- */

.ariane {
	width:470px;
	font: italic 11px Arial, Helvetica, sans-serif;
	padding: 5px 5px 8px;
	background: url(../squelettes/icono/bg_ariane.gif) repeat-x bottom ;
	text-align:left;}
.ariane a {color:#666;}

/* ========================== ENCARTS ========================== */

.encart {	margin:10px 0 0 0;}
.encart .fin, .encart .debut { height: 11px; *height: 14px;}
.encart > * { margin-left: 15px; }
.encart .debut, .encart .fin { margin-left: 0; }

#col1 .encart {
	width:240px;
	background: url(../squelettes/icono/encart_gauche_cnt.gif) repeat-y; }
#col1 .encart .debut	{ background: #FFF url(../squelettes/icono/encart_gauche_debut.png) no-repeat scroll left; }
#col1 .encart .fin 		{ background: url(../squelettes/icono/encart_gauche_fin.png) no-repeat left bottom; }

#col2 .encart {
	width:480px;
	background: url(../squelettes/icono/encart_centre_cnt.gif) repeat-y; }
#col2 .encart .debut	{ background: url(../squelettes/icono/encart_centre_debut.png) no-repeat left top; }
#col2 .encart .fin 		{ background: url(../squelettes/icono/encart_centre_fin.png) no-repeat left bottom; }

#col2 .encart .tit .debut, #col2 .encart .tit .fin  { height: inherit; background:inherit; }

#col3 .encart {
	width:210px;
	background: url(../squelettes/icono/encart_droite_cnt.gif) repeat-y; }
#col3 .encart .debut	{ background: url(../squelettes/icono/encart_droite_debut.png) no-repeat left top; }
#col3 .encart .fin 		{ background: url(../squelettes/icono/encart_droite_fin.jpg) no-repeat left bottom; }
#col3 .encart .etroit p {
	width: 165px; *width:175px;
	font: 10px Arial, Helvetica, sans-serif;
	display:block; overflow:hidden; }
#col3 .encart .etroit .spip_documents  { margin: 3px 5px 0 0 ;  }
#col3 .encart .etroit a  {
	color: #008896; 
	text-decoration:none;
}



/* ========================== COL1 ========================== */

/* Menu principal */ 

#col1 {
	width: 240px;
	margin: 5px 10px 10px;
	text-align: left;
}

#col1 #menu { margin-top: 20px !important;}
#col1 #menu .titit { 
	margin: 4px 0 0 40px !important;
	border:none;
	padding: 0;
	font: 11px Arial;
	width: 160px;}
#col1 #menu .invisible { margin: 0;}

#col1 #menu .titit {margin: 0; border:none;}
#col1 .item {
	margin : 0 15px;
	padding : 5px 0 0;}
#col1 .logogauche {width: 40px;}
#col1 .tit {
	width: 150px;
	text-decoration: underline;
	margin: 4px 0;}
#col1 #menu div.block {
	margin: 0 !important;}

#col1 .separateur {
	display: block;
	overflow:hidden;
	zoom:1;
	border-top: 1px solid #b3b3b3;
	height: 1px;
	width: 200px;
	margin: 10px 13px; *margin: 5px 13px;
}

/* Modules */

#col1 .encart .titit {
	border-bottom: 1px solid #b3b3b3;
	width: 200px;
	font: bold 1em/120% Arial, Helvetica, sans-serif;
	padding: 8px 1px 3px;
	margin: 0 0 8px;}
#col1 .encart .cnt {	
	font: .8em/130% Arial, Helvetica, sans-serif;
	margin: 1px;}
#col1 .encart .savoirplus {	
	font: .8em/130% Arial, Helvetica, sans-serif;
	text-align:right;
	width: 210px; }
#col1 .encart .savoirplus:hover font {
	color:#CC0000;
	font-weight: normal;}	
#col1 .encart .savoirplus font {margin: 3px 0 0 136px;}
#col1 .encart .savoirplus img {margin: 5px; *margin: 6px 5px;}

/* Module de recherche */

#col1 .formulaire_recherche #recherche {
	width:110px;
	margin:8px 0 5px 50px; 
	font: bold .9em Arial, Helveticaplan, sans-serif;
	border:1px solid #999;
	padding: 1px 5px;
	color:#666;
}

#col1 .formulaire_recherche .spip_bouton {
	margin: 8px 0 0 10px ; 
	padding: 1px;
	width: 28px;
	float:left;}
#col1 .formulaire_recherche .spip_bouton:hover { background: #fa9433; }

#col1 label {
	font: .9em Arial, Helvetica, sans-serif;
	_margin: 0 0 0 6px;
}

/* Bouton Archives en bas à gauche */

.archives {
	border-top: 1px solid #bbb;
	margin: 15px 17px 0 ;
	padding: 10px 0 0 ;
	display:block;
	width: 200px;;
	color: #0097a1;
	text-decoration: underline;
}

/* Deconnection */

#deconnect { margin: 20px 0 -10px; }


/* ========================== COL2 ========================== */

#col2 {
	margin: 20px 0 0 ;
	padding: 0;
	width: 480px;
	text-align:left;
	color: #666;
	font: 1em/120% Arial, Helvetica, sans-serif;
}

/* ------ Articles ------ */

#col2 .article .tit {
	padding: 0 8px ;
	width: 451px;
	border-width:none;
	margin: 0 5px 5px;}
#col2 .article .mini.tit	{
	margin: 10px 0 5px -4px;
	padding:0;
	width: 444px;}
#col2 .article .tit * { width: 451px;}

#col2 .article .tit .cnt {
	background: url(../squelettes/icono/tit_cnt.png) repeat-y 0;
	width: 451px;
	padding: 0 10px;}
#col2 .article .tit .debut, #col2 .article .tit .fin {height: 4px;}
#col2 .article .tit .debut {background: url(../squelettes/icono/tit_debut.png) no-repeat;}
#col2 .article .tit .fin {background: url(../squelettes/icono/tit_fin.png) no-repeat;}
#col2 .article .cnt { width: 440px;}

#col2 .article3 .tit .cnt {	background: url(../squelettes/icono/bando_rouge.gif) repeat-y 0;}
#col2 .article3 .tit .debut {background: url(../squelettes/icono/bando_rouge_debut.png) no-repeat;}
#col2 .article3 .tit .fin {background: url(../squelettes/icono/bando_rouge_fin.jpg) no-repeat;}

#col2 .article4 .tit .cnt, 		#col2 .article6 .tit .cnt  {	background: url(../squelettes/icono/bando_jaune.gif) repeat-y 0;}
#col2 .article4 .tit .debut,		#col2 .article6 .tit .debut  {background: url(../squelettes/icono/bando_jaune_debut.jpg) no-repeat;}
#col2 .article4 .tit .fin,			#col2 .article6 .tit .fin {background: url(../squelettes/icono/bando_jaune_fin.jpg) no-repeat;}

#col2 .article1 .tit .cnt {	background: url(../squelettes/icono/bando_turquoise.gif) repeat-y 0;}
#col2 .article1 .tit .debut {background: url(../squelettes/icono/bando_turquoise_debut.jpg) no-repeat;}
#col2 .article1 .tit .fin {background: url(../squelettes/icono/bando_turquoise_fin.jpg) no-repeat;}

#col2 .article5 .tit .cnt {	background: url(../squelettes/icono/bando_violet.gif) repeat-y 0;}
#col2 .article5 .tit .debut {background: url(../squelettes/icono/bando_violet_debut.jpg) no-repeat;}
#col2 .article5 .tit .fin {background: url(../squelettes/icono/bando_violet_fin.png) no-repeat;}

#col2 .article .surtit , #col2 .article .soutit {
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0 5px 5px 15px;
	width: 450px;
}

#col2 .article .soutit {
	font:  bold 14px Arial, Helvetica, sans-serif;
	margin: 15px 5px 10px 15px;
}

#col2 .article .chapo, #col2 .article .chapo p {
	font: bold 12px/120% Arial, Helvetica, sans-serif;
	width: 445px;
}
#col2 .justegras, #col2 .justegras p {	font: bold 12px/120% Arial, Helvetica, sans-serif;}

#col2 .article .cnt, #col2 .article .note {
	font: 12px/120% Arial, Helvetica, sans-serif;
	width: 445px;}
#col2 .article .note { margin: 14px;}

#col2 .article .doc { margin: 10px 0; } 
#col2 .article .logo { width: 65px; }
#col2 .article .descr * { margin: 0; width:370px; }

/* Pagination */

.pagination_debut {
	border-bottom: 1px solid #999;
	width: 500px;
	margin-bottom: 5px;
	padding-bottom: 3px;	
}

.pagination_fin {
	border-top: 1px solid #999;
	width: 500px;	
	margin-top:5px;
	padding-top: 3px;		
}

.pagination_debut a, .pagination_fin a { font-weight:bold;}

/* Page Recherche */

.pertinence {
	font: italic 12px/120% Arial, Helvetica, sans-serif;
	width: 440px;
}

.pertinence .encadre {
	background: #DEF2F7;
	width: 50px;
	margin: 4px;
	border: 1px solid #00609B;
}

.barre_contenu {
	background: #00609B;
	display:block;
	height:10px;		
}

/* ------ Plan ------ */

.plan {
	position:relative;
	left: -10px;
	margin: 10px 0;
	width: 520px;
}

.planmarge {
	padding: 0 0 0 10px;
	width: 500px;
}

.tititreplan a {
	width: 500px;
	padding: 0 0 0 15px;
	font: normal 12px/120% Arial, Helvetica, sans-serif;
}

.planmarge a:hover { color: #148897 !important; }
.tititreplan a:hover {	background:url(../squelettes/icono/puce.gif) no-repeat 0 6px; }

.plan .soutit {
	width: 520px;
	padding: 5px 0 1px;
	margin: 0 0 7px;
	border-width: 0 0 2px;
	border-style:solid;
}

.plan .cnt {
	font: .9em/120% Arial, Helvetica, sans-serif;
	color:#555;
	margin: 0 0 8px;
}

/* ----------------- Page Accueil Survol ----------------- */

.lesurvols .invisible {
	position: absolute;
	max-width: 200px;
	background: #fff;
	padding: 10px;
}
.lesurvols .long {
	max-width: 400px;
}

.lesurvols .invisible li {
	margin: 0 0 0 15px;
}

.lesurvols .invisible .col {
	width: 180px;
	margin: 0 0 10px 0;
}

/* ========================== COL3 ========================== */

#col3 {
	width: 212px;
	padding:0;
	text-align:left;
	float:right;
	background:#fff;
}

#col3 .bouton {
	margin: 0 5px;
	padding: 3px 0;
	width: 200px; *width: 205px; }
#col3 .ssbouton {
	margin: 0 0 5px !important;
	*width: 200px; }
#col3 .ssbouton .item {background: url(../squelettes/icono/puce_rouge2.gif) no-repeat 10px 10px; }

#col3 .tit {
	background: url(../squelettes/icono/encart_rouge_cnt.gif) repeat-y;
	margin: 0 13px 10px; }
#col3 .tit, #col3 .tit * {width: 168px; }
#col3 .tit img { margin: 0 8px;}
#col3 .tit .debut, #col3 .tit .fin { height: 4px;}
#col3 .tit .debut { background: url(../squelettes/icono/encart_rouge_debut.png) no-repeat top; }
#col3 .tit .fin { background: url(../squelettes/icono/encart_rouge_fin.png) no-repeat bottom; }

#col3 .titit {
	font: normal .9em Arial, Helvetica, sans-serif;
	margin: 5px 20px;
	width: 160px;
}

#col3 #outils a {
	height: 20px;
	width: 20px;
	padding: 5px 10px 0px 5px;
}

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

.pied {
	background: url(icono/pied.png) no-repeat top;
	text-align:center;
	width: 978px;
	height: 55px;
}

.pied a, .pied .entre {
	font: 12px/115% Arial, Helvetica, sans-serif;
	padding: 3px 1px;}
.pied a:hover {text-decoration:underline;}

/* ========================== PAGE IMPRIMER ========================== */

html {background: #fff !important;}

body.imprimer {
	width:100%;
	text-align : left;
	border:none;
	text-align:left;
}

.imprimer .bt_imprimer {
	border-bottom: 5px solid #bae7e8;
	padding: 10px 10px 7px;
	margin: 0 0 10px;
	background:#00bcbc;
	width: 100%;
	text-align:left;
}

.imprimer .bt_imprimer a {
	background: url(../icono/grossepuce_jaune.png) no-repeat 5px ;
	color: #fff;
	padding: 0px 5px 0px 30px;
	font: bold .85em Arial, Helvetica, sans-serif;}
.imprimer .bt_imprimer a:hover, a.imprimer:hover, a.hautdepage:hover {color: #feaa04;}

.imprimer .article {
	width: 560px;
	padding : 0 18px;
	text-align:left !important;
}

.imprimer .article .chapo {
	width:560px;
	margin: 10px 0 0px;
	padding:0;
	background:#FFFFFF;
	font: bold 1em/130% Verdana, Arial, Helvetica, sans-serif;
}

.imprimer .article .cnt, .imprimer .article .ligne {width: 560px;}
body.imprimer #col2 #article .logo {border-width:2px;}
body.imprimer dl.spip_documents {
	background-color:#fff !important;
	border: 1px solid #000;
	float:left;
	color:#000 !important;}
body.imprimer li.spip {
	list-style-position:inside;
	list-style-image: url(../squelettes/icono/puce_rouge_haute.gif);
	background:none; }

	
/* ========================== ELEMENTS RECURENTS ========================== */

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

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

.invisible 		{display:none; }
.gras 			{font-weight:bold !important;}
.normal			{font-weight:normal !important;}
.italic 			{font-style:italic !important;}
.majuscule 	{ font-variant:small-caps; color:#5497e2; }
.large 			{width: 100%;}
.petit			{font-size: 10px;}

.rouge 			{font-size: 1.1em; color: #e6210b;}
.couleur1		{color: #00A6A8;}
.couleur2		{color: #005A97;}
.couleur3		{color: #BE3321;}
.couleur4		{color: #E46400;}


.bord_rouge	{border-color:#e6210b !important;}

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

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

/*--------------- Texte spip --------------*/
/* Ces css prennent en compte le couteau suisse */ 

/* ---- Paragraphes ---- */

p.spip_note, p.spip, ul.spip  {
	display:block;
	margin: 10px 0;
	font: 12px/120% Arial, Helvetica, sans-serif;}
ul.spip ul.spip { margin-left: 10px; }
#col2 .article .cs_blocs div {
	margin: 10px 0;
	font: 12px/120% Arial, Helvetica, sans-serif;}
.imprimer p.spip { width: 500px; }

ul.spip li, li.spip {
	text-indent:0px;
	background:url(../squelettes/icono/pucecarre.gif) no-repeat 0 5px;
	padding : 0px 0px 0px 18px;
	font: 12px/18px Arial, Helvetica, sans-serif;
	list-style: none;}
#article ul.spip li, #article li.spip, li.spip li.spip {
	background:url(../squelettes/icono/puce_rouge2.gif) no-repeat 4px 7px;
	padding : 0px 0px 4px 14px;
	font: 12px/14px Arial, Helvetica, sans-serif;
	list-style: none;}
	
li.spip ul.spip {	margin: 0;}

/* ---- Liens ---- */

.spip_out, p.spip_note a, p.spip a, .spip_in, #col11 .spip_glossaire{
	color:#CE2306;
	font-weight:normal;
	text-decoration: underline;}
	
.spip_out{
	background: url(../squelettes/icono/puce_out.gif) no-repeat 2px 5px ; 
	padding: 0px 0px 0px 13px !important;}
.spip_out:hover, p.spip_note a:hover, p.spip a:hover, .spip_in:hover, .spip_glossaire:hover, .spip_out:hover {color:#feaa04;}

hr.spip {border-bottom: 2px dotted #03406f}

/* ---- Titres ---- */

.cnt h3.spip, #col2 .article h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	background-color: #DEF2F7;
	padding: 3px 10px;
	margin: 15px 0 5px;
	width: 420px;
}

#col2 .article h4 {
	padding: 3px 10px 3px 20px;
	font: 12px/160% Arial, Helvetica, sans-serif;
	color: #03A7A9;
	font-weight:normal;
}

/* ---- Tableaux ---- */

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

table.spip, table.spip td, table.spip th {
	border: 1px solid #93b7c4;
	padding: 3px 10px;
	border-collapse: collapse;}
	
table.spip {
	margin: 2px 0 8px;
	border-width: 1px 1px 1px 2px;	
}

table.spip th {
	background: #03A7A9;
	color: #fff;
	padding:0;
	font-size: 1.1em;}
table.spip th strong { margin:4px 10px; }

.row_odd {background:#DEF2F7;}

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

.note {
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 2px dotted #CFC2BC;
}

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

dl.spip_documents {
	display:block;
	overflow:hidden;
	zoom:1;
	background:#DEF2F7;
	padding: 10px 10px 10px;
	text-align:center;
}
.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;
	width:423px;
	display:block;
	overflow:hidden;
}
.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_documents p.spip {margin: 0 !important;}
.spip_doc_descriptif {font: 1em/110% Verdana, Arial, Helvetica, sans-serif; }
#col2 dl, #col2 dt, #col2 dd {width: auto !important;}

/* Page imprimer */

@media print {
	* {float: none !important; overflow: visible !important;}
	img.droite, .bt_imprimer { display:none; }
}

/* Formulaire */

form .forml { border: 1px solid #dadada; float: left; }
form .module.forml { margin: 1px 10px; }
form span.marge { margin: 0 0 3px}

.spip_bouton {
	float:right;
	margin: 0 27px 5px;
	padding: 2px 6px;
	background: #E46400;
	cursor:pointer;
	font: bold .9em Arial, Helveticaplan, sans-serif;
	color: #fff;}
.spip_bouton:hover { background: #fa9433; }

/* Formulaire Login */
#login form fieldset {
	border: 0px solid #fff !important ;
	padding:0 !important;
}

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

#col2 .spip_forms { border: none;}
#col2 fieldset {
	border: 1px solid #aaa;
	padding: 0 20px 20px;}
#col2 select {border: 1px solid #aaa;}
#col2 label ul { width: 100% !important;}
#col2 .spip_form_champ input {
	border: 1px solid #aaa;
	background: url(../squelettes/icono/menu_bg.gif) repeat-x; }

.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;}
#col2_long .reponse_formulaire {width: 684px;}

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

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

#col2 .spip_forms .forml, #col2 .spip_forms .formo {	width: 380px !important;}
#col2 .spip_forms .spip_form_label_details {
	font: italic 11px Arial, Helvetica, sans-serif;
	color: #555;
	padding: 0 0 5px;
}

#col2 .spip_bouton {
	float: none;
	margin: 0 ;
	padding: 0;
	background: transparent;
	width: 100%;
	color: #fff;}

#col2 .spip_forms .spip_bouton input {
	background:  url(../squelettes/icono/bouton_fade.png) no-repeat ;
	border-width: 0px;
	margin: 0 155px;;
	float: none;
	padding: 5px 0;
	text-align:center;
	width: 92px;
	cursor:pointer;
	color: #fff;}
#col2 .spip_forms .spip_bouton input:hover {background:  url(../squelettes/icono/bouton.png) no-repeat ;}

.h1map{font-size:13px;}
