body {
font-size:9px;
color:#444;
font-family:Georgia, Verdana, Helvetica, Arial, sans-serif;
height:100%;
background-color:#FFF;
margin:0;
padding-top: 40px;
background-color:white;
background:url(../images/exclusive_paper.png);
background-repeat:repeat;
background-attachment:scroll;
background-position:0 0;
background-clip:border-box;
background-origin:padding-box;
background-size:auto auto;
}

#root {
clear:both;
min-height:100%;
height:auto;
margin-bottom:-330px;
}

header {
position:relative;
/*background-color:transparent;*/
background-color: #ffffff;
/*background-image:url(../images/low_contrast_linen.png);*/
background-repeat:repeat;
background-attachment:scroll;
background-position:0 0;
background-clip:border-box;
background-origin:padding-box;
background-size:auto auto;
height:52px;
width:100%;
text-align:right;
/*position:fixed;*/
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#010101;
box-shadow:0 1px 40px rgba(0,0,0,0.4);
}

section.entete{
position: relative;
width:100%;
height:340px;
/*padding-top: 120px;*/
margin-top:20px;
padding-right: 0px;
/*padding-bottom: 120px;*/
padding-bottom:0px;
padding-left: 0px;
border-bottom-width: 0px;
border-bottom-style: solid;
box-shadow: 0px 1px 40px rgba(0, 0, 0, 0.1) inset;
}

#imageentete{
position:absolute;
top:0px;
text-align:center;
width:100%;
margin-left: auto;
margin-right: auto;
}

.actualite{
border:1px solid #333333;
padding:10px;
font-size:15px;
}

.divcalendrierscroll{
width:100%;
overflow:auto;
margin-top:1%;
margin-bottom:1%;
margin-right:1%;
margin-right:15px;
}

footer {
background-color:transparent;
background-image:url(../images/low_contrast_linen.png);
background-repeat:repeat;
background-attachment:scroll;
background-position:0 0;
background-clip:border-box;
background-origin:padding-box;
background-size:auto auto;
height:35px;
position:fixed;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#010101;
box-shadow:0 1px 40px rgba(0,0,0,0.4);
margin-bottom:0;
padding-bottom:5px;
width:100%;
text-align:center;
bottom:0;
left:0;
right:0;
font-size:14px;
color:#fff;
z-index: 2;
}

img {
border:0;
}

.wrap, .wrapp{
position: relative;
width: 1140px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}

header.header .wrap {
width:1120px;
}

div.title{
font-family:"Open Sans",serif;
float:left;
height:25px;
padding-right:10px;
color:#333;
font-size:18px;
font-weight:700;
margin-bottom:0px;
}

div.publier{
font-family:"Open Sans",serif;
float:right;
height:25px;
padding-right:10px;
color:#333;
font-size:18px;
font-weight:700;
}

.pactualite{
font-size:15px;
margin-top:25px
}

.blanc, .blanc:hover{
color:#ffffff;
}

.rouge, .rouge:hover{
color:#801111;
}

a {
color:#801111;
}

a:hover {
color:#000;
}

.bienvenue {
vertical-align:middle;
}

.info{
background-color: #fcf8e3;
border: 1px solid #FFE97F;
border-radius: 5px;
padding : 10px;
font-size:15px;
}

.confidentialite{
background-color: #d9edf7;
border: 1px solid #0094FF;
border-radius: 5px;
padding : 10px;
font-size:15px;
}

.disponibilite{
background-color: #d9edf7;
border: 1px solid #0094FF;
border-radius: 5px;
padding : 10px;
font-size:15px;
}

.erreur{
background-color: #f2dede;;
border: 1px solid #CD0000;
border-radius: 5px;
padding : 10px;
font-size:15px;
}

.succes{
background-color: #dff0d8;;
border: 1px solid #47D500;
border-radius: 5px;
padding : 10px;
font-size:15px;
}

.ligrand {
font-size:150%;
color:#000;
display:list-item;
padding-bottom:10px;
}

.classic{
font-size:15px;
}

.red{
color:red;
font-weight:bold;
}

.green{
color:green;
font-weight:bold;
}

.droite{
float: right;
width:100%
text-align:right;
}

table.acc{
width: 90%;
font-size:15px;
margin-left:10px;
margin-right:10px;
}

table.menu, table.purge{
width: 95%;
font-size:15px;
margin-left:10px;
margin-right:10px;
}

table caption.acc{
font-style: italic;
margin-bottom: 8px;
}

th.acc{
text-align: left;
}

td:last-child.acc, th:last-child.acc, td:last-child.purge{
text-align:right;
}

td.acc, th.acc{
padding: 6px 12px;
width:30%;
}

th.menu{
padding: 6px 12px;
width:20%;
text-align:center;
}

