@import url("date.all.css");

body{
	margin: 0 10px;
	padding: 0;
	//background-color: #000;
}

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

h1{
	font: bold 140% Arial,sans-serif;
	color: #334d55;
	margin: 10px;
	padding: 0px;
	border-bottom: 1px dashed #334d55;
}

h2{
 font: bold 114% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
	list-style-type: square;
}

ul ul{
	list-style-type: disc;
}

ul ul ul{
	list-style-type: none;
}

form {
	margin: 0;
	padding: 0;
}
	
input, select, option {
	font-family: Arial,sans-serif;
	font-size: 10pt;
}

img {
	border: 0;
}

img, iframe, textarea, input {
	max-width: 100%;
}

.feature {
	height: auto;
	padding: 0px 0px 10px 10px;
	font-size: 10pt;
	margin:0;
	min-height:400px;
}

.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}

.feature .bigtext img{
	float: none;
}

.feature table {
	background-color: #F5F7F7;
	width: 100%
}

.feature th {
	background-color: #F5F7F7;
	color: #442233;
}

.feature td, .feature th {
	color: #666666;
	height: 32px;
	margin: 0px;	
	border-bottom: 1px solid #666666;
	text-align: center;
	padding: 0px 0px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.feature tr.tr2 td, .feature tr.tr2 th, .feature tr.tr2 {
	background: #FFFFEE;
}

.feature tr.page td:first-child, .feature tr.folder td:first-child { 
	text-align: left;
}

tr.folder td, tr.folder2 td {
	height:auto;
	padding: 1px 1px 1px 5px;
}

tr.folder td {
	border-bottom:0;
	height:auto;
}

tr.folder2 td {
	border-bottom: 1px solid #666666;	
}

tr.folder2empty td {
	border-bottom: 1px solid #666666;
	height:0px;
}	 

.feature tr.light td { /*only for pages data ? */
	color:#AAA;
	font-style: italic;
}

.feature tr.tr2:hover th, .feature tr:hover th,	.feature tr.tr2:hover td, .feature tr:hover td {
	background-color: #DDEEFF; 
}

.skipLinks {
	display: none;
}

.actions{
	padding:2px;
}

.popup {
	position:absolute;
	width:480px;
	right:10px;
	background-color: #FFFFEE;
	border:3px ridge #333333;
	display:none;
	padding:4px;
	overflow: auto;
	text-align:left;
}

.popup table {
	background-color: #F5F7F7;
	width:100%;
}

.popup tr td, .popup tr th, .tr2 .popup tr td, .tr2 .popup tr th, .tr2:hover .popup tr td, .tr2:hover .popup tr th {
	height:1em;
	background-color: #F5F7F7;		
}

.popup tr.tr2 td, .popup tr.tr2 th, .tr2:hover .popup tr.tr2 td , .tr2:hover .popup tr.tr2 th {
	background-color: #FFFFEE;
}

.mceToolbarBottom option {
	padding:2px 0px;
}

.mceToolbarBottom img{
	padding: 0px;
}

pre.wrapping {
/* say it's enough, no more x versions */
	white-space: pre-wrap; /* css-3 */
}


#header {
	color: #FFF;
	font-size: 10pt;
	font-family: Verdana,sans-serif;
	text-align: right;
	position: relative;
	min-height: 80px;
}

#header a.logolink {
	float:left;
	margin-bottom: -100px;
}

#header p span {
	display:inline-block;
	margin-top: 57px;
}

#header p a{
	color: #AAAAAA;
}

#header p a:hover{
	text-decoration: underline;
}

#shortcuts {
	clear: both;
	float: left;
	margin: 50px 0px 0px 0px;
	width: 178px;
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #000;
	font:10pt Verdana,sans-serif;
	margin-top:28px;
}

#pageNav a {
	display:inline;
}

#top{
	padding: 12px;
	background-color:#E0E0E0;
	-webkit-border-top-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-top-left-radius: 20px;		
}

#sectionLinks{
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited, .smallscreenLinks a, 
		.smallscreenLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(../images/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}
#sectionLinks a:hover, .smallscreenLinks a:hover {
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

#pageNav .relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
	background-color: #F5f7f7;
}

#pageNav .relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

#interface {
	position:relative;
	margin: 0px 0px 0px 178px;
	background-color: #FFF;
	height:auto;
	border-left:2px solid black;
}

