/*

   CSS file for GuppY - version 4.6  CeCILL Copyright (C) 2004-2007 by GuppY Team
    Initiated by Laurent Duveau and Nicolas Alves
     Web site = http://www.freeguppy.org/
     e-mail   = info@freeguppy.org
	   Design Meric© 2007 - Site Meric: http://www.meric-graphisme.info
	   contrat Creative Commons : http://creativecommons.org/licenses/by-sa/2.0/fr/
	   Valid W3C CSS : http://jigsaw.w3.org/css-validator/
           Design : Sabine Jeangérard - 2008 - http://astrographisme.com
*/

body { /*corps du document*/
background:#ffffff url('fond.jpg') no-repeat fixed center 0%; margin:0; color :#784469;
font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:arial, helvetica, sans-serif
}
a { /*lien*/
color : #784469;
font : bold italic 11px arial, helvetica, sans-serif;
text-decoration : none;
} 
a:hover { /*lien survolé*/
color : #e1007a;
text-decoration : underline;
}
p { /*paragraphe*/
margin: 4px 0;
}
hr { /*ligne horizontale*/
border-left:0px none #FFFFFF; border-right:0px none #FFFFFF; border-top:0px none #FFFFFF; border-bottom:1px dotted #FFFFFF; height : 1px;
width : 98%
} 
ul, ol { /*liste*/
padding : 0;
margin : 0;
font : 12px arial, helvetica, sans-serif;
color : #784469;
} 
h1 { /*titre niveau1*/
font-size : 24px;
} 
h2 { /*titre niveau2*/
font-size : 18px;
} 
h3 { /*titre niveau3*/
font-size : 16px;
} 
h4 { /*titre niveau4*/
font-size : 14px;
} 
.bordure { 
border : 0px solid #3e3e3e;
} 
/*********************************
* Mise en page des blocks div principaux */
#screen_choice { /*icone ecrab*/
z-index : 20;
position : absolute;
top : 1px;
right : 4px;
padding : 0;
margin : 0;
text-align : right;

} 
div#page { /* encadrement page ici pour modifier espace en haut et en bas entre page et le fond */
border : 1px solid #E6CCDE;
padding-top: 15px;
margin-top : 0px;
margin-bottom : 0px;

} 
#page { /* toute la page */
background-color: #e7f2f9; 
background-image: url('img/main.png');
background-repeat: repeat-y;
color: inherit;
padding-top: 0px;
margin: 0px;

}
#headTop { /* header top and middle (logo-banner + citation) */ 
z-index : 15;
height: 230px;
background: transparent;
color: inherit;
margin : 0;
padding : 0;
} 
#headBottom { /* header bottom (logo-menu) */ 
margin : 0 0px;
background: url('menu.png') no-repeat;
color: inherit; padding-left:4px; padding-right:4px; padding-top:0; padding-bottom:0
} 
#mainContent { /* fond page derriere boites */
margin-top : 0px;
padding : 0;
background: transparent;
color: inherit;
} 
#leftside {  /* zone boites de gauche */
margin : 0;
padding-right : 4px;
} 
#leftside a {
 font : 11px arial, helvetica, sans-serif;
 color: #784469;
 text-decoration: none;
}
#leftside a:hover {
 font : 11px arial, helvetica, sans-serif;
 color: #CA413B;
 text-decoration: none;
}
#rightside {  /* zone boites de droite */
margin : 0;
padding-left : 4px;
} 
#rightside a {
 font : 11px arial, helvetica, sans-serif;
 color: #784469;
 text-decoration: none;
}
#rightside a:hover {
 font : 11px arial, helvetica, sans-serif;
 color: #CA413B;
 text-decoration: none;
}
#endbox { /* optionnal area between main page and bottom */
margin : 0;
padding : 4px;
background-color: #ffffff;
color: inherit;
text-align : left;
} 
#foot { 
font-family: Georgia, "Times New Roman", Times, serif;
 font-size:10px;
