@import url("content.css");

html, body {
    height: 100%;
}

body {
    margin              : 0px;
	background          : transparent url(../images/common/fond_trame.gif) repeat;
}

br.clearfloat {
    clear              : both;
    height             : 0;
    font-size          : 1px;
    line-height        : 0px;
}

/* Plan du site */
table.plan img {
    vertical-align      : top;
    margin              : 0px;
}

table.plan a.croisement {
    font-weight         : bold;
    text-decoration     : none;
}

table.plan a.extremite {
    text-decoration     : none;
}

/**
 * ###########################################################
 * MENU
 * ###########################################################
 */
div#menu {
	position			: absolute;
	top					: 185px;
	left				: 5px;
	z-index             : 2;
}

ul#accordeon_menu li, ul#accordeon_menu2 li {
	list-style			: none;
	padding-bottom		: 2px;
}

div.elem_menu_bis {
    height              : 15px;
    padding-top         : 2px;
}

div.elem_menu, div.elem_menu_bis {
	width				: 121px;
	background-color	: #000;
	padding-left		: 10px;
    display             : block;
}

div.elem_menu,
div.elem_menu a,
div.elem_menu a:link,
div.elem_menu a:visited {
	color				: #FFF;
	text-decoration		: none;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 14px;
	font-weight			: bold;
    display             : block;
}

div.elem_menu a:hover {
    color               : #ffea00;
}

div.elem_menu_bis a,
div.elem_menu_bis a:link,
div.elem_menu_bis a:visited {
	color				: #FFF;
	text-decoration		: none;
	font-family			: verdana;
	font-size			: 10px;
    display             : block;
}

div.elem_menu_bis a:hover {
    color               : #ffea00;
}

div.conteneur_ssmenu {
	width				: 121px;
	background-color	: #FFF;
}

div.conteneur_ssmenu p {
	margin				: 0px;
	padding				: 2px 0px 2px 6px;
	background			: transparent url(../images/common/puce_menu.gif) 1px 5px no-repeat;
}

div.conteneur_ssmenu a,
div.conteneur_ssmenu a:link,
div.conteneur_ssmenu a:visited {
	color				: #000;
	font-family			: verdana;
	font-size			: 10px;
	text-decoration		: underline;
}

div.conteneur_ssmenu a:hover {
    text-decoration     : none;
}

/**
 * ###########################################################
 * SPECIFIQUE
 * ###########################################################
 */
div.init {
	clear				: both;
}

hr {
    background          : transparent url(../images/common/hr.gif) no-repeat;
    height              : 10px;
    border              : 0;
}



div#conteneur_fond_logo {
	position			: absolute;
	top					: 0px;
	left				: 0px;
	width				: 100%;
	height				: 100%;
}

div#conteneur_fond {
	position			: absolute;
	top					: 0px;
	left				: 0px;
	width				: 100%;
	height				: 100%;
	background          : transparent url(../images/common/fond_trame.gif) repeat;
}

div#conteneur_trame {
	width				: 100%;
	height				: 100%;
}

div#conteneur_fond img#imgTag {
	width				: 100%;
	height				: 100%;
}

div#conteneur_general {
	width				: 100%;
	height				: 100%;
	position			: absolute;
	top					: 0;
	left				: 0;
}

div#conteneur_contenu {
	float				: left;
	width				: 589px;
	background-color	: #FFF;
	margin-left			: 129px;
	min-height			: 100%;
}

html body #conteneur_contenu
{
	height              :auto;
	min-height			: 100%;
}

div#conteneur_bascule {
	float				: left;
	width				: 27px;
}

div#conteneur_header {
	width				: 589px;
	height				: 314px;
	position			: relative;
	text-align			: center;
}

div#header_logo {
	position			: absolute;
	top					: 155px;
	left				: 456px;
}
div#header_logo.veduta {
    top                 : -20px;
    left                : 360px;
}

div.separateur_moyen {
	width				: 589px;
	height				: 15px;
	text-align			: center;
}

