/*-----------------------------------------------------------------------------------------------*/
/*---------------------------------- CSS - ISSARTEL Thibaud -------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/



/* ---------------------------------- Position du site ------------------------------------------*/
/*#Le_site {
  position:absolute;
  width:934px;
  margin: 0px 0px 0px -467px;
  left: 595px;
  text-align: left;
  overflow: auto;
}*/

/*
#Le_site {
  position:absolute;
  width:934px;
  margin:-100px 0px 0px -467px;
  top: 125px;
  left: 50%;
  text-align: left;
}
*/

#Le_site {
  position:absolute;
  width:934px;
  margin:-100px 0px 0px -467px;
  top: 125px;
  left: 50%;
  text-align: left;
}

/*-----------------------------------------------------------------------------------------------*/



/*------------------------------------- CSS des pages -------------------------------------------*/

body {
        background-image: url(../images/fond_du_site.png);
        background-color: #F4A81E;
        font-family: "Trebuchet MS";
        color: #000000;
        padding:17px;
        line-height: 11px;
}


.lienbleu {
        color:#06528C;
        text-decoration:none;
}
.lienmarron {
        color:#990000;
        text-decoration:none;
}


.padding_bt {
        padding-left: 10px;
}

.jaune_box {
        background-color: #FFFFCC;
        color: #FFFFCC;
        font-size: 12px;
        border-top-color: #FFFFCC;
        border-right-color: #FFFFCC;
        border-bottom-color: #FFFFCC;
        border-left-color: #FFFFCC;
}

.titre_blanc_taille_1 {
        font-size:12px;
        font-weight: bold;
        color: #FFFFFF;
}
.zone_utilisateur_passe {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #666666;
        border: 1px solid #CCCCCC;
        padding-left:5px
}
.adresse_pied_bold {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 10px;
        color: #005b63;
        font-weight: bold;
        padding: 3px;
}
.adresse_pied {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 10px;
        color: #005b63;
        padding: 3px;
}
.titre_bleu_puce_fleche {
        font-size: 12px;
        font-weight: bold;
        color: #06528c;
        background-image:url(../images/pictos_fleche.png);
        background-repeat: no-repeat;
        padding-left: 25px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 14px;
}
.titre_bleu_assiette {
        font-size: 11px;
        font-weight: bold;
        color: #06528c;
        background-image:url(../images/assiette.gif);
        background-repeat: no-repeat;
        padding-left: 28px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 12px;
        background-position: 3px;
}
.titre_rouge_puce_fleche {
        font-size: 12px;
        font-weight: bold;
        color: #990000;
        background-image:url(../images/pictos_fleche2.png);
        background-repeat: no-repeat;
        padding-left: 25px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 14px;
}
.titre_bleu_puce_fichier {
        font-size: 12px;
        font-weight: bold;
        color: #06528c;
        background-image:url(../images/pictos_fichier.png);
        background-repeat: no-repeat;
        padding-left: 18px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 14px;
        background-position: 3px;
}

