/*------------ bloog, squelette de blogue pour SPIP -------------- */
/*------ Caractéristiques principales du site modifiables facilement----- */

@import "_interface_couleurs.css";



/*----- Détails à changer si on se sent alaise avec les css ----------------------- */
/*----- Attention d'être sur de ce que vous faites -------------------------------- */



.entete
{ width: 1003px;
  height: 156px;
  background-image: url('header_bkg.jpg');
  /*margin-bottom: 7px;*/
  margin:0 0 7px 0 ;
  padding:0 0 0 0;
  overflow: hidden;
}


/*.entete .recherche {float:right;text-align: right;padding:4px;}*/


.menu-prog
{ width:100%;
  height: 30px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  top: 126px;
}

.menu-prog .bouton
{ float:left;
  font-weight: bold;
  letter-spacing: 1px;
  cursor: hand;
}

#up_recherche
{ float: left;
  width: 250px;
  height: 30px;
  background-image: url('recherche.gif');
}

#up_recherche label
{ display: block;
  float: left;
  padding: 0px;
  margin: 7px 0px 0px 10px;
  color: #364255;
}

#up_recherche input
{ display: block;
  float: left;
  border: solid 1px #b6b6b6;
  width: 122px;
  height: 16px;
  line-height: 14px;
  padding: 0px;
  font-size: 12px;
  margin: 5px 0px 0px 10px;
}

#up_recherche a
{ display: block;
  float: left;
  width: 17px;
  height: 15px;
  _height: 17px;
  text-decoration: none;
  color: #1a171b;
  padding: 2px 0px 0px 0px;
  margin: 3px 0px 0px 5px;
  background-image: url('ok.gif');
  font-size: 10px;
  margin: 5px 0px 0px 10px;
  font-weight: normal;
  letter-spacing: -1px;
}

/*
#abonnement_top
{ width: 283px;
  height: 143px;
  position: relative;
  top: -30px;
  float: right;
  padding: 13px 0px 0px 0px;
  margin: 0px;
  text-align: left;
  color: #364255;
  font-size: 11px;
}
*/

/*#abonnement_top
{ width: 283px;
  height: 143px;
  float: right;
  padding: 13px 0px 0px 0px;
  margin: -35px 0 0 0 ;
  text-align: left;
  color: #364255;
  font-size: 11px;
}*/

#abonnement_top
{ width: 283px;
  height: 143px;
  text-align: left;
  color: #364255;
  font-size: 11px;
  position:relative;
  left:360px;
  top:-30px;
}


#abonnement_top h2
{ margin: 0px;
  padding: 0px;
  font-size: 13px;
  line-height: 14px;
}

#abonnement_top ul, #abonnement_top li
{ margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#abonnement_top form
{ margin: 0px;
  padding: 0px;
}

#abonnement_top th
{ font-size: 11px;
  text-align: left;
}

.ab_txt_input
{ border: solid 1px #7f9db9;
  width: 126px;
}

#ab_valid
{ text-decoration: none;
  display: block;
  width: 44px;
  height: 17px;
  background-image: url('valider_bkg.gif');
  color: #000000;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
}

/* --------------------------------------------------- ---------------- */

.tab_menu
{ BORDER-BOTTOM: black 1px solid;
  BORDER-TOP: #333333 1px solid;
  width: 730px;
  background-color: #FFFFFF;
}

.sw_clear
{ clear: both;
  line-height: 0px;
  height: 0px;
}

#colonne_gauche
{ width: 228px;
  padding: 0px 5px 0px 0px;
}

#colonne_droite
{ width: 305px;
  padding: 0px 0px 0px 5px;
}

.grison, .grison_actif, .gris, .grisonrouge {
text-align: center;
font-weight: bold; 
letter-spacing: 1px; 
cursor: hand;
PADDING-BOTTOM: 3px; 
PADDING-LEFT: 3px; 
PADDING-RIGHT: 3px;
PADDING-TOP: 3px
}

td { 
font-size: 75%;
}
.h5, .h4 { 
font-weight: bold; letter-spacing: 2px; 
}
.h5  { 
font-size: 100%; 
}
.h4  { 
font-size: 120%; }


h2
{ margin: 0px;
  padding: 0px;
}

.spip_recherche {
	FONT-SIZE: 9px; WIDTH: 100px
}
.spip_cadre {
	BACKGROUND-COLOR: #ffffff; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 5px; WIDTH: 100%
}
H3.spip {
	FONT-SIZE: 115%; FONT-WEIGHT: bold; TEXT-ALIGN: center
}
.spip_documents {
	FONT-SIZE: 70%
}
TABLE.spip {	
}
TABLE.spip TR.row_first {
	BACKGROUND-COLOR: #fcf4d0
}
TABLE.spip TR.row_odd {
	BACKGROUND-COLOR: #c0c0c0
}
TABLE.spip TR.row_even {
	BACKGROUND-COLOR: #f0f0f0
}
TABLE.spip TD {
	PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.spip_surligne { background-color: #FFFF66; }



/*----- Détails à changer si on se sent alaise avec les css ----------------------- */
/*----- Attention d'être sur de ce que vous faites -------------------------------- */
/*----- bloOg 3 -------------------------------- */

#right{
padding-top: 20px;

}


/* Bouton sorti */
#right h2, #right li a, #right li a:hover {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}
/* Bouton enfoncé */
#right li a:active {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}


#right ul {
	color: #333333;
	margin-bottom: 1.5em;
	margin-left: 0px;
	margin-top: 0.5em;
	padding-left: 0px;
list-style: none;
list-style-image: none;
}

#right li a {

        color: #FF9900;
	display: block;
	font-weight: bold;
	line-height: 90%;
	margin-bottom: 3px;
	margin-left: 7px;
	margin-right: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;
        color:#000000;
}

