/*******************************************************************/
/*                  Styles du gabarit Accueil                      */
/*******************************************************************/
div#container_site {
    width               : 1024px;
    margin-left         : auto;
    margin-right        : auto;
    background          : #472150 url(images/accueil/fond.jpg) center top no-repeat;
}

div#container {
    float               : left;
    width               : 950px;
}

div#container_colonne {
    float               : right;
    padding-left        : 14px;
    width               : 60px;
    padding-top         : 160px;
    text-align          : center;
}

div#container_colonne a {
    color               : #FFFFFF;
}

div#header {
    width               : 950px;
    height              : 290px;
}

div#header div#header_left {
    float               : left;
    width               : 150px;
    height              : 100%;
}

div#header div#header_left div#logo {
    padding-top         : 25px;
    padding-left        : 40px;
    width               : 110px;
    height              : 190px;
}

div#header div#header_left div#logo img {
    width               : 100px;
    height              : 160px;
}

div#header div#header_left div#charte_logo {
    clear               : both;
    padding-left        : 70px;
    width               : 60px;
    text-align          : center;
}

div#header div#header_left div#charte_logo a {
    color               : #FFFFFF;
}

div#header div#header_right {
    float               : right;
    width               : 800px;
    height              : 100%;
}

div#header div#header_right div#menu_haut {
    width               : 100%;
    text-align          : right;
    height              : 92px;
}

div#header div#header_right div#bandeau {
    width               : 100%;
    height              : 198px;
}

div#separation_outils {
    clear               : both;
    width               : 835px;
    margin-left         : 115px;
    height              : 33px;
    color               : #FFFFFF;
    border-bottom       : 1px solid #B5A6B9;
    padding-top         : 7px;
    margin-bottom       : 20px;
}

div#separation_outils div#newsletter_inscription {
    float               : left;
    color               : #FFFFFF;
    width               : 275px;
    height              : 100%;
}

div#separation_outils div#newsletter_inscription table {
    width               : 100%;
}

div#separation_outils div#newsletter_inscription input {
    width               : 155px;
}

div#separation_outils div#outils {
    float               : right;
    text-align          : right;
    height              : 100%;
    width               : 300px;
}

div#conteneur_contenu {
    clear               : both;
    width               : 100%;
}

table#contenu_wysiwyg {
    background-color    : #FFFFFF;
    width               : 100%;
    height              : 500px;
}

div#conteneur_contenu div#left_side {
    float               : left;
    width               : 285px;
    height              : 100%;
    background          : transparent;
}

div#conteneur_contenu div#left_side div#rss_tourisme {
    float               : right;
    background          : #FFFFFF url(images/accueil/bas_rss_tourisme.gif) bottom right no-repeat;
    width               : 153px;
    padding-bottom      : 52px;
    padding-right       : 10px;
    padding-left        : 10px;
    padding-top         : 10px;
}

div#conteneur_contenu div#left_side div#liste_rss {
    padding             : 10px;
}

div#liste_rss div.titre_rss {
    font-size           : 14px;
    color               : #00007B;
    width               : 100%;
    font-weight         : bold;
    text-transform      : uppercase;
}
div#liste_rss div.contenu_rss {
    font-size           : 12px;
    color               : #00007B;
    width               : 100%;
}

div#liste_rss div.lien_rss {
    font-size           : 12px;
    width               : 100%;
    text-align          : right;
}
/*
div#liste_rss div.lien_rss a {
    color               : #00324C;
}
*/
div#liste_rss div.separateur_rss {
    border-bottom       : 1px solid #3D00B9;
    padding-top         : 5px;
    padding-bottom      : 5px;
    margin-bottom       : 10px;
}

div#conteneur_contenu div#left_side div#partenaires {
    float               : right;
    background          : transparent url(images/accueil/fond_partenaires.gif) bottom right no-repeat;
    width               : 285px;
    height              : 366px;
}

div#conteneur_contenu div#left_side div#partenaires div#partenaires_titre {
    padding-top         : 36px;
    padding-left        : 110px;
}

div#conteneur_contenu div#left_side div#partenaires div#partenaires_liste {
    padding-top         : 15px;
    width               : 160px;
    padding-right       : 15px;
    text-align          : right;
}

div#conteneur_contenu div#right_side {
    float               : right;
    width               : 640px;
}

div#conteneur_contenu div#right_side div#contenu {
    background-color    : #FFFFFF;
    padding             : 10px;
}

div#conteneur_contenu div#right_side div#trait_cartoon_bas {
    width               : 640px;
    height              : 63px;
    background          : transparent;
}

div#conteneur_contenu div#right_side div#footer {
    width               : 100%;
    height              : 20px;
    color               : #FFFFFF;
    text-align          : right;
    padding-top         : 5px;
    background          : transparent;
}

div#footer a {
    color               : #FFFFFF;
    text-decoration     : underline;
}
div#footer a:hover {
    text-decoration     : none;
}

/*  Styles diaporama    */
div.diaporama_styles {
    background          : #472150;
}

div.diapo_contenu {
    color               : #FFFFFF;
}

div.titre_diaporama_styles {
    width               : 583px;
    height              : 82px;
    background          : transparent url(images/accueil/diaporama_fond_titre.jpg) top left no-repeat;
}

div.titre_diaporama_styles h2 {
    padding-left        : 58px;
    padding-top         : 25px;
}

div.diaporama_styles img {
    border              : 1px solid #FFFFFF;
}

div.diaporama_styles a {
    color               : #FFFFFF;
}