div#contenu_rail {
	float				: left;
	width				: 440px;
	padding-left		: 42px;
	margin-bottom		: 23px;
}

div#iconographie {
	float				: left;
	width				: 72px;
	padding-top			: 2px;
}

div#contenu_rail a,
div#contenu_rail a:link,
div#contenu_rail a:visited {
	color				: #000;
	text-decoration		: underline;
	font-family			: verdana;
	font-size			: 10px;
}
div#contenu_rail a:hover {
    text-decoration     : none;
}

div#tete_page {
    width               : 504px;
    padding-left        : 42px;
    padding-right       : 43px;
}

div#image_auteur {
    float               : left;
}

div#tete_page p {
    padding             : 0;
    margin              : 0;
}

div#tete_page p.nom_auteur {
    font-weight         : bold;
}

div#auteur_content {
    float               : left;
}

h1#contenu_titre_auteur {
    padding             : 0;
    margin              : 0;
}

h1#contenu_titre {
	width				: 504px;
	padding-left		: 42px;
	padding-right		: 43px;
}

h1#contenu_titre_auteur {
    width               : 432px;
    padding-left        : 42px;
    padding-right       : 43px;
}

h2#contenu_sous_titre {
	width				: 504px;
	padding-left		: 42px;
	padding-right		: 43px;
	margin-bottom		: 10px;
    font-family         : arial;
}

h3#contenu_sous_titre {
    width               : 504px;
    padding-left        : 42px;
    padding-right       : 43px;
    margin-bottom       : 10px;
    font-family         : arial;
}

h3#contenu_sous_titre {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 16px;
}

h3#contenu_sous_titre_auteur {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 16px;
}

div#image_auteur img {
    border                  : 1px solid black;
    margin-right            : 10px;
}

div#contenu_titre_auteur {
    width                   : 350px;
    padding                 : 0;
    margin                  : 0;
    height                  : 30px;
}

div#contenu_titre_auteur h1 {
    padding                 : 0;
    margin                  : 0;
}

div#contenu_sous_titre_auteur {
    width                   : 350px;
    padding                 : 0;
    margin                  : 0;
}

div#auteur_content {
    padding                 : 0;
    margin                  : 0;
}

div#auteur_content p.nom_auteur {
    padding                 : 0;
    margin                  : 0;
}

div#contenu_page {
    position            : relative;
	width				: 504px;
	padding-left		: 42px;
	padding-right		: 43px;
	padding-bottom		: 35px;
    z-index             : 1;
}


div#contenu_pied {
    width               : 504px;
    padding-left        : 42px;
    padding-right       : 43px;
    padding-bottom      : 35px;
}

div#contenu_pied p {
    width               : 504px;
    font-style          : italic;
    text-align          : right;
}

div#conteneur_menu_secondaire {
	height				: 28px;
	background-color	: #000;
	width				: 100%;
	position			: fixed;
	bottom				: 0px;
	left				: 0px;
	padding				: 2px 0;
	z-index             : 3;
}

div#conteneur_menu_secondaire,
div#conteneur_menu_secondaire a,
div#conteneur_menu_secondaire a:link,
div#conteneur_menu_secondaire a:visited {
	color				: #FFF;
	text-decoration		: none;
}

div#conteneur_menu_secondaire a:hover {
    color               : #ffea00;
}

div.elem_menu_secondaire, div.elem_menu_secondaire_bis {
	float				: left;
	padding				: 0 5px;
}

div.elem_menu_secondaire_spacer {
    float               : left;
    padding             : 0 1px;
}

div.elem_menu_secondaire_bis {
    margin-top          : 12px;
}

#lien_langue {
	position            : absolute;
	top                 : -8px;
	left                : 15px;
}
div#elem_menu_secondaire_menu {
    position            : absolute;
    top                 : 4px;
    left                : 165px;
    display             : inline;
}

div.erreur {
    color               : red;
    margin              : 10px 0px;
    text-align          : center;
    font-weight         : bold;
    font-size           : 13px;
}

