/*
----------------------------------------------------------
	misc
----------------------------------------------------------*/
/**{
	border:1px solid red;
}*/


/* hide */
#cadreVert
{
	display:none;
}


html, body {
	height: 100%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000;
	margin: 0;
	padding: 0;
	background: #FFF url(../images/css/bg.jpg) top repeat-x;
}
html {
	overflow:scroll;
}
html>body #global {
	height: auto; /* Hack pied de page 100% */
}

a{
outline:none;
}

a.film, a:hover.film{
display:block;
background:url(../images/film.png) top left no-repeat;
padding-left:18px;
height:auto;
width:315px;
margin-bottom:4px;
font-size:14px;
}

a:hover.film{
text-decoration:underline;
}

a img{
	border:0;
}

ul.menuGaucheTexteNormal li span{
cursor:pointer;
}

ul.menuGaucheTexteNormal li span:hover{
color: #e40c00;
}

ul.menuGaucheTexteNormal ul{
margin:4px 0 0 0;
padding:0;
}

ul.menuGaucheTexteNormal ul li{
margin-left:0;
}

.pointer{
cursor:pointer;
}

hr {
	width:100%;
	clear:both;
	visibility:hidden;
}

hr.bref{
margin:0;
padding:0;
clear:right;
line-height:1em;
}

a {
	text-decoration: none;
	/*color: #e40c00;*/
	color: #0033CC;
}
a:hover {
	outline: none;
	color: #333;
}
p {
	margin: 10px 0 0 0;
	text-align:justify;
}
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	color: #e40c00;
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
}

h1.tech {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	color: #e40c00;
	margin: 20px 0 0 0;
	padding: 0 0 0 0;
	line-height:1.2em;
}
h2 {
	font-size: 15px;
	color: #164f59;
	margin: 20px 0 0 0;
	text-align:left;
}

#centreEnBref h2 img{
margin: 15px 0 0 0;
}

h3 {
	font-size: 12px;
	font-family: Georgia, Times New Roman,, serif;
	color: #e40c00;
	margin: 3px 0 0 0;
	padding: 0 0 10px 0;
	text-align:center;
}
h4 {
	font-size: 10px;
	font-family: Georgia, Times New Roman,, serif;
	color: #e40c00;
	margin: 0 0 10px 7px;
	padding: 10px 0 10px 65px;
	text-align: left;
}

h4.tromboneNormal a {
	color: #e40c00;
	}


h5 {
	font-family: Georgia, Times New Roman,, serif;
	font-style:italic !important;
	font-style:normal;
	font-size: 18px;
	color: #e40c00;
	margin: 3px 0 0 0;
	padding: 15px 0 10px 0;
	text-align:center;
	background:none;
}
h5 a, a:hover {
	text-decoration:none;
	background:none;
}
h6 {
	font-family: Georgia, Times New Roman,, serif;
	font-size: 15px;
	color: #e40c00;
	margin: 3px 0 0 0;
	padding: 15px 0 10px 0;
	text-align:center;
}


/*Modifs - Adrien@pix*/
.big_video
{
	width: 500px;
	height: 280px;
	margin: 0 auto;
	display: block;
	margin: 40px auto 40px auto;
}

.barre{
text-decoration:line-through;
}

.t-center{
text-align:center;
}

.style1 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #e40c00;
	line-height: 1em;
}
.style2 {
	font-size: 18px;
	color:#000;
	font-weight: bold;
}
.style3 {
	font-size: 28px;
}