#right li a:link {
text-decoration: none;
}

#right li a:visited {
	color: #000000;
	text-decoration: none;
}

#right li a:hover {
	background: url(puce.gif) no-repeat 8px;
	color: #FF000;
	text-decoration: none;
}

#right li a:active {
	background: url(puce.gif) #FFFFFF no-repeat 4px;
	border-right: 1px solid #FFFFFF;
	
}

#right ul ul {
	color: #333333;
	margin-bottom: 0.5em;
	margin-left: 0px;
	margin-top: 0.5em;
	padding-left: 10px;
list-style: none;
list-style-image: none;
}

#right ul ul li a, #right ul ul li a:hover {
	
        border-top: #333333;
	border-left: #333333;
	border-right: #333333;
	border-bottom: #333333;
        background: #F0F0FO;
	display: block;
        font-weight: normal;	
        margin-bottom: 3px;
	margin-left: 7px;
	margin-right: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 0px;
	padding-top: 5px;
	text-decoration: none;
        list-style: none;
        list-style-image: none;
}

/* -------------------------- ajouts simtic ---------------------------------- */

/* -------------------------- left */

.bloc_left_top
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_left_top.gif');
  width: 223px;
  margin: 0px;
}

.bloc_left
{ width: 215px;
  _width: 223px;
  _margin-top: -5px;
  background-image: url('bloc_left.gif');
  padding: 0px 4px 0px 4px;
  font-size: 12px;
  color: #5a5a5a;
  text-align: left;
}

.bloc_left pre
{ width: 200px;
  white-space: normal;
}

.bloc_left_bottom
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_left_bottom.gif');
  width: 223px;
  margin: 0px 0px 10px 0px;
}

#programme_cine_top
{ width: 215px;
  text-align: left;
}

#programme_cine_top h3
{ color: #0066cc;
  margin: 0 0 0 0;
  padding: 0;
  font-size: 12px;
}

#programme_cine
{ width: 215px;
  height: 148px;
  background-image: url('programme_cine_bkg.jpg');
  text-align: left;
}

#programme_cine_top ul
{ list-style-image: url('../002/puce.gif');
  margin: 0px;
  padding: 10px 0px 0px 23px;
}

#programme_cine ul
{ list-style-image: url('cine_li.jpg');
  margin: 0px;
  padding: 80px 0px 0px 23px;
}

/* -------------------------- gauche (centre, en fait, mais le nom est resté après ajout de la colone de gauche) */

.bloc_gauche_bleu_top
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_gauche_bleu_top.gif');
  width: 468px;
  padding: 0px;
  margin-top: 0px;
}

.bloc_gauche_bleu
{ width: 460px;
  _width: 468px;
  background-image: url('bloc_gauche_bleu.gif');
  _margin-top: -5px;
  padding: 0px 4px 10px 4px;
}

.bloc_gauche_bleu_bottom
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_gauche_bleu_bottom.gif');
  width: 468px;
}