#menu {
	background-color: #EEE;
	min-height: 30px;
}

#horizontalMenuBar{
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	background-color: #EEE;
}

#horizontalMenuBar li{
	margin: 0;
	padding: 0;
	display: inline-block;
	position: relative;
	text-align: left;
	cursor: pointer;
	min-height: 30px;
}

#horizontalMenuBar ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: 200px;
	position: absolute;
	background-color: #EEE;
	border: 1px solid #CCC;
	left: auto;
	top: 29px;
}

#horizontalMenuBar ul hr {
	margin: 0px auto;
	width: 140px;
	border: 0px;
	border-top: 1px solid #CCC;
	background-color: #EEE;
}

#horizontalMenuBar ul li{
	display: block;
	width: 100%;
	min-height: 1px;
	z-index:10;
}

#horizontalMenuBar a {
	display: block;
	border: 0px;
	cursor: pointer;
	height:20px;
	padding: 6px 10px 4px;
	color: #333;
	background-color: #EEE;
	text-decoration: none;
	font-size: 10pt;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}

#horizontalMenuBar a:hover, #horizontalMenuBar a:focus{
	background-color: #000;
	color: #FFF;
}

#horizontalMenuBar ul a{
	margin-top: 0;
}

#horizontalMenuBar a.MenuBarItemHover, #horizontalMenuBar a.MenuBarItemSubmenuHover, 
		#horizontalMenuBar a.MenuBarSubmenuVisible{
	background-color: #000;
	color: #FFF;
}

#horizontalMenuBar	a.separator, #horizontalMenuBar	a.separator:hover, #horizontalMenuBar a.separator{
	background-color: #989898;
	color: #FFF;
	display:block;
	margin:0px;
	padding:0px;
	height:1px;
	margin-left:3%;
	margin-right:3%;
}

#horizontalIconsBar {
	display: block;
	position: relative;
	border: 0px;
	border-top: 2px groove #CCC;
	border-bottom: 2px groove #CCC;
	height: 75px;
	background-color: #DDD;
	color: #666;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#horizontalIconsBar a {
	border: 1px solid #DDD;
	margin: 0px;
	padding: 2px;
	color: #666;
}

#horizontalIconsBar img {
	border: 0px ;
}

#horizontalIconsBar a:hover {
	text-decoration: none;
}

#horizontalIconsBar .icon {
	float: left;
	padding: 2px 8px;
	text-align: center;
	cursor: pointer;
}

#horizontalIconsBar .separator {
	border: 0px;
	border-left: 2px groove #EEE;
	padding: 2px;
	margin: 10px;
	float: left;
	height: 50px;
}

#sectionLinks #fondarrondi .arrondi{
	color:#F5f7f7;
}
/* sous menu sous recherche */
#smenu{
	position:absolute;
	background-color:red;
	margin:0px;
	padding:0px;
	list-style-type:none;
	top:30px;
	left:530px;
	width:150px;
	display:none;
}

#smenu:hover{
	position:absolute;
	z-index:5;
}

#smenu li{
	display:block;
	background-color:#EEE;
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-align: left;
	cursor: pointer;
}

#smenu a {
	display: inline-block;
	border: 0;
	padding: 2px 5px;
	margin: auto;
	width: 140px;
}

#smenu a:hover, #smenu a:focus{
	background-color: #000;
	color: #FFF;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}

#bottom{
	padding: 12px;
	background-color:#E0E0E0;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;		
}

#popupMenu {
	width: 200px;
	clear: both;
	margin: 10px;
}

#content{
	border-left: 1px solid #ccd2d2;
	height:auto;
	background-color: #FFF;
	margin:0px;
	padding:0px 10px 0px 0px;	
}

#content input, #content select, #content textarea {
	background-color: #F5F7F7;
	border: 1px solid #666666;
	margin: 0px 9px;
	font-weight: normal;
}

#content textarea:focus, #content input:focus {
	background-color: #FFFFEE;
	border: 1px inset #333333;
}

#content select:focus {
	background-color: #FFFFEE;
	border: 1px inset #333333;
}

#formTable th, #formTable td {
	text-align: left;
	padding: 2px 20px;
	color:#858F93;
}

#massiveFormTable th, #massiveFormTable td {
	margin:0px;
	padding:0px;
}

