/* CSS Document */
body {
	/* 16.2.11 background: url(../images/ligne-bleu-3.png) repeat; */
	background-color:#CCCCCC;
	behavior: url("csshover3.htc");  // 14.2.11  indispensable  IE6 
}
 

li {
	list-style-type: none; /* c'est a qui vire les points ? */
}

.accueil {
	padding-left: 30px;
	padding-right: 30px;
}

.accueil-oeuvre{
	padding-left: 60px;
	text-align: center;
}

.accueil-depart {
	text-align: center;
}

.adulte {
	background-color:#00CC33;
	border:thick;
}

.alignegauche
{
	text-align:left ;
}

.alignecentre
{
	text-align:center;
}			

.articles {
font-size: 10px ;
font-style:italic ;
}

.blanc
{
	border:none;
	width:20px;
}

.choix {
	/*margin: 5px auto;*/
	display: block;
	text-align: center;
	height: 30px;
	color:#006600;/* 7.2.11  #FF33FF;*/
	font-size: 24px;
	font-weight: bold;
}

.choix2 {
	display: block;
	float:right;
	text-align: left;
	width: 150px; 
	height: auto;
	color:#006600;
	font-size: 24px;
	font-weight: bold;
}

.chorale {
	text-align: left;
	padding-left: 5px;
	height: 12px;
	color:#000000;
	font-size: 22px;
	font-style:italic;
	margin: 0px;
}
.clearleft {
	width: 300px;
	height:auto ;
	clear:left ;
}
 
.enfant {
	background-color:#99FF99 ;
}

.erreur-404 {
	font-size: 24px;
	text-align: center;
}

.fermer {
	display: block;
	text-align: center;
	color: #FF3300;
	font-size: 16px;
	font-weight: bold;
}

.jeune {
	background-color:#FF6666 ;
}

.left {
width: 600px; 
float: left;
font-size: 12px;
height:300px;
overflow:auto;
}

.left_header, .milieu_header
{
	background-color:#0033CC;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	border:groove;
	text-align:center;
	font-size:20px;
	font-style:italic;
	float:left;
}
.left_header {width:550px}
.milieu_header {width:350px}

.leftpartition {
width: 925px; /*900px; */
float: left;
font-size: 12px;
height:650px;
overflow-y:auto;
background-color:#FFFFFF; /* 9.10.11*/
border:thick;/* 9.10.11*/
}

.leftscroll {
width: 915px; /*900px; */
/*float: left;*/
font-size: 12px;
height:380px;
overflow-y:auto;
}


.left h2 {
color: #FF4800;
font-size: 36px;
letter-spacing: -3px;
font-weight: 100;
padding : 10px 0 15px 0;
}