.style10 {
font-size: 18px;
	color:#000;
	font-weight: bold;
	text-align:center;
}
.styleBold {
	font-size: 20px !important;
	font-size: 18px;
	font-family: Georgia, Times New Roman,, serif;
	font-style:italic !important;
	font-weight :bold;
	font-size: 18px;
	color: #e40c00;
	margin: 3px 0 0 0;
	padding: 15px 0 10px 0;
	text-align:center;
}
.barreNormal {
	font-family: Georgia, Times New Roman, serif;
	color: #e40c00;
	margin: 3px 0 0 0;
	padding: 0 0 10px 0;
	text-align:center;
	background: transparent url(../images/gauche/section.gif) bottom no-repeat;
}
.barreBleu {
	font-family: Georgia, Times New Roman, serif;
	color: #e40c00;
	margin: 3px 0 0 0;
	padding: 0 0 10px 0;
	text-align:center;
	background: transparent url(../images/gauche/postitBleu/sectionbleu.gif) bottom no-repeat;
}
.barreRose {
	font-family: Georgia, Times New Roman, serif;
	color: #e40c00;
	margin: 3px 0 0 0;
	padding: 0 0 10px 0;
	text-align:center;
	background: transparent url(../images/gauche/postitRose/sectionrose.gif) bottom no-repeat;
}
.barreJaune {
	font-family: Georgia, Times New Roman, serif;
	color: #e40c00;
	margin: 3px 0 0 0;
	padding: 0 0 10px 0;
	text-align:center;
	background: transparent url(../images/gauche/postitJaune/sectionJaune.gif) bottom no-repeat;
}
.barreVert {
	font-family: Georgia, Times New Roman, serif;
	color: #e40c00;
	margin: 3px 0 0 0;
	padding: 0 0 10px 0;
	text-align:center;
	background: transparent url(../images/gauche/postitVert/sectionVert.gif) bottom no-repeat;
}
.tromboneRose {
	font-family: Georgia, Times New Roman, serif;
	color: #e40c00;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 65px;
	text-align: left;
	background: transparent url(../images/gauche/postitRose/section2Rose.gif) left no-repeat;
}
.tromboneNormal {
	font-family: Georgia, Times New Roman, serif;
	color: #e40c00;
	margin: 0 0 10px 8px;
	padding: 10px 0 10px 65px;
	text-align: left;
	background: transparent url(../images/gauche/section2.jpg) left no-repeat;
	width: 180px;
}
.tromboneBleu {
	font-family: Georgia, Times New Roman, serif;
	color: #e40c00;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 65px;
	text-align: left;
	background: transparent url(../images/gauche/postitBleu/section2Bleu.gif) left no-repeat;
}
.tromboneVert {
	font-family: Georgia, Times New Roman, serif;
	color: #e40c00;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 65px;
	text-align: left;
	background: transparent url(../images/gauche/postitVert/section2Vert.gif) left no-repeat;
}
.tromboneJaune {
	font-family: Georgia, Times New Roman, serif;
	color: #e40c00;
	margin: 0 0 10px 0;
	padding: 10px 0 10px 65px;
	text-align: left;
	background: transparent url(../images/gauche/postitJaune/section2Jaune.gif) left no-repeat;
}
.postit_menu {
	text-align: center;
	padding: 0 35px 0 25px;
}



/*
----------------------------------------------------------
	HOME
----------------------------------------------------------*/
div#sonnez{
	position:relative;
	background:url(../images/sonnez.jpg) top left no-repeat;
	width:850px;
	height:493px;
}

div#sonnez a{
	position:absolute;
	top:182px;
	left:277px;
	display:block;
	text-indent:-9999px;
	background:url(../images/sonnez-btn.jpg) top left no-repeat;
	width:53px;
	height:53px;
}

div#sonnez a:active{
	background-position:0 -53px;
}


/*
----------------------------------------------------------
	AGENDA MISE EN PAGE DU DYNAMIQUE
----------------------------------------------------------*/

div.event {
	position: relative;
	margin: 0 15px 0 15px;
	padding: 5px 0 10px 0;
	border-bottom: 1px dashed #ccc;
}
div.titre {
	position: absolute;
	top: 5px;
	left: 0px;
	font-size:14px;
	font-weight: bold;
}
div.content {
	position: relative;
	margin:0 0 0 120px;
}
div.content p {
	margin:0;
	padding:0;
}
/*
----------------------------------------------------------
	divs
----------------------------------------------------------*/

#header {
	background: transparent;
	height: 62px;
	margin:0;
	padding:0;
}
#logo {
	position:absolute;
	top: 1px;
	left: 25px;
	width: 361px;
	height: 60px;
}
#haut {
	background: transparent;
	/*margin-bottom:55px;*/
	margin-bottom:45px;
}

