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

.couleur1		{color: #F52A8C;}
.couleur2		{color: #7b7a7a;}
.couleur3		{color: #FF7D00;}
.couleur4		{color: #FFAD00;}
.couleur5		{color: #B0BF00;}
.couleur6		{color: #B30000;}
.couleur7		{color: #007599;}
.couleur8		{color: #004D6B;}

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

.format_png {behavior: url("../win_png.htc");}
html {	background: #fff url("icono/bg.png") repeat-x;}

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

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

body {
	width:1000px; width: 960px;
	display:block;
	padding: 0;
	margin: 0 auto;
	font-size:0 !important;
	line-height:0;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	text-align:center;
}
	
#site {
	display:block;
	overflow:hidden;
	zoom:1;
	z-index: 1;
	color: #000;
	min-height:400px;
	position:relative;
	border-top: 4px solid #B30000;
	background: #fff url("icono/code_gauche.png") repeat-y 7px ;
	padding: 0 0 0 15px;
	width: 945px; width: 945px; 
	margin: 0;
}


#cnt {
	*padding-bottom: 15px;
	background: #fff url("icono/code_gauche.png") repeat-y 7px ;
	background-position: right ;
}

/*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; }

/* 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 * 	{ font-weight:bold; text-decoration:none; cursor:pointer; color: #b30000;}
a img {border:none}
.debut hr, .fin hr { visibility: hidden !important; }

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

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

#tete {
	position:relative;
	z-index: 100;
	overflow:visible;
}


.logovolant {
	font: 16px/100% Arial, Helvetica, sans-serif;
	color: #fff;
	position: absolute;
	display: block;
	width:  150px;
	text-align: center;
	top:30px;
	right: 45px;
	z-index: 110;
}

.logovolant h3 {
	font: bold 18px/100% Arial, Helvetica, sans-serif;
	margin: 6px 0 2px 17px;
}

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

#ir {
	width: 945px;
	height: 113px;
	background: #fff;
}

.barre {width:954px}

#menu {
	width: 943px;
	background: url(icono/menu_cnt.png) repeat-x 0;
	padding: 10px 0 0;
	margin:0;
	position:relative;
	top: -5px;
	height: 42px;
}

#menu .tetemenu {
	background: #b30000;
	margin: 0 0 0 5px;
	height:29px;
	width: 100px;
	text-align:center;
	padding: 0 50px 3px;}
#menu .marge {padding-top: 5px;}
#menu .hauteur { height: 32px;}
#menu .tetemenu:hover {background: #C2C2C2;}

.sousmenu {
	display:none;
	position:absolute;
	top:165px;
	z-index: 101;
	padding: 1px 0;
	background: #B30000;
	color:#fff;
	width: 200px;
	margin-left: 0px ;
}

.sousmenu li { list-style:none; }
.sousmenu a {
	text-align:left;
	padding: 3px ;
	font: 11px Arial, Helvetica, sans-serif;
	display: block;
	color: #fff;
	zoom:1;
	margin:0;
	background-color:#b30000;}
.sousmenu a:hover {background:#c2c2c2;color: #b30000;}

/* ------------- Module recherche et langue ------------- */

#langetsearch {
	width: 110px;
	margin:-3px 0 0;
	padding:0;}
#langetsearch a {margin: 0 5px 0 1px;}
.drapeau { _padding: 2px 0;}

/* Module de recherche */

.recherche {	width: 136px;}

.formulaire_recherche .label{
	padding: 0px ;
	margin: 0px ;
}

.formulaire_recherche .text {
	width:75px;
	border: 1px solid #888;
	height: 15px;
	font: .8em Arial, Helvetica, sans-serif;
}

.formulaire_recherche .submit {
	width:23px;
	height: 15px;
	margin: 3px 0px 0px 0px ;
	font: bold 9px Arial, Helvetica, sans-serif;
	color: #b30000;
	background: #fff;
	border: 1px solid #888;
	cursor:pointer;
}
.formulaire_recherche .submit:hover {
	background: #b30000;
	color: #fff;
}

/* ========================= ARIANNE ========================= */

#arianne {
	font: 10px Arial, Helvetica, sans-serif;
	padding: 0 20px 10px ;
	text-align:left;
	width: 785px;}
#arianne a { color: #000; }

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

.globalgauche {width: 940px;}
.globalgauche, x:-moz-any-link {
	position: relative;
	z-index:1 ;
}

#col1 {
	width: 820px;
	text-align: left;	
	border: 1px solid #ccc;
	border-width:1px 1px 0;
	margin-left: 8px;
	background: url(icono/code_bas.png) repeat-x bottom;
	padding-bottom: 50px;}
#col1.article {
	padding: 0 10px 10px ;
	width:903px;
}

/* #arianne, #col1, .globalgauche, html #col1 *  { overflow: visible; } */

/* ------------ Article  ------------ */

#col1.article h2 {
	font: normal 24px Arial, Helvetica, sans-serif;
	color: #7b7a7a;
	display: inline;
	margin: 15px 0 10px; *margin: -10px 0 10px;  _margin: 0 0 10px;  
	padding: 8px 0 10px 20px;  *padding: 10px 0 10px 20px;  _padding:0 0 0 20px ;
	line-height: 140%;
	background: #fff url(icono/puce_rose.png) no-repeat 5px center;
}
#col1.article .grotit {
	margin: 5px 0 ;
	background: url(icono/bg.png) repeat-x 10px 7px;
	height: 25px; _height: 25px; _overflow:hidden;
}
#col1 h3 {
	margin: 0 ;
	font: normal 16px Arial, Helvetica, sans-serif;
}
#col1.article .logo  { margin: 0 10px 5px 0;}
#col1 .pointille {
	margin: 7px 0 5px;
	border-bottom: 1px dotted #666;
	width: 903px;
}
#col1.article .pointille .droite {
	margin: 6px 0 0;
	width: 130px;
	text-align: right;}
