html {font-size: 100%;}

body {font:0.82em Arial, Helvetica, sans-serif;
	margin:0;padding:0;
	line-height: 1.3em;
	color:#333; text-align:justify;
	background-color:#f2f2f2;
}
#ccc {display:none;}
	
.txt95 {font-size:.95em;}
.txt90 {font-size:.9em;}
.txt85 {font-size:.85em;}
.txt80 {font-size:.80em;}
.txt75 {font-size:.75em;}
.line1p2 {line-height:1.2em;}
.line1p25 {line-height:1.25em;}
.line1p3 {line-height:1.3em;}

.spaced {padding-right:20px;}
.spaced2 {padding-right:40px;}
.spaceg {padding-left:20px;}
.spacegd {padding-left:15px;padding-right:15px;}
.spaceg2 {padding-left:10px;}
.spacetobot {padding-top:10px;padding-bottom:10px;}


.separa {height:5px;border-bottom:#f90 3px dotted; margin:5px 0 10px 0;}
.trait {border-bottom:#666 1px dashed;}
.traitop {border-top:#666 1px dashed;}

p {margin:0;margin-bottom:1em;text-align:justify;}

h1 {font-size:1.6em;
    color:#fff;line-height: 1.15em; letter-spacing:-0.01em;
    padding:0px;margin:0px 0 10px 0;
}

a img {border:none}
a:link {color: #333;text-decoration:underline;}
a:hover {color:#333;text-decoration:none;}
a:visited {color:#333;}

.txtcoul {color:#741517;}

#step1 {width:100%;height:123px;background-color:#fff;}
#step1in {margin: 0px auto; width: 960px;height:123px;background-image:url(../images/header_logo.jpg); background-position: top left; background-repeat:no-repeat;}

#step4 {clear:both;width:100%;height:253px;background-color:#fff;}
/*#step4 {clear:both;width:100%;height:329px;background-color:#fff;border-top: 2px solid #1B8CDD;border-bottom: 2px solid #1B8CDD;}*/
#step4in {margin: 0px auto; width: 1300px;height:253px;/*background-color:#E1E1E1;*/}

#main {clear:both;width:100%; margin-top:18px;}
#main td {vertical-align:top;}
#mainin {margin: 0px auto; width: 1080px;}
#mainin #tdg {width: 175px;padding-right:25px;}
#mainin #princ {background-color:#fff;padding:10px 20px 10px 20px;}

.top {margin-top:15px;margin-bottom:15px;}

.listing {width:100%;background-color:#fff;border-collapse:collapse;}
.listing th {background-color:#ddd;color:#333;font-weight:bold;padding:14px;text-align:center;}
.listing td {padding:14px;border:1px solid #ddd;}
.listing .titre {color:#198CDD;font-weight:bold;line-height: 1.3em;}
.listing .titre a {color:#333;text-decoration:underline;}
.listing .titre a:hover {text-decoration:none;}

.prstitre {color:#036;font-size:1.1em;font-weight:bold;line-height: 1.2em;}
.prsdate {color:#666;line-height: 1.3em; font-family:"Times New Roman", Times, serif;font-size:1.1em;}
.prslien a {color:#00f;}
.prslien a:hover {color:#00f; text-decoration:none;}


#menucss {width:960px;height:33px;float:right;font-size:1.3em;padding-top:10px;}
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
  border: 0;
  line-height: 1;
  box-sizing: content-box; text-align:left;
}
#cssmenu {
  height: 33px;
  /*background: #fff;font-weight:bold;*/  
  width: 960px;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #fff;/*eaeaea*/
  color: #666;
  display: inline-block;
  line-height: 33px;
  padding: 0 13px;
  text-decoration: none;
  border-right: 1px solid #f2f2f2;/*c3c3c3*/
}
#cssmenu ul {
  list-style: none;position: absolute;right: 0%;z-index:10;
}
#cssmenu > ul {
  float: right;/*left*/
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li > a {
  color: #666;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #666;/*flèche#1B8CDD  fff*/
  margin-left: -7px;
}
#cssmenu > ul > li:first-child > a {
  /*border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;*/
}
#cssmenu > ul > li.active:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #666;/*flèche c3c3c3*/
  margin-left: -7px;
}
#cssmenu > ul > li.active > a {
  background: #f2f2f2;/*fff*/
}
#cssmenu > ul > li:hover > a {
  background: #f2f2f2;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 140px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #f2f2f2;/*eaeaea*/
  border-bottom: 1px solid #fff;
  filter: none;
  font-size: 0.85em;
  display: block;
  line-height: 120%;
  padding: 8px;
  color: #666;
}
#cssmenu .has-sub ul li:hover a {
  background: #666;color: #fff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #c3c3c3;
  border-bottom: 1px dotted #fff;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #0889a9;
}

.actu { width:280px;margin-bottom:11px;color:#333;}
.actu .date {color:#f90; font-size:1.1em;font-weight:bold;}
.actu2 {border-left: 4px solid #f90; padding-left:10px; margin-bottom:10px;}
.actu2 .titre {color:#f90; font-size:1.1em;font-weight:bold;}
.actu2 .date {color:#666; font-weight:bold; font-style:italic;}

#rub {width: 166px; background-color:#6DB7ED;padding:15px;}
.menu {
    list-style-type: none;
    margin: 3px 0 0 0px;
    padding: 3px 0 0 0px;
    font-size: 11px;}
.menu li {
    margin-bottom: 1px;padding-top: 3px;
    padding-bottom: 3px;
    color:#036;font-size:14px;border-bottom:1px dotted #036;font-weight: bold;}
.menu a { text-decoration:none;color: #036;}
.menu a:hover { text-decoration: none;color: #fff;}

/* médiathèque */
.tabmini td {width:100px; background-color:#333;color:#fefefe; line-height:14px;font-size:.90em; text-align: left;}
.tabmini img {border:1px solid #ccc;}
.img_mini{border:1px dotted #666} /* bordure pour la miniature */

#footer {clear:both;width:100%;height:215px;background-color:#e2e2e2;margin-top:10px;}
#footerin {
	margin: 0px auto; 
	width: 960px;font-size:0.95em;padding-top:25px;}
#footerin td {vertical-align:top;}

.liens a {color:#666;font-weight:100;text-decoration:underline;}
.liens a:hover {color:#666;text-decoration:none;}
.liens a:visited {color:#666;}

/* BESC login & registration */
#besc {
	width: 175px;
	font-weight: bold;
	color: #063264;
	background-color:#99CCFF;
	padding:10px;
	text-align: center;
}

#reg {
	padding:20px;
}

#reg_table input[type="text"] {
    width: 250px;
}
#reg_table select{
	width: 255px;
}

.validation_error{
	color: #FF0000;
}

.btn_login, .btn_register, .btn_submit_register{
	-moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
	-webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
	box-shadow: 0px 1px 0px 0px #f0f7fa;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
	background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
	background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0);
	background-color:#33bdef;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #057fd0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:2px 10px;
	margin-top: 20px;
	text-decoration:none;
	text-shadow:0px -1px 0px #5b6178;
}
.btn_login:hover, .btn_register:hover, .btn_submit_register:hover{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
	background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
	background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0);
	background-color:#019ad2;
}
.btn_login:active, .btn_register:active, .btn_submit_register:active{
	position:relative;
	top:1px;
}

.hidden { 
	display: none;
}

#buttons {
	width: 200px;
	margin-left: 0px;
	clear: both;
	text-align: center;
}