/* CSS Document */


body, div, p, td, a, span{
    
    font-size: 12px;
    font-family: verdana;
    color: #000000;
}

a{
    line-height:15px;
}

/*
a:visited {
    color: #682626;
}
*/
a:hover {
    
    color: #f00;
}



h1 {
    font-size: 20px;
    font-family: "Verdana";
    line-height:20px;
    font-weight: bold;

}

h2 {
    font-size: 16px;
    font-family: "Verdana";
    font-weight: 600;
    line-height:18px;
}


h3 {
    font-size: 16px;
    font-family: "Verdana";
    font-weight: 600;
    margin-top: 30px;
    margin-bottom:13px;
}

h3#detailsNouvelles{
    border:0;
}

hr{
    border:solid #555;
    border-width:1px 0 0 0;
    height:0;
    line-height:0px;
    font-size:0;
    margin-top:4px;
    margin-bottom:2px;
}

.bold {
    font-weight: bold;
}

.red {
    color: #f00;
}

.italic {
    font-style: italic;
}

sup {
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}

a#logoHandicape{

  background: url("../images/maville/logo_handicape.jpg") 0 0 no-repeat;
  border:1px solid #2c7efa;
}

blockquote{
    margin-left:20px;
}
/* ****************************** */
/*                                */
/*      Sections spécifiques      */
/*                                */
/* ****************************** */


/*~~~~~~~~~~~~*/
/* Formulaire */
/*~~~~~~~~~~~~*/

div#infoSupTourisme{
    margin:25px 0;
    padding: 0 10px;
    line-height:15px;
}

div#infoSupTourisme p{
    float: none;
    margin-left: 60px;
    margin-bottom:20px;
    line-height:15px;
}

div#infoSupTourisme img{
    float: left;
}

div#imageEnteteFormulaire {
    margin-left:10px;
}

form#formulaireInformation {
    border: 0px solid #000;
    padding: 0 10px;
    line-height:15px;
    width:559px;
}

form#formulaireInformation a{
    font-size: 10px;     
}

form#formulaireInformation img{
    float:left;
}

form#formulaireInformation p#photoInterogation{
    float: none;
}

form#formulaireInformation div{
    margin-bottom:15px;
}

form#formulaireInformation span{
    line-height:13px;
    font-size: 10px;
}

.divLabel{
    width:80px;
    float:left;
    text-align:right;
    padding-right: 5px;
}

span#confirmationFormEcrire{
    line-height:13px;
    text-align:left;
}


/******************/
/* colonne droite */
/******************/


div#infoRequeteEcrire{
    margin-top:7px;
    width:175px;
    height:55px;
    background: url("../images/skin/maville/menuDroit_enteteSection_ecrire2.jpg") 0 0 no-repeat;
}

div#infoRequeteEcrire div{
    font-weight:  700;
    padding-left:45px;
    padding-top:7px;
}

div#infoRequeteEcrire div a{
    color: #fff;
    font-size:12px;
    text-decoration: none;
}

div#infoRequeteEcrire div a:hover{
    color: #362b2b;
}

div#ecrivezNous{
    height:24px;
    font-size:13px;
    text-align: left;
    color: #fff;
    padding:6px 15px 0px 12px;
    background: url("../images/skin/maville/bulle_section_orange.gif") 0 0 no-repeat;
}

div#liensRapides{
    width:176px;
    text-align: left;
    padding:7px 15px 10px 10px;
    margin-top:12px;
    line-height:15px;
    font-size:15px;
    font-weight:bold;
}

div#liensRapides a{
    font-size:11px;
    color: #000;
    line-height:20px;
    text-decoration: none;
}

div#liensRapides a:hover{
    color: #d90909;
}

.menuDroitUL{
    text-align: left;
    margin: 3px 0 10px 28px;
}

.menuDroitUL li{
    list-style: square;
    padding-bottom: 2px;
    font-size: 11px;
}

.menuDroitUL li a{
    font-size: 11px;
    text-decoration:none;
}

div#annonces{
    height:33px;
    width:176px;
    text-align: left;
    padding:7px 15px 0px 15px;
    margin-top:12px;
    line-height:15px;
    font-size:15px;
    color: #fff;
    background: url("../images/skin/maville/menuDroit_enteteSection_02.jpg") 0 0 no-repeat;
}

