/*---------------------------------------
 CSS Design : Domi PEREZ
2008
---------------------------------------*/

body {
  margin: 5px;
  font-family: Arial, Helvetica, Verdana, Univers, sans-serif;
  font-size: 0.95em;
  color: #222222; /* couleur du texte */
  background: #aa0022 url(../img/fond_x970.gif) top center repeat-y; /* couleur fond de page */ 
  background: #9999ff ; /* couleur fond de page  Origine */ 
  background: #ffff99 ; /* couleur fond de page */ 
  background: #eeeeaa ; /* couleur fond de page */ 
}
/*---------------------------------------
---------------------------------------*/

.cadre_longhaut {
  float: left;
  width: 946px;
  margin: 5px 12px 5px 12px; /* haut droit bas gauche */
  padding: 0 0 0 0;
  background: #9999ff; /* couleur fond de page */
  background: #99ffff; /* couleur fond de page */
  background: #9999ff; /* couleur fond de page */
  background: #ffff99 ; /* couleur fond de page */ 
  background: #eeeeaa ; /* couleur fond de page */ 
}

.cadre_longbas {
  float: left;
  width: 946px;
  margin: 5px 12px 5px 12px; /* haut droit bas gauche */
  padding: 5px 12px 5px 12px; /* haut droit bas gauche */
  background: #9999ff; /* couleur fond de page */
  background: #ffff99 ; /* couleur fond de page */ 
  background: #eeeeaa ; /* couleur fond de page */ 
}

#q{	
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	background: #eee url("../img/loupe.gif") no-repeat 0px center;
	padding-left: 18px;
	width: 167px; 
	height:20px;
	font-family: "Comic Sans MS", Arial, Helvetica, Verdana, Univers, sans-serif;
	font-size: 1.00em;
	}
#q:focus {background: #eeeeee url("../img/loupe.gif") no-repeat 0px center;}


.entetemilieu {
width:946px;
height:150px;
text-align:left;
}

/* -----------------------  ------------------------------  -------------------- */
.milieuboite {
float:left;
text-align:left;
width:946px;
height:150px;
background:url(../img/entete.jpg) no-repeat center;
}

/* bloc fncta */
.boite1 {
float:right;
width:150px;
height:150px;
text-align:right;
}

.boite3 {
float:left;
width:150px;
height:150px;
text-align:left;
}

img {border: none;}

.boite2 {
float:left;
width:600px;
height:150px;
padding: 22px 5px 5px 40px; /* haut droit bas gauche */
padding: 22px 5px 5px 5px; /* haut droit bas gauche */
text-align:center;
background-color:transparent;
color: #0000ff;
font-family: "Comic Sans MS", Arial, Helvetica, Verdana, Univers, sans-serif;
font-size: 2.25em;
font-style:italic;
}

.boite2 a {
text-decoration:none;
color: #ffdddd;
}
.boite2 a:hover{
color: #ffff00;
}



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

#cadre {
    margin: auto;
	width: 970px;
}

hr
{
color:#ff2222;
}





.cadre_colg {
  float: left;
  width: 187px;
  margin: 0px 2px 0px 0px; /* haut droit bas gauche */
  padding: 5px 12px 5px 12px; /* haut droit bas gauche */
  padding: 10px 12px 5px 12px; /* haut droit bas gauche */
}
.cadre_colm {
  float: left;
  width: 518px;
  margin: 0px 2px 0px 0px; /* haut droit bas gauche */
  background: #ffffff; /* couleur fond de page */
  padding: 5px 12px 5px 12px; /* haut droit bas gauche */
}
.cadre_cold {
  float: left;
  width: 187px;
  margin: 0px 2px 0px 0px; /* haut droit bas gauche */
  padding: 5px 12px 5px 12px; /* haut droit bas gauche */
  padding: 10px 12px 5px 12px; /* haut droit bas gauche */
}


.edito {
  float: left;
  width: 490px;
  margin: 0px 2px 10px 0px; /* haut droit bas gauche */
  background: #ffffaa; /* couleur fond de page */
  padding: 5px 12px 12px 12px; /* haut droit bas gauche */
}



.article .blocforum2 {
float: right;
background: url("../img/com.gif") no-repeat 0px center;
padding: 0px 0px 0px 25px; /* haut droit bas gauche */
	text-decoration:underline;
	text-decoration:none;
	color:#ff0000;
	font-size: 0.85em;
	font-family:  Arial, Helvetica, Verdana, Univers, sans-serif;	
}