background-color: #CAE3F2;
text-align : center;
background: url('footer.gif') no-repeat;
color : #784469;
  margin: 0px;
  height: 40px;
  padding-top: 0px
} 
/*******************************************
 * Mise en page des blocks dans le header */
div.logo { /*block logo*/
margin-top : 5px;
text-align : center;
} 
div.banner { /*block banniere*/
background-repeat : no-repeat;
padding : 8px;
text-align : center;
}
/*************************
 * block boite citation */ 
div.quote {
background-position: 0% 50%; text-align:center;
white-space:nowrap;
width:100%; background-color:transparent; background-repeat:repeat-x; background-attachment:scroll
}
div.quote span.cita {
background-color:inherit;
border:0px none;
color:#784469;
background: url('menu.png');
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-style:normal;
margin-top:0pt;
padding:0pt;
text-align:center;
width:100%
}
div.quote span.author {
font-style: italic;
}
/***********************************
 * block box Header Menu sections */
div.menuIcons { /* block menu */
	padding:4px;
}
div.menuIcons ul { /* block liste du menu */
	margin:0;
	padding:0;
	list-style:none;width:100%;
}
div.menuIcons ul li { /* toutes les sections */
	float:left;
	margin-right:8px;
	text-align:center;
}
div.menuIcons ul li span { /* toutes les sections */
	display:block;
	white-space:nowrap;
}
div.menuIcons ul li.menu_flags { /* section drapeau */
	float:left;
	margin-right:10px;
	text-align:center;
}
div.menuIcons ul li.menu_flags img { /* séparation drapeau */
	margin:3px;
}
div.menuIcons ul li.menu_admin { /* section admin */
	float:right;
	padding-right:3px;
}
div.menuIcons ul li a span, div.tblbox ul li a span { /* lien */
  color: #784469;
  text-decoration: none;
  font: bold 11px Arial, Helvetica, sans-serif;
  position : relative;
  padding : 3px;
  margin: 3px;
}

div.menuIcons ul li a span.current { /* lien actif */
  color:#FFFFFF;
  background: #784469;
  border: 1px outset #FFFFFF;
  text-decoration: none;
  position : relative;
  padding : 3px;
  margin: 3px;
}
div.menuIcons ul li a:hover span { /* lien survolé*/
  color: #784469;
  background: #E6CCDE;
  border: 1px inset #FFFFFF;
  text-decoration: none;
  position : relative;
  padding : 3px;
  margin: 3px;
}
div.tblbox ul li a span, td.tblbox ul li a span { /* lien latéral */
  color: #784469;
  text-decoration: none;
  font: bold 11px Arial, Helvetica, sans-serif;
}
div.tblbox ul li a span.current, td.tblbox ul li a span.current { /* lien latéral actif */
  color:#784469;
  text-decoration: none;
}
div.tblbox ul li a:hover span, td.tblbox ul li a:hover span { /* lien latéral survolé*/
  color: #e1007a;
  text-decoration: none;
  position: relative; top: 1px; left: 1px;
}
/******************************************
 * Mise en page des blocks dans le corps */
 /* boites latérales */
.titrebox { /* Titre */
 color:#FFFFff;
background: url('bouton1.png');
 border: medium none;
 white-space: nowrap;
 text-decoration: none;
 text-align: center;
 line-height: 42px;
 height: 37px;
 width: 180px;
 padding: 0; font-style:normal; font-variant:normal; font-weight:normal; font-size:16px; font-family:arial, helvetica, sans-serif
}
.tblbox { /* Corps */
 color: #784469;
 text-align: left;
 margin-bottom: 8px;
 padding : 8px;
 
}
.titre { /* block central boxes */
 font: bold 16px Arial, Helvetica, sans-serif;
 color: #784469;
 white-space: nowrap;
 text-align: left;

 
}
.titrearticle { /* police titre article */
        color: #E1007A;
        font: bold 22px Arial, Helvetica, sans-serif;
        font-weight: lighter;
        left: 0;
        letter-spacing: normal;
        margin: 0;
        text-decoration : underline;
        
        text-transform: none;
        top: 0;
        width: 100%;
        text-align: left;
        padding-left: 3px;
        padding-bottom: 6px;
        } 