.imagesPubs{
    margin:0px 0px 10px 0px;
}

/*****************/
/*  A Surveiller */
/*****************/


div#aSurveillerTitre{
    margin: 20px 10px;
}

div#aSurveillerAcrobat{
    margin: 20px 10px;
    font-style: italic;
}

div#aSurveillerAcrobat img{
   float:left;
   margin: 0px 10px 0px 0;
}

div#aSurveillerNouvelle{
    margin: 20px 10px;
}


div#aSurveillerNouvelle h2{
    color: #193e57;
}

div#aSurveillerNouvelle ul{
    margin:0 0px;
    border-top: 2px solid #193e57;

}

div#aSurveillerNouvelle ul li{
    padding:20px 10px;
    border-bottom: 2px solid #193e57;
    list-style: none;
    min-height:120px;
}

div#aSurveillerNouvelle ul li#pdf{
    padding-left: 80px;
    height:auto;
}

div#aSurveillerNouvelle ul li a{
    color: #193e57;
    font-size:14px;
    font-weight: bold;
    text-decoration:none;
}


div#aSurveillerNouvelle ul li#pdf a{
    color: #193e57;
    font-size:12px;
    font-weight: bold;
    text-decoration:none;
}

div#aSurveillerNouvelle ul li a:hover, div#aSurveillerNouvelle ul li a#savoirPlus:hover, div#aSurveillerNouvelle ul#pdf li a:hover, div#aSurveillerNouvelle ul li#pdf a:hover{
    color: #9e1515;
}

div#aSurveillerNouvelle ul li a#savoirPlus, div#aSurveillerNouvelleFront ul li a#savoirPlus {
    color: #193e57;
    font-size:10px;
    font-weight: normal;
}

div#aSurveillerNouvelle ul#pdf li a{
    font-size:12px;
}


/*
div#aSurveillerNouvelle ul li a:visited{
    color: #517893;
}
 */
div#aSurveillerNouvelle span, div#aSurveillerNouvelleFront span{
    color: #747677;
    font-style: italic;
    font-size: 10px;
}


div#aSurveillerNouvelle p{
   margin-top: 15px;
}

div#aSurveillerNouvelle p.communique{
  margin-top:5px;
}

div#aSurveillerNouvelle img{
  /* float:left;*/
   margin: 15px 10px 10px 0;
}

div#aSurveillerNouvelle div#rss{
   margin-bottom:10px;
}

div#aSurveillerNouvelle div#rss div{
  
}

div#aSurveillerNouvelle div#rss img#rss{
   float:none;
   margin:0;
}

div#communiqueOrganisation{
    float:right;
    width:250px;
}

div#aSurveillerInfoContact{
   margin: 15px 0;
}

div#aSurveillerInfoContact p{
    margin:0;
}

div#aSurveillerInfoContact p img{
    margin-top:0;
    float:left;
}

div#voirTous{
    margin-bottom: 15px;
}

/********* modele defautMinimale - A Surveiller *********/


div#aSurveillerNouvelleFront{
    margin: 5px 0px;
}

div#aSurveillerNouvelleFront ul{
    margin:0 0px;
   
}

div#aSurveillerNouvelleFront ul li{
    padding:4px 10px 7px 10px;
    border-bottom: 1px solid #193e57;
}

div#aSurveillerNouvelleFront ul li p{
    padding:0;
    margin:4px 0;
    font-size: 10px;
}

div#aSurveillerNouvelleFront ul li a{
    color: #193e57;
    font-size:11px;
    font-weight: bold;
    text-decoration:none;
}

div#aSurveillerNouvelleFront p#rss{
   float:right;
}

div#messageDefaut{
    margin-top:10px;
    margin-left:15px;
    line-height:15px;
}


/********* modele defautMinimale - A Surveiller FIN *********/



/********* modele 2Minimale - A Surveiller *********/

div#nouvellesGauche{
    width:285px;
    float: left;
    padding: 10px;

    border-right:1px solid #000;
}

div#nouvellesGauche a{
    color: #193e57;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

div#nouvellesGauche a#savoirPlus{
    color: #193e57;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}

div#nouvellesGauche span, div#nouvellesDroit span{
    color: #747677;
    font-style: italic;
    font-size: 10px;
}

