/* begin Page */

/* Generated with Artisteer version 2.0.2.15312 */

html, body
{
  margin: 0 auto;
  padding: 0;
  background-color: #999966;       
  height: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;
  
}

#main {
  width: 960px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;  
}

#bandeauhaut {
  width: 960px;
  height: 200px;
  background-image: url('../fichiers/images/images/bandeau_haut.jpg');
}

#fond_menu {
    margin-left: auto;
    margin-right: auto;  
    width: 960px;
    height: 34px;
    display: block;
    background-image: url('../fichiers/images/images/fond_menu.png');  
}


div.Lemenu
{
  width: 960px;
  height: 34px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 500;
}

.contentLayout
{
    margin-left: auto;
    margin-right: auto;  
    width: 960px;
    position: relative;
}

#bas {
  width: 960px;
  height: 34px;
  display: block;
  margin-top:10px;
  margin-left: auto;
  margin-right: auto;
  background-image: url('../fichiers/images/images/fond_bas.png');
  background-repeat: no-repeat; 
  overflow: hidden;
  text-align: center;   
}

#partenaires {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  height: 100px;
  display: block;  
}

#bas_texte {
  width: 960px;
  height: 30px;
  padding-top:3px;
  display: block;  
}

.texte-bas {
  padding: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #ffffff;
  text-decoration: none; 
}

.texte-bas a {
  color: #ffffff;
  text-decoration: underline; 
}

.texte-bas a:hover {
  color: #ffffff;
  text-decoration: none; 
}


.mceToolbarTop {
  white-space: normal;
}



.bg {
    border-bottom :solid 1px #226da0;   
}

.home {
    width: 16px;
    height: 16px;
    background-image: url('/fichiers/images/images/home.png');
    cursor: pointer; 
    display: block;
}

.navbar
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #6e6433;
  text-decoration: none;
  vertical-align: middle;
  
}

.navbar span
{
  color: #6e6433;
  height: 16px;
  vertical-align: middle;      
}

.navbar .menu
{ 
  color: #6e6433;
  font-weight: bold;
  vertical-align: middle;  
}


#console {
    display:none;
    position:fixed;
    width:340px;
    height:auto;
    border: none;
    top:10px;
    left:10px;
    z-index:500;
}

#consolefermer {
    display:block;
    width:392px;
    padding:2px;
    background:#ffffff;
    border: solid 10px #ff0000;
    vertical-align:middle;
    text-align:right;
}

#consolefermer a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000;
    text-decoration: none;
}

#consolecontenu {
    display:block;
    width:376px;
    padding:10px;
    margin-top:4px;
    background:#ffffff;
    border: solid 10px #ff0000;
    vertical-align:top;
    text-align:justify;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000;
    text-decoration: none;
}


/*BOF ANNONCE*/

.cadreAnnonce {
    border: solid 1px #226da0;
    display: block;
    padding: 5px;    
}
 
.annonce {
    width: 100%;
    height: 60px;
    display: block;
    float: none;
    margin-bottom: 5px;
    padding: 2px;
    border: solid 1px;
}

.imgAnnonce {
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 10px; 
}

.infoAnnonce {
    height: 60px;
    display: block;
    float: left;
}

.infoAnnonceTitre
{
  height: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;
  margin-bottom: 4px;
  overflow: hidden;  
}

.infoAnnonceTitre a
{
  text-decoration: underline;
}

.infoAnnonceTitre a:hover
{
  text-decoration: none;
}

.infoAnnonceDate
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;
  margin-bottom: 4px;  
}

.infoAnnoncePrix
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none; 
}
/*EOF ANNONCE*/ 





/*BOF PODCAST*/

.podcast {
    width: 340px;
    height: 150px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 4px;
    border: solid 1px;     
}

.podcast-photo {
    width: 150px;
    height: 150px;
    display: block;
    float: left;   
}

.podcast-info {
    padding-left: 5px;
    width: 185px;
    height: 150px;
    display: block;
    float: left;   
}

.podcast-titre {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;     
}

.podcast-des {
  margin-top: 5px;
  margin-bottom: 5px; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  color: #000000;
  text-decoration: none;
  text-align: justify;     
}

.podcast-url {
  margin-top: 5px;
  margin-bottom: 5px; 
  width:180px;
  height: 14px;
  overflow: hidden;    
}

.podcast-url a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
/*EOF PODCAST*/

/*BOF PAGNATION*/
div.pagination {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
    margin: 1px
}
div.pagination a {
    background-color: #fff;
    border: 1px solid #006699;
    color: #006699;
    margin: 1px;
    padding: 2px 3px;
    text-decoration: none
}
div.pagination a:hover,active {
    background-color: #006699;
    border: 1px solid #006699;
    color: #ffffff;
    margin: 1px;
    padding: 2px 3px
}
div.pagination span.courante {
    background-color: #006699;
    border: 1px solid #006699;
    color: #fff;
    font-weight: bold;
    margin: 1px;
    padding: 2px 3px
}
div.pagination span.desactive {
    background-color: #fff;
    border: 1px solid #eee;
    color: #ddd;
    margin: 1px;
    padding: 2px 3px
}
/*EOF PAGNATION*/  

/*BOF PARTENAIRES*/

.partenaires {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;    
    
}


                #viewport{
                    width: 920px; /* Defines the size of the visible part of the carousel
                        Attention : if you only want to see plain items in the viewport,
                        the width of the viewport should take into account of :
                        - the items width
                        - the right and left padding of items
                        - the number of items you want to see in the viewport
                     */
                    overflow:hidden; /* Hides extra elements, those outside the viewport area */
                    /* Fix for IE */
                    position:relative;
                    border: none;
                    margin-top: 2px;
                    margin-left: auto;
                    margin-right: auto;
                }
                #viewport ul{
                    position: relative; /* Enables positionning of elements inside viewport */
                    padding: 0; /* Resets default - User Agent - style */
                    margin: 0;
                }
                #viewport li{
                    width: 80px; /* Defines the size of inner element */
                    height: 60px;
                    float: left; /* Places list items side by side*/
                    list-style: none; /* Resets default - User Agent - style */
                    
                    /* Cosmetic */
                    margin: 0 1px;
                    padding: 10px;
                    text-align:center;
                }

                /* Cosmetic */
                #simplePrevious, #simpleNext{
                    cursor: pointer;
                    font-size: 0.8em;
                    text-decoration: underline;
                    display: none;   
                }


/*EOF PARTENAIRES*/