.tbl {
 font:  1.1em Arial, Helvetica, sans-serif;
 color: #784469;
 text-align: left;
 margin-bottom: 8px;
 border: 1px solid #784469;
 padding: 4px;
}
div ul, ol { /* listes */
 margin-left: 16px;
 padding: 8px 0 8px 8px;
}
div li {
 margin-left: 12px;
 padding: 0;
}

/************************************
 * block box lateral Menu Sections */
ul.boxmenu { /* block liste */
 list-style: none;
 margin: 0;
 padding: 8px 0;
}
ul.boxmenu li { /* items liste */
 margin-bottom: 10px;
}
ul.boxmenu li img { /* icons */
 vertical-align: middle;
 margin-right: 10px;
}

/**************************************************************************
 * block box lateral Article (menu list, menu dynamic 1, menu dynamic 2) */
.rubr { /* catégories des articles */
 color: #784469;
 padding: 1px 1px;
 margin: 1px;
 font: bold 11px Arial, Helvetica, sans-serif;
 text-align:left;
}
.item {
 padding: 1px 1px;
 margin: 0px;
 color: #784469;
 font: 11px Arial, Helvetica, sans-serif;
 text-align:left;
 list-style: none;
}
ul.item {
 margin:0;
 padding-left:8px;
}
ul.item li.item { /* titres des articles */
 padding: 2px 0px 2px 4px;
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 text-align:left;
 list-style: none;
}
.curr_item {
 padding: 2px 0px;
 font: 12px Arial, Helvetica, sans-serif;
 color: #784469;
 text-align:left;
 list-style: none;
}
ul.item li.curr_item { /* titre article est affiché */
 padding: 2px 0px 2px 4px;
 font: 12px Arial, Helvetica, sans-serif;
 color: #F58309;
 text-align:left;
 list-style: none;
}

/*************************************
 * block box central forum - tables */
.forum {
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #784469;
 background : #E6CCDE;
 border : 1px solid #E6CCDE;
 text-align: center;
 padding: 5px 5px;
}
.forum2, tr.forum2 {
 color: #784469;
 background : url('menu.png');
 border : 1px solid #E6CCDE;
 text-align: left;
 padding: 5px;; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif
}
.quest {
 font: 12px Arial, Helvetica, sans-serif;
 color: #784469;
 background: #F9EDF5;
 border : 1px solid #E6CCDE;
 text-align: left;
 padding: 5px;
}
.rep {
 font: 12px Arial, Helvetica, sans-serif;
 color: #784469;
 background-color: #FFFFFF;
 border: 1px solid #E6CCDE;
 text-align: left;
 padding: 10px 5px 5px 5px;
}
.bord {
 border: 0px solid #E4DCDC;
 padding: 1px;
}
.bord2 {
 border: 0px solid #F9C063;
}

/*************
 * Calendar */
.cal {
  border-collapse: separate;
  border: 0px solid #FFC800;
  border-spacing: 1px;
  color:#FFFFFF;
  background: #e1007a;
}
.cal a {
  color: #FFFFFF;
}
.cal a:hover {
  color: #FFFFCC;
  text-decoration: none;
}
tr.cal { /* calendar nav bar */
  font: 12px Arial, Helvetica, sans-serif;
  color: #784469;
  text-align: center;
  background: #e1007a;
}
td.cals { /* week */
  font: 12px Arial, Helvetica, sans-serif;
  color: #9d035f;
  background: #F9EDF5;
  width: 14%;
  text-align: center;
}
td.cal0 { /* empty cell*/
  font: 12px Arial, Helvetica, sans-serif;
  color: #E6CCDE;
  width: 14%;
  text-align: center;
}
td.cal1 { /* days */
  font: 12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  width: 14%;
  text-align: center;
}
td.cal2 { /* today */
  font: 12px Arial, Helvetica, sans-serif;
  color: #9d035f;
  background: #F9EDF5;
  width: 14%;
  text-align: center;
}
td.cal3 { /* sunday or special */
  font: 12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  width: 14%;
  text-align: center;
}
td.cal4 { /* today is sunday or special */
  font: 12px Arial, Helvetica, sans-serif;
  color: #784469;
  background: #F9EDF5;
  width: 14%;
  text-align: center;
}
td.calevt { /* planner event */
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  border: 1px outset #E6CCDE;
  text-decoration: none;
  text-align: center;
  width: 14%;
}