div#nouvellesGauche p{
    font-size: 11px;
    padding:10px 0;
    line-height:12px;
}

div#nouvellesGauche p img{
    float:left;
    margin-right:7px;
    margin-bottom:3px;
}

div#nouvellesDroit{
    height: 250px;
    width:285px;
    float: right;
    padding: 10px;
    border-left:1px solid #000;
}

div#nouvellesDroit ul{
    margin-left: 20px;
}

div#nouvellesDroit ul li{
    list-style: square;
    padding: 3px 0;
}

div#nouvellesDroit ul li a{
    font-size: 10px;
    color: #193e57;
    font-weight: bold;
    text-decoration: none;
}

div#nouvellesDroit p#rss{
   float:right;
}

/********* modele 2Minimale - A Surveiller FIN *********/


/********* modele 3Minimale - A Surveiller *********/

div#nouvellesTop{
    width:620px;
    height:102px;
    margin: 0px 10px 2px 10px;
    padding-bottom:10px;
    border-bottom:1px solid #ccc;
}

div#nouvellesTop a{
    color: #193e57;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

div#nouvellesTop a:hover{
    color: #c20000;
}

div#nouvellesTop a#savoirPlus{
    color: #193e57;
    font-size: 10px;
    text-decoration: none;
    font-weight: bold;
}

div#nouvellesTop a#savoirPlus:hover{
    color: #c20000;
}

div#nouvellesTop span, div#nouvellesDroit span{
    color: #747677;
    font-style: italic;
    font-size: 10px;
}

div#nouvellesTop p{
    font-size: 11px;
    padding:2px 0 0 0;
    line-height:12px;
}

div#nouvellesTop p img{
    float:left;
    margin-right:7px;
    margin-bottom:3px;
}


div#nouvellesBottom{
    width:620px;
    height:170px;
    margin: 10px 10px 2px 10px;
    border:0px solid #000;
}


.conteneurNouvellesBottom{
  padding:3px 5px 0 5px;
  float:left;
}

div.dates{
  float:left;
  width:130px;
  color: #747677;
  font-style: italic;
  font-size: 10px;
  line-height:15px;
}

div.titres{
  width: 480px;
  margin-bottom:2px;
  float:right;
  text-align: left;
}

div.titres a{
  line-height:15px;
  font-size: 10px;
  color: #193e57;
  font-weight: bold;
  text-decoration: none;
}

div.titres a:hover{
  color: #c20000;
}

div.voirTousNouvelles{
 margin-top:2px;
 margin-left:6px;
 font-size:10px;
 height:22px;
}

div.voirTousNouvelles a{
 font-size:10px;
 text-decoration:none;
}

div#voirTousGauche{
  float:left;
  width:14px;
  height:22px;
  background: url("../images/skin/maville/voirTousGauche.jpg") 0 0 no-repeat;
}

div#voirTousMilieu{
  padding-top:3px;
  float:left;
  height:22px;
  background: url("../images/skin/maville/voirTousMilieu.jpg") 0 0 repeat-x;
}

div#voirTousDroit{
  float:left;
  width:33px;
  height:22px;
  background: url("../images/skin/maville/voirTousDroit.jpg") 0 0 no-repeat;
}

div#nouvellesBottom p#rss{
  float:right;
}

/********* modele 3Minimale - A Surveiller FIN *********/


/********* modele MotduMaire - A Surveiller *********/

/*
div#nouvellesTopMaire{
    width:525px;
    height:193px;
    margin: -10px 0px 2px 0px;
    padding:12px 15px 0 15px;
    background: url("../images/skin/maville/fond_MotDuMaire.jpg") 0 0 no-repeat;
}*/

div#nouvellesTopMaire{
    width:518px;
    background: #f2f2f2;
    border: 3px double #878787;
    margin: -7px 0px 20px 5px;
    padding:12px 10px 0 15px;
    min-height:175px;
}   

div#nouvellesTopMaire a{
    color: #193e57;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

div#nouvellesTopMaire a:hover{
    color: #c20000;
}

div#nouvellesTopMaire a#savoirPlus{
    color: #193e57;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}

div#nouvellesTopMaire a#savoirPlus:hover{
    color: #c20000;
}


