/*
feuille style.css
Pour site Lucelamoureux.com
Pour vider le cache CRTLF5
*/
/* Paramêtre généraux pour ensemble de la page */
Body {
	font-family: Arial ,verdana, sans-serif;
	color: black;
	background-color: #C0392B; /* C0392B hex color red*/
	margin: 0px;
	padding: 0px;
}
header {
	width : 100%;
	text-align: center;
	/* background-color: #C0392B;    C0392B hex color red */
}
p {
	text-align: center;
	font-size: 1em;/* texte medium (size3) */
}
h1 {
	text-align: center;
	font-size: 3em;/* texte tres grand */
}
h2 {
	text-align: center;
	font-size: 2em;/* texte xxlarge */
}
img {
	border: 2px solid gray;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic
}
a:link {
	text-decoration: underline;
	color: blue;
	font-style: italic;
	font-size: 1em;/* texte medium (size3) */
}
a:visited {
	text-decoration: underline;
	color: blue;
	font-style: italic;
	font-size: 1.3em;
	font-size: 1em;/* texte medium (size3) */
}
a:hover {
	text-decoration: underline;
	color: red;
	font-style: italic;
	font-size: 1em;/* texte medium (size3) */
}


/* Pour page 2 colonnes premiere colonne encadré et couleur grise  */
.content1 {
	display: table;
	background-color: #C0392B; /* C0392B hex color red*/
}
.cotepage1{
	display: table-cell;
	width: 100%;
}


.content2 {
	display: table;
	width: 100%;
	border-collapse: separate; /* Pour s'assurer que les cellules ne sont pas collées */
    border-spacing: 5px; /* 5 pixels d'écartement entre les colonnes */
	background-color: #FFFFFF;/* couleur de fond blanc */
}
.cotegauche2c {
	display: table-cell;
	width: 20%;
	border:2px solid black;
	border-radius: 10px;
	padding: 10px;
	vertical-align: top;
	background-color: #CCCCCC;/* couleur de fond gray Gray80 */;
}
.cotedroite2c {
	display: table-cell;
	width: 75%;
	border: none;
	padding: 5px;
	vertical-align: top;
}

/* Image ou sigle et texte a coté droit */
.imagedroite{
	float:left;
	width: 100px; /* largeur en pixel image */
	height: 75px;/* hauteur en pixel image */
	margin-right: 10px; /* marge en pixel à droite image */
}

/* Paramêtre span entete Luce Lamoureux */
.entete1 {
	font-size: 3.5em;
	color: black;
	text-align: center;
	font-weight: bold;
	font-family: Lucida Calligraphy, Arial ,verdana, sans-serif;
}

/* pour texte entete Luce Lamoureux Artiste*/
.entete2 {
	font-size: 1.8em;
	color: black;
	text-align: center;
	font-weight: bold;
	font-family: Lucida Calligraphy, Arial ,verdana, sans-serif;
}

/* pour section bas de page */
footer{
	padding: 0px;
	margin: 0px;
	text-align: center;
}
.ulfooter{
	list-style-type: none;
}
.lifooter{
	text-align: right;
	display: inline-block;
}
.liafooter{
	padding-right: 40px;
	text-decoration: none;
	color: black;
	font-weight: bold;
}



/* pour menu artiste peintre avec sous menu */
nav{
	width: 100%;
	background-color: #CCCCCC;/* couleur de fond gray Gray80 */
}
nav > ul{
	padding: 0px;
	margin: 0px;
	background-color: #CCCCCC;/* couleur de fond gray Gray80  a enlever */
}
nav li{
	list-style-type:none;
}
nav > ul > li{
	float:left;
	position: relative;
}
nav > ul:after{	
	content: "";/*  */
	display:block;
	clear:both;
}
.limenu{
	display: inline-block;
	text-decoration:none;
	padding: 10px 15px;
	color: black;
	font-size: 0.95em;/* texte small */
	font-weight: bold;
}
.submenu{
	display: none;
}
nav li:hover .submenu{	
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	padding:0px;
	z-index: 100000;
}
.submenuli{
	border-bottom: 1px solid black;
}
.lisubmenu2{
	display: inline-block;
	text-decoration:none;
	padding: 10px 15px;
	font-size: 0.7em;/* texte small */
	color: black;
	width: 100px;
	font-weight: bold;
	background-color: #CCCCCC;/* couleur de fond gray Gray80  a enlever */
}