.bloc_gauche_top
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_gauche_top.gif');
  width: 468px;
  margin-top: 10px;
}

.bloc_gauche
{ width: 460px;
  _width: 468px;
  _margin-top: -5px;
  background-image: url('bloc_gauche.gif');
  padding: 0px 4px 0px 4px;
}

.bloc_gauche_bottom
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_gauche_bottom.gif');
  width: 468px;
}

.bloc_gauche_article_top
{ line-height: 0px;
  height: 24px;
  background-image: url('bloc_gauche_article_top.gif');
  width: 468px;
  padding: 0px;
}


/* -------------------------- droite */

.bloc_droite_bleu_top
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_droite_bleu_top.gif');
  width: 300px;
  padding: 0px;
}

.bloc_droite_bleu
{ width: 292px;
  _width: 300px;
  background-image: url('bloc_droite_bleu.gif');
  _margin-top: -5px;
  padding: 0px 4px 0px 4px;
  font-size: 12px;
  color: #5a5a5a;
}

.bloc_droite_bleu_bottom
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_droite_bleu_bottom.gif');
  width: 300px;
}

.bloc_droite_top
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_droite_top.gif');
  width: 300px;
  margin-top: 10px;
}

.bloc_droite
{ width: 292px;
  _width: 300px;
  _margin-top: -5px;
  background-image: url('bloc_droite.gif');
  padding: 0px 4px 0px 4px;
  font-size: 12px;
  color: #5a5a5a;
}

.bloc_droite_bottom
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_droite_bottom.gif');
  width: 300px;
}

.bloc_droite_classeur_top
{ line-height: 0px;
  height: 24px;
  background-image: url('bloc_droite_classeur_top.gif');
  width: 300px;
  padding: 0px
}

.bloc_droite_secteur_top
{ line-height: 0px;
  height: 24px;
  background-image: url('bloc_droite_secteur_top.gif');
  width: 300px;
  padding: 0px
}


/* -------------------------- bas */

.bloc_bas_top
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_bas_top.gif');
  width: 1003px;
  margin-top: 10px;
}

.bloc_bas
{ width: 995px;
  _width: 1003px;
  _margin-top: -5px;
  background-image: url('bloc_bas.gif');
  padding: 0px 4px 0px 4px;
}

.bloc_bas_bottom
{ line-height: 0px;
  height: 5px;
  background-image: url('bloc_bas_bottom.gif');
  width: 1003px;
}

/* -------------------------- headers de blocs */

.header_vert
{ text-align: center;
  font-weight: bold; 
  letter-spacing: 1px; 
  padding: 3px;
  color: #ffffff;
  background-color: #b0c148;
  margin: 0px 0px 3px 0px;
}

.header_rouge
{ text-align: center;
  font-weight: bold; 
  letter-spacing: 1px; 
  padding: 3px;
  color: #ffffff;
  background-color: #990000;
  margin: 0px 0px 10px 0px;
}

.header_rouge_nm
{ text-align: center;
  font-weight: bold; 
  letter-spacing: 1px; 
  padding: 3px;
  color: #ffffff;
  background-color: #990000;
  margin: 0px;
}

.header_rouge_nm a
{ color: #ffffff;
}

.header_rouge_d
{ text-align: center;
  font-weight: bold; 
  letter-spacing: 1px; 
  padding: 3px;
  border: dashed 1px #999999;
  color: #ffffff;
  background-color: #990000;
  margin: 0px 0px 5px 0px;
}

.header_bleu
{ text-align: center;
  font-weight: bold; 
  letter-spacing: 1px; 
  padding: 3px;
  color: #770000;
  background-color: #c2d8f8;
  margin: 0px 0px 5px 0px;
}

.header_bleu_nm
{ text-align: center;
  font-weight: bold; 
  letter-spacing: 1px; 
  padding: 3px;
  color: #770000;
  background-color: #c2d8f8;
  margin: 0px;
}

.header_bleu_d
{ text-align: center;
  font-weight: bold; 
  letter-spacing: 1px; 
  padding: 3px;
  border: dashed 1px #999999;
  color: #364255;
  background-color: #c2d8f8;
  margin: 0px 0px 5px 0px;
}

.header_d
{ text-align: center;
  font-weight: bold; 
  letter-spacing: 1px; 
  padding: 3px;
  border: dashed 1px #999999;
  color: #364255;
  margin: 0px 0px 5px 0px;
}

