@font-face {
  font-family: "arialrounded";
  src: url("fonts/ArialRoundedRegular.woff") format('woff');
}

body {background-image:url(../images/image_de_fond.jpg);background-repeat:no-repeat;	background-attachment:fixed; background-color: #fafafa; text-align: center; color: #584244; font-size: 8pt; font-family: Arial; margin:0px;padding:0px; width:100%}
body h2 {color: #584244; font-size: 10pt; font-family: arialrounded!important;}

.jscontent1 p{
				margin:0 0 10px;
				text-align:justify;
			}
			.jscontent2 p{
				text-align:justify;
			}
			.jscontent2 a{
				text-decoration:underline;
			}

img{ padding:0px}
strong { font-weight:bold;}
strong.nobold { font-weight:normal;}
h1{ font-weight:normal; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-size: 8pt; font-family: Arial;display:inline}
h1.fiche_heberg{ font-weight:bold; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-size: 14pt; font-family: Arial;display:inline}
h2{ font-weight:normal; padding:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; font-family: Arial;display:inline}

a {color: #584244; text-decoration:none;}
a:hover {color: blue; text-decoration:underline;}
.lienBleu {color: blue; text-decoration:underline;font-size:10pt}
.lienMarron {color: #584244; text-decoration:none;font-size:10pt}
.lienRouge{color: red; text-decoration:underline;font-size:10pt}
a.liste:hover  {text-decoration:none;}
select {font-size: 8pt; font-family: Arial;}
td {font-family: Arial;font-size: 12px; font-weight:nomal;}

.txt_filter {font-family: Verdana;font-size: 9pt;}
a:hover .tabMoteur2 td {text-decoration:none;}
.tabMoteur2  { font-size: 8pt; font-family: Verdana; border: solid 1px #b4b4b4; cursor:pointer}
.tabMoteur  { font-size: 8pt; font-family: Arial; border: solid 1px #b4b4b4 }
.tabMoteur th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.tabMoteur #th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.tabMoteur td    { color: #584244; font-weight: bold; background-color: #FAFAFA; text-align: center }
 .tabMoteur2 td     { font-family: Verdana; color: #584244; font-weight: normal; background-color: #FAFAFA; text-align: center }
.tabMoteur div     { color: #584244; font-weight: bold; background-color: #FAFAFA; text-align: center }
.tabMoteur #txt_search_ref {border:solid 1px #b4b4b4; font-size: 8pt; font-family: Arial; text-align:center; width :130px}
.tabMoteur .z_btn {width:187px; padding-bottom:15px;clear: both;padding-top:25px}
.btnMoteur { font-size: 8pt; font-family: Arial; border: solid 1px #584244; color: #584244; font-weight: bold; background-color: #FFFFFF; cursor:pointer;text-align: center }

.tabCA  { font-size: 8pt; font-family: Arial; border: solid 1px #b4b4b4 }
.tabCA th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center ; border-right: solid 1px #FFFFFF}
.tabCA td     { color: #584244; font-weight: bold;  text-align: center; border-bottom: solid 1px #b4b4b4;border-right: solid 1px #b4b4b4 }

.tabSecondaire { border: solid 1px #b4b4b4; font-size: 13px; font-family: Verdana; color: #584244;}
.tabSecondaire th {background-color:#e6e6e6;  font-family: Verdana; border-bottom:solid 1px #b4b4b4;  font-weight: bold;}
.tabSecondaire td { font-size: 12px; font-family: Verdana; padding-left:20px}
.tabSecondaire h2{ font-size: 12px; font-family: Verdana;}

.tabSecondaire a { font-size: 12px; color: blue; font-family: Verdana; text-decoration:none}
.tabSecondaire a:hover { font-size: 12px; font-family: Verdana; color: blue; text-decoration:underline}

.tabNorm { font-size:12px}

.tabNorm td { font-size:12px}


.tabAdmin  { font-size: 8pt; font-family: Arial; border: solid 1px #b4b4b4 }
.tabAdmin th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.tabAdmin td     { padding-left:5px; padding-bottom:2px; color: #584244; font-weight: bold; text-align: left; border-bottom:1px solid #b4b4b4 ;border-right:1px solid #b4b4b4; border-left:1px solid #b4b4b4}

.tabAdminpopin  { font-size: 8pt; font-family: Arial; }
.tabAdminpopin th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.tabAdminpopin td     { padding-left:5px; padding-bottom:2px; color: #584244; font-weight: bold; text-align: left;}
.tabAdminpopin input[type="submit"]{ font-size: 8pt; font-family: Arial; border: solid 1px #584244; color: #584244; font-weight: bold; background-color: #e6e6e6; cursor:pointer;text-align: center }
.zone_de_une {clear:both;border: solid 3px #ff6600; border-bottom:solid 6px #ff6600; font-size: 12px; font-family: Verdana; color: #000000;}
.zone_de_une th{font-weight: bold; text-align:center; color:#ffffff; background-color:#ff6600;width:182px}
.zone_de_une td{padding-left:0px;font-weight: normal;}

.tabAdmin.disabled{display:none}
.tabAdmin.enabled{display:block}
#ong_ref{
	width:508px;
	padding:0px
}
#ong_ref ul li{
	list-style: none;
	margin: 0;
	display: inline;
	background:#e6e6e6;
	padding : 5px;
	cursor:pointer
}
#ong_ref ul li.selected
{
	color:#e6e6e6;
	background:#584244;
}


.tabStat  { font-size: 8pt; font-family: Arial; border: solid 1px #b4b4b4 }
.tabStat th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.tabStat td     { padding-left:5px;  padding-bottom:2px; padding-top:2px; color: #584244; text-align: left; border-bottom:1px solid #b4b4b4 ;border-right:1px solid #b4b4b4; border-left:1px solid #b4b4b4}

.diaporama  { font-size: 8pt; font-family: Arial; border: solid 1px #b4b4b4 }
.diaporama th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.diaporama td     { color: #584244; font-weight: bold; text-align: left; border-bottom:1px solid #b4b4b4 ;}

.tabAbo  { font-size: 8pt; font-family: Arial; border: solid 1px #000 }
.tabAbo th     { color: #fff; font-weight: bold; background-color: #584244; text-align: center }
.tabAbo td     { color: #584244; font-weight: bold; text-align: left; border-bottom:1px solid #b4b4b4 ;border-right:1px solid #b4b4b4; border-left:1px solid #b4b4b4}
.tabAbo td .vide    { border:1px solid #FFF}

.tabOnglet  { font-size: 8pt; font-family: Arial; border: solid 1px #b4b4b4 }
.tabOnglet th     { font-weight: bold; background-color: #584244; text-align: center }
.tabOnglet td     { font-weight: bold; text-align: center; border-bottom:1px solid #b4b4b4 ;border-right:1px solid #b4b4b4; border-left:1px solid #b4b4b4}
.onglet_select { color: #ffFFFf; font-weight: bold; background-color: #584244; text-align: center;cursor:pointer }
.onglet { color: #584244; font-weight: bold; text-align: center;cursor:pointer}

.tabNavHori { font-size: 8pt; font-family: Arial; border: 0px }
.tabNavHori th{ background-color: #FFFFFF; }
.tabNavHori td{ background-color: #FFFFFF; }

.tabFacture { font-size: 8pt; font-family: Arial; border: 0px }
.tabFacture td{ font-size: 8pt; font-family: Arial;border: 0px ; padding-left:10px; text-align:left}
.tabFacture th{ font-size: 8pt; font-family: Arial; padding-left:10px;font-weight: bold; text-align:left}


#zone_aff_promo {background-color: #584244;border:1px solid #b4b4b4;}

.cal {border:1px #000000 solid;}
.cal th { font-size: 9px; font-family: verdana; color:#FFFFFF; background-color: #000000 border-bottom:1px #000000 solid; border-bottom :1px #000000 solid;}
.cal td { font-size: 9px; font-family: verdana; border-right :1px #000000 solid; border-bottom :1px #000000 solid;}

.link { font-weight: 900;color: #584244; text-decoration: none;font-size: 12px; }
.alink { font-weight: 900;color: #584244; text-decoration: none;font-size: 9px; }

.capsule {border:1px #b4b4b4 solid;}
.capsule th { background-color: #584244; background-image : url(images/vide.gif); background-repeat : repeat-x ; font-size: 9px; font-family: verdana; color:#FFFFFF;  border-bottom:1px #b4b4b4 solid;  }
.capsule td { font-size: 9px; font-family: verdana; padding: 5px;}

.adm_input {color: #584244; font-weight: bold; font-size: 8pt; font-family: Arial; border: solid 1px #b4b4b4; width:300px}
.adm_input_date {color: #000 !important; cursor: pointer; font-weight: normal; font-size: 8pt; font-family: Arial; border: solid 1px #b4b4b4; width:70px; background-image: url(../images/icone_calendrier_input.gif);}

td.dragHandle {
    background-image: url(../images/updown.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: move;
}

td.showDragHandle {
	background-image: url(../images/updown2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: move;
}

.mypopin4 {
	color:#000;
	padding:10px;
	text-align:justify;
	text-indent:5px;
	background:#FFF;
	border-radius:.75em;
	-moz-border-radius:.75em;

}

.mypopin4 .popin-relative {
	position:relative;
		padding:15px;

}

.mypopin4 .popin-close {
	position:absolute;
	cursor:pointer;
	width:15px;
	height:15px;
	right:0px;
	top:-10px;
}

.mypopin4 .popin-content {
	padding:5px;

	text-align:center;

}
.mypopin4 .popin-content p {
	padding:0;
	margin:0 0 1em;
}

.zone_hidden {display:none;}
.zone_visible {display:table-row;}

.tabListCalendar .TabCalendar {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.tabListCalendar .TabCalendar th {
	background-color: #d6cbbf;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;


	color: #ffffff;
	padding: 2px;
	width:23px
}

.tabListCalendar .TabCalendar td {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-collapse: collapse;
	font-family: Arial;
	font-size: 10px;
	padding: 2px;
	width:23px
}

.tabListCalendar .TabCalendar #nom_mois{
background-color:#584244;

font-size: 12px;
	font-weight: bold;
color:#FFFFFF
}

.tabListCalendar .TabCalendar input {
border:0px;
padding:0px
}







.disponible{
background-color:#FFFFFF
}
.reserve{
background-color:#FF0000
}

.tabListCalendar{
	border : 0px ;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: center;

	padding: 0px
}

.tabListCalendar  td {
	border: 0px;
	border-collapse: collapse;

	padding: 0px
}

.invisible {border:0px; background-color: transparent; color: #584244; font-weight: bold; font-size: 8pt; font-family: Arial;}

.input_test {
	background-image: url(../images/icone_calendrier.gif);
}

.block_zone_promo{
cursor:pointer;
font-size: 17px;
color:0000ff;
width:547px;
height:55px;
background:url(../images/fd_promo_home.png);
text-align:center
}




.tab_promo{
	 border: solid 1px #b4b4b4;
}
.tab_promo th{
	color : #FFFFFF;
	font-family: Verdana;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	background-color: #FF0000;
	padding-top:5px;
	padding-bottom:5px;
}
.tab_promo td{
	color : #FF0000;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background-color: #FFFFFF;
	padding-top:5px;
	padding-bottom:5px;
}


ul#menu_conteneur
{	text-align:center;
	margin:0 0 0 0;
	padding:0;
	list-style-type:none;
	width:510px
}
li.menu_link_no
{	display:inline-block;
	padding-right:20px;
	margin:0 0 5 0;
}