div#nouvellesTopMaire span, div#nouvellesDroit span{
    color: #747677;
    font-style: italic;
    font-size: 10px;
}

div#nouvellesTopMaire p{
    font-size: 11px;
    padding:2px 0 0 0;
    line-height:12px;
}

div#nouvellesTopMaire p img{
    float:left;
    margin-right:7px;
    margin-bottom:3px;
}


/********* modele MotduMaire  - A Surveiller *********/


/********* modele MotduMaire  - A Surveiller *********/

div#nouvellesTopLeTempsDe{
    width:518px;
    background: #f2f2f2;
    border: 3px double #878787;
    margin: -7px 0px 20px 5px;
    padding:12px 10px 0 15px;

}

div#nouvellesTopLeTempsDe h2{
   margin-bottom: 7px;

}

/*
 div#nouvellesTopLeTempsDe{
    width:530px;
    height:165px;
    margin: -12px 0px 10px 0px;
    padding:12px 10px 0 15px;
    background: url("../images/skin/maville/fond_leTempsDe.jpg") 0 0 no-repeat;
}
*/

div#nouvellesTopLeTempsDe a{
    color: #193e57;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}

div#nouvellesBottomLeTempsDe a{
    font-size: 12px;
}

div#nouvellesBottomLeTempsDe ul{
    margin-left:15px;
}

div#nouvellesBottomLeTempsDe ul li{
    margin:4px 0;
}

div#nouvellesTopLeTempsDe a:hover{
    color: #c20000;
}

div#nouvellesTopLeTempsDe a#savoirPlus{
    color: #193e57;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
}

div#nouvellesTopLeTempsDe a#savoirPlus:hover{
    color: #c20000;
}

div#nouvellesTopLeTempsDe span, div#nouvellesDroit span{
    color: #747677;
    font-style: italic;
    font-size: 10px;
}

div#nouvellesTopLeTempsDe p{
    font-size: 11px;
    padding:2px 0 0 0;
    line-height:12px;
    float:right;
}

div#nouvellesTopLeTempsDe p img{
    float:left;
    margin-right:7px;
    margin-bottom:3px;
}


/********* modele MotduMaire  - A Surveiller *********/


div#aSurveillerCadreNouvelle{
    border-bottom:3px solid #193e57;
    padding-bottom:20px;
    margin-bottom:20px;
    float:left;
    width:539px;
}

body#blank div#aSurveillerCadreNouvelle{
    border-bottom:3px solid #193e57;
    padding-bottom:20px;
    margin-bottom:20px;
    float:left;
    width:100%;
}


/********* modele candidat élections  - A Surveiller *********/


div#aSurveillerCadreNouvelleCandidat{
    border-bottom:1px solid #193e57;
    padding-bottom:10px;
    margin-bottom:10px;
    float:left;
    width:559px;
    margin-left:-10px;
}

div#aSurveillerCadreNouvelleCandidat h2{
    color: #000;
    font-size:15px;
}

/*********** boite accueil **************/

div#boiteGlobale{
    width:640px;
    padding:11px 0px 0px 12px;
    float:left;
    background: #fff url("../images/skin/maville/boite_fond_accueil.jpg") top left no-repeat; 
}

div#boiteGlobaleBottom{
    width:650px;
    height:115px;
    margin-right:5px;
    clear:left;
    background: #fff url("../images/skin/maville/boite_fond_bottom.jpg.jpg") top left no-repeat; 
}

div#boiteCalendrier{
    width:184px;
    margin-right:5px;
    padding:11px 10px 0px 12px;
    float:left;
   /* background: #fff url("../images/skin/maville/cadre_rouge.jpg") top left no-repeat; */
}

div#boiteServiceLigne{
    width:184px;
    margin-right:5px;
    padding:6px 10px 0px 12px;
    float:left;
   /* background: #fff url("../images/skin/maville/cadre_orange.jpg") top left no-repeat; */
}

div#boiteDossierHeure{
    width:184px;
    margin-right:15px;
    padding:6px 10px 0px 20px;
    float:left;
    /*background: #fff url("../images/skin/maville/cadre_vert.jpg") top left no-repeat; */
}


iframe#calendrierAccueil{
    background: #ffffff url("../images/skin/maville/fond_niv3_left.gif") 0 0 repeat;
    width:197px;
    height: 380px;
    padding:0;
   /*margin-right:5px;*/
    float:left;
}