table.postit td {
    padding             : 0px;
}
table.postit td.hg {
    background          : transparent url(../images/postit/hg.png) no-repeat top left;
}
table.postit td.hd_corne {
    padding             : 8px 9px 3px 7px;
    background          : transparent url(../images/postit/hd_corne.png) no-repeat top right;
}
table.postit td.hd {
    padding             : 8px 9px 3px 7px;
    background          : transparent url(../images/postit/hd.png) no-repeat top right;
}
table.postit td.bg {
    background          : transparent url(../images/postit/bg.png) no-repeat bottom left;
}
table.postit td.bd {
    background          : transparent url(../images/postit/bd.png) no-repeat bottom right;
}
table.postit .close {
    cursor              : pointer;
}

table.newsletter {
    margin-top          : 18px;
    margin-left         : 12px;
    width               : 140px;
}

/**
 * #################################################
 * PAGE PROFESSIONNEL
 * #################################################
 */
div#conteneur_page_pro {
	width				: 100%;
}

div#conteneur_page_pro p,
div#conteneur_page_pro table {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

div#conteneur_pagepro h3 {
    font-size           : 13px;
}

div#conteneur_page_pro a,
div#conteneur_page_pro a:link,
div#conteneur_page_pro a:visited,
div#conteneur_page_pro a:hover {
	color				: #000;
	text-decoration		: underline;
}

.button {
    border              : 0px;
    padding             : 2px 4px;
    font-size           : 10px;
    font-weight         : bold;
    background-color    : #000;
    color               : #FFF;
}

.publiformulaire .formulairesubmit, input.button {
    border              : 0px;
    padding             : 2px 4px;
    font-size           : 10px;
    font-weight         : bold;
    background-color    : #000;
    color               : #FFF;
}
.publiformulaire input, input.champ {
	border				: 1px solid #7e7e7e;
	padding				: 1px 2px;
	font-size			: 10px;
}

select.champ {
    border              : 1px solid #7e7e7e;
    padding             : 1px 2px;
    font-size           : 10px;
}

select.champ2 {
    border              : 1px solid #000;
    padding             : 1px 2px;
    font-size           : 12px;
}

.publiformulaire textarea, textarea.champ {
    border              : 1px solid #7e7e7e;
    padding             : 1px 2px;
    font-size           : 10px;
}

input.erreur {
    border              : 1px solid red;
}
label.erreur {
    color               : red;
}

input.input_text_page_pro {
	width				: 200px;
}

/**
 * Calendrier jquery-ui formulaire page pro
 */

#form_pro fieldset {
	border-width		: 1px;
	width				: 470px;
}

#form_pro .fields {
	padding				: 25px;
	margin-bottom		: 20px;
}
#form_pro div {
	clear				: both;
}

#form_pro input.datePicker {
	width				: 180px;
}

#form_pro .ui-datepicker-trigger {
	padding-left		: 3px;
	vertical-align		: middle;
}

.ui-datepicker-header {
	background-color	: black;
	color				: #FFF;
	width				: 180px;
	text-align			: center;
}

ui-datepicker-prev {
	width				: 90px;
	text-align			: left;
}

ui-datepicker-next {
	width				: 90px;
	text-align			: left;
}

.ui-datepicker-calendar {
	width				: 180px;
}

.ui-icon-circle-triangle-w {
	color				: #FFF;
}

.ui-icon-circle-triangle-e {
	color				: #FFF;
	width				: 90px;
	text-align			: right;
}

table.ui-datepicker-calendar {
	background-color	: #FFF;
}

table.ui-datepicker-calendar td {
	text-align			: center;
}

/**
 * Module accordeon
 */

.accordeonTitre {
    background-color	: #000;
    color				: #FFF;
    padding 			: 2px 4px;
    margin				: 0px;
    cursor				: pointer;
    border              : 1px solid #FFF;
}
.accordeonTitreOn {
    background-color    : #FFF;
    color               : #000;
    border              : 1px solid #000;
}
.accordeonPanneau {
    border              : 1px solid #000;
    padding 			: 2px 4px;
}
.accordeonPanneau .print {
    float				: right;
}