#col1 .pointille .droite a {
	margin: 0 0 0 5px;
	text-align:right;}
#col1 #outils { float:right;}	
#col1 .tit {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #7b7a7a;
	padding: 5px 0;}
#reagir {margin-top: 3px;}
	
#col1 .contarticle {
	color: #333;
	font: 12px/12px Arial, Helvetica, sans-serif;
	padding: 3px 0 7px;}	
#col1 .contarticle strong { font-weight:bold;}
#col1 .contarticle i { font-style:italic;}
.descr {
	width: 180px;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #7b7a7a;}
.lignegauche {
	display:block;
	overflow:hidden;
	border-left: 1px dotted #7b7a7a;
	padding-left: 10px;
	margin-bottom: 5px;
}
	
#col11.article.cnt, #col1.article .cnt p { font-size: 12px;}

.contarticle p { padding: 5px 0;}

/*------- Commentaires ------ */

#col1 .commentaires h3.intro {
	width: 903px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #7b7a7a;
	border-bottom: 1px dotted #555;
	margin: 5px 0;
	padding-bottom:5px;
	float:left;}
.commentaires .paru { font: normal 12px Arial, Helvetica, sans-serif;}
.commentaires .item { font: normal normal 12px Arial, Helvetica, sans-serif; }
#col1 .commentaires h3.tit {
	display:block;
	background: #e6e6e6;
	width: 870px;
	padding: 4px 10px 2px;
	margin: 5px 0 ;
}

/* ------------ Sommaire Colonne 11  ------------ */

#col11 {
	width: 526px;
	margin: 0 0 0 10px;
}
	
#col11 .grotit {
	background: url(icono/bg.png) repeat-x 10px 7px;
	padding:0;
	margin: 10px 0 10px;
	width: 100%;
}
#col11 h2 {
	font: normal 24px Arial, Helvetica, sans-serif;
	color: #7b7a7a;
	padding: 0 7px 0 20px;
	height: 22px;
	background: #fff url(icono/puce_rose.png) no-repeat 5px 14px;
}
#col11 .tit {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #7b7a7a;
	padding: 5px 0;
	width: 510px;
}
#col11 .cnt, #col11 .cnt p {
	font: 11px Arial, Helvetica, sans-serif;
	color:#333333;
}
#col11 .spip_logos {
	width:100%;
	text-align:center;
}