.marrakech
{
border: 0px;
border-color:0000FF;
padding-left:20px;
font-size:20px ;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 10px 10px 10px #000000;
-webkit-box-shadow: 10px 10px 10px #000000;
box-shadow: 10px 10px 10px #000000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5293ff', endColorstr = '#a8e8ff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5293ff', endColorstr = '#a8e8ff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #5293ff, #a8e8ff);
background-image: -ms-linear-gradient(top, #5293ff, #a8e8ff);
background-image: -o-linear-gradient(top, #5293ff, #a8e8ff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#5293ff), to(#a8e8ff));
background-image: -webkit-linear-gradient(top, #5293ff, #a8e8ff);
background-image: linear-gradient(top, #5293ff, #a8e8ff);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
opacity: 0.9;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);
/*-ms-filter must come before filter*/
filter: alpha(opacity = 90);
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*All filters must be placed together*/
}



.milieu {
width: 350px; 
float: left;
font-size: 12px;
height:450px;
overflow:auto;
padding: 0px 5px ;
}

.minileft {
width: 550px; 
float: left;
font-size: 12px;
height:460px;
overflow:auto;
}

/*************  MsoHeader    */
p.MsoHeader, li.MsoHeader, div.MsoHeader
		{font-size:12.0pt;
		font-family:Cambria;}
p.MsoFooter, li.MsoFooter, div.MsoFooter
		{font-size:12.0pt;
		font-family:Cambria;}
		
.photo{
	width: 120px;
	height: 90px;
	margin-left:auto ;
	margin-right:auto ;
}


.resume {
	font-weight:bold;
}

.retour{
	width: 250px;
	float: right;
	text-align:left;
	padding-right: 10px;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
}

.right {
width: 230px; /* 220px;*/
float: right;
text-align: justify;
font-size:16px;
}

.right_haut {
width: 240px;
height:360px;
overflow-y:auto;
/* 9.10.11float: right;*/
text-align: justify;
font-size:14px; /*16px;*/
border:groove ; /* 9.10.11*/
background-color:#00CCCC ;/* 9.10.11*/
}

.right ul {
list-style-type: square;
padding: 5px 5px 5px 20px;
}
.right h2 {
height: 30px;
font-size: 24px;
color: #666;
line-height: 30px;
}

.right a { 
text-decoration: none;
}

.right li { 
padding-bottom:10px;
font-weight:bold;
}

.right_bas {
float:left;/* 9.10.11*/
height:110 /* 9.10.11*/
padding:5px ; /* 9.10.11*/
background-color:#66FF66;/* 9.10.11*/
clear:both; /* 9.10.11*/
}


.Style1 {font-size: 36px}
.Style2 {font-size: 24px}
.Style3 {font-size: 24px}/* 31.1.11 {font-size: 24}*/
.Style4 {
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
}
.Style5 {
	font-size: larger;
	font-style: italic;
	font-weight: bold;
}
.Style7 {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}


table.sample {
	/*  17.2.15 margin-left:10px; 
	margin-right:auto; */
	border-width: 4px;
	border-spacing: 2px;
	border-style: inset;
	border-color: blue;
	border-collapse: separate;
	background-color:#CCCCCC;
	border-radius: 10px;
}

table.sample th {
	text-align:center;
	border-width: 1px;
	padding: 1px;
	border-style: ridge;
	border-color: green;
	background-color:#FFF; /* 16.2.15  #CCCCCC; */
	border-radius: 5px;
	box-shadow: 3px 3px 3px black;
	text-shadow: 1px 1px 1px black;
}

table.sample th:focus{
	background-color:#FF0000;
}

table.sample th:active{
	background-color:#33FF99;
}
table.sample td {
	/*height:40px; /* 18.12.11  */
	font-size:14px; /* // 2.2.17 AP 13px; /* // 10.1.17 AP 14px; */
	/* // 10.1.17 AP font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family:Calibri,Arial, Helvetica, Georgia, "Times New Roman", sans-serif; /* // 10.1.17 AP */
	font-weight:bold;
	border-width: 1px;
	padding: 0px; /* 21.6.11 1px */
	border-style: ridge;
	border-color: green;
	/*background-color: rgb(255, 250, 250);*/
	background-color:#CCCCCC;
	border-radius: 3px;
	line-height:30px; 
}

table.sample2 {
	margin-left:50px;
	/*margin-right:auto;*/
	border-width: 4px;
	border-spacing: 2px;
	border-style: inset;
	border-color: red;
	border-collapse: separate;
	background-color: white;
	word-wrap: break-word;
}
table.sample2 th {
	border-width: 1px;
	padding: 1px;
	border-style: ridge;
	border-color: green;
	background-color: rgb(255, 250, 250);
	-moz-border-radius: 3px;
	word-wrap;  /* 23.2.15 permet de couper un mot trop long */
}
table.sample2 td {
	/*height:40px; /* 18.12.11  */
	font-size:10px;
	font-family: "Times New Roman", Times, serif; /* Georgia, */
	/*font-weight:bold;*/
	border-width: 1px;
	padding: 0px; /* 21.6.11 1px */
	border-style: ridge;
	border-color: green;
	background-color: rgb(255, 250, 250);
	border-radius: 3px;
	max-width:680px;
	word-wrap: break-word; /* 23.2.15 aurait dû permettre de couper un mot trop long */
}
	
.telechargement {
	background: url(../images/bouton-telecharger.png) no-repeat; 
}

.test{
	position:fixed;
	overflow:auto;
	max-height:200px; 
	bottom:  30px; /* 25.11.16 70px ; */
	left: 5px ;
	border:groove ; /* 16.2.11 */
	background-color:#FF6666;
	width: 99%; /*auto;  /*4.5.11*/
	-width: 95% ;
	margin-left:auto ; /*4.5.11*/
	margin-right:auto ; /*4.5.11*/
	box-shadow: 3px 3px 3px 3px black ;
	/*border-radius: 0px 0px  15px 15px; */
	z-index:  +2;
	}
.test2
{
	background-color:#33FF33;
}

.tout {
width: 1100px; /* 6.12.11 1160px;*/
height:400px; 
float: left;
font-size: 12px;
overflow:auto;
}

.webm {
	background-color:#FF9999;
}