#menu_haut {
	position: absolute;
	width:850px;
	top: 210px;
	left:0;
	background: transparent url(../images/css/bg_menuHaut.gif) top no-repeat;
	margin:0;
}
#tab_menu {
	width:795px;
	margin:0 0 0 50px;
}
#global {
	position: relative;
	width: 850px;
	/*min-height: 700px;*/
	margin: 0 auto;
	background: transparent url(../images/css/bg_global.jpg) top no-repeat;
	/* Hack pied de page 100% */
	min-height:98%;
	height:98%;
	voice-family: "\"}\"";
	voice-family: inherit;/* Fin de Hack */

}
#centre {
	margin: 70px 10px 55px 260px;
}

#centre p{
color:#000000;
font-weight:normal;
}

#centreBis{
	margin: 10px 10px 55px 260px;
}

#centreEnBref {
	background:url(../images/css/blocNote.jpg);
	margin: 70px 10px 0 245px;
	padding: 0 40px 25px 40px;
	line-height:1.5em;
	width:515px !important;
	width: 440px;
}


#centreTechnique {
	margin: 70px 10px 55px 260px;
	line-height:1.5em;
	width:526px;
	height:743px;
	background-image:url(../images/css/porteDoc.png) !important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/css/porteDoc.png');
}

.technique{
width:400px;
padding:150px 25px 55px 65px!important;
padding:175px 25px 55px 65px;
font-size:11px;
line-height:1em;
}

.floatLeft1{
float:left;
margin-right:5px;
height:95px;
}

.floatLeft2{
float:left;
margin-right:5px;
height:75px;
}

#centre_bis {
	/*position: relative;
	top: -90px;*/
	width:790px;
	min-height:350px;
	margin: auto;
	overflow:hidden;
}
#gauche {
float:left;
/*	position: absolute;*/
	width: 200px;
	margin: 0 0 0 10px;
	left: 0;
	/*top: 335px;*/
	font-size: 11px;
}
#pied {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	margin:0;
	color: #555;
	height: 30px;
	padding: 5px 0 0 0;
	font-size: 0.7em;
	text-align:center;
	/*z-index:10;*/
	background: transparent;/*background: transparent url(../images/css/bg_footer.gif) top no-repeat;*/
}

#pied_gueule {
	width:100%;
	margin:0;
	color: #555;
	height: 30px;
	padding: 5px 0 0 0;
	font-size: 0.7em;
	text-align:center;
	/*z-index:10;*/
	background: transparent;/*background: transparent url(../images/css/bg_footer.gif) top no-repeat;*/
}

.vid-archives{
	background:url(../images/video-archives.jpg) top left no-repeat;
	background-position-y: 40px;
	padding-left:180px;
	padding-top:80px;
	height:240px;
}
/*
--------------------------------------
	POSTITS MENU
--------------------------------------*/

div#cadre {/* conteneur global et arrière-plan du titre du cadre */
	width: 234px;
	padding-top: 40px;
	background:url(../images/gauche/gauche_dessus.gif) top left no-repeat;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
	padding-bottom: 25px;
	background:url(../images/gauche/gauche_3.jpg) bottom left no-repeat;
}
div#cadreRose {/* conteneur global et arrière-plan du titre du cadre */
	width: 234px;
	padding-top: 35px;
	background:url(../images/gauche/postitRose/rose_01.gif) top left no-repeat;
}
div#bloccadreRose {/* arrière-plan bas et sur l'ensemble du cadre */
	padding-bottom: 25px;
	background:url(../images/gauche/postitRose/rose_02.gif) bottom left no-repeat;
}
div#cadreBleu {/* conteneur global et arrière-plan du titre du cadre */
	width: 234px;
	padding-top: 35px;
	background:url(../images/gauche/postitBleu/bleu_01.gif) top left no-repeat;
}
div#bloccadreBleu {/* arrière-plan bas et sur l'ensemble du cadre */
	padding-bottom: 25px;
	background:url(../images/gauche/postitBleu/bleu_02.gif) bottom left no-repeat;
}
div#cadreVert {/* conteneur global et arrière-plan du titre du cadre */
	width: 234px;
	padding-top: 35px;
	background:url(../images/gauche/postitVert/postitvert_01.gif) top left no-repeat;
}
div#bloccadreVert {/* arrière-plan bas et sur l'ensemble du cadre */
	padding-bottom: 25px;
	background:url(../images/gauche/postitVert/postitvert_02.gif) bottom left no-repeat;
}
div#cadreJaune {/* conteneur global et arrière-plan du titre du cadre */
	width: 234px;
	padding-top: 35px;
	background:url(../images/gauche/postitJaune/jaune_01.gif) top left no-repeat;
}
div#bloccadreJaune {/* arrière-plan bas et sur l'ensemble du cadre */
	padding-bottom: 25px;
	background:url(../images/gauche/postitJaune/jaune_02.gif) bottom left no-repeat;
}
/*
----------------------------------------------------------
	 MENU HAUT
----------------------------------------------------------*/
#menu_tetes {
	width: 850px;
	height: 20px;
	margin: 0;
	padding: 0;
}
ul#navlistHaut {
	height: 20px;
	margin: 95px 0 0 53px;
	padding: 0;
	list-style-type: none;
}
ul#navlistHaut li {
	display: block;
	width: 110px;
	height: 20px;
	float: left;
	text-align : center;
	font-size: 14px;
	margin: 0;
	list-style:none;
}
/*--passé--*/

