/***************************************  Site defaults ***************************************/html {   font-size: 100%}* {   padding: 0;   margin: 0;
   outline: none;}body {   background-image: url(images/fond.gif);   font-family: verdana, arial, helvetica, sans-serif;   font-size: .8em;   text-align: center;   color: #000000;}div#page {   width: 780px;   margin-left: auto;   margin-right: auto;   margin-top: 0;   margin-bottom: 0;   padding: 30px;   text-align:left;   background-image: url(images/page.gif);   background-repeat: repeat-y;}h1 {   font-family: arial, helvetica, sans-serif;	font-size: 1.5em;	margin-bottom: .7em;	color: #CE171E;}  h1 a {	color: #CE171E;   text-decoration: underline;}  h2 {   font-family: arial, helvetica, sans-serif;	font-size: 1.3em;	margin: 1em 0 0.7em 0;	color: #000000;}h2 a {	color: #000000;   text-decoration: underline;}  h3 {   font-family: arial, helvetica, sans-serif;	font-size: 1.2em;	margin: .8em 0 0.3em 0;	color: #7e0e12;}h3 a {	color: #7e0e12;   text-decoration: underline;}  h4 {   font-family: arial, helvetica, sans-serif;	font-size: 1.1em;	margin: .3em 0;	color: #000000;}h4 a {	color: #000000;   text-decoration: none;}  

div#nouvelles_accueil div h4 a {   color: #4E6877;} 

div#nouvelles_accueil div h4 a:hover {   color: #CE171E;
   text-decoration: underline;} p {    margin: .6em 0;}ul, ol, blockquote {   margin: 0 0 0 2em;}li {   margin: 0;}a, a.spip_out, a.spip_in {   color: #4E6877;   text-decoration: underline;}a:hover {   color: #CE171E;   text-decoration: underline;}

table {   width: auto;   margin: 0.5em 0;   color: #000000;   border: 1px solid #000000;   border-collapse: collapse;}table caption {	margin: .7em auto .3em 0;	color: #565656;	font-weight: bold;    text-align: left;}td, th {   padding: 0.1em 5px;   vertical-align: baseline;   text-align: center;   border: 1px solid #000000;   margin: 0;   max-width: 470px;}td {   text-align: left;;   padding: 1.5em 5px .2em 5px;   font-size: .8em;}thead, th {    font-weight: bold;	background-color: #698CA1;	color: #FFFFFF;	border: 1px solid #000000;	font-size: .9em;}
div#calendrier table {   width: auto;   margin: 0.5em 0;   color: #000000;   border: 1px solid #000000;   border-collapse: collapse;}div#calendrier table caption {	margin: .7em auto .3em 0;	color: #565656;	font-weight: bold;    text-align: left;}

div#calendrier table caption a {
	text-decoration: none;
}div#calendrier td, 
div#calendrier th {   padding: 0.1em 0;   vertical-align: baseline;   text-align: center;   border: 1px solid #000000;   margin: 0;   width : 72px;}div#calendrier td {   text-align: right;   padding: 1.5em 5px .2em 0;   font-size: .8em;}div#calendrier thead, 
div#calendrier th {    font-weight: bold;	background-color: #698CA1;	color: #FFFFFF;	border: 1px solid #000000;	font-size: .9em;}.hide {   display: none;}/*************************************** Some predefined classes for the content,  accessible by the RTE ***************************************/ /* paragraphs */ p.bodytext{} p.citation {   padding: .7em 0;   font-style: italic;   font-size: 1.05em;	font-family: arial, helvetica, verdana, sans-serif;} p.note {   padding: .7em 1em;   font-family: arial, helvetica, verdana, sans-serif;   background-color: #E0E0E0;	font-size: 1em;}/* images */img.float_left {   float: left;   padding: 10px 10px 10px 0;}img.float_right {   float: right;   padding: 10px 0 10px 10px;}/* tables */table.tableauInvisible {   border-style: none;}table.tableauInvisible thead, table.tableauInvisible th {   background-color: none;}table.tableauInvisible th, table.tableauInvisible td {   border-width: 0;} /***************************************  Structural divisions  ***************************************/
 
/* -------------------------------------  themes section  -------------------------------------*/div#themes {   text-align: right;
   position: absolute;
   top: 5px;
   width: 780px;
}
 /* -------------------------------------  header section  -------------------------------------*/div#header {   width: 780px;   background-color: #698CA1;   height: 190px;   margin-bottom: 20px;}div#header img {	float: left;}/* -------------------------------------  Columns containers  -------------------------------------*/div#columns_container{    width:780px;}/* -------------------------------------  Menu  -------------------------------------*/div#menu {    font-size: 1.1em;    width: 250px;    float: left;	margin-right: 20px;}div.boutons {    margin-bottom: 15px;}div.boutons li {    margin: 0;    list-style: none;}