/************************
 * Formulaires (Forms) */
form { /* formulaire */
  margin: 3px 0;
}
fieldset { /* Encadrement des champs */
 border: 1px solid #784469;
 margin: 8px;
}
legend { /* légende des encadrements */
 font: bold 12px Arial, Helvetica, sans-serif;
 color: #784469;
 background-color: transparent;
}
input.bouton, button { /* bouton */
 font: 10px "trebuchet ms", helvetica, sans-serif;
 color: #784469;
 background : #E6CCDE;
 border: 1px outset #E6CCDE;
 cursor: pointer;
 margin: 4px 0;
}
input.texte { /* champ texte */
 font: 11px "trebuchet ms", helvetica, sans-serif;
 color: #784469;
 background-color: #FFFFFF;
 border: 1px inset #784469;
 margin: 4px 0;
}
select { /* champ select */
 font: 11px "trebuchet ms", helvetica, sans-serif;
 color: #784469;
 background-color: #FFFFFF;
 border: 1px solid #784469;
 margin: 4px 0;
}
textarea { /* champ textarea */
 color: #784469;
 background-color: #FFFFFF;
 border: 1px solid #784469;
 overflow: auto;
 margin: 4px 0;
}

/**********************
 * Editeur FckEditor */
.Code {
 font: 11px Arial, Helvetica, sans-serif , monospace;
 color: #784469;
 background-color: #FFFFFF;
 border: 1px solid #784469;
 padding-right: 5px;
 padding-left: 5px;
}
/**********************
 * Editeur pgeditor */
div #toolbarIcons_ptxt, div #toolbarSmileys_ptxt {
 color: inherit;
 background-color: #F3E4B9;
}
/*******************************************
 * Mise en page des blocs dans le footer */
#foot span.copyright { /* Copyright */
 font-family: Georgia, "Times New Roman", Times, serif;
 font-size:10px;
 color: inherit;
 background-color: inherit;
}

/************************
 * Divers */
.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 padding : 4px;
}
p.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 padding : 4px;
 margin: 0;
}
a.box {
 font: 11px Arial, Helvetica, sans-serif;
 color: #784469;
 text-decoration: none;
}
a:hover.box {
 font: bold 11px Arial, Helvetica, sans-serif;
 color: #F58309;
 text-decoration: none;
 position: relative;
 top: 1px;
 left: 1px;
}
.htable { 
margin-bottom : 8px;
} 
.htable1 { 
margin-bottom : 8px;
} 
.htable2 { 
padding : 0 2px;
} 


/*******************
 * pop comment RSS */