.lls {
	text-align:right;
	width: 99%; 
	background: #fff url(icono/pointilles.png) repeat-x 0 9px;
	margin: 0 0 10px;
}
.lls a {
	background: #fff url(icono/picto_+.png) no-repeat right;
	padding: 0 15px 0 5px;
	color: #7b7a7a;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;}
.lls a:hover {
	color:#b30000;
	text-decoration: underline;
}

.lieu p,.lieu b {
	display: block;
	float:left;
	overflow:hidden;
	zoom:1;}
.lieu p { margin: 1px 0 0 5px; }

/* ------------ Sommaire Colonne 12  ------------ */

#col12 {
	width: 250px;
	margin: 0 0 0 10px;
	background: #fff url("icono/code_gauche.png") repeat-y 7px ;
	padding: 0 0 0 20px;
	text-align:left;
}
#col1 .col12fin {
	margin: 0 0 0 18px;
	width: 266px;
	background: #fff url("icono/code_bas.png") repeat-x;
	float:right;
}

#col12 h2 {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	color: #b30000;
	border-bottom: 1px dotted #b30000;
	margin: 14px 0 10px;
	width: 230px;
	padding: 0 0 5px 20px;
	height: 22px;
	background: #fff url(icono/puce_rose.png) no-repeat 5px 8px;}
#col1 #col12 h3, #col1 #col12 .date {
	width: 250px;
	padding: 0 0 3px 7px;
	color: #7b7a7a;
	font: 12px/100% Verdana, Arial, Helvetica, sans-serif ;}
#col1 #col12 .date {
	width: 242px;
	padding: 0 0 5px 7px;
	border-bottom: 1px dotted #7b7a7a;}
#col12 h3 { text-transform: uppercase; }
#col12 .cnt {	
	font: 11px Arial, Helvetica, sans-serif;
	padding: 7px 10px 10px;
	margin: 5px 0;
	width: 230px;
	color: #fff;
	background: #b30000;}
#col12 .logo { margin: 0 10px 0 0; }

/* ------------ Rubrique  ------------ */

#rubrique {
	width: 903px;
	margin: 0 0 0 10px;}
	
#rubrique h2 {
	font: normal 24px Arial, Helvetica, sans-serif;
	color: #7b7a7a;
	display: inline;
	margin: 15px 0 10px; *margin: -10px 0 10px;  _margin: 0 0 10px;  
	padding: 8px 0 10px 20px;  *padding: 10px 0 10px 20px;  _padding:0 0 0 20px ;
	line-height: 140%;
	background: #fff url(icono/puce_rose.png) no-repeat 5px center;
}
#rubrique .grotit {
	margin: 5px 0 ;
	background: url(icono/bg.png) repeat-x 10px 7px;
	height: 25px; _height: 25px; _overflow:hidden;
}

#rubrique .item, .article .item {	
	width: 245px;
	padding: 0 0 0 12px;
	margin: 0 0 10px;
	position:relative;
	height: 180px;
}

.article .rubitem { margin-top: 10px !important;}
#col1 .rubitem {	
	width: 235px;
	padding: 5px 10px;
	margin: 0 0 10px;
	background: #bbb;
	color: #fff;
	font-weight: bold;}
#col1 .rubitem:hover {background:  #b30000;}

#rubrique .tit {
	font: bold 14px Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #7b7a7a;
	color: #7b7a7a;
	width: 240px;
	margin: 5px 7px 10px 0;
	padding: 5px 0;
	position: relative;
}

#col1 .ligne { 
	border-left: 1px solid #ccc;
	margin-left: 10px;
}
#col1 .item .cnt, #col11 .cnt p {	
	font: 11px Arial, Helvetica, sans-serif;}
#col1 .item .spip_logos {
	width:100%;
	margin: 0 10px 2px 0;
	text-align:center;
}

#col1 .item .lls {
	position:absolute;
	bottom:0;
	right:0;
} 

/* ------------ Recherche  ------------ */

.recherche #rubrique h3.moyentitre {
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	color: #b30000;
	border-bottom: 1px dotted #b30000;
	margin: 15px 0 10px;
	width: 100%;
	padding: 0 0 2px 20px;
	height: 22px;
	background: #fff url(icono/puce_rose.png) no-repeat 5px 5px;}

.pertinence {
	text-transform:uppercase;
	font: normal 8px Arial, Helvetica, sans-serif;} 

.encadre {
	height: 7px;
	padding:0;
	width: 32px;
	line-height:0;
	border: 1px solid #7b7a7a;
	margin: 3px 0 0 5px;
}

/* ---------- Plan du site ---------- */

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

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

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

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

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

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

#col2 {
	width: 105px;
	background: #E6E6E6;
}