/**
 * Envoyer à un ami
 */
body#ajax {
	background			: none;
}

div#envoyer_ami_form table{

}

@media print {
    #conteneur_menu_secondaire,
    #conteneur_fond_logo,
    #conteneur_bascule,
    #contenu_rail,
    #iconographie,
    #menu,
    div.separateur_moyen {
        display            : none;
    }

    div#conteneur_contenu,
    h1#contenu_titre,
    h6#contenu_sous_titre,
    div#contenu_page {
        margin             : 0px;
        padding            : 0px;
        width              : auto;
    }

}


/**
 * #####################################
 * REVUE DE PRESSE
 * #####################################
 */

div#revue_presse p {
    padding                 : 0;
    margin                  : 0;
}

div#revue_presse ul {
    width                   : 509px;
    display                 : inline;
}

div#revue_presse ul li {
    list-style              : none;
    float                   : left;
    width                   : 236px;
    padding                 : 0;
    margin                  : 0;
}

div#revue_presse .rp_content {
    width                   : 175px;
    padding-left             : 5px;
}

/**
 * #####################################
 * DEV V1B
 * #####################################
 */
#menu_pratique {
    position            : absolute;
    top                 : 46px;
    left                : 21px;
    width               : 150px;
}

#menu_pratique_image {
    position            : absolute;
    top                 : 0;
    left                : 0;
    z-index             : 2;
}

#menu_pratique_menu {
    position            : absolute;
    top                 : 27px;
    left                : 10px;
    background-color    : #FFF;
    z-index             : 1;
}

#menu_pratique_menu ul {
}

#menu_pratique_menu ul li {
    list-style          : none;
    padding             : 0 0 1px 6px;
}

#menu_pratique_menu ul li a,
#menu_pratique_menu ul li a:link,
#menu_pratique_menu ul li a:visited {
    text-decoration     : none;
}


#menu_pratique_menu ul li a:hover {
    text-decoration     : underline;
}

/**
 * #####################################
 * CONCOURS PHOTO
 * #####################################
 */
div.concours_photo {
    margin              : 0px 8px 8px 0px;
    float               : left;
}
div.concours_photo_gagnant {
    margin              : 0px 8px 8px 0px;
    float               : left;
}
div.concours_photo div {
    width               : 160px;
    height              : 160px;
    background          : transparent url(../images/common/fond_trame.gif) repeat;
}
div.concours_photo_gagnant div {
    width               : 244px;
    height              : 244px;
    background          : transparent url(../images/common/fond_trame.gif) repeat;
}
div.concours_photo div.pied, div.concours_photo_gagnant div.pied {
    width               : auto;
    height              : auto;
    background          : transparent;
    padding-top         : 2px;
}
div.concours_photo a, div.concours_photo_gagnant a {
    background          : #000;
    color               : #FFF;
    text-decoration     : none;
    padding             : 0px 5px;
}

/**
 * #####################################
 * V2
 * #####################################
 */
#switch_fond {
    position            : absolute;
    top                 : 480px;
    left                : 770px;
    background          : #000;
    color               : #FFF;
    padding             : 3px 5px 5px;
    cursor              : pointer;
    z-index             : 1;
}
#x_mania {
    position            : absolute;
    top                 : 680px;
    left                : 770px;
    z-index             : 1;
}
#switch_fond img {
    margin-top          : 5px;
}
#conteneur_cache {
    position            : absolute;
    z-index             : 1;
    display             : none;
    width               : 100%;
}