.pop {
 z-index: 30;
 width: 550px;
 text-align: right;
}
.pop a {
 display: block;
}
.pop span {
 z-index: 30;
 display: none;
}
.pop a:hover span {
 font: 12px Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #784469;
 background-color: #FFDEB1;
 border: 1px solid #784469;
 display: block;
 width: 280px;
 position: absolute;
 top: 22em;
 right: 2em;
 padding: 4px;
}
.top {
 font: 0.8em Arial, Helvetica, sans-serif;
 border: 0px inset #F9C063;
 text-align: center;
}
.timer {
 font: italic 0.8em Arial, Helvetica, sans-serif;
 color: inherit;
 background-color: inherit;
 text-align: center;
 padding: 10px;
}
.clsCursor {
 cursor: pointer;
}
.notice {
 color: #784469;
 background-color: #FFDEB1;
 padding: 2px;
}
.ariane {
 text-align:left;
 padding-left : 40px;
 padding-top : 20px;
 font-family: Tahoma, Arial, Helvetica, Sans-Serif;
 font-size: 12px;
 font-style: italic;
 color: #0084ea;
}
a.tooltip em {
    display:none;
}
a:hover.tooltip {
    border: 0px none;
    position: relative;
    z-index: 500;
    text-decoration:none
}
a:hover.tooltip em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #fff;
    border: 0px solid #bbb;
    background: url('img/fond_transparent.png');
    width:170px
}
a:hover.tooltip em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: url('img/fond_transparent.png');
    margin:0;
    padding: 0;
    border: 0px none;
}
#fixedmenu {
   position: fixed;
   bottom: 250px;
   right: 20px;
   width: 16px;
   background: transparent;
}

#fixedmenu a, #fixedmenu a:hover {
   text-decoration: none;
   display: block;
   width: 16px;
   height: 16px;
   overflow: hidden;
   font-size: 40px;
   line-height: 1;
   margin: 0 auto;
}

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

#fixedmenu #home {
   background: url('../../img/menubas/home.png') no-repeat;
}

#fixedmenu #up {
   background: url('../../img/menubas/up.png') no-repeat;
}

#fixedmenu #down {
   background: url('../../img/menubas/down.png') no-repeat;
}

#fixedmenu #rss {
   background: url('../../img/menubas/rss.png') no-repeat;
}

#fixedmenu #email {
   background: url('../../img/menubas/email.png') no-repeat;
}

#fixedmenu #favoris {
   background: url('../../img/menubas/favoris.png') no-repeat;
}
#monmenu {font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 90%; font-weight:bold; border: 0px solid #B0B0B0;}
        #monmenu ul ul {display: none; left: 140px; top: -1px; position: absolute; margin:0px; padding: 0px; border: 1px solid #B0B0B0;}
        #monmenu li {list-style-type: none; position: relative; width: 140px; background-color: #e7f2f9; padding: 0px; margin: 0px}
        #monmenu li:hover, #monmenu li.sfhover {background-color: #ffffff;}
        #monmenu li a {text-decoration:none;}
        #monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}
        #monmenu li.plus {background-position:right; background-repeat: no-repeat; border-bottom: 1px solid #B0B0B0;}
#textsize {
float:right;
margin-right:0px;
margin-top:3px;
padding:0px;
width:170px;
}
:hover#textsize {
}
#textsize a {
text-decoration:none;
}
/**************************************************************

   surfooter facebook 

**************************************************************/	
#surfooter 
{
height:34px;
background: #fff;
border-top:1px solid #3b5a9d;
border-bottom:4px solid #3b5a9d;
position: fixed;
bottom: 0px;
float:left;
width:100%;
text-decoration:none;
color:#3b5a9d;
padding-top:6px;
z-index:2000;
font-style:normal;
font-variant:normal; 
font-weight:normal; 
font-size:12px; 
font-family:arial;
}

#surfooter div{

position: absolute;
left: 50%;
margin-left: -500px;
padding: 0px 30px;
}

#surfooter span{
margin-top: 5px;
display:block;
font:bold 16px Arial;
color:#3b5a9d;
margin-top:6px;
text-decoration:none;
width:400px;
text-align:left;
line-height:25px;

}


#surfooter iframe {
position:absolute;
top:2px;
left:270px;
width:600px;

}


#surfooter #bt-fermer
{
position:absolute;
cursor:pointer;
display:block;
left:600px;
margin-top: 0px;
background:url('../../img/surfooter/bt-banner-close-2.png') no-repeat 0 1px;
color:#3b5a9d;
text-decoration:underline;
height:25px;
line-height:25px;
font-style:normal;
font-variant:normal;
font-weight:bold;
font-size:10px;
font-family:Arial;
padding-left:25px;
padding-right:0;
padding-top:0; 
padding-bottom:0;
margin-left: 720px;
}