p
{ margin-bottom: 0px;
}

.header_bleu a:visited, .header_bleu a, .header_bleu_nm a:visited, .header_bleu_nm a
{ TEXT-DECORATION: none;
  color: #770000;
  margin: 0px;
  padding: 0px;
}

.header_bleu a:hover, .header_bleu_nm a:hover
{ COLOR: #770000;
  TEXT-DECORATION: underline;
}

img.sw_icone
{ float: right;
}

img.sw_icone_left
{ float: left;
  margin-right: 10px;
}

.clear
{ clear: both;
  line-height: 0px;
  height: 0px;
}

.detail
{ text-align: center;
  font-size: 11px;
}

.bloc_gauche h2.titre-extrait, .bloc_gauche_bleu h2.titre-extrait
{ text-align: left;
  padding-left: 10px;
}

h2.titre-extrait a
{ font-size: 16px;
}

.bloc_gauche img
{ margin-left: 10px;
}

ol.top4
{ margin: 0px;
  padding: 0px 0px 0px 25px;
  font-size: 11px;
}

a.archi_bo
{ text-decoration: underline;
  color: #5a5a5a;
}

h3.left_titre
{ margin: 3px 0px 0px 0px;
  padding: 0px;
  text-align: left;
  font-size: 12px;
}

.bloc_left pre
{ font-family: Arial, Helvetica, sans-serif;
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 10px	;
}

#cine_content
{ padding: 5px 0px 0px 10px;
}

#cine_content h2
{ padding: 0px;
  margin: 0px 0px 10px 0px;
}

#cine_content p
{ padding: 0px;
  margin: 0px 0px 10px 0px;
  text-align: justify;
}

/* -------------------------- forms */

.sw_form
{ border: solid 1px #c0c0c0;
  width: 500px;
  margin: 0px 0px 10px 100px;
  padding: 10px;
}

.sw_form p
{ color: #5a5a5a;
  padding: 10px 0px 20px 10px;
}

.sw_form ul
{ color: #5a5a5a;
  list-style-type: none;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

#photo_form form table th, .sw_form table th
{ font-size: 12px;
  text-align: left;
  color: #5a5a5a;
}

.img_right
{ float: right;
  margin-left: 10px;
  width: 150px;
}

#meteo
{ margin: 0px 0px 0px 52px;
}

#meteo a
{ display: none;
}

#meteo table tr td table tr td a
{ display: block;
}

#meteo table, #meteo table tr td
{ background-color: #ffffff;
}

/* FICHE CINE 	*/

.fiche_cine
{ float: left;
  border-bottom: solid 1px #c0c0c0;
  margin: 0px 0px 0px 5px;
  width: 730px;
  padding: 5px;
}

.fiche_cine_contenu
{ float: left;
  width: 600;
}

.fiche_cine img
{ float: left;
  margin: 5px 15px 5px 5px;
  width: 100px;
}

#titre_cine
{ text-align: center;
  background-color: #b0c148;
  color: #ffffff;
  font-size: 14px;
  height: 21px;
  line-height: 21px;
  margin: 0px;
  padding: 0px;
}

/* A VOS PLUMES */

#avosplumes
{
}

#avosplumes h1
{ text-align: center;
  font-size: 18px;
}

#avosplumes p
{ text-align: justify;
}

#avosplumes form
{ margin-left: 10px;
}

#avosplumes #count
{ font-weight: bold;
  color: #0066cc;
}

#avosplumes p.warn
{ font-weight: bold;
  color: #990000;
}

#avosplumes th
{ text-align: right;
  font-size: 12px;
  vertical-align: top;
  color: #555555;
}

#avosplumes .case
{ border: solid 1px #999999;
}

.asmall
{ font-size: 10px;
}

table { border:none;}

/* pub */
#bloc_pub_300x250{
	width:300px;
	height:250px;
	margin-top:10px;
}

#tab_com{
	width:700px;
	float:left;
	margin-left:150px;
}

#pub_forum_skyscraper{
	width:120px;
	height:600px;
	float:right;
	margin-top:15px;
	margin-right:25px;
}

body {width:100%; text-align:center;}

#conteneur_reaction{
	width:1013px;	
	margin:auto;
}

#texte_bottom{
	clear:both;
}