ul#navlistHaut li a.passe {
	display: block;
	height: 124px;
	width: 110px;
	padding: 0;
	text-decoration: none;
	background: transparent url(../images/menu/passe.gif) left bottom no-repeat;
	cursor:pointer;
}
ul#navlistHaut li a:hover.passe {
	/*background: transparent url(images/menu/passeHover.gif) left bottom no-repeat;*/
background: transparent;
	background-image:url(../images/menu/passeHover.png) !important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/menu/passeHover.png');
	cursor:pointer;
}
/*--photos--*/

ul#navlistHaut li a.photos {
	display: block;
	height: 124px;
	width: 110px;
	padding: 0;
	text-decoration: none;
	background: transparent url(../images/menu/photos.gif) left bottom no-repeat;
	cursor:pointer;
}
ul#navlistHaut li a:hover.photos {
	background: transparent;
	background-image:url(../images/menu/photosHover.png) !important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/menu/photosHover.png');
	cursor:pointer;
}
/*--méfaits--*/

ul#navlistHaut li a.mefaits {
	display: block;
	height: 124px;
	width: 110px;
	padding: 0;
	text-decoration: none;
	background: transparent url(../images/menu/mefaits.gif) left bottom no-repeat;
	cursor:pointer;
}
ul#navlistHaut li a:hover.mefaits {
	background: transparent;
	background-image:url(../images/menu/mefaitsHover.png) !important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/menu/mefaitsHover.png');
	cursor:pointer;
}
/*--amitiés--*/

ul#navlistHaut li a.amities {
	display: block;
	height: 124px;
	width: 110px;
	padding: 0;
	text-decoration: none;
	background: transparent url(../images/menu/amities.gif) left bottom no-repeat;
	cursor:pointer;
}
ul#navlistHaut li a:hover.amities {
	background: transparent;
	background-image:url(../images/menu/amitiesHover.png) !important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/menu/amitiesHover.png');
	cursor:pointer;
}
/*--agenda--*/

ul#navlistHaut li a.agenda {
	display: block;
	height: 124px;
	width: 110px;
	padding: 0;
	text-decoration: none;
	background: transparent url(../images/menu/agenda.gif) left bottom no-repeat;
	cursor:pointer;
}
ul#navlistHaut li a:hover.agenda {
	background: transparent;
	background-image:url(../images/menu/agendaHover.png) !important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/menu/agendaHover.png');
	cursor:pointer;
}
/*--bonCoupDeGueule--*/

ul#navlistHaut li a.bonCoup {
	display: block;
	height: 124px;
	width: 110px;
	padding: 0;
	text-decoration: none;
	background: transparent url(../images/menu/gueule.gif) left bottom no-repeat;
	cursor:pointer;
}
ul#navlistHaut li a:hover.bonCoup {
	background-image:url(../images/menu/gueuleHover.png) !important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/menu/gueuleHover.png');
	cursor:pointer;
}
/*--contact--*/