/* pour menu de retour à une page */
.ulmenupage{
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align: center;

}
.limenupage{
	list-style-type:none;
	float: none;
	text-align: center;
	font-size: 1em;/* texte larger */
	display: inline-block;
	padding: 10px 15px;
}


/* Paramêtre span */
.aligngauche{
	float: right;
	border: none;
	margin-right: 20px;/* Pour icome media sociaux en haut a gauche */
}
.border1 {
	border: none;
}
.backcolor1 {
	background-color: #CCCCCC;/* gray Gray80 est-ce encore nécessaire?*/
}
.backcolor2 {
	background-color: #FFFFFF;/* blanc */
}
.textcolor1 {
	color: #C0392B;/* C0392B hex color red */
}
.textsmall {
	font-size: 0.83em;
}
.textsmallcolor {
	font-size: 0.83em;
	color: #C0392B;/* C0392B hex color red */
}
.textlarger {
	font-size: 1.17em;
}
.textlargercolor {
	font-size: 1.17em;
	color: #C0392B;/* C0392B hex color red */
}
.textxlarger {
	font-size: 1.5em;
}
.textxlargercolor {
	font-size: 1.5em;
	color: #C0392B;/* C0392B hex color red */
}
.textxxlarger {
	font-size: 2em;
}
.textxxlargercolor {
	font-size: 2em;
	color: #C0392B;/* C0392B hex color red */
}

.textxxxlarger {
	font-size: 3em;
	font-weight: bold;
}
.textxxxlargercolor {
	font-size: 3em;
	font-weight: bold;
	color: #C0392B;/* C0392B hex color red */
}

.textbold { /* VOIR SI BESOIN ENCORE A ÉLIMINER AVEC STRONG */
	font-weight: bold;
}
.textfont1 {
	font-family: Lucida Calligraphy, Arial ,verdana, sans-serif;
}
.textjustify {
	margin-left: 80px;
	margin-right: 80px;
	text-align: justify;
}

.textjustifydroite {
	margin-left: 10px;
	margin-right: 10px;
	font-size: 0.83em;
	text-align: justify;
}


/* Texte interdit de reproduire */
.contenttxt{
	display: table;
	border-collapse: separate; /* Pour s'assurer que les cellules ne sont pas collées */
	border-left:auto;
	border-right:auto;
    border-spacing: 35px; /* 25 pixels d'écartement entre les colonnes */
}
.cotegauchetxt{
	display: table-cell;
	width: 30%;
	border: none;
	padding: 10px;
	vertical-align: top;
	text-align:justify;
	background-color: #C0392B;/* C0392B hex color red */
}
.cotedroittxt{
	display: table-cell;
	width: 30%;
	border: none;
	padding: 10px;
	vertical-align: top;
	text-align:justify;
	background-color: #C0392B;/* C0392B hex color red */
}
.txtnorepro {
	margin-left: 5px;/* Pour texte lorsque du coté gauche page à 2 colonnes  */
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 10px;
	text-align: justify;
	background-color: #C0392B;/* C0392B hex color red */;
	font-size: 1em;/* texte medium (size3) */;
	color: black;
	font-weight: bold;
}

/* Pour page sans colonne tableau liste des oeuvres */
.tablebody1 {
	border-collapse: collapse;
	width: 100%;
	vertical-align: top;
}
/* Pour page 2 colonnes tableau liste des oeuvres */
.tablebody2 {
	border-collapse: collapse;
	width: 100%;
	vertical-align: top;
}
/* sans bordure tableau liste événements*/
.tablebody3 {
	width: 100%;
	vertical-align: top;
	margin-left: 10%;
}
.tdtableau2 {
	width: 15%;
	text-align: left;
	background-color: #FFFFFF;/* couleur de fond blanc */
}
.tdtableau3 {
	width: 75%;
	text-align: left;
	background-color: #FFFFFF;/* couleur de fond blanc */
}



/* sans bordure tableau liste de tableau*/

.tdtableau {
	width: auto;
	vertical-align: middle;
	background-color: #FFFFFF;/* couleur de fond blanc */
}

/* Paramêtre tableau liste de tableau nouveaute et galerie*/
.listeul {
	text-align: center;
	list-style-type: none; /* aucune puce */
}
.tableau {
	text-align: center;
	list-style-type: none;
}
.tableautitre {
	text-align: center;
	list-style-type: none;
	font-size: 1.2em;
}
.tableauspecs {
	text-align: center;
	list-style-type: none;
	font-size: 1em;
}