.blocforum,
.blocforum p,
.blocforum .texte,
.blocforum  div{
	float: left;
	width: 490px;
	margin: 0px 2px 10px 0px; /* haut droit bas gauche */
	background: #ffffaa; /* couleur fond de page */
	padding: 5px 12px 12px 12px; /* haut droit bas gauche */
	font-family: Arial, Helvetica, Verdana, Univers, sans-serif;
	font-size: 0.15em;
}

.blocforum  .comm {
  color:#222222;
  font-size: 1.55em;
  
}
.blocforum  a {
background: url("../img/com.gif") no-repeat 0px center;
padding: 0px 0px 0px 25px; /* haut droit bas gauche */
	text-decoration:underline;
	text-decoration:none;
	color:#ff0000;
}
.blocforum a:hover {
	color:#cc0000;
background: #ffff00 url("../img/com.gif") no-repeat 0px center;	
}

.blocforum  .fdate {
float:left;
text-align:left;
width: auto;
	margin: 0;
padding: 0px 0px 0px 4px; /* haut droit bas gauche */
	color:#525252;
	font-size: 0.95em;
}
.blocforum  .ftitre {
float:left;
text-align:left;
width: auto;
	margin: 0;
padding: 0px 0px 0px 4px; /* haut droit bas gauche */
	color:#5A5BE5;
	color:#771111;
	font-size: 0.95em;
}
.blocforum  .ftexte {
	margin: 0;
	padding: 7px 0px 0px 5px; /* haut droit bas gauche */
	color:#0F0F99;
	font-size: 0.95em;
/*	font-family: "Comic Sans MS", Arial, Helvetica, Verdana, Univers, sans-serif;
*/
}
.blocforum  .ftexte a {
text-decoration:underline;
color:#0F0F99;
background: none;
padding: 0px 0px 0px 0px; /* haut droit bas gauche */
}
.blocforum  .ftexte a:hover {
color:#cc0000;
}

.blocforum  .ftrait {
	margin: 10px 0px 5px 0px;  /* haut droit bas gauche */
	padding: 0px 0px 1px 0px; /* haut droit bas gauche */
	color:#0F0F99;
	font-size: 0.95em;
	color:#88ff88;
	border: none;
	text-align: center;
	background: #771111;
}

.blocforum  .fauteur {
float:left;
text-align:left;
width: auto;
	margin: 0px 0px 0px 0px; /* haut droit bas gauche */
padding: 0px 0px 0px 5px; /* haut droit bas gauche */
	color:#525252;
	font-size: 0.95em;
}


.menugauche,
.menugauche p,
.menugauche .texte,
.menugauche div {
	font-family: Arial, Helvetica, Verdana, Univers, sans-serif;
	font-size: 0.95em;
}




.menugauche2,
.menugauche2 p,
.menugauche2 .texte,
.menugauche2 div {
	font-family: Arial, Helvetica, Verdana, Univers, sans-serif;
	font-size: 0.95em;
}
.menugauche2 .texte2 {
	text-decoration:none;
	margin: 0 2px; 
	margin: 0 0px; 
    display: block;
    text-align: left;
	border: none;
	border: 1px solid #9999ff;
	background: red url(../img/projo2.jpg) no-repeat right bottom;
	color:#ffffff;
	font-size: 1.5em;
}
.menugauche2 ul a{
	text-decoration:none;
	color:#cc0000;
	margin: 0 2px; 
	margin: 0 0px; 
    display: block;
    text-align: left;
	border: 1px solid #9999ff;
	background: #771111;
	color:#ffffff;
}
.menugauche2 ul a:hover{
	background: yellow url(../img/projo.jpg) no-repeat right bottom;
	color:#771111;
}
.menugauche2 ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menugauche2  li{
	margin-bottom: 0px;
}



.menugauche .enjolivure {
	font-size: 1.35em;
	color:#ff2222;
	text-decoration:none;
	display: none;
}

.menugauche ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menugauche  li{
	margin-bottom: 0px;
}