ul#navlistHaut li a.contact {
	display: block;
	height: 124px;
	width: 110px;
	padding: 0;
	text-decoration: none;
	cursor:pointer;
	background-color: transparent;
	background-image: url(../images/menu/contact.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
ul#navlistHaut li a:hover.contact {
	background-image:url(../images/menu/contactHover.png) !important;
	background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/menu/contactHover.png');
	cursor:pointer;
}
/*
----------------------------------------------------------
menu gauche Jaune
----------------------------------------------------------*/


/*---------------TEXTES-----------------*/

.menuGaucheTexteJaune {
	margin: 0;
	padding: 0;
	background: transparent;
}
.menuGaucheTexteJaune li {
	list-style-type:none;
	background:transparent url(../images/css/puceTexteJaune.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGaucheTexteJaune a {
	margin: 0;
	color: #000;
	text-decoration: none;
}
.menuGaucheTexteJaune a:hover {
	text-decoration: none;
	color: #e40c00;
}

.menuGaucheTexteJaune span.menu-sep{
	color:#E40C00;
}

ul.txt{
padding:0;
margin:0 0 0 0;
list-style-type:none;
display:block;
}

/*---------------PHOTOS-----------------*/

.menuGauchePhotoJaune {
	margin: 0;
	padding: 0;
}
.menuGauchePhotoJaune li {
	list-style-type:none;
	background:transparent url(../images/css/pucePhotoJaune.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGauchePhotoJaune a {
	margin: 0;
	color: #000;
	text-decoration: none;
}
.menuGauchePhotoJaune a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*---------------SON-----------------*/

.menuGaucheSonJaune {
	margin: 0;
	padding: 0;
}
.menuGaucheSonJaune li {
	list-style-type:none;
	background:transparent url(../images/css/puceSonJaune.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGaucheSonJaune a {
	margin: 0 2px;
	color: #000;
	text-decoration: none;
}
.menuGaucheSonJaune a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*
----------------------------------------------------------
menu gauche Vert
----------------------------------------------------------*/


/*---------------TEXTES-----------------*/

.menuGaucheTexteVert {
	margin: 0;
	padding: 0;
	background: transparent;
}
.menuGaucheTexteVert li {
	list-style-type:none;
	background:transparent url(../images/css/puceTexteVert.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGaucheTexteVert a {
	margin: 0;
	color: #000;
	text-decoration: none;
}
.menuGaucheTexteVert a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*---------------PHOTOS-----------------*/

.menuGauchePhotoVert {
	margin: 0;
	padding: 0;
}
.menuGauchePhotoVert li {
	list-style-type:none;
	background:transparent url(../images/css/pucePhotoVert.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGauchePhotoVert a {
	margin: 0;
	color: #000;
	text-decoration: none;
}
.menuGauchePhotoVert a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*---------------SON-----------------*/

.menuGaucheSonVert {
	margin: 0;
	padding: 0;
}
.menuGaucheSonVert li {
	list-style-type:none;
	background:transparent url(../images/css/puceSonVert.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGaucheSonVert a {
	margin: 0 2px;
	color: #000;
	text-decoration: none;
}
.menuGaucheSonVert a:hover {
	text-decoration: none;
	color: #e40c00;
}/*
----------------------------------------------------------
menu gauche Normal
----------------------------------------------------------*/
/*---------------TEXTES-----------------*/

.menuGaucheTexteNormal {
	margin: 0;
	padding: 0;
	background:transparent;
	width:220px;
}
.menuGaucheTexteNormal li {
	list-style-type:none;
	background:transparent url(../images/css/puceTexte.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGaucheTexteNormal a {
	margin: 0;
	color: #000;
	text-decoration: none;
}
.menuGaucheTexteNormal a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*---------------PHOTOS-----------------*/

.menuGauchePhotoNormal {
	margin: 0;
	padding: 0;
}
.menuGauchePhotoNormal li {
	list-style-type:none;
	background:transparent url(../images/css/pucePhoto.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGauchePhotoNormal a {
	margin: 0;
	color: #000;
	text-decoration: none;
}
.menuGauchePhotoNormal a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*---------------SON-----------------*/

.menuGaucheSonNormal {
	margin: 0;
	padding: 0;
	width:220px;
}
.menuGaucheSonNormal li {
	list-style-type:none;
	background:transparent url(../images/css/puceSon.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGaucheSonNormal a {
	margin: 0 2px;
	color: #000;
	text-decoration: none;
}
.menuGaucheSonNormal a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*
----------------------------------------------------------
menu gauche Bleu
----------------------------------------------------------*/


/*---------------TEXTES-----------------*/

.menuGaucheTexteBleu {
	margin: 0;
	padding: 0;
	background: transparent;
}
.menuGaucheTexteBleu li {
	list-style-type:none;
	background:transparent url(../images/css/puceTexteBleu.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGaucheTexteBleu a {
	margin: 0;
	color: #000;
	text-decoration: none;
}
.menuGaucheTexteBleu a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*---------------PHOTOS-----------------*/

.menuGauchePhotoBleu {
	margin: 0;
	padding: 0;
}
.menuGauchePhotoBleu li {
	list-style-type:none;
	background:transparent url(../images/css/pucePhotoBleu.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGauchePhotoBleu a {
	margin: 0;
	color: #000;
	text-decoration: none;
}
.menuGauchePhotoBleu a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*---------------SON-----------------*/

.menuGaucheSonBleu {
	margin: 0;
	padding: 0;
}
.menuGaucheSonBleu li {
	list-style-type:none;
	background:transparent url(../images/css/puceSonBleu.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGaucheSonBleu a {
	margin: 0 2px;
	color: #000;
	text-decoration: none;
}
.menuGaucheSonBleu a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*
----------------------------------------------------------
menu gauche Rose
----------------------------------------------------------*/


/*---------------TEXTES-----------------*/

.menuGaucheTexteRose {
	margin: 0;
	padding: 0;
	background: transparent;
}
.menuGaucheTexteRose li {
	list-style-type:none;
	background:transparent url(../images/css/puceTexteRose.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGaucheTexteRose a {
	margin: 0;
	color: #000;
	text-decoration: none;
}
.menuGaucheTexteRose a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*---------------PHOTOS-----------------*/

.menuGauchePhotoRose {
	margin: 0;
	padding: 0;
}
.menuGauchePhotoRose li {
	list-style-type:none;
	background:transparent url(../images/css/pucePhotoRose.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGauchePhotoRose a {
	margin: 0;
	color: #000;
	text-decoration: none;
}
.menuGauchePhotoRose a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*---------------SON-----------------*/

.menuGaucheSonRose {
	margin: 0;
	padding: 0;
}
.menuGaucheSonRose li {
	list-style-type:none;
	background:transparent url(../images/css/puceSonRose.gif) left top no-repeat;
	border-bottom: 1px #FFF dashed;
	margin: 10px 20px 10px 20px;
	padding: 0 0 10px 25px;
	font-weight: bold;
}
.menuGaucheSonRose a {
	margin: 0 2px;
	color: #000;
	text-decoration: none;
}
.menuGaucheSonRose a:hover {
	text-decoration: none;
	color: #e40c00;
}
/*
----------------------------------------------------------
CLASSES IMAGES
----------------------------------------------------------*/
.gallerie_centre {
	float:left;
	text-align:center;
	padding: 0;
	margin: 0 0 0 280px !important;
	margin: -75px 0 0 280px;
	background: transparent;
}
.gallerie_centre_bis {
	float:left;
	text-align:center;
	padding: 0;
	margin: 0 0 0 10px !important;
	margin: -75px 0 0 150px;
	background: transparent;
}
/*
.gallerie_gauche {
	float:left;
	text-align:center;
	padding: 0;
	margin: 10px 70px 0 70px;
	background: transparent;
}
*/

.gallerie_gauche {
	float:left;
	margin: 0 20px 20px 0;
	padding: 10px;
	border: 1px #aaa solid;
	background: transparent;
}

.gallerie_droite {
	float:right;
	margin: 0 0 5px 20px;
	padding: 10px;
	border: 1px #aaa solid;
	background: transparent;
}
.gallerie_spectacle {
	float:left;
	text-align:center;
	padding: 0;
	margin: 10px 0 0 10px;
	/*margin: -75px 70px 0 70px;*/
	background: transparent;
	border:none;
}
/*
----------------------------------------------------------
	POSTIT CONTENU
----------------------------------------------------------*/
#postit {
	float:left;
	margin-left: 100px;
	width: 234px;
	height: 247px;
}
#postitCenter {
	margin:auto;
	width:570px;
	height: 247px;
	background: transparent;
}
#postitContentCenter {
	float:left;
	margin: 0 0 0 45px !important;
	margin : 0 0 0 20px;
	padding: 0;
	width: 234px;
	height: 247px;
}

a#postitLivreAccueil{
	position:relative;
	top:10px;
	float:left;
	clear:left;
	margin: 0 auto;
	width: 186px;
	height: 252px;
	background-image:url(../images/postit/postit-mijn-vader-is-groot.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/postit-mijn-vader-is-groot.png');
}

/*a#postitSpectacleAccueil{
	position:relative;
	top:-5px;
	float:right;
	margin: 0 auto;
	width: 174px;
	height: 236px;
	background-image:url(../images/postit/postit-enfin-quelqu-un.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/postit-enfin-quelqu-un.png');
}*/


a#postitSpectacleAccueil{
	position:relative;
	top:-15px;
	float:right;
	margin: 0 auto;
	width: 246px;
	height: 158px;
	background-image:url(../images/postit/actu-berzingue.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/actu-berzingue.png');
}

#postitBienvenue {
	float:left;
	margin: 0 0 0 80px;
	width: 234px;
	height: 247px;
	background-image:url(../images/postit/bienvenue.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/bienvenue.png');
}
#postit_bis {
	float:left;
	margin-left: 25px;
	width: 234px;
	height: 247px;
}
#postitAmis a {
	display:block;
	width: 234px;
	height: 247px;
	background-image:url(../images/postit/connaitre.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/connaitre.png');
	border: 0;
}
#postitAmis :hover {
	background-image:url(../images/postit/connaitreHover.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/connaitreHover.png');
}
#postitDevenir a {
	display:block;
	width: 234px;
	height: 247px;
	background-image:url(../images/postit/devenir.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/devenir.png');
	border: 0;
}
#postitDevenir :hover {
	background-image:url(../images/postit/devenirHover.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/devenirHover.png');
}
#postitEpouser a {
	display:block;
	width: 234px;
	height: 247px;
	background-image:url(../images/postit/epouser.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/epouser.png');
	border: 0;
}
#postitEpouser :hover {
	background-image:url(../images/postit/epouserHover.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/epouserHover.png');
}
#postitPasEpouser a {
	display:block;
	width: 234px;
	height: 247px;
	background-image:url(../images/postit/pasEpouser.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/pasEpouser.png');
	border: 0;
}
#postitPasEpouser :hover {
	background-image:url(../images/postit/pasEpouserHover.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/pasEpouserHover.png');
}
#postitPublique a {
	display:block;
	width: 234px;
	height: 247px;
	background-image:url(../images/postit/publique.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/publique.png');
	border: 0;
}

#postitPrive a {
	display:block;
	width: 234px;
	height: 247px;
	background-image:url(../images/postit/prive.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/prive.png');
	border: 0;
}

#postitCoup a {
	display:block;
	width: 217px;
	height: 240px;
	background-image:url(../images/postit/postit-coup-de-gueule.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/postit-coup-de-gueule.png');
	border: 0;
}

#postitBerzingue a {
	display:block;
	width: 233px;
	height: 231px;
	background-image:url(../images/postit/postit-actu-berzingue.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/postit-actu-berzingue.png');
	border: 0;
}


#postitCorps {
	display:block;
	width: 234px;
	height: 247px;
	margin:auto;
	background-image:url(../images/postit/corps.png) !important;
	background-image:url(no-image);
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.dominique-watrin.be/images/postit/corps.png');
	border: 0;
}
.cache {
	position:absolute;
	height:0;
	width:0;
	overflow:hidden;
}
.ans {
	display:none;
}
.demo-show {
}
.lien_haut:link {
	color:#666666;
	border-bottom-style: dotted;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	font-size: 11px;
}
.lien_haut:hover {
	color:#000000;
	border-bottom-style: dotted;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	font-size: 11px;
}
.lien_haut:active {
	color:#666666;
	border-bottom-style: dotted;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	font-size: 11px;
}
.lien_haut:visited {
	color:#666666;
	border-bottom-style: dotted;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	font-size: 11px;
}
.lien_copy:link {
	text-decoration:none;
	color:#CCCCCC;
}
.lien_copy:hover {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.lien_copy:active {
	text-decoration:none;
	color:#CCCCCC;
}
.lien_copy:visited {
	text-decoration:none;
	color:#CCCCCC;
}
.footer {
	color:#999999;
}
.copy {
	color:#CCCCCC;
}
img.picto {
    behavior: url(picto.htc);
}

/*
----------------------------------------------------------
CHRO
----------------------------------------------------------*/

/* 1ere */

#chro-1ere{
	position:relative;
	background:url(../images/chroniques-1ere.png) center 80px no-repeat;
	width:100%;
	height:444px;
}

#chro-1ere a.on-est-pas-rentre,
#chro-1ere a.cafe-serre{
	position:absolute;
	display:block;
	text-indent:-999999px;
}

#chro-1ere a.on-est-pas-rentre{
	background:url(../images/on-est-pas-rentre.png) top left no-repeat;
	top:5px;
	left:45px;
	width:193px;
	height:140px;
}

#chro-1ere a.cafe-serre{
	background:url(../images/cafe-serre.png) top left no-repeat;
	top:5px;
	left:300px;
	width:180px;
	height:133px;	
}

#chro-1ere a.on-est-pas-rentre:hover{background-position:0 -140px;}
#chro-1ere a.cafe-serre:hover{background-position:0 -133px;}

/* vivacite */

#chro-vivacite{
	position:relative;
	background:url(../images/chroniques-vivacite.jpg) center 25px no-repeat;
	width:100%;
	height:266px;
}

#chro-vivacite a.le-beau-velo-de-ravel,
#chro-vivacite a.les-enfants-de-choeur{
	position:absolute;
	display:block;
	text-indent:-999999px;	
}

#chro-vivacite a.le-beau-velo-de-ravel{
	background:url(../images/le-beau-velo-de-ravel.png) top left no-repeat;
	top:-5px;
	left:290px;
	width:180px;
	height:132px;
}

#chro-vivacite a.les-enfants-de-choeur{
	background:url(../images/les-enfants-de-choeur.png) top left no-repeat;
	top:-5px;
	left:80px;
	width:192px;
	height:141px;	
}

#chro-vivacite a.le-beau-velo-de-ravel:hover{background-position:0 -132px;}
#chro-vivacite a.les-enfants-de-choeur:hover{background-position:0 -141px;}


/*----------------------------------------------------------------------
VIDEOS
----------------------------------------------------------------------*/

ul.layout-video{
	margin:0 0 30px;
	padding:0;
	overflow:hidden;
}

ul.layout-video li{
	background:#fff;
	float:left;
	width:274px;
	height:70px;
	border:1px solid #9acccb;
	list-style-type:none;
	margin:15px 15px 0 0;
	padding:2px;
}

ul.layout-video li.last{
	margin-right:0;
}

ul.layout-video a img{
	float:left;
	margin-right:5px;
	object-fit: contain;
}

ul.layout-video span.vid-title{
	font-size:12px;
	display:block;
	font-weight:bold;
}

ul.layout-video span.vid-date{
	display:block;
	color:#9acccb;
	font-size:11px;
}

ul.layout-video li:hover{
	background-color:#F0F0F0;
}

ul.layout-video a:hover img{
	opacity:0.8;
}



div.bottom-img-links
{
    overflow: hidden;
}
#centre div.bottom-img-links a
{
    height: 176px;
    width:176px;
    text-align: center;
    margin:0 10px 40px 0;
}



/*----------------------------------------------------------------------
JEU DES DICOS
----------------------------------------------------------------------*/

#jeu_des_dicos{
background-color:#264B80;
color:white; 
width:360px; 
margin-left:auto; 
margin-right:auto; 
margin-top:50px;
padding: 10px;
padding-top:1px;
font-size:12px;
}

#jeu_des_dicos p{
color:white;
}