/* Styles transversaux : */

.formulaire_recherche { margin: 0; padding: 0; margin-top:95px; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {color:white;}
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(images/rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {}

table .spip {
color:#78865a;


}

table.spip tr.row_even {
background:#fee4da;
}

p {
margin-bottom:15px;
}

.lieu{
color:red;

}

cite{
float:right;
display:block;
width:320px;
margin-left:5px;
padding-left:10px;
padding-right:5px;
background: url(images/cite.jpg);
color:white;
border-left: 1px solid #e15f2b;
border-top: 1px solid #e15f2b;
border-right: 1px solid #e15f2b;
border-bottom: 1px solid #e15f2b;
}

#page { width: 975px; margin-top:0px;}



#entete { 
border-bottom:none;
border: 0 0 0 0;
padding: 0 0 0 0;
width:975px;
height:140px; 
background: url(images/bandeau.gif);
}

#entete a.accueil {
margin-left:245px;
padding-top:10px;
width:500px;
}

#navigation { 
float: left;
width:20%; 
margin-right:1px; 
margin-top:5px;
}



#conteneur {float: right; width:79%; margin-top:5px;}

#grandebox { float: left; width:70%; margin-top:5px;}

#petitebox { 
float: right; 
width:27%;
}

#petitebox2 { float: left;  width:49%;}
#petitebox3 { float: right; clear:right; width:49%; margin-top:0px; padding-top:0px; }

#petitebox a.titre1 {
text-align:center;
font-size:1.5em;
font-style:bold;
color:#b8567f;
}

#extra{ float: left; clear:left; width:22%;}


.articles .spip_logos { float: right; clear: left; margin: 0 0 0 0; padding-top:1px; padding-left:8px;}
.articles  .spip_logos2   {center; padding-left:1px; padding-top:1px;}
.spip_logos2{ }



.formulaire_recherche { float:right; clear:right;}


.menu {
float:left;
width:95%;
display:block;
margin-top:5px;
background: url(images/deg-orange.gif);
background-repeat: no repeat;
padding-left:5px;
border-top: 1px solid #e15f2b;
border-right: 1px solid #e15f2b;
border-bottom: 1px solid #e15f2b;
}

.menu ul li h2 {
background-color:#FFF;
text-align:center;
font-size:1.3em;
font-style:bold;
color:#e15f2b;
}



.colorubriques {

display:block;
border-left: 1px solid #8a8a8a;
border-right: 1px solid #8a8a8a;
border-bottom: 1px solid #8a8a8a;
padding-left:8px;
padding-right:8px;
color:#8a8a8a;
}

.articles ul li  {


display:block;
height:200px;
margin-bottom:5px;
background: url(images/Article-neutre.gif);
background-repeat: no-repeat;
margin-top:0px;
padding-top:0px;
padding-left:25px;
font-size:1 em;


}

.articles ul li h2  {
/* padding: 0px 10px 2px 20px; */


float:left;
padding-top:15px;
padding-left:20px;
font-size:12px;
font-style:bold;
color:#000;


}

.articles ul li h1 {

position:relative;
font-size:1.2em;
}






.articles ul li.color1{

display:block;
background: url(images/Article-orange.gif);
background-repeat: no-repeat;
margin-top:0px;
padding-top:0px;
padding-left:25px;
padding-right:20px;
font-size:1em;

}

.articles ul li.color11{

background: url(images/Article-vert.gif);
background-repeat: no-repeat;
margin-top:0px;
padding-top:0px;
padding-left:25px;
padding-right:20px;
font-size:1em;
}

.articles ul li.color7{

background: url(images/Article-rose.gif);
background-repeat: no-repeat;
margin-top:0px;
padding-top:0px;
padding-left:25px;
padding-right:20px;
font-size:1em;
}

.articles  .datesommaire { 
display:block;
position:relative;
float:right;
clear:right; 
width:120px;
font-size:0.8em;
color:#8a8a8a;
border-right: 1px solid #8a8a8a;
border-bottom: 1px solid #8a8a8a; 
}

/* menu accordéon */

#listmenu { background-color:transparent; margin-bottom: 0.10em; }
#listmenu a.hac { margin-bottom:0.10em; padding: 0.10em 0.10em; }
#Listmenu a.selected  { display:block; margin-bottom:0.10em; padding: 0.20em 0.10em; border-bottom: 1px solid #DDD; }

#video {
position:relative;
width:99%;
display:block;
padding-left:5px;
padding-bottom:5px;
background: url(images/degrade-rose-1px.gif);
background-repeat: no repeat
}

#video ul li {
 list-style: none;
    margin-left: 0;
    padding-left: 1em;
    text-indent: -1em;

}

#video a. {
text-align:center;
font-style:bold;
color:#b8567f;
}

a.info {
  text-align:center;
	font-size:1em;
	font-style:bold;
	color:#b8567f;
}
a.info:hover {
   background: none; 
   color:orange;

}

a.info span {display: none;}

a.info:hover span {
   display: block; 
   position: relative;
   z-index: 1000; 
   color:white;
   font-size:12px;
   font-weight:normal;
   width:150px;
     top: 15px; 
   left: 55px;

   padding: 3px;
   border: 1px solid #5D779A;
   border-top: 4px solid #5D779A;
}