/* PAGE ARTISTE */
h1#artiste_nom {
    margin-top          : 13px;
    margin-bottom       : 10px;
}
#artiste_nav, #lieu_nav {
    position            : absolute;
    right               : 45px;
    top                 : 45px;
}
#artiste_oeuvres {
    width               : 161px;
    float               : left;
}
.artiste_sep {
    float               : left;
    background          : transparent url(../images/common/sep_vert.gif) repeat-y;
    width               : 5px;
    height              : 92px;
}
#artiste_lieux {
    width               : 130px;
    float               : left;
    padding             : 0 0 0 30px;
}
#artiste_liens {
    width               : 140px;
    float               : left;
    padding             : 0 0 0 30px;
}
#artiste_liens h6 {
    text-align          : left;
    margin              : 0 0 10px 0;
    padding             : 0 0 0 0;
}
#artiste_liens h6 a, #artiste_liens h6 a:link, #artiste_liens h6 a:visited {
    font-weight         : normal;
}
#artiste_image {
    float               : left;
    margin              : 0 0 0 0;
}
#artiste_video {
    float               : left;
    width               : 250px;
}
#artiste_contenu {
    float               : left;
    width               : 240px;
    margin              : 0 10px 0 0;
}
/* PAGE LIEU */
h1#lieu_nom {
    margin-top          : 13px;
    margin-bottom       : 10px;
}
#lieu_image {
    float               : left;
    margin              : 0 0 0 0;
}
#lieu_video {
    float               : left;
    width               : 250px;
}
#lieu_contenu {
    float               : left;
    width               : 240px;
    margin              : 0 10px 0 0;
}

/* AGENDA */
#agendamois {
    margin-left         : 65px;
}
#agendamois table {
    border-collapse     : collapse;
}
#agendamois table td, #agendamois table th {
    border-width        : 1px;
    border-style        : solid;
    border-color        : #000;
    width               : 33px;
    text-align          : center;
    padding             : 0px;
}
#agendamois table th {
    font-size           : 18px;
    padding             : 1px 0px;
}
#agendamois table td.vide {
    border-color        : #FFF;
}
#agendamois table td.videlr {
    border-color        : #000 #FFF;
}
#agendamois table td.videl {
    border-color        : #000 #000 #000 #FFF;
}
#agendamois table a {
    font-size           : 10px;
    display             : block;
    padding             : 3px 5px;
    text-decoration     : none;
    font-style          : italic;
}
#agendamois table a:hover {
    text-decoration     : none;
}
#agendamois table td.sel {
    background-color    : #FFEA00;
}
#agendamois table td.sel a {
    font-size           : 14px;
    padding             : 0px 1px; 
}
#agendamois table td.today {
    background-color    : #FFEA00;
}
#agendamois table a.haveeve {
    font-style          : normal;
}
#agendamois table a.haveeve:hover {
    font-size           : 14px;
    padding             : 0px 1px; 
}
img.puce_agenda {
    border              : 1px solid #000;
    vertical-align      : middle;
    margin-left         : 10px;
}
#agendaliste {
    margin-top          : 30px;
}
#agendaliste h3 {
    font-family         : Courier, Verdana, Arial, Helvetica, sans-serif;
    font-size           : 22px;
    font-weight         : normal;
}
#agendaliste h4 {
    margin              : 20px 0px 8px;
    font-size           : 18px;
    font-style          : italic;
    font-weight         : bold;
}
#agendaliste h5 {
    margin              : 0px 0px 4px;
    font-size           : 15px;
    font-style          : normal;
    font-weight         : normal;
}
#agendaliste .date {
    margin              : 0px 0px 2px;
    font-family         : Courier, Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : normal;
}
#agendaliste h6 {
    margin              : 0px 0px 4px;
    font-size           : 12px;
    font-style          : normal;
    font-weight         : normal;
    text-align          : left;
}
/* AGENDA HOME */
.date_home {
    width               : 153px;
    padding             : 0 5px;
    float               : left;
}
.blog_home .date, .date_home .date {
    margin              : 0px 0px 2px;
    font-family         : Courier, Verdana, Arial, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : normal;
}
option.fisrt_option {
    font-weight         : bold;
    font-size           : 13px;
}