ul#navigation {
    position: fixed;
    margin-left: 250px;
    padding: 0px;
    top: 0px;
    
    list-style: none;
    z-index:999999;
    width:721px;
}
ul#navigation li {
    width: 103px;
    display:inline;
    float:left;    
}
ul#navigation li a {
    display: block;
    float:left;
    margin-top: -2px;
    width: 110px;
    height: 20px;
    background-color:#E7F2F9;
    background-repeat:no-repeat;
    background-position:50% 10px;
    border:1px solid #BDDCEF;
    text-decoration:none;
    text-align:center;
    font-family:Arial;
    padding-top:90px;
}
ul#navigation li a:hover{
     background-color:#CAE3F2;
}
ul#navigation li a span{
    letter-spacing:2px;
    font-size:10px;
    color:#784469;
}
ul#navigation .home a{
    background-image: url('../../img/fixemenusup/home21.png');
}
ul#navigation .about a      {
    background-image: url('../../img/fixemenusup/id_card21.png');
}
ul#navigation .search a      {
    background-image: url('../../img/fixemenusup/search21.png');
}
ul#navigation .rssfeed a   {
    background-image: url('../../img/fixemenusup/rss21.png');
}
ul#navigation .newsletter a   {
    background-image: url('../../img/fixemenusup/news.png');
}
ul#navigation .contact a    {
    background-image: url('../../img/fixemenusup/mail21.png');
}
#footer .copyright{
background:url('../../img/pasdimage.png') no-repeat left center;
width:900px;
height:38px;
float:left;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#a2a2a2;
padding-left:90px;
line-height:normal;
padding-top:12px
}
/**************************************************************

   position partager et s abonner dans les pages articles

**************************************************************/
#fondpartage {
  background: #F0F6F9;
  border: 1px solid #346F97;
}

#partager { 
float:left;
margin-right:0px;
margin-top:0px;
padding:0px;
}
#partager2 {
float:right;
margin-right:0px;
margin-top:0px;
padding:10px;
}
#partager3 {
float:right;
margin-right:0px;
margin-top:0px;
padding:10px;
}
/**************************************************************

	boite - reunions publiques

**************************************************************/

#reunionspubliques {
    width: auto;
    height: auto;
    background: #F0F6F9;
    border: 1px solid #346F97;
 padding:10px;
 line-height:20px;

}
/**************************************************************

	Titre free box page centrale
	
**************************************************************/
.titrefreebox { /* Titre free box*/
 color:#ffffff;
 width: 150px;
 
 height: 20px;
 line-height:20px;
 background-color:#035bac;
 text-decoration: none;
 padding:0px; text-align:center; font-variant:normal; font-weight:normal; font-size:12px; font-family:arial, helvetica, sans-serif;
 margin-right:10px;
font-style: italic;
right : 10px;
}
/**************************************************************

   article a lire 

**************************************************************/	

#homepage-picture-block
        {
        position:relative;
        background:#fff;
        color:#000;
        
        }
#homepage-picture-block a
        {
        display:block;
        text-decoration:none;
        line-height:0;
        clear:both;
        color:#000;

        }
#homepage-picture-block a img
        {
        margin:0;
        border:0px none;
        }
#homepage-picture-block a span.potd-image
        {
        float:left;
        width:308px;
        max-height:300px;
        overflow:hidden;
        vertical-align:middle;
        }
#homepage-picture-block a span.potd-image img
        {
        width:308px;
        vertical-align:middle;
        }
#homepage-picture-block a span.potd-image img.portrait
        {
        margin-top:-30%;
        }
#homepage-picture-block span,
#homepage-picture-block strong
        {
        line-height:1;
        display:block;
        }
#homepage-picture-block strong
        {
        padding:10px 0;
        margin:0 auto 35px auto;
        font-size:28px;
        line-height:30px;
        font-weight:normal;
        text-align:center;
        color:#000;
        }