.titre_bleu_puce_fichier h1{
        font-size: 12px;
        font-weight: bold;
        color: #06528c;
        font-family: Verdana, Arial, Helvetica, sans-serif;
		padding:0;
		margin:0;
		display:inline;
}
.titre_rouge_puce_agenda {
        font-size: 11px;
        font-weight: bold;
        color: #990000;
        background-image:url(../images/pictos_agenda.png);
        background-repeat: no-repeat;
        padding-left: 25px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 14px;
        background-position: 3px 3px;
}
.titre_vert_puce_brochure {
        font-size: 11px;
        font-weight: bold;
        color: #006600;
        background-image:url(../images/pictos_brochure.png);
        background-repeat: no-repeat;
        padding-left: 22px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 14px;
        background-position: 2px 2px;
}
.titre_violet_puce_presse {
        font-size: 11px;
        font-weight: bold;
        color: #660066;
        background-image:url(../images/pictos_presse.png);
        background-repeat: no-repeat;
        padding-left: 18px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 14px;
        background-position: 0px 2px;
}
.texte {
        font-size: 12px;
        line-height: 13px;
        color: #000000;
}
.chapo {
        font-size: 12px;
        line-height: 13px;
        color: #006666;
        font-style: italic;
        padding-left: 15px;
}
.resume {
        font-size: 12px;
        line-height: 13px;
        color: #333366;
        padding-left: 15px;
}
.texte_gris {
        font-size: 12px;
        line-height: 13px;
        color: #666666;
}
.texte_petit {
        font-size: 10px;
        line-height: 11px;
        color: #000000;
}
.texte_fiche {
        font-size: 12px;
        line-height: 13px;
        color: #000000;
        padding-left: 15px;
}
.texte_fiche_agenda {
        font-size: 12px;
        line-height: 13px;
        color: #000000;
        padding-left: 25px;
}
.texte_bleu_bold {
        font-weight: bold;
        font-size: 12px;
        line-height: 13px;
        color: #000000;
}
.texte_bleu_orange {
        font-weight: bold;
        font-size: 12px;
        line-height: 13px;
        color: #FF9900;
}
.texte_bleu_orange h1{
        font-weight: bold;
        font-size: 12px;
        line-height: 13px;
        color: #FF9900;
		margin:0;
		padding:0;
		display:inline;
}
.texte_bleu_rouge {
        font-weight: bold;
        font-size: 12px;
        line-height: 13px;
        color: #990000;
}
.texte_vert {
        font-weight: bold;
        font-size: 12px;
        line-height: 13px;
        color: #009900;
        padding-left: 10px;

}
.titre_num_vert {
        font-weight: bold;
        font-size: 14px;
        line-height: normal;
        color: #006600;
        font-family: Georgia, "Times New Roman", Times, serif;
}
.bordure_menu {
        border: 1px solid #FFCC00;
}
.fond_menu_off {
        background-color: #FFFFFF;
}
.fond_menu_on {
        background-color: #FFFFCC;
}
.legende_e-cards {
        font-size: 12px;
        color: #06528c;
        padding-left: 5px;
}
.legende_photos {
        font-size: 10px;
        color: #FF9900;
        padding-left: 5px;
}
.texte_bleu_e-cards {
        font-size: 11px;
        color: #06528c;
        line-height: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
.bordure_zone_e-cards {
        color: #f8ba34;
        background-color: #FFFFFF;
        padding-left: 3px;
        border: 1px solid #f8ba34;
        padding-top: 1px;
        padding-right: 1px;
        padding-bottom: 1px;
}
.bordure_zone_e-cards_rouge {
        color: #990000;
        background-color: #FFFFFF;
        padding-left: 3px;
        border: 1px solid #f8ba34;
        padding-top: 1px;
        padding-right: 1px;
        padding-bottom: 1px;
}
.bordure_zone_e-cards_bleu {
        color: #003366;
        background-color: #FFFFFF;
        padding-left: 3px;
        border: 1px solid #f8ba34;
        padding-top: 1px;
        padding-right: 1px;
        padding-bottom: 1px;
}

.titre_bleu_puce_chain1 {
        font-size: 11px;
        font-weight: bold;
        color: #006699;
        background-image:url(../images/liens.gif);
        background-repeat: no-repeat;
        padding-left: 18px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 14px;
        background-position: 0px 0px;
        text-decoration: none;
        cursor:pointer
        }
/*h3 {
        font-size: 11px;
        font-weight: bold;
        color: #006699;
        background-image:url(../images/liens.gif);
        background-repeat: no-repeat;
        padding-left: 18px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 14px;
        background-position: 0px 0px;
        text-decoration: none;
        }
.titre_h3 {
        color: #006699;
        text-decoration: none;
        }*/

.titre_lien_puce_chain {
        font-size: 11px;
        color: #006699;
        background-image:url(../images/liens2.gif);
        background-repeat: no-repeat;
        padding-left: 20px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        line-height: 14px;
        background-position: 0px 4px;
        text-decoration: none;
        }

/*-----------------------------------------------------------------------------------------------*/



/*------------------------------------ Les liens ------------------------------------------------*/
.lien_blanc_taille_1 {
        font-size:12px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
}
.lien_blanc_taille_1:hover {
        font-size:12px;
        font-weight: bold;
        color: #FFFFFF;
}
.lien_rouge {
        font-size: 12px;
        color: #660000;
        text-decoration: none;
        letter-spacing: -0.05em;
}
.lien_rouge:hover {
        font-size: 12px;
        color: #EE9900;
        text-decoration: none;
        letter-spacing: -0.05em;
        padding-left: 2px;
}
.lien_rouge_MG {
        font-size: 16px;
        color: #660000;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: -0.05em;
        padding-right: 65px;
}
.lien_rouge_MG:hover {
        font-size: 16px;
        color: #EE9900;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: -0.05em;
        padding-right: 65px;
}
.lien_orange_MG {
        font-size: 16px;
        color: #DA8803;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: -0.05em;
        line-height: 16px;
        padding-left: 90px;
}
.lien_orange_MG:hover {
        font-size: 16px;
        color: #660000;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: -0.05em;
        line-height: 16px;
        padding-left: 90px;
}
.lien_orange_menu {
        font-size: 12px;
        color: #DA8803;
        text-decoration: none;
        font-weight: bold;
        line-height: 16px;
}
.lien_orange_menu:hover {
        font-size: 12px;
        color: #990000;
        text-decoration: none;
        font-weight: bold;
        line-height: 16px;
}
.lien_orange_coeur {
        font-size: 16px;
        color: #DA8803;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: -0.05em;
        line-height: 15px;
}
.lien_orange_coeur:hover {
        font-size: 16px;
        color: #660000;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: -0.05em;
        line-height: 15px;
}
.lien_bleu_MH {
        font-size: 15px;
        color: #003366;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: -0.05em;
        line-height: 16px;
}
.lien_bleu_MH:hover {
        font-size: 15px;
        color: #006699;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: -0.05em;
        line-height: 16px;
}
.lien_vert_MH {
        font-size: 15px;
        color: #336600;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: -0.05em;
        line-height: 16px;
}
.lien_vert_MH:hover {
        font-size: 15px;
        color: #336666;
        text-decoration: none;
        font-weight: bold;
        letter-spacing: -0.05em;
        line-height: 16px;
}
.lien_bleu_mois {

        font-size: 12px;
        color: #003366;
        text-decoration: none;
        font-weight: normal;
        letter-spacing: -0.05em;
        line-height: 16px;
}
.lien_bleu_mois:hover {

        font-size: 12px;
        color: #003366;
        text-decoration: none;
        font-weight: normal;
        letter-spacing: -0.05em;
        line-height: 16px;
}

/*-----------------------------------------------------------------------------------------------*/



/*----------------------------- Gestion de la couche ALPHA avec IE ------------------------------*/
img {
        behavior:        url(http://www.sejours-issoire.com/commun/js/ie-png.htc);
        -ie-png-blankimage: url(http://www.sejours-issoire.com/commun/js/blank.gif);
}
/*-----------------------------------------------------------------------------------------------*/




/*----------------------------- Gestion du menu DHTML ------------------------------*/
#menu1Container, menu2Container, menu8Container
{
/*        width: 180px; */
        z-index:200001;
        position: absolute;
        margin-left: 0;
        padding-left: 0;
        list-style-type: none;
}

#menu1Container a, #menu2Container a, #menu8Container a
{
        z-index:200001;
        display: block;
        padding: 3px;
        width: 160px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #eee;
}

#menu1Container a:link, #menu2Container a:link,  #menu8Container a:link
{
        z-index:200001;
        font-size: 12px;
        color: #DA8803;
        text-decoration: none;
        font-weight: bold;
        line-height: 16px;
}

#menu1Container a:hover, #menu2Container a:hover , #menu8Container a:hover
{
        z-index:200001;
        background-color: #F58B1D;
        font-size: 12px;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
        line-height: 16px;
}
/*-----------------------------------------------------------------------------------------------*/




/*----------------------------- Gestion du menu DHTML catégories ------------------------------*/

#cat {
        z-index:999999991;
        position: absolute;
}

#menu3Container, #menu4Container, #menu5Container, #menu6Container, #menu7Container
{
/*        width: 180px; */
        z-index:1;
        margin-left: 0;
        padding-left: 0;
        list-style-type: none;
}

#menu3Container a, #menu4Container a, #menu5Container a, #menu6Container a, #menu7Container a
{
        display: block;
        padding: 3px;
        width: 160px;
        background-color: #FFFFFF;
        border-bottom: 1px solid #eee;
}

#menu3Container a:link, #menu4Container a:link, #menu5Container a:link, #menu6Container a:link ,#menu7Container a:link
{
        font-size: 12px;
        color: #DA8803;
        text-decoration: none;
        font-weight: bold;
        line-height: 16px;
}

#menu3Container a:hover, #menu4Container a:hover, #menu7Container a:hover
{
        background-color: #F58B1D;
        font-size: 12px;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
        line-height: 16px;
}

.OVS_titre_noir_bold {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #000033;
}

.OVS_titre_extranet_rouge {
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #660000;
}
.OVS_titre_extranet_bleu {
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	color: #083D83;
	text-align:center;
}
.OVS_titre_col1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}
.OVS_titre_rouge {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #660000;
}
.OVS_texte_bleu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003366;
}
.OVS_texte_rouge {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660000;
}
.OVS_texte_orange {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF6600;
}
.OVS_texte_vert {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
}
.OVS_texte_noir {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.OVS_legende {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.OVS_lien_vert {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #336600;
        text-decoration: none;
}
.OVS_lien_vert:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #339900;
        text-decoration: none;

}