#menu_droite {
	background: #fff url(icono/coldroite_debut.png) no-repeat top;
	padding: 6px 3px 0;
	margin: 0 2px;
	width: 92px;}
#menu_droite .bouton { padding-bottom: 4px; *padding-bottom: 2px; }	
#col2 .fin { margin-left: 2px;}
#col2 .calais {margin: 15px 23px;}

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

#pied {
	color : #808080;
	font: 9px/115% Verdana, Arial, Helvetica, sans-serif;
	width:903px;
	text-align:center;
	padding: 5px 10px 12px;}

.lienpied {width: 100%;}
.lienpied a {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #999999;}
.lienpied a:hover { color: #b30000;}

#pied font {
	width:903px;
 margin: 10px 5px; }

#fin {
	margin: 0 0 0 8px;
	width: 952px;
	background: #fff url("icono/code_bas.png") repeat-x;
	text-align:left;
}

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

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

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

html h1 {
	color:#7b7a7a;
	font: bold 14px Arial, Helvetica, sans-serif ;
	text-transform:none;
	height:inherit;
}
.invisible			{display:none ; }
.gras, strong		{font-weight:bold !important;}
.italic, 1				{font-style:italic !important;}
.majuscules 		{ font-variant:small-caps; color:#5497e2; }
.margegauche 	{	margin-left: 10px;}
.large 					{width: 100%;}
.rouge 				{font-size: 1.1em; color: #e6210b;}
.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 --------------*/

ul.spip {
	display:block;
	overflow:hidden;
	list-style: none;
	background: url(icono/points.gif) 0 8px no-repeat;
	padding: 0 0 0 10px;
	list-style-position:inside;
	*padding: 0;
	margin: 0 0 0 5px;}
ul.spip li { 
	display: block;
	overflow:hidden;
 margin: 0 0 5px; }
.spip_out, .spip_in {
	font-weight:bold;
	color:#333333;}
.spip_out{
	background: url(icono/puce_out.gif) no-repeat 0 5px !important;
	padding: 0px 0px 0px 14px !important;}
.spip_out:hover, p.spip_note a:hover, p.spip a:hover, .spip_in:hover, .spip_glossaire:hover, .spip_out:hover {color:#b30000;}

#col1 .contarticle h3.spip {
	color: #7b7a7a;
	font: bold 13px Arial, Helvetica, sans-serif ;
}

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

table {
	text-align:center;
	cellpadding: 0;
	cellspacing: 0;
	border-collapse:collapse;
}

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

table.spip th {
	background: #fc8083;
	color: #fff;
	padding:0;
	font-size: 1em;}
table.spip th strong { margin:4px 10px; }
.row_odd {background:#fbe7e8;}

/* ---- 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:#CFC2BC;
	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;}
.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; }

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

/* Formulaires */

#col1 .spip_bouton input {
	margin: 0 357px;
	padding: 2px 6px;
	background: #7b7a7a;
	cursor:pointer;
	text-transform: uppercase;
	font: bold 13px Arial, Helveticaplan, sans-serif;
	border: 0px solid #fff;
	color: #fff;}
#col1 .spip_bouton input:hover { background: #b30000; }

/* --- Formulaire Forum --- */

/* Boutons */

.encadre_reagir {
	border: 1px dotted #666;
	border-width: 1px 0;
	padding: 10px 0;
	text-align:center;
}

.reagir {
	background: #B30000;
	padding: 5px 10px;
	width: 200px;
	margin: 0 280px;
	color:#fff;}
.reagir:hover {
	background: #fc8083;
	color: #fff;
}

/* Formulaires et Spip_form combinés */

.formulaire_spip  .explication, .spip_forms .explication {
	background: b30000;
	padding: 5px 5px 0;
	width:720px;}
.spip_form ul .explication, .formulaire_spip  ul .explication { width:690px;}

#col1 .spip_forms, #col1 .formulaire_spip {
	display: block;
	overflow:hidden;
	background: #e6e6e6;
	padding: 0 5px 17px;
	margin: 5px 10px;
	width: 770px;
}

#col1 .spip_form fieldset, #col1 .formulaire_forum fieldset {
	display: block;
	overflow:hidden;
	background: #e6e6e6;
	padding: 0 5px;
	margin: 0px 10px;
	width: 903px;
}

.spip_form li, .formulaire_spip li {
	list-style: none;
	list-position: inside;
	margin: 0 0 5px 15px;}
	
.spip_form label, .formulaire_spip label {
	display:block;
	color:#7b7a7a;
	font: bold 13px Arial, Helvetica, sans-serif;
	margin: 5px 0 3px;
}

/* Outils du textarea */
.formulaire_spip input, .formulaire_spip textarea {border: 1px solid #555;}
.formulaire_spip .saisie_texte table {background: #fc8083;}
.formulaire_spip .saisie_texte table img , .formulaire_spip .saisie_texte span{margin: 5px 0 0;}
.formulaire_spip .saisie_texte span {display: block;}
.formulaire_spip .saisie_texte .cs_BT{
	margin: 5px 0 0 8px ;
	background: #b30000;
	border: 0px solid #444;
	color: #fff;
	float: left;
	overflow:hidden;
	zoom:1;
}
.formulaire_spip .saisie_texte textarea {
	font: 13px Arial, Helvetica, sans-serif;
	padding: 5px;
	width: 688px ;}
.formulaire_spip .saisie_texte div , .formulaire_spip .saisie_texte table {
	overflow:hidden;
	width: 700px !important;
}

.formulaire_spip  .barre {width:698px}
.formulaire_spip legend {
	font: 18px/180% Arial;
	color: #7b7a7a;
}

/* Bouton OK */

.spip_form input.submit, #col1 .formulaire_spip input.submit {
	background: #7b7a7a;
	color: #FFFFFF;
	font: bold 12px/100% Verdana, Arial, Helvetica, sans-serif;
	width: 250px;
	height: 28px;
	border: 0px solid #555;
	padding: 0px 5px 1px;
	margin: 20px 250px;
	cursor:pointer;}
.spip_form input.submit:hover,#col1 .formulaire_spip input.submit:hover {background: #b30000;}

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

#col1 #envoi {
	border : 1px solid  #b30000;
	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: #b30000;
	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: #7b7a7a;
	font: 11px Arial;
	display: block;
	position: relative;
	overflow:visible;
}

#col1 #envoi .spip_bouton input {
	margin: 0 108px; *margin: 0 95px;
	padding: 2px 6px;
	background: #B30000;
	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 #7b7a7a;}
#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 { border: none;}
#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;
}
/* ---- Agenda ---- */

div#calendar {
	width: 150px;
}

div#calendar table{
	width: 248px;
	font-size: 0.8em;
	text-align: center;
	margin: 0 0 10px ;
	border-collapse: collapse;
	background: #f6f6f6;
	border: 1px solid #c2c0c1 ;
}