td.menu,td.purge{
padding: 6px 12px;
width:20%;
}

tr.titretab{
	background-color:white;
}

tr:nth-child(odd).acc, tr:nth-child(odd).acc{
/*background: #eee;*/
width:100%;
}
tr:nth-child(even).acc{
/*background: #ddd;*/
}

tr:first-child.acc, tr:first-child.acc{
/*background: #999999;*/
color:#444;
}

table td:empty.acc{
/*background:white;*/
}

.tronquer{
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap;
}

input[readonly].datetri
{
  cursor: pointer;
  background-color: #ffffff;
}

.curseurclic{
cursor: pointer;
}

.relative{  position:relative;}
table.cal{  border-collapse:collapse;}
td.cal{ border:1px solid #A3A3A3; width:80px; height:80px; text-align:center; cursor:pointer; }
td.calliste{ cursor:default; }
td.reservation{ background:#D8D8D8; }
table td.anterieur{  /*background:#606060;*/ cursor:default;}
table td.anterieur:hover{  /*background:#606060;*/ cursor:default;}
table td.fermer{  background:#3d3d3d;}
table td.fermer:hover{  background:#3d3d3d; cursor:default;}
/*table td.reservation{  background:#1488c0; width:80px;  height:80px;}
table td.reservation:hover{  background:#1488c0; cursor:default;}*/
table td.today{  border:2px solid #D90000;}
table td.padding{  border:none;}
/*table td.cal:hover{  background:#DFDFDF;  cursor:pointer; }*/
table td .day{  /*position:absolute;*/ vertical-align:bottom; text-align:right;  color:#8C8C8C; font-weight:bold;  font-size:24.3pt; /*bottom:-40px;  right:5px;   */}
table td .events{  position:relative;  width:79px;  height:0px;  margin:-39px 0px 0px;  padding:0px;}
table td .events li{  width:10px;  height:10px;  float:left;  background:#000; -moz-border-radius:10px;  -webkit-border-radius:10px;  -khtml-border-radius:10px;  border-radius:10px 10px 10px 10px;  margin-left:6px;  overflow:hidden;  text-indent:-3000px;}
table td.cal:hover .daytitle{  position:absolute;  left:582px;  top:21px;  width:442px;  list-style:none;  margin:0px 0px 0px 16px;  padding:0px;  color:#D90000;  font-size:41px;  display:block;  font-weight:bold;}
.nbjour{color:red; font-size:24.3pt; float:left; margin-left:6px;  overflow:hidden; }

.nomjour2{font-size:8pt;}
td.cal2{ border:1px solid #A3A3A3; width:25px; height:30px; text-align:center; cursor:pointer; }
table td .day2{ font-size:8pt; }
table td .dayblanc{ color:#ffffff; }
table td .events2{ width:25px; margin:-39px 0px 0px; }
table td .events2 li{  width:0px;  height:0px;  text-indent:0px; }
table td .nbrepas{  border-left:1px solid #A3A3A3;border-right:1px solid #A3A3A3; }
.clear{  clear:both;}

#toolbar{
background-color:#000000;
border:2px solid #3d3d3c;
border-top-left-radius: 0px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 0px;
padding-top: 0px;
padding-right: 7px;
padding-bottom: 7px;
padding-left: 7px;
width: 15px;
position: fixed;
bottom:50px;
left:0px;
transition-duration: 1s;
color: white;
height: 150px;
overflow-x: hidden;
overflow-y: hidden;
z-index:0;
}

#toolbar:hover{
transition-duration: 1s;
width: 350px;
z-index:0;
}

#menudroit{
	width:45px;
	border-left:1px solid rgb(215,215,215);
	border-top:1px solid rgb(215,215,215);
	border-bottom:1px solid rgb(215,215,215);
	position:fixed;
	top:70px;
	background-color:white;
	border-top-left-radius:8px;
	border-top-right-radius:0px;
	border-bottom-right-radius:0px;
	border-bottom-left-radius:8px;
	padding-top:0px;
	padding-right:7px;
	padding-bottom:7px;
	padding-left:7px;
	position:fixed;
	right:0px;}

@media all and (max-width: 1280px){
	section.entete{
	margin-top:30px;
	}
	
	.tableaufixe {
	position:absolute;
	*position: relative; /*ie7*/
	left:0; 
	width:100px;
	}
	.outer {position:relative}
	.inner {
  overflow-x:scroll;
  overflow-y:visible;
  height:450px;
  width:1000px; 
  margin-left:100px;
	}
}

@media all and (max-width: 1152px){
	section.entete{
	margin-top:40px;
	}
	
	.tableaufixe {
	position:absolute;
	*position: relative; /*ie7*/
	left:0; 
	width:100px;
	}
	.outer {position:relative}
	.inner {
  overflow-x:scroll;
  overflow-y:visible;
  height:450px;
  width:800px; 
  margin-left:100px;
	}
}

@media all and (max-width: 1024px){
	body {
	padding-top: 0px;
	}
	#root .logo {
	margin-top:5px;
	}

	section.entete{
	margin-top:70px;
	padding-top:5px;
	height:160px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #27241D;
	background-image: url(../images/couvert_p.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	/*background-clip: border-box;*/
	background-origin: padding-box;
	/*box-shadow: 0px 1px 40px rgba(0, 0, 0, 0.1) inset;*/
	}

	root .wrap {
	width:auto;
	margin-left:10px;
	margin-right:10px;
	}

	#root .wrapp {
	width:auto;
	display:block;
	margin-left:10px;
	margin-right:10px;
	}

	footer {
	font-size:10px;
	color:#fff;
	}
	
	.tableaufixe {
	position:absolute;
	*position: relative; /*ie7*/
	left:0; 
	width:100px;
	}
	.outer {position:relative}
	.inner {
  overflow-x:scroll;
  overflow-y:visible;
  height:450px;
  width:800px; 
  margin-left:100px;
	}

}

@media all and (max-width: 960px){
	section.entete{
	margin-top:10px;
	}
	
	.tableaufixe {
	position:absolute;
	*position: relative; /*ie7*/
	left:0; 
	width:100px;
	}
	.outer {position:relative}
	.inner {
  overflow-x:scroll;
  overflow-y:visible;
  height:450px;
  width:600px; 
  margin-left:100px;
	}
}

@media all and (max-width: 800px){
section.entete{
margin-top:10px;
}
	
.classic{
display:block;
}

	.tableaufixe {
	position:absolute;
	*position: relative; /*ie7*/
	left:0; 
	width:100px;
	}
	.outer {position:relative}
	.inner {
  overflow-x:scroll;
  overflow-y:visible;
  height:450px;
  width:500px; 
  margin-left:100px;
	}

}

@media all and (max-width: 640px){
h3{
	line-height: 20px;
	font-size: 16px;
}

.pactualite{
	font-size:12px;
	padding-top:10px
}

.pactualite.passages{
	margin-top:30px
}

.classic{
	font-size:12px;
}
	
div.title{
/*display:block;*/
margin-bottom:5px;
}

table.acc{
width: 95%;
font-size:12px;
margin-left:0px;
margin-right:0px;
}

table.menu{
width: 90%;
font-size:12px;
margin-left:0px;
margin-right:0px;
}

table.purge{
width: 95%;
font-size:12px;
margin-left:0px;
margin-right:10px;
padding-right:10px;
}

tr:first-child.acc{
display: none;
}

th.acc{
display: block;
}

/*tr.corpstab{
width:100%;
}*/

td.acc{
/*display: inline!important;*/
padding-right: 6px;
padding-left: 6px;
}

th.menu, td.menu, td.purge{
display: block;
width:90%;
text-align:left;
}

td:last-child.purge{
text-align:left;
}

div.publier{
display:none;
}

#label{
display:none;
}

td.cal{ border:1px solid #A3A3A3; width:37px; height:37px; text-align:center; }
table td .day{ font-weight:bold;  font-size:12pt; }
table td .events{ width:37px; margin:-39px 0px 0px; }
table td .events li{  width:0px;  height:0px;  text-indent:0px; }
.nbjour{font-size:12pt; font-weight:bold; }


/*#rt1 { display: block; position: relative; width: 100%; }
#rt1 thead { display: block; float: left; }
#rt1 tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }

#rt1 th { display: block; }
#rt1 tbody tr { display: inline-block; vertical-align: top; }
#rt1 td { display: block; min-height: 1.25em; }*/

.tableaufixe {
position:absolute;
*position: relative; /*ie7*/
left:0; 
width:20px;
}
.outer {position:relative}
.inner {
overflow-x:scroll;
overflow-y:visible;
height:450px;
width:300px; 
margin-left:30px;
}

}

@media all and (max-width: 320px){
.nomjour{font-size:8pt;}
td.cal{ border:1px solid #A3A3A3; width:25px; height:30px; text-align:center; }
table td .day{ font-size:8pt; }
table td .events{ width:25px; margin:-39px 0px 0px; }
table td .events li{  width:0px;  height:0px;  text-indent:0px; }
.nbjour{font-size:8pt;}

.tableaufixe {
position:absolute;
*position: relative; /*ie7*/
left:0; 
width:20px;
}
.outer {position:relative}
.inner {
overflow-x:scroll;
overflow-y:visible;
height:450px;
width:200px; 
margin-left:20px;
}
}