div#calendrierAccueil{
    width:187px;
    height: 380px;
    padding:7px 0 0 9px;
   /*margin-right:5px;*/
    float:left;
}

div#boiteQuoiFaire{
    font-weight:bold;
    color:#fff;
    font-size:14px;
    margin-bottom: 20px;
    padding-left:1px;
}


div#boiteServiceLigneTitre{
    font-weight:bold;
    color:#fff;
    font-size:14px;
}

div#boiteServiceLigneTitre img{
    margin-top: -15px;
}

div#boiteDossierHeureTitre{
    font-weight:bold;
    color:#fff;
    font-size:14px;
}

ul.boiteUL{
    margin-top:17px;
    padding-left:17px;
}

ul.boiteUL li{
    list-style-type:square;
    padding-bottom:6px;
}

ul.boiteUL li a{
    font-size:10px;
    text-decoration:none;
}

.bleuPale{
    background: #e7edf1;
}

.gris{
    background: #f3f7f9;
}

.bleuPalePDF{
    background: #e7edf1 url("../images/logoAcrobat_bleuPale.gif") 0 0 no-repeat; 
}

.grisPDF{
    background: #f3f7f9 url("../images/logoAcrobat_gris.gif") 0 0 no-repeat; 
}

.ligneBleu{
    background: #8aa7bb;
}



div#listingPage{
   
    text-align:right;
    margin-bottom:7px;
}

div#listingPage div{
    display:inline;
    padding-right: 4px;
}

div#listingPage div a span{
    font-size:15px;
    font-weight:bold;
    color: #0f3e60;
    font-style: normal;
}

/****************************/
/* Coordonnées des services */
/****************************/

.coordonneeGauche{
    margin-left: 4px;
    width:265px;
    line-height:18px;
}

.coordonneeSeul{
    margin-left: 4px;
    line-height:18px;
}

.coordonneeDroit{
    border-left:1px solid #000;
    float:right;
    text-align:left;
    width:270px;
    padding: 0 4px 0 10px;
    line-height:18px;
}

.coordonneeDroitSansBordure{
    border-left:0px solid #000;
    float:right;
    text-align:left;
    width:270px;
    padding: 0 4px 0 10px;
    line-height:18px;
}

.personnelGauche{
    float:left;
    line-height:18px;
    margin-right:20px;
}

.personnelDroit{
    border-left:1px solid #000;
    float:left;
    text-align:left;
    padding: 0 4px 0 10px;
    line-height:18px;
    margin-bottom:20px;
}

p#hautPage{
    margin-left:470px;
}

span.titreDistrictDroit{
    margin-left:205px;
}

a#searchInCalendar{
    font-size:10px;
    display:block;
    margin-bottom:5px;
    padding-left:25px;
    text-decoration:none;
}

/**********/
/* entete */
/**********/

   .enteteSectionRequete{
        background: url("../images/skin/pages_entete/page_section_entete_requete.jpg") top right no-repeat;
    }
    
    
/**********************/
/*  classes pratiques */
/**********************/

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

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

.clearBoth{
    clear:both;
}

.clearLeft{
    clear:left;
}

.clearRight{
    clear:right;
}

.ligneCouleur{
    padding: 3px 4px;
    margin: 7px 0;
    font-weight:bold;
    background: #8aa7bb;
}

.encadre{
    border:1px solid;
    padding:10px;
}

.encadreAjuste{
    border:1px solid;
    padding:10px;
    display:inline;
}

.cadreInterieur{
    padding:0 10px;
}

.couleurPair{
    background: #e3e3e3;
}

.couleurImpair{
    background: #ffffff;
}

.rouge{
    color: #b10000;
}

div#miseEnGarde{
    padding:10px;
    border:1px solid #d51616;
    color: #d51616;
}

div.miseEnGarde{
    padding:10px;
    border:1px solid #d51616;
    color: #d51616;
}

div.miseEnGarde a{
    color: #d51616;
}

div.miseEnGarde a:hover{
    color: #f00;
}



div#flammeOlympique{
    background: #fff url("../images/bannierePublicite/passageFlammeOlympique.jpg") top right no-repeat;
    width:260px;
    height:150px;
    position:relative;
}