#footer{
	font-family: Verdana,sans-serif;
	font-size: 10pt;
	height: 20px;
	background-color: #EEE;
	color: #646663;
	text-align: right;
	padding: 6px;
	border-top: 1px solid #000;
}

#footer a {
	color:#646663;
}

#footer a:hover {
	color:#332E2C;
	text-decoration:underline;
}

/* entreprise */
#link{
	height: 28px;
	text-align:right;
	padding: 8px;
	color:#646663;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#link a{
	color:#646663;
}

#link a:hover{
	color:#332E2C;
	text-decoration:underline;
}

#entreprise #pagecell1 {
	position:absolute;
	top:125px;
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color: #FFFFFF;
	height:auto;
}

#entreprise #content h2{
	padding: 13px 0px 0px 13px;
}

#entreprise #utility{
	color: #fff;
	position: absolute;
	top: 10px;
	right: 0px;
}

#entreprise #utility a{
	color: #ddd;
}

#entreprise #utility a:hover{
	text-decoration: underline;
}

#entreprise #interface {
	position:relative;
	margin: 120px 0px 0px 178px;
	background-color: #FFF;
	height:auto;
	border-left:2px solid black;
}

#entreprise #pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #000;
	font:10pt Verdana,sans-serif;
	margin-top:160px;
}

#entreprise #link{
	height: 28px;
	text-align:right;
	padding: 8px;
	color:#646663;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#entreprise #link a{
	color:#646663;
}

#entreprise #link a:hover{
	color:#332E2C;
	text-decoration:underline;
}

#entreprise #menu {
	width: 100%;
	background-color: #EEE;
	height: 28px;
	border-bottom: 1px solid #000;
}

img.ui-datepicker-trigger {
	float:none;
	margin-left:-8px;
}
.ui-datepicker-header	{
	background-image: none;
	background-color: #E0E0E0;	
}
td.ui-datepicker-today {
	background-color: #E0A0E0;
}
td.ui-datepicker-current-day {
	background-color: #E0E040;
}
td.ui-datepicker-week-end {
	background: #CFC;
}
td.ui-datepicker-other-month .ui-priority-secondary {
	background-color: #FFF;	
}

/* coop */

table.donnees {
  border-collapse:collapse;
  border-width:1px; 
  border-style:solid; 
  border-color:black;
  margin-bottom:5px;
  width: 100%;
  font-size: 0.9em;
}
table.donnees th {
  border: 1px solid;
  color: #336600;
  background: #cce846;
}
table.donnees td {
  border: 1px solid;
}
fieldset {
  border:3px double;
  margin:10px 0px;
}
fieldset legend {
  border:1px solid;
  padding:2px 20px;
  font-weight: bold;
  background:#FFFFAA;
}

/* contact */
#siteInfo{
	clear: both;
	border-top: 1px solid #cccccc;
	font-size: 10pt;
	color: #cccccc;
	padding: 15px 0px;
	margin-top: 0px;
	text-align:center;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#utility{
	color: #fff;
	position: absolute;
	top: 10px;
	right: 0px;
}

#utility a{
	color: #ddd;
}

#utility a:hover{
	text-decoration: underline;
}

#pageName{
	padding: 10px 0px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
	text-align:center;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #858D93;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px;
	margin: 0px;
}

#pagecell1 {
	position:relative;
	top:130px;
	width:450px;
	max-width:90%;
	margin:auto;
	background-color:#E0E0E0;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
}

.smallscreenLinks { 
	display: none;
}

@media screen and (max-width: 940px) {
	#horizontalIconsBar {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	#header a.logolink {
		float:none;
		margin-bottom: 2px;
	}
	#header p span {
		margin-top: 0;
	}
	#interface {
		margin-left: 0px;
	}
	#shortcuts { 
		display: none;
	}
	#formTable th, #formTable td {
		padding: 2px 5px;
	}
	.smallscreenLinks {
		display: block;
	}
	#pagecell1 {
		top:30px;
	}
}

@media screen and (max-width: 400px) {
	#horizontalMenuBar, #horizontalMenuBar ul {
		width: 100%;
		display: block;
		position: static;
	}
	#horizontalMenuBar li {
		width: 100%;
		position: static;
		text-align: center;
	}
	#horizontalMenuBar li li, #horizontalMenuBar li li a {
		background-color: #DDD;
	}
	.feature th, .feature td {
		display: block;
		height: auto;
		text-align: center;
	}	
}