#homepage-picture-block span
        {
        
        font-size:12px;
        font-weight:normal;
        text-align:center;
        
        }
#homepage-picture-block .button-container span
        {
        display:inline;
        border:solid 1px #ccc;
        background-color:#ccc;
        width: 150px;
        height: 20px;
        font-size:14px;
        line-height:21px;
        margin:0 auto;
        padding: 4px 20px;
        
        text-align:center;
        color:#000;
        font-weight:normal;
        text-decoration:none;
                
        }
#homepage-picture-block .button-container em
        {
        font-weight:bold;
        color:#000;     
        font-style:normal;
        

        }
#homepage-picture-block a.sponsorized
        {
        color: #CCCCCC;
        display: block;
        float: right;
        font-size: 12px;
        
        line-height: 17px;
        margin: -28px 0 0;
        padding: 0 10px 10px 0;
        text-align: center;
        

        }
#homepage-picture-block #sponsors-image
        {
        float:none;
        vertical-align:bottom;
        border:0px none;; margin-left:4px; margin-right:0; margin-top:0; margin-bottom:0
        }
#homepage-picture-block a:hover .button-container span,
#homepage-picture-block a:focus .button-container span,
#homepage-picture-block a:active .button-container span
        {
        color:#000;
        

        background:#dfdede;
        
               
        }
#homepage-picture-block a:hover .sponsorized,
#homepage-picture-block a:focus .sponsorized,
#homepage-picture-block a:active .sponsorized
        {
        color:#fff;
        }
        /** Atomes */
.LM_atome {
text-align: left;
}
/**************************************************************

   box bas de page a droite 

**************************************************************/

#slidebox{
    width:400px;
    height:100px;
    padding:10px;
    margin:0px 0px 30px 0px;
    background-color:#e7f2f9;
    border-top:3px solid #E28409;   
    position:fixed;
    bottom:0px;
    right:-430px;
    text-align: left;
	}
#slidebox p, a.more{
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color:#555;
    text-align: left;
}
a.more{
    cursor:pointer;
    color:#E28409;
    text-align: left;
}
a.more:hover{
    text-decoration:underline;
    text-align: left;
}
#slidebox .a{
    color:#E28409;
    font-size:22px;
    margin:10px 20px 10px 0px;
    text-align: left;
    text-decoration : underline;
}
a.close{
    background:url('../../img/closeboxfoot.gif') no-repeat top left;
    
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px
}
a.close:hover{
    background-position:0px -13px;
}
/**************************************************************

   box conseil municipal 

**************************************************************/
.LM_atome_illustration2 {
max-width: 540px;
margin: 0 auto 10px;
position: relative;
 overflow: hidden;
  cursor: pointer;
  }
.LM_atome_illustration2 p, .LM_articleText .LM_atome_illustration2  {
margin: 0;
}
.LM_atome_illustration2 .LM_image, .LM_image img {
border: 0px;
}
.LM_atome_illustration2 .LM_caption, .contenu .contenu_article p.LM_caption {
position: absolute;
 left: 0;
  bottom: -150px;
   width: 100%;
    margin: 0;
      font-size: 13px !important;
       color: #fff !important;
        cursor: pointer;
         background: url('http://www.agirpourlavenir.asso.fr/img/transparent_noir_47.png');
          text-align:left;
          }

.LM_atome_illustration2 p.LM_caption {
position: absolute;
 left: 0;
  bottom: 0px;
  }
.LM_atome_illustration2 .LM_caption a {
color: #fff !important;
 margin: 0;
 }
.LM_atome_illustration2 .LM_caption strong {
padding: 5px 8px;
 display: inline-block;
  line-height: 16px;
  }
.LM_atome_illustration2 .LM_caption span {
font-size: 9px;
 margin-left: 5px;
 }
.LM_atome_illustration2 .LM_caption, .contenu .contenu_article p.LM_caption, .contenu .contenu_article p.LM_image  {
margin: 0;
}