div#olympiqueDiff{
    position:absolute;
    top:79px;
    left: 162px;
    height:25px;
}

div#olympiqueDiff a{
    font-size:30px;
    text-decoration:none;
    line-height:25px;
}

div#olympiqueDiff a:hover{
    color:#000;
}

a#flammeOlympiqueLien{
    width:260px;
    height:150px;
    display:block;
}


img#capitaleculturelle{
    border:2px solid #fff;
    margin:5px 0px 5px 15px;
}

/********** formulaires **********/


fieldset {
    margin: 0 0 0 0;
    padding:0 0 20px 0;
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
}
fieldset#buttons {
    border:0;
}
legend {
    margin-left: 1em;
    color: #000000;
    font-weight: bold;
}
fieldset ol {
    padding: 1em 1em 0 0em;
    list-style: none;
    float: left;
    margin:0;
}

fieldset li {
    float: left;
    clear: left;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 10px;
}

fieldset li p{
    padding-left:13.5em;
    color: #d20000;
    margin:0;
}

form#nouveau_compte fieldset li p{
    padding-left:7em;
}

fieldset.submit {
    float: none;
    width: auto;
    border: 1px solid #000;
}

fieldset input {
    width: 300px;
}

fieldset input.radio {
    width: 40px;
}

fieldset textarea {
    width: 300px;
    height:70px;
}

fieldset input.checkbox {
    width: auto;
}

input.submit {
    width: 90px;
    height: 25px;
}

label{
    float: left;
    width: 12.5em;
    margin-right: 1em;
    text-align:right;
}

form#nouveau_compte label{
    width: 6em;
}

label span{
    color :#d20000;
    font-weight:bold;
}

fieldset fieldset li {
    padding-bottom:20px;
}

fieldset fieldset input {
    width: auto;
    border: none;
    float: left;
}

fieldset fieldset label {
    text-align: left;
    width: 710px;
    margin-right: 10px;
    margin-left:5px;
}

fieldset fieldset label.radio {
    width: auto;
}

fieldset fieldset div {
    margin-top:20px;
    float: left;
    margin-left:25px;
}

fieldset fieldset p {
    float: left;
}


form fieldset{
    padding-bottom:7px;
    margin-left:0px;
    border: 1px solid #ccc;
    -moz-border-radius: 10px;
}

form fieldset label{
    width:160px;
}

form fieldset input{
    width:200px;
}

form fieldset select{
    width:300px;
}

form input#submit{
    width:60px;
    height:57px;
    border:0px;
    margin-top:10px;
    margin-right:10px;
    float:right;
    cursor: pointer;
    background: url('../images/skin/donnation_rechercher_bouton.jpg');
}

form input#submit:hover{
    background: url('../images/skin/donnation_rechercher_bouton_hover.jpg');
}


body#framed form#modifier, body#framed form#supprimer{
    float:left;
    width:100px;
}

span.formulaire{
    color: #d20000;
    font-weight:bold;
}



#overlay {
	display:none;
	top: 0; right: 0; bottom: 0; left: 0;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	width: 100%;
	z-index: 100;
}
#blanket {
	background-color: #000000;
	filter: alpha(opacity = 80);
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	opacity: 0.8;
	position: absolute;
	width: 100%;
}
.dialog {
	display: block;
	margin: 100px auto;
	position: relative;
	width: 700px;
	padding: 40px;
        padding-top:20px;
	background: white;
	-moz-border-radius: 10px;
}

div.infoSupLiens{
    width:100%;
    float:left;
    margin-top:5px;
}

#overlay div.clearLine{
    clear:both;
}

div.infoSupLiens img{
    float:left;
}

div.infoSupLiens a{
    display:block;
    float:left;
    padding-top:6px;
}

#showdetails_content h2, #calendrier_details_view h2{
    margin-bottom:20px;
}

#showdetails_content h3, #calendrier_details_view h3{
    margin-top:10px;
}

#showdetails_content ul, #calendrier_details_view ul{
    margin-bottom:15px;
}

#showdetails_content ul li, #calendrier_details_view ul li{
    list-style-type: square;
    margin-left:15px;
    margin-top:5px;
    font-family: "Arial";
    margin-top:10px;
}

a.selected_page{
    font-weight: bold;
}