.hiera{
	text-decoration:none;
	margin: 0 0px; 
    display: inline;
    text-align: left;
	border: none;
	background: #771111;
	color:#ffffff;
}
.hiera a{
	text-decoration:none;
	margin: 0 0px; 
    display: inline;
    text-align: left;
	border: none;
	background: #771111;
	color:#ffffff;
}

.hiera a:hover {
	background: #eeeeee;
	color:#771111;
}

.menuseul{
	text-decoration:none;
	margin: 0 0px; 
    display: block;
    text-align: left;
	border: 1px solid #9999ff;
	background: #771111;
	color:#ffffff;
}
.menuseul li {
	font-style: italic;
}

.menugauche ul a{
	text-decoration:none;
	color:#cc0000;
	margin: 0 2px; 
	margin: 0 0px; 
    display: block;
    text-align: left;
	border: 1px solid #9999ff;
	background: #771111;
	color:#ffffff;
}



.menugauche ul ul a{
	text-decoration:none;
	margin: 0 2px; 
	margin: 0 0px; 
    display: block;
    text-align: left;
	border: none;
	border: 1px solid #9999ff;
    background: #ffee77;
	color:#771111;
}
.menugauche ul a:hover{
	background: #eeeeee;
	color:#771111;
}



.menuhorizon,
.menuhorizon p,
.menuhorizon .texte,
.menuhorizon div {
	text-align: center;
	font-family: Arial, Helvetica, Verdana, Univers, sans-serif;
	font-size: 0.95em;	
}
.menuhorizon  a{
	text-decoration:none;
	color:#cc0000;
	margin: 0 0px; 
	padding : 2px 5px 2px 5px;
    display: inline;
    text-align: left;
	border: none;
	border: 1px solid #9999ff;
	background: #771111;
	color:#ffffff;	
}
.menuhorizon  a:hover{
	background: #eeeeee;
	color:#771111;
}

.brillance,
.brillance a{
	text-decoration:none;
	color:#cc0000;
	margin: 0 0px; 
	padding : 2px 0px 2px 0px;
    display: inline;
    text-align: left;
	border: none;
	background: #771111;
	background: #eeee11;
	color:#000000;	
}
.brillance a:hover{
	background: #eeeeee;
	color:#771111;
}

.article,
.article p,
.article .texte,
.article div {
	font-family: Arial, Helvetica, Verdana, Univers, sans-serif;
	font-size: 0.95em;
	font-size: 1.0em;

}

.article {
	margin:20px 0 20px 0;
	padding:0;
	overflow:auto; /* pour que la photo ne depasse pas du cadre si pas assez de texte - FF */
	height:100%; /* pour que la photo ne depasse pas du cadre si pas assez de texte - IE */
	clear:both;
	/* min-width:300px; */
}

.article .photo {
	float:left;
	margin:0 20px 10px 0;
}

.article .titraille {
	border-top:1px solid #7f7f7f;
}

.article .enjolivure {
	font-size: 1.35em;
	color:#ff2222;
	text-decoration:none;
	display: none;
}

.article .auteur {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 10px 5px 0;
	color:#333333;
}
.article .auteur a {
	text-decoration:none;
	color:#333333;
}
.article .auteur a:hover {
	color:#cc0000;
}

.texte_agenda{
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 0 10px 0;
	text-decoration:none;
}
.texte_agenda  a {
	text-decoration:none;
	color:#333333;
}
.texte_agenda  a:hover {
	color:#cc0000;
}




.texte{
	margin:10px 0 10px 0;
	text-decoration:none;
}
.texte  a {
	text-decoration:none;
	color:#333333;
}
.texte  a:hover {
	color:#cc0000;
}

.texte .suite {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 10px 5px 0;
	color:#333333;
}
.texte .suite a {
	text-decoration:none;
	color:#333333;
}
.texte .suite a:hover {
	color:#cc0000;
}

.pagination  {
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 10px 5px 0;
	font-size: 1.35em;
	text-decoration:none;
	color:#333333;
}

.pagination  .ligne1 {
	text-align: right;
}
.pagination  .ligne2 {
	text-align: center;
	
}
.pagination  .ligne2 a {
	color:#333333;
	text-decoration:none;
}
.pagination  .ligne2 a:hover {
	color:#cc0000;
}

.article h1 { /* titre */
	font:normal 22px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:5px 10px 10px 0;
}

.article h1 a {
	color:#333333;
	text-decoration:none;
}

