/* CSS Document */

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

html {border:0px ;}

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

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

body {
	width:840px;
	padding: 0;
	margin: 0 auto;
	font-size:0 !important;
	line-height:0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: #cdd1d2 url(icono/blog_fond.gif) repeat-y center;
}

/*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;
	color: #0099ff;
	font-weight: bold;}
a img 	{border:none}

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

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

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


#entete_blog {
	width: 870px;
	height: 90px;
	padding:0;
}

#entete_blog #blog_bulle {
	margin: 0 !important;
	padding:0;
	background: #0099ff;}
#blog_logo {
	margin: 15px 61px 0 0;
	width:115px;
	height: 66px;
}

#easy-access {
	padding:0;
	text-align:left;
	width: 273px !important;
}

#entete_blog #grotit {
	background: #0099ff url(icono/pixelgris.gif) repeat-y 348px;	
	width: 570px; _width: 585px;
	height: 85px;
	text-align: left;
	font: bold 1em Arial;
	margin:0;
}

#entete_blog #grotit a {
	margin: 49px 10px; 
	color: #fff;
}

/* Module de recherche */

#recherche {margin: 30px 0 0 38px;}
#recherche, x:-moz-any-link, x:default  {margin: 30px 0 0 38px;}

.recherche {width: 182px;}
.formulaire_recherche label {display: none;}

.formulaire_recherche .forml {
	float: left;
	margin: 0 0 30px 42px ;
	text-align: center;
	border : 1px solid #0099ff;
	height:15px;
	width:78px;
	padding: 1px 5px;
	font: bold .85em Arial, Helvetica, sans-serif;
	color: #0099ff;
}

h2 {
	width: 665px;
	text-align: left;
	margin: 35px 0 0 0px;
}

h2 a {
	font: bold 20px Arial;
	color: #999;
}

#blog_logos {
	position: relative;
	top: -65px;
	background: #fff;
	width: 112px;
}

#blog_logos .bordure {
	padding:3px;
	border: 1px solid #999;
	width: 104px;
}

#blog_logos .lienbas {
	width:100%;
	padding: 4px 0 0;
	text-align:center;
}

.tete { height: 190px; }
.corp, .tete {
	width : 840px;
	background: url(icono/pixelgris.gif) repeat-y 620px;
}

.corp {
	border-top: 1px solid #ccc;
	padding: 20px 0;
}

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

#col1 {
	margin: 0 0 20px 2px; 	margin: 0 0 20px 5px;
	width: 580px !important; _width: 570px !important;
	text-align: left;	
	line-height: 120%;
}

#col1 .article {
	margin: 0 0 20px;
	padding: 0 0 20px;
}

#col1 .date {
	width:580px;
	font: bold 1em Arial;
	color: #f00;}
#col1 .visites { font-weight: normal; }

#col1 .tit {
	width:490px;
	font: bold 1.4em Arial;
	color: #000;
	margin: 0 0 5px;
	text-decoration:none;
}

.gauche, .gauche_article {
	display: inline;
	overflow:hidden;
	float:left;
	zoom:1;
	padding: 3px 5px 2px 0 ;
	margin: 0 8px 0 0;
	width:70px;
}
.gauche_article { width:300px; }

#col1 .descrp{
	width:580px;
	font: 12px Arial, Helvetica, sans-serif !important ;
	color: #000;}
#col1 .descrp .cnt {
	width: 490px;
	line-height: 17px;
}

#col1 .fin_article a {
	margin: 3px 0 0;
	color: #0099ff;
	width: 75px;
	font: bold 1em Arial;}
#col1 a { text-decoration: underline; }

#col1 #pagination {
	width: 580px;
	color: #666;
	padding: 5px 0 0;
	text-align: center;
	margin: 10px 0 30px;}
#col1 #pagination a {color: #666;}

/* Article en lui même */

#col1 #grotit, #col1 #manager { display: none; }
#col1 h2 { width: 550px;}
h2 #soustitre {
	text-align:right;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 0 0 0 80px;
	width: 510px;
}

.ancre { 
	width: 580px; _width: 570px;
	text-align:right;
	margin: 0 0 50px;
}

/* Page mots */
h3.grotit {
	font: bold 1.4em/110% Arial, Helvetica, sans-serif;
	color:#999;
	margin: 0 0 20px;
	border-bottom: 1px solid #aaa;
	width: 580px;
}

/* Message */

#col1 .liste-articles {margin: 0 0 20px;}

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

#droite {
	margin: 5px 0 0 60px;
	width: 182px;
	font-size:.9em;
	text-align: left;	}
#droite .liste {
	margin: 0 0 20px;
	width:172px;
}

#droite .liens {
	margin: 0 0 20px;
	width: 182px;
	text-decoration: underline;
	font-size: 12px;
}

#droite #agenda span.tit {
	font: bold 1em/120% Arial;
	color:#666;
}

#droite h3.tit {
	width:182px;
	font: bold 1em Arial;
	text-transform: uppercase;
	margin: 0 0 5px;
}

