@charset "UTF-8";

html, body {
	font: 100% "Comic Sans MS", Calibri, Verdana, Arial, Helvetica, sans-serif;
	height:100%;
	width:100%;
	margin:0;
	/* ci-dessous valeurs par défaut, susceptoble d'êttre modifiées par couleurs.css (cascading) */
	background-color: #171a1e;
	color:#e7d48d;
}

a {
	/* ci-dessous valeur par défaut, susceptoble d'êttre modifiées par couleurs.css (cascading) */
	color:#e7d48d;
}

.baseMorice #fondDeTarte {
	background: url('../imgDecor/filetsVerticFond.png') repeat-y left top;
	width: 1024px;
	min-height:100%;
	margin:auto;/*	background-color: #66FF00;	
	background-color:#272a2e;		
	border:dashed thin;
	border-color: #333333;
*/
}

.baseMorice #header {
	height: 48px;
	padding: 0;
}

.baseMorice #header h1 {
	margin: 0;
	padding: 0;
}

.baseMorice #metaContent {
	position:relative;
	width: 1024px;
	height: 544px;
	margin:0;
	padding:0;
	/*	border:dashed thin;
	border-color: #CCCCCC;
*/	}

#filetV1 {
	position:absolute;
	background-color: #A9A69E;
	left:100px;
	top:59px;
	width: 867px;
	height: 7px;
}

#filetV2 {
	position:absolute;
	background-color: #A9A69E;
	left:19px;
	top:476px;
	width: 986px;
	height: 7px;
}

.baseMorice #side1 {
	position: absolute;
	left: 0;
	top: 32px;
	width: 160px;
	height: 544px;/*	background-color: #66CCFF;
*/}

.baseMorice #side2 {
	position: absolute;
	left: 864px;
	top: 32px;
	width: 160px;
	height: 544px;/*	background-color: #FFFFFF;
*/}

.baseMorice #mainContent {
	position: absolute;
	top:31px;
	left: 161px;
	height: 480px;
	width: 700px;/*	background-color: #FFCC00;	
*//*	
	border: thin;
	border-style:solid;
	border-color: #999999;
*/}

.baseMorice #legende {
	position:absolute;
	left: 65px;
	height: 48px;
	width: 568px;
	top: 482px;
	bottom:0;
}

.baseMorice #legende p {
	padding-right:10px;
	padding-left:30px;
	color: #fada5e;
	margin: 0;
}

.baseMorice #legendeP1 {
	font-size:14px;
}

.baseMorice #legendeP2 {
	font-size:12px;
}

/* zone image ------------------------------------------------------------- */ 

#zoneImage {
	position: absolute;
	height: 480px;
	width: 698px;
	top:0;
	left: 0;/*	border-color: #00FF66;
	border-style:dashed;
	border-width:thin;*/
	}

#zoneImage .centreMoi {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#divzImage {
	position: absolute;
	top:0;
	display:block;
	visibility:hidden;
	height:100%;
	width:100%;
	z-index:1000;
	background-color:#171a1e;/* un arrière /*	
	background:#232630;
	border-color: #00FF66;
	border-style:solid;
	border-width:thick;
*/}

#divzImage :hover {
	cursor:pointer;
}

#zImage {
/*juste pour me souvenir que ça existe dans les pages */
}

#laImage, divzImage {
/*	display:block;
*/}

#laImage :hover {
	cursor:pointer;
}

/* menu ------------------------------------------------------------ */

#side1 table {
	display:block;
	position:absolute;
	border-collapse:collapse;
	padding:0;
	border:0;
	border-spacing:0;
	width:128px;
	right: 8px;
}

.menu {
	position:absolute;
	top: 79px;
	height: 458px;
	width: 160px;
}

.niv {
	width:48px;
	height: 48px;
}

.niv a {
	display:block;
	height:48px;
	width:48px;
}

.niv .off {
	background-position: 0 -48px;
}

#niv21, #niv22, #niv23, #niv24 {
	visibility:hidden;
}

.ssNiv {
	height:84px;
	text-align:right;
	display: table-cell;
}

.ssNiv a {
	display:block;
	height:16px;
	width:80px;
}

.ssNiv .off {
	background-position: 0 -16px;
}

#divBtnAccueil {
	position:absolute;
	right: 5px;
	top: 402px;
	width: 48px;
	height:48px;
}

/* bandeau droite ---------------------------------------------------------------- */

#bandeau {
	position: absolute;
	left: -2px;
	/*	top: 42px;
*/	top: 35px;
	width: 150px;
	height: 408px;
	overflow: hidden;
}

#bandeau img {
	height: 48px;
	margin : 2px 1px 2px 16px;
	padding:0px;
}

/* images de fond de boutons  -------------------------------------------------------- */

#btn1 {
	background-image:url(../btns/btnGalerieMoy.png);
}

#btn2 {
	background-image: url(../btns/btnExposMoy.png);
}

#btn3 {
	background-image: url(../btns/btnStoryMoy.png);
}

#btn4 {
	background-image: url(../btns/btnContactMoy.png);
}

#btn5 {
	background-image: url(../btns/btnAcceuilMoy.png);
}

#btn00 {
	background-image:url(../btns/ssBtns/btnVide.png);
}

#btn11 {
	background-image:url(../btns/ssBtns/btnDessin.png);
}

#btn12 {
	background-image:url(../btns/ssBtns/btnPeinture.png);
}

#btn13 {
	background-image:url(../btns/ssBtns/btnChapelle.png);
}

#btn14 {
	background-image:url(../btns/ssBtns/btnDanse.png);
}

#btn15 {
	background-image:url(../btns/ssBtns/btnDanse2017.png);
}

#btn16 {
	background-image:url(../btns/ssBtns/btnCards.png);
}

#btn21 {
	background-image:url(../btns/ssBtns/btnRochegude.png);
}

#btn22 {
	background-image:url(../btns/ssBtns/btnPlzen.png);
}

#btn23 {
	background-image:url(../btns/ssBtns/btnCannes.png);
}

#btn24 {
	background-image:url(../btns/ssBtns/btnRousset.png);
}

#btn25 {
	background-image:url(../btns/ssBtns/btnFlaneries.png);
}

#btn26 {
	background-image:url(../btns/ssBtns/btnBraud.png);
}

#btn31 {
	background-image:url(../btns/ssBtns/btnBiographie.png);
}

#btn32 {
	background-image:url(../btns/ssBtns/btnThese.png);
}

#btn33 {
	background-image:url(../btns/ssBtns/btnArticles.png);
}

#btn34 {
	background-image:url(../btns/ssBtns/btnPublications.png);
}

#btnVide {
	background-image:url(../btns/ssBtns/btnVide.png);
}