.article h1 a:hover  {
	color:#cc0000;
}

.article h2 { /* titre */
	font:normal 18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:5px 10px 10px 0;
}

.article h2 a {
	color:#333333;
	text-decoration:none;
}

.article h2 a:hover  {
	color:#cc0000;
}


.article ul {
	font-size: 0.65em;
	font:normal 26px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin:5px 10px 10px 0;
}

.article ul a {
	font-size: 0.65em;
	color:#333333;
	text-decoration:none;
}

.article ul a:hover  {
	color:#cc0000;
}

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

/* ----------------------- Redéfinition des balises SPIP  -------------------- */
.spip_logos {
	border: 15px solid #FF00FF;
	border: none;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	}

blockquote.spip {
margin: 0;
padding: 0px 0px 0px 0px; 
color:#0F0F99;
font-size: 1.0em;
font-style: italic;
color:#333333;
}

p.spip {
margin: 0;
padding: 0px 0px 0px 0px; 
margin:10px 0 10px 0;
}
	
.forml
{
background-color: #ffffff;
margin: 5px 0;
padding: 2px;
border: solid 1px #000000;
width: 98%;
}
	
	
	
	
	
	
	
	
	
	
.cadre_long {
  float: left;
  width: 946px;
  margin: auto;
  padding: 5px 12px 5px 12px; /* haut droit bas gauche */
  background: #ffffff; /* couleur fond de page */
}
.cadre_deuxtiers {
  float: left;
  width: 818px;
  margin: 1em 0;
  margin: 0;
  background: #ee0000; /* couleur fond de page */
  background: #ffffff; /* couleur fond de page */
  padding: 5px 12px 5px 12px; /* haut droit bas gauche */
}

#une_deuxtiers {
  position:absolute;
  top:179px;
  left:0;
  height:95px;
  width:610px;
  width:798px;
  z-index:10;
  text-align:left;
  padding-right:20px;
  background:#ff0000; /* rouge ; fond translucide */
  background:#ffff00; /* jaune ; fond translucide */
}  

#titraille {
  position:absolute;
  top:174px;
  left:0;
  height:90px;
  width:590px;
  z-index:20;
  text-align:left;
  padding:10px 5px 10px 15px;
}


#a_la_une {
  position:relative;
  margin-bottom:20px;
}

#a_la_une .titre_a_la_une,
#a_la_une .titre_a_la_une a{
	font:bold 30px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#242A36;
  	text-decoration:none;
	margin:0 0 0 0;
}
#a_la_une .titre_a_la_une:hover {
	color:#dc0011;
}



.cadre_tiers0 {
  float: left;
  width: 640px;
  margin: 1em 0;
  margin: 0px 0px 0px 0px; /* haut droit bas gauche */
  background: #ffffff; /* couleur fond de page */
  padding: 5px 12px 5px 12px; /* haut droit bas gauche */
}
.cadre_tiersf {
  float: left;
  width: 280px; 
  margin: 0;
  background: #ffffff; /* couleur fond de page */
  padding: 5px 12px 5px 12px;
}

.cadre_tiers1 {
  float: left;
  width: 491px;
  width: 503px;
  width: 501px;
  width: 489px;
  margin: 1em 0;
  margin: 0px 2px 0px 0px; /* haut droit bas gauche */
  background: #ddeeff; /* couleur fond de page */
  background: #aaaaff; /* couleur fond de page */
  background: #ffffff; /* couleur fond de page */
  padding: 5px 12px 5px 12px;
  padding: 5px 12px 5px 0px; /* haut droit bas gauche */
  padding: 5px 12px 5px 12px; /* haut droit bas gauche */
}
.cadre_tiers2 {
  float: left;
  width: 279px;
  width: 274px;
  margin: 0;
  margin: 0px 0px 0px 5px; /* haut droit bas gauche */
  background: #55FF33; /* couleur fond de page */
  background: #ffffff; /* couleur fond de page */
  padding: 5px 12px 5px 12px;
}
.cadre_tiers3 {
  float: left;
  width: 129px;
  width: 128px; /* bug ? il faut enlever 1 pixel !!! */
  width: 104px; /* bug ? il faut enlever 1 pixel !!! */
  margin: 1em 0;
  margin: 0;
  background: #eeffee; /* couleur fond de page */
  background: #ffffff; /* couleur fond de page */
  padding: 5px 12px 5px 12px;
}