#droite span.tit {
	width:155px;
	font: 1em/120% Arial;
	color: #000;
	margin: 0 0 2px;
}

#droite .bbr {
	font: bold 20px Arial, Helvetica, sans-serif;
	margin: 15px 0 0px;
	width:175px;}
#droite .bbr * { line-height: 100%; }

#droite .encart {
	border: 1px solid #666;
	margin: 20px 0px;
	width: 165px;
}

#droite .encart .tit {
	padding: 5px 10px 7px;
	color: #fff;
	font-weight:bold;
	font-size:1em;
	background-color: #DD0005;}
#droite .encart * {
	width: 150px;
	display:block;
	padding: 10px;
	font: 1em/110% Arial, Helvetica, sans-serif;	
}
#droite .encart a {
	padding: 5px 0;
	text-decoration:underline;
	font: bold .9em Arial, Helvetica, sans-serif ;
}

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

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

.invisible {display:none !important; }
.gras {font-weight:bold !important;}
.italic {font-style:italic !important;}
.majuscule { font-variant:small-caps; color:#5497e2; }
.ligne { width: 640px;}
.rouge { color:red; }
.gris { color: #666; }
.bleu { color: #0c3f97; }
.cyan { color: #0099ff; }


.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 --------------*/

h3.spip { color:red;}
p.spip {margin: 10px 0px ; font-size: 12px; }
.spip_out, p.spip_note a, p.spip a, .spip_in, #col11 .spip_glossaire{
	margin:0;
	font-weight:bold;
	color:#0099ff;
}

.spip_out:hover, p.spip_note a:hover, p.spip a:hover, .spip_in:hover, .spip_glossaire:hover, .spip_out:hover {color:#F51E24;}
ul.spip li, li.spip { margin: 0 0 0 20px;}

/*Tableaux*/

table.spip {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999999;
	border-collapse:collapse;
	margin-bottom:1em;
}

table.spip caption{
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin-left: auto;                                                       
	margin-right: auto;
	padding: 3px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}

table.spip tr.row_first {background-color: #FCF4D0;}
table.spip tr.row_odd {background-color: #d0d0d0;}
table.spip tr.row_even {background-color: #F0F0F0;}

table.spip td {
	padding: 3px;
	text-align: left;
	vertical-align: middle;
}

.note {
	margin: 10px 0 0;
	border-top: 1px dotted #0099ff;
}

dl.spip_documents {
	display:block;
	overflow:hidden;
	zoom:1;
	background:#e6eef5;
	padding: 5px 6px 10px;
	text-align:left;
}
.spip_documents_left {margin : 0 2% 0 0;}
.spip_documents_right {margin : 0 0 0 2%;}
.spip_documents_center, .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: 100% !important;}
.spip_doc_descriptif {font: 1em/110% Verdana, Arial, Helvetica, sans-serif;}


#col1 .formulaire_forum {
	display:block;
	padding: 5px 0 0 ;}

#col1 .formulaire_forum p {
	font: .9em/130% Arial;
	margin: 0 0 5px;
	color: #666;}
	
#col1 .forum h2 {
	border-bottom: 2px solid #0099ff;
	margin: 0 0 10px;
	width: 580px;
}
#col1 .forum h3.titre {
	text-decoration : none; 
	color: red;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	width: 580px;
	margin: 0 0 5px;
}

#col1 .forum small {
	margin: 0 0 7px;
	display: block;
}

#col1 .formulaire_forum legend {
	font: bold italic 1.3em Arial;
	padding : 7px 0 10px;
	color: #666;
}

#col1 .formulaire_forum .forml, .formulaire_forum textarea {
	border : 1px solid #999;
	padding: 2px 5px;
	width: 565px; _width: 558px;
	margin: 3px 0 10px;
	font: 1em Arial;
}

#col1 .formulaire_forum p label {
	font: bold 1.1em Arial;
	padding: 5px 0 10px;
	color: #000;
}

#col1 .formulaire_forum .previsu strong {
	color:red;
	font-size: 1.1em;
}

#col1 .formulaire_forum .spip_bouton input {
	padding : 2px 5px;
	background: #fff !important;
	color: #0099ff!important;
	cursor:pointer !important;
	border: 1px solid #0099ff;
	font: bold 1.1em Arial ;
	margin: 20px 150px 40px;
}

#col1 .formulaire_forum .spip_bouton input:hover {
	background: #3399FF !important;
	color: #fff !important;
}


#col1 .formulaire_forum tbody{
	margin: 0!important;
	float: right !important;
	width: 580px;}
#col1 .formulaire_forum tbody img {
	margin: 0 2px 5px!important;
	border: 1px solid #0099ff;
	padding: 2px;}
#col1 .formulaire_forum tbody img:hover {background : #9df;}
#col1 .formulaire_forum table fieldset {width: 580px;}
#col1 .formulaire_forum td input {width: 577px !important ;}

/* --- Captcha --- */
#col1 .formulaire_forum .court {
	width: 455px;
	margin: 3px 0 0 5px;
}

#col1 .formulaire_forum img.module {
	margin: 3px 0 0;
	height: 21px;
}