div.boutons ul.menu_princ li a {    display: block;    padding: .5em 5px .5em 10px;    margin-bottom: 5px;	background-color: #CE171E;    color: #FFFFFF;    font-size: .95em;    font-weight: bold;    text-decoration: none;}

div.boutons ul.menu_princ li a:hover {    background-color: #698CA1;
    color: #FFFFFF;}

div.boutons ul.menu_princ li.active a.lien_princ,
div.boutons ul.menu_princ li.active a.lien_princ:hover {	background-color: #000000;	margin: 0;	color: #FFFFFF;}	

div.boutons ul.menu_princ {
	border: none;
}
div.boutons ul {    margin: 0 0 5px 0;	border: solid 1px #000000;}div.boutons ul.menu_princ ul li a {	background-color: #FFFFFF;	color: #000000;	font-size: .8em;	margin: 0;}div.boutons ul ul li a.selected,
div.boutons ul ul li a.selected:hover {	background-color: #b4c6d0;	color: #FFFFFF;}
div#sondage {	background-color: #b4c6d0;	padding-bottom: .7em;}div#sondage h5 {    padding: .5em 5px .5em 10px;    color: #000000;    font-size: .95em;    font-weight: bold;}div#sondage p {    padding: .5em 5px .5em 10px;    color: #000000;    font-size: .8em;
    margin: 0;}div#sondage label {    padding-left: 10px;}
div#sondage ul {    margin-left: 10px;}
div#sondage li {    list-style: none;
    font-size: .8em;
    font-weight: bold;}/* -------------------------------------  content area  -------------------------------------*//* nouvelles accueil */div#nouvelles_accueil {    margin-bottom: 2em;	width: 510px;	float: left;}div#nouvelles_accueil h3 {    font-size: .9em;    margin: 1em 0 .1em 0;}div#nouvelles_accueil p {   margin: .2em 0;}div#nouvelles_accueil a {    font-weight: bold;}div#calendrier {    margin-bottom: 2em;	width: 510px;	float: left;}div#calendrier table {	width: 510px;}td.occupe {	background-color: #b4c6d0;}

td.estrie {
	background: #B4C6D0 url(images/shoe.gif) no-repeat;
	background-position: 20px 7px;
}

td.autre {
	background: #B4C6D0 url(images/note.gif) no-repeat;
	background-position: 20px 7px;
}

td.horsperiode {	color: #E0E0E0;}div#calendrier td a.hover {	background-color: #000000;}div#calendrier td img {   float: left;   padding-left: 15px;   padding-bottom: .3em;}p.legende {	font-size: .8em;}p.legende img{	padding: 0 .5em;}/* contenu navigation */div#content {	width: 510px;	float: left;}div#content img {	padding-top: 30px;}

/* Infolettre */

#content form dl {	margin: 5px 0;
}

#content form dl dt {	clear:left;	float:left;	width:80px;
}/* -------------------------------------  footer  -------------------------------------*/div#footer {   width: 780px;   padding: 10px 0px;   margin: 30px 0 0 0;   font-size: 0.85em;   text-align: left;   border-top: 1px solid #E6E6E6;}div#footer a {   padding: 0 0.5em 0 .5em;   font-weight: normal;   border-left:solid #000000 1px;   text-decoration: none;}div#footer a:hover {	background-color: #E0E0E0;}div#footer span {   display: inline;   border-right: solid #565656 2px;   border-left: solid #565656 2px;}div#footer span a:first-child {   border-left-width : 0;}/***************************************  Special stuff (IE fixes) ***************************************//* Clearfix hack */.clearfix:after {   content: ".";   display: block;   height: 0;   clear: both;   visibility: hidden;}/* Fix for IE Mac */.clearfix {   display: inline-block;}/* Fix for IE6 Win */* html .clearfix {   height: 1%;}.clearfix {   display: block;}