.clear {
   clear: both;
   }
   
/* ----------------------- ---------------------------------------------------------------------------------------------------------------------------  -------------------- */

 .opacity {
-moz-opacity:0.70;
filter:alpha(opacity=70);
opacity:0.70;
opacity:0.60;
}


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



/* 
.article h2 { 
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	margin:10px 10px 5px 0;
	color:#333333
}
chapo */

.article .titraille h3 { /* surtitre */
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#cc0000;	
	text-transform:uppercase;
	margin:5px 0 2px 0;
}


.article .infos_article { /* date heure copyright */
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#7f7f7f;
	margin:10px 0 0 0;
}

.article .infos_article .date,
.article .infos_article .heure {
background:none;
padding:0 15px 0 0;
}

.article .infos_article .heure a {
color:#333333;
text-decoration:none;
background:none;
padding:0 15px 0 0;
}
.article .infos_article .heure a:hover {
color:#cc0000;
text-decoration:none;
background:none;
padding:0 15px 0 0;
}


.article .infos_article .date,
.article .infos_article .copyright {
margin:0 0 0 10px;
}

.article .infos_article .copyright {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.article .reactions {
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#cd0011;
	float:right;
	margin:10px 0 0 0;
}

.article .reactions .nombre_reactions {
background:url(../img/reaction2.gif) 0% 100% no-repeat;
padding:0 0 0 20px;
}
 
 
 
 
 /*
* AGENDA
*/

.cabecera_agenda {
background-color:#D7B4FF;
padding:2px;
border-bottom:1px solid #cc33cc;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bolder;
text-align:center;
}

.agenda_ a{
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #fff;
/*color: #000;
border: 1px solid #999;
background-color: #eee;
padding: 2px 3px;*/
}

.agenda_ a:hover{
text-decoration: none;
/*color: #000;
border: 1px solid #666;
background-color: #ddd;*/
}

.agenda_mini,
.agenda_mini a{
display: block;
font-size: 13px;
font-weight: bold;
text-decoration: none;
color: #000000;
border: none;
background-color: #FFFF00;
}

.agenda_mini a:hover{
background-color: #FF0000;
color: #FFFFFF;
}

.calendar_head {
background-color: #F8DFFF;
text-align: center;
font-size: 11px;
color: #630;
font-family: Verdana, Arial, Helvatica, sans-serif;	
}

.calendar_this_day {
background-color: #F8DFFF;
font-weight:bold;
}

.calendar_this_month {
background-color: #fefefe;
}

.calendar_not_this_month {
background: #ececec;
color:#aaa;
}

.formbuscar_ag {
font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
width: 128px;
font-size: 11px;
border: 1px solid #eeeeee;
color:#99CC33;
padding: 0px;
margin: 0px;
}
.botonbuscar_ag {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
border: 1px solid #eeeeee;
background: #ffffff;
color:#FF6600;
margin: 0px;
padding: 0px;
}

.formbuscar_cabecera {
font-family: Verdana, Arial, Helvetica, Verdana, sans-serif;
width: 128px;
font-size: 9px;
border: 1px solid #CCCCCC;
color:#99CC33;
padding: 0px;
margin: 0px;
font-weight:bold;
}

.botonbuscar_cabecera {
font-size: 9px;
font-family: Arial, Helvetica, Verdana, sans-serif;
color:#FF6600;
margin: 0px;
padding: 0px;
border:0px;
}

.small {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-color:#666666;
}

.small_plus {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-color:#666666;
}

.small_mini {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-color:#999999;
text-align:center;
font-style:normal;
}

.calendar_head_mini {
background-color: #DFA4DB;
text-align: center;
font-size: 10px;
color: #EEE;
font-family: Verdana, Arial, Helvatica, sans-serif;	
font-style:normal;
}
 
.boton_agenda A {
display: block;
margin: 0px;
padding: 2px;
background-color:#875282;
background-color:#771111;
color:#FFFFFF;
text-decoration: none; 
font-size:11px; 
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
 
.boton_agenda A:hover {
display: block;
margin: 0px;
padding: 2px;
background-color:#CCCCCC;
background-color:#eeeeee;
color:#000000;
color:#771111;
text-decoration: none; 
font-size:11px; 
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}