div#calendar table caption{
	margin: 0 ;
	background:#e2017b url(../squelettes/icono/onglet_cnt2.png) repeat-x bottom; 
	border: 1px solid #e2017b;
	color: #fff;
	font: bold 11px Arial;
	padding: 2px 0;
	height: 22px;
	width: 247px;
	text-align:center;}
div#calendar table caption a {	color:#fff;}

div#calendar table th{
	color: #666;
	padding: 0 0 2px;
	text-align:center;
}

div#calendar table td{
	width: 14%;
	text-align:center;
	line-height: 1.7em;
	border: 1px solid #c2c0c1;
}

div#calendar table td a{
	display: block;
	background: #97b53b;
	line-height: 1.7em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

div#calendar table td.today a{	border: 1px solid #b30000;}
div#calendar table td a:hover{
	background: #657431;
	color: #fff;}
div#calendar table td.today a:hover{	border: 1px solid #636;}
div#calendar span{	display: none;}

div#calendar .occupe a { background:#b30000; }
div#calendar .occupe a:hover { background:#fc8083; }

#formulaire_login .nofx, #formulaire_login .checkbox   {
	width:auto;
	float:left;
	display: block;
	overflow:hidden;
}
#formulaire_login .checkbox {	margin: 7px 5px 0 0;}
#formulaire_login #pass_securise {margin: 7px 5px 0 ;}



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

#col1 .formulaire_spip {
	padding: 0 18px;
	width: 760px;}
#col1 .formulaire_spip {width: 745px;}

#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: 338px; _width: 328px;}
#col1 .formulaire_spip .textarea { height: 105px; _width: 328px;}

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

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


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


#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;
}

#col1 .formulaire_spip .erreur_message {
	color: #FF0000;
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 400px;
	float:left;}
#col1 .formulaire_spip .erreur input {border-color: #f00;}