/* CSS Document */

/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body{
  background: #E2E7ED url(../images/fondSite.jpg) repeat-x 0 0px;
}

div#site {
	width: 290px;
	background: #fff url(../images/degrade.png) no-repeat 14px 159px;
	position: relative;
	border : 1px solid #a3adb8;
	margin : 0px auto 7px auto ;
}

* html div#site {
	padding-bottom:0px;
}

div#header {
	background: #fff url(../images/header.jpg) no-repeat ;
	height: 140px;
	border-bottom: 1px solid #fff;
	position: relative;
}

div#header div#anim{
    padding-top:14px;
    margin-left:14px;
    display: none;
}

div#header h2 {
	position: absolute;
	width: 290px;
	height: 140px;
	overflow: hidden;
}

div#header h2 a {
	text-decoration: none;
	text-indent: -5000px;
	display: block;
	width: 300px;
	height: 200px;
}

div.visualClear {
	clear: both;
	/*height: 1px;*/
}
div.visualClear hr {
	display: none;
}

div#print{
	display: none;
}

a{
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

h3  a{
	text-decoration: none;
}

h3 a:hover{
	text-decoration: underline;
}
.oblig{
	color: red;
	}
/*----------------------------------------------------------------------------*/

ul#outilsZoom{
  float:right;
  display:inline;
  margin:0px;
  margin:0px;
  
}
ul#outilsZoom li{
  margin: 0;
  padding:0;
  border:none;
  background: none;
  display:inline;
}

ul#outilsZoom li a{
  width:16px;
  height:11px;
  display:inline;
  float:left;
}
a#zoomMoins{
  margin-right:7px;
  background: url(../images/zoomMoins.gif) no-repeat 0 0;
}
a#zoomPlus{
  background: url(../images/zoomPlus.gif) no-repeat 0 0;
}

a#zoomMoins:hover, a#zoomPlus:hover{
  background-position: 0 100%;
}

ul#outilsZoom li a span{
  display:none;
}
ul#outilsZoom li a#envoyerAmi{
  width:14px;
 }
a#envoyerAmi{
  margin-right:7px;
  margin-left:7px;
  background: url(../images/envoyerAmi.gif) no-repeat 0;
}
a#imprimer{
  background: url(../images/imprimer.gif) no-repeat 0 2px;
}
a#envoyerAmi:hover, a#imprimer:hover{
  background-position: 100% 0;
}


/*----------------------------------------------------------------------------*/
acronym {
	cursor:help;
	border-bottom:1px dotted #D28442;
}
body, h6{
  font-family:Arial, Helvetica, sans-serif ;
  font-size:11px;
  color:#6A7F8D;
}

a{
  text-decoration: underline;
  color:#6A7F8D;
}
a:hover{
  text-decoration: none;
}
a img{
  border:none;
}
div#contenu h3{
  background:#EEE;
  color:#888;
  font-family:Arial, Helvetica, sans-serif ;
  font-size:12px;
  margin-top:18px;
  padding-left:5px;
  margin-bottom:14px;
}

div#contenu h2{
  color:#8BC640;
  background: url(../images/puceTitre.gif) no-repeat 0 2px;
  padding-left : 17px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin-top:20px;
  margin-bottom:8px;
  margin-left:20px;
  font-weight: bold;
}
div#contenu h4{
  font-size:11px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  color:grey;
  font-weight:bold;
  margin-top:4px;
  margin-bottom:4px;
  padding-left:8px;
  text-decoration:none;
  border-left: 3px solid #8BC640;
}
div#contenu h5{
  font-size:11px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  color: #8BC640;
  font-weight: bold;
  margin-top:4px;
  margin-bottom:4px;
}
div#article ul {
  margin-left:9px;
  margin-bottom:16px;
}
div#article ul li{
  list-style-type: none;
  list-style-position: outside;
  padding-left:10px;
  line-height:16px;
  background: url(../images/puce.gif) no-repeat  0px 6px;
}

div#contenu div#article p, div#contenu div#article  h6 {
  font-family:Arial, Helvetica, sans-serif ;
  font-size:11px;
  color:#888;
  line-height:18px;
  font-weight:normal;
  width:270px;
}



img.right,div#contenu div#article img.right {
  float:right;
  margin-left:13px;
}

div#contenu div#article img {
  display:inline;
  border:1px solid #A5ACA8;
  padding:1px;  
}

img.signature {
  float:right;
  display:inline;
  margin-left:13px;
  padding:1px;
}
img.left,div#contenu div#article  img.left{
  float:left;
  margin-right:13px;
}


fieldset{
	margin : 0;
	padding : 0;
	border: 0;
	}
input, select{
   border: 1px solid #ddd;
   color:#000;
   height: 20px;
   font-size:11px;
}
input.case{
	border: 0px;
	background: transparent;
	font-size:11px;
}
input.submit, input.inscrire, input.valider{
    background: #fff ;
    color:#D3005F;
    height: 20px;
    border:1px solid #DEE3E7;
    font-size:11px;
    font-family: Verdana, Arial, sans-serif;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.justify{
	text-align: justify;
}
/*----------------------------------------------------------------------------*/
table{
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-spacing: 0px;
    border-collapse:collapse;
}
table thead tr{
   background: #E2E6D7;
   color: #888;
}
table .lignetableau1{
}
table caption{
   background: #E2DCC6;
   color: #66766C;
   text-align: center;
   border-bottom: 1px solid #66766C;
}
table td, table th{
    padding: 2px;
    border: 1px solid #DDD;
    text-align: left;
}
table.lexique td{
	width: 20px;
	text-align: center;
}
label{
	padding: 0;
	margin: 0;
	padding-right: 5px;
}
div.lignetableau1, div.lignetableau2{
	display: block;
	width: 100%;
	clear: both;
	border-bottom: 5px solid #fff;
}
div.lignetableau1{
	background: #F5F3EB;
   	color: #66766C;
}

/*----------------------------------------------------------------------------*/




body.pageAccueil div#colonneGauche{
  width:290px;
  float:left;
  display:inline;
}

body.pageAccueil div#colonneDroite{
  width:290px;
  /*height:438px;*/
  /*height : 408px;*/
  float:left;
  display:inline;
  background: #fff;
}

/*----------------------------------------------------------------------------*/

h3.titre{
  color:#6A7F8D;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

/*----------------------------------------------------------------------------*/
div#webtv{
/*
  margin-top:6px;
  margin-left:14px;
  padding-left:6px;
  */
  display: none;
}
div#player{

  display: none;
}
div#playerFlash{
  /*background:url(../images/fondPlayer.png) no-repeat 0 100%;*/
  width:340px;
  height:250px;
  padding-top:5px;
  clear:both;
}
div#webtv h3{
  width:150px;
  float:left;
}
div#webtv a{
  float:left;
  display:inline;
  color:#6A7F8D;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: underline;
  margin-top:4px;
  margin-left:45px;
}
div#webtv a:hover{
  text-decoration: none;
}
/*-----------------------------------------------------------------------------*/

div#basGauche{
  margin-left:0px;
  margin-top:0px;
}

/*-----------------------------------------------------------------------------*/
div#agenda
{
	width:290px;
	height:95px;
	float:left;
	display:inline;
	background: url(../images/actus.jpg) repeat-x left bottom;
}


div#agenda p a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display:block;
	line-height:13px;
}

div#agenda a:hover{
  text-decoration: underline;
}
div#agenda h3
{
  margin:0;
  padding:0;
  margin-bottom:3px;
  margin-left:3px;


}
div#agenda p
{
	width:250px;
	height:70px;
	margin:0;
	padding:0;
	margin-left:35px;
}

*html div#agenda p
{
	margin-left : 8px;
}

ul.calend, ul.calend li
{
	list-style-position: outside;
	list-style-type: none;
}
ul.calend 
{
	width:28px;
	height:45px;
	text-align: center;
	float:left;
	display:inline;
}

ul.calend li span.date
{
	color:#90C500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}
ul.calend li acronym
{
	color:#6A7F8D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	position:relative;
	top:-5px;
	left:3px;
	border:none;
	text-decoration: none;
	cursor:help;
	border-bottom:1px solid #6A7F8D;
}
ul.calend li.annee{
  color:#6A7F8D;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  position:relative;
  top:-6px;
   text-decoration: none;
}

div.agendadet{
  margin-left:10px;
  display:inline;
  height:50px;
}

html>body div.agendadet{
 float : left;
}

* html div.agendadet{
 clear:both;
}


div.agendadet p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width:120px;
  float:left;
  display:inline;
  margin-left:13px;
  line-height: 12px;
  margin-top:0;
}
div.agendadet a.lienSpe{
  color:#E63E97;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  display:block;
  width:64px;
  height:11px;
  float:right;
  display:inline;
  margin-top:7px;
  margin-right:18px;
  margin-bottom:10px;
}
div.agendadet a.lienSpe:hover{
  text-decoration: underline;
}

div.agendadet a{
 text-decoration: none;
}




/*----------------------------------------------------------------------------*/
div#actualites{
  width:165px;
  height:96px;
  background: url(../images/agendaf.jpg) no-repeat 0 0;
  float:left;
  margin-top:4px;
  padding-top:4px;
  margin-left:0px;
}

div#actualites img{
float:left;
display:inline;
margin-right:4px;
margin-left:2px;
}


* html div#actualites{
  top:-1px;
  position:relative;
  padding-left:5px;
}

body.pageAccueil div#actualites h3{
  margin-left:10px;
  margin-bottom:2px;
  color:#FFF;
}
body.pageAccueil div#actualites p{
  color:#FFF;
}
body.pageAccueil div#actualites p a {
  color:#FFF;
  text-decoration:none;
}
body.pageAccueil div#actualites p a:hover {
  color:#FFF;
  text-decoration:underline;
}

/*----------------------------------------------------------------------------*/
div#colonneDroite div#smenu{
   /* background: #fff url(../images/choixPrintemps.jpg) no-repeat 0px 0; */
   display:inline;
   position:relative;
   float:left;
   width:290px;
}

div#colonneDroite div.colonne{
  width:290px;
  float:left;
  display:inline;
  padding:0px 0px 10px 0px;
}

* html div#colonneDroite div.colonne{
height:280px;
}

html div#colonneDroite div.colonne img 
{
	float : left;
	margin : 1px 5px 2px 1px;
}

div#colonneDroite div.colonne#colonne1{
  /*margin-left:15px;*/
}
div#colonneDroite div.colonne#colonne3{
  margin-right:0;
}

div#colonneDroite div.colonne h3{
  width:156px;
  height:131px;
  color:#fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight:normal;
  margin:0px 0px 0px 0px;
  line-height:21px;
  float:left;

}

div#colonneDroite div.colonne a{
text-decoration:none;
}

div#colonneDroite div.colonne a:hover{
text-decoration:underline;
}

div#colonneDroite div.colonne h3 span{
   font-weight:normal;
   display:block;
   padding-left:4px;
   padding-top:2px;
    color:#FFF;
}

div#colonneDroite div.colonne h3  a span{
text-decoration:none;
}

div#colonneDroite div.colonne h3  a:hover span{
text-decoration:underline;
}

div#colonneDroite div.colonne#colonne1 h3{
  background:  url(../images/colonne1.jpg) no-repeat 0 0;
}
div#colonneDroite div.colonne#colonne2 h3{
  background:  url(../images/colonne2.jpg) no-repeat 0 0;
}
div#colonneDroite div.colonne#colonne3 h3{
  background:  url(../images/colonne3.jpg) no-repeat 0 0;
}




div#colonneDroite div.colonne ul, div#colonneDroite div.colonne ul li{
  list-style-position: outside;
  list-style-type: none;
}

div.colonne a.lienSpeBienv1, div.colonne a.lienSpeBienv2, div.colonne a.lienSpeBienv3{
  color:#fff;
  text-align: right;
  margin-right:13px;
  margin-top:5px;
  margin-bottom:15px;
  display:block;
}
div.colonne span.pointille{
  color:#fff;
  margin-left:10px;
  font-weight: bold;
}

div#colonneDroite div.colonne ul{
  margin:7px 9px 0 11px;
}
div#colonneDroite div.colonne ul li{
  display:inline;
  margin: 0;
  padding: 0;
}
div#colonneDroite div.colonne ul li a{
  color:#fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  line-height:12px;
  display:block;
  padding-bottom:5px;
  border-bottom:1px solid #C4E39F;
  margin-bottom:5px;
}
div#colonneDroite div.colonne ul li a.last{
  padding-bottom:0;
  border:none;
  margin-bottom:0;
}
div#colonneDroite div.colonne ul li a:hover{
  text-decoration: underline;
}
div#colonneDroite div.colonne p{
 /* background:  url(../images/angleColonne.gif) no-repeat 0 100%; */
  margin: 0;
  padding: 0;
}

div#colonneDroite div.colonne p.sous{
 /* background:  url(../images/angleColonne.gif) no-repeat 0 100%; */
  margin: 0;
  font-size:10px;
  padding:3px 0px 10px 2px;
  height:45px;
  width:132px;
  float:right;

}

div#colonneDroite div.colonne p a.lienSpe{
  color:#fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: underline;
  float:right;
  display:inline;
  margin-right:13px;
}
div#colonneDroite div.colonne p a.lienSpe:hover{
  text-decoration: none;
}

  
/*----------------------------------------------------------------------------*/

div#basdroite{

  width:290px;
  clear:both;
}

*+html div#basdroite{
/* top:31px;*/
}

div#basdroite div#tresor, div#basdroite div#publicite
{
	width:280px;
	_width: 290px;
	padding:5px 5px 5px 5px;
	background: url(../images/agendaf.jpg) repeat-x 0 0;
	float:left;
	display:inline;
	font-size: 12px;
}

div#basdroite div#tresor img, div#basdroite div#publicite img
{
	/*margin: 1px;*/
	display:none;
}

div#basdroite div#tresor h4, div#basdroite div#publicite h4
{
	font-size: 15px;
	margin-bottom: 3px;
	margin-top:2px;
}

div#basdroite div#publicite h4 a {text-decoration:none;}
div#basdroite div#publicite h4 a:hover {text-decoration:underline;}


div#basdroite div#souscolonneD{
    float:left;
    width:290px;
}

div#basdroite div#organisme
{
	width:280px;
	background:#a6b3be;
	padding:5px 5px 5px 5px;
    margin:1px 0px 1px 0px;
	color:#FFF;
}

div#basdroite div#organisme h3
{
	margin-top:0px;
}

div#basdroite div#organisme h3 a
{
	margin-top:0px;
	color : #fff;
}

div#basdroite div#organisme p
{
	width : 270px;
	_width : 250px;
}

div#basdroite div#organisme p a 
{
	color : #fff;
	text-decoration : none;
}

div#basdroite div#organisme p a:hover
{
	text-decoration : underline;
}

div#basdroite div#meteo
{
	width:280px;
	height : 25px;
	padding:5px 5px 5px 5px;
	margin:0px 0px 0px 0px;
	background:  url(../images/fondorga.jpg) repeat-x 0 0;
}

div#basdroite div#meteo img 
{
	float : left;
	margin-right : 5px;
	position : relative;
	top : -3px;
}

div#basdroite div#meteo h3 span 
{
	font-size : 11px;
	font-style : italic;
	font-weight : normal;
	margin-left : 5px;
}

div#basdroite img{
  float:left;
  display:inline;
  margin-left:7px;
}
div#basdroite h3{
  margin-bottom:2px;
}

div#basdroite h3 a{
text-decoration: none;
}

div#basdroite p{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;

  line-height: 13px;
  margin-right:50px;
}
div#basdroite a.lienSpe{
  text-decoration: underline;

  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  float:right;
  display:inline;
  margin-right:18px;
  margin-top:0px;
}
div#basdroite a.lienSpe:hover{
  text-decoration: none;
}

/*----------------------------------------------------------------------------*/



div#footer {
	clear:both;
	width:290px;
	margin:auto;

	padding:0px;
	/*height:20px;*/
}
div#footer ul{
  margin-top:0px;
  padding:0px;
  margin-left:15px;
}
div#footer ul, div#footer li{
  list-style-position: outside;
  list-style-type: none;
  background: none;
}
div#footer li{
  display:inline;
}
div#footer li a, div#footer li span{
  /* float:left;
  background: url(../images/sepFooter.gif) no-repeat 100% 2px
  */
  display:block;
  padding-right:7px;
  margin-right:7px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color:#808285;
  text-decoration: none;
}
div#footer li a:hover{
  text-decoration: underline;
}

div#footer li a#noe{
  float:right;
  display:inline;
  padding-right:0;
  margin-right:15px;
  background: none;
}

/*----------------------------------------------------------------------------*/
div#menu{
  width:290px;
  background: #DEE3E7 url(../images/colonne.jpg) repeat-x 0 0;
  float:left;
  display:inline;
  margin:0px 0px 0px 0px;
 
}

div#menu ul, div#menu ul li{
  list-style-type: none;
  list-style-position: outside;
}
div#menu ul{
  padding: 0px;
  padding-right: 10px;
  margin-top:10px;
  margin-bottom:5px;
}
div#menu ul li{
  padding:0px;
  margin:0px;
  display:inline;


}
div#menu ul li a{
    padding:0px;
    margin:0px;
    color:#6A7F8D;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-decoration: none;
    line-height:13px;
    display:block;
    padding-bottom:5px;
    margin-bottom:5px;
    padding-left:15px;
}
div#menu ul li a:hover{
  text-decoration: underline;
}
div#menu ul li a.select{
 	font-weight: bold;
	background: url(../images/puceMenu.gif) no-repeat 5px 5px;
	margin-bottom:0px;
}

div#menu ul li ul li a.select{
 	font-weight: bold;
	background: url(../images/puceblanc.gif) no-repeat 2px 2px;
	margin-bottom:0px;
}
div#menu ul li ul li ul{
width:139px;
margin-bottom:0px;
padding-top:8px;
}

div#menu ul li ul {
  padding:0px;
  margin:0px;
  padding-bottom:10px;
  /*background: url(../images/fondulul.jpg) no-repeat 0 0;*/
  position:relative;
  margin-left:1px;
  margin-right:-9px;
  margin-bottom:6px;
  padding-top:8px;
  padding-left:12px;
}

div#menu ul li ul li a{
	padding:0px;
  margin:0px;
  border:none;
  color:#FFF;
  padding-bottom:2px;
  margin-bottom:6px;
  margin-top:6px;
  padding-left:15px;
  line-height:12px;
  background: url(../images/traitMenu.gif) no-repeat 0 0;
}


/*----------------------------------------------------------------------------*/
div#pratique{
  width:290px;
  background: #DEE3E7 repeat-x 0 0;
  float:left;
  display:inline;
}

div#pratique ul, div#pratique ul li, div#pratique ul li ul{
  list-style-type: none;
  list-style-position: outside;
}
div#pratique ul {
  padding: 0px;
  margin: 0px;
}
div#pratique ul li{ 
  	padding:0px;
  	margin:0px;
  	border-bottom:1px solid #D2D2D2;
    border-top:1px solid #FFFFFF;
  }
div#pratique ul li ul li{ 
  	display:block;
    background:#F7F7F7;
  	padding:0px 0px 0px 5px;
}
div#pratique ul li a{
  padding:0px 0px 5px 15px;
  margin:0px;
  color:#6A7F8D;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none;
  line-height:13px;
  display:block;
}
div#pratique ul li a:hover{
  text-decoration: underline;
  background:#F7F7F7;
}
div#pratique ul li a.select{
 	font-weight: bold;
	background: url(../images/puceMenu.gif) no-repeat 5px 5px;
	margin-bottom:0px;
}

div#pratique ul li ul li a.select{
 	font-weight: bolder;
	background: url(../images/puceblanc.gif) no-repeat 2px 2px;
	margin-bottom:0px;
	color:#000;
}
div#pratique ul li ul li ul li ul{
	width:139px;
	margin-bottom:0px;
	padding-top:8px;
}

div#pratique ul li ul li ul{

    padding:8px 0px 10px 0px;
    margin:0px 0px 0px 0px;
    position:relative;
}
div#pratique ul li ul li ul li{

    padding:0px 0px 0px 5px;
    margin:0px 0px 0px 0px;
    border:0px;
}

div#pratique ul li ul li li ul a{
    padding:0px;
    margin:0px;
    border:none;
    /*color:#FFF;*/
    padding-bottom:2px;
    margin-bottom:6px;
    margin-top:6px;
    padding-left:15px;
    line-height:12px;
}


/*----------------------------------------------------------------------------*/

div#contenu{
  width:280px;
  padding:0px 5px;
  min-height:190px;
  float:left;
  display:inline;
  font-family:Arial, Helvetica, sans-serif ;
  font-size:11px;
  line-height:18px;
  text-align: justify;
  color:#888888;
}
div#contenu.contenuJeux{
	width: 724px;
}
div#article{
	padding: 0px 0px;
	margin: 0px;
}
p#chemin {
  font-family:Arial, Helvetica, sans-serif ;
  font-size:10px;
  color:#888888;
  margin-top:5px;
  text-align: left;
  margin-left:2px;
}
p#chemin a{
  text-decoration: underline;
  color:#DB4A97;
}
p#chemin a:hover{
  text-decoration: none;
}

h1{
  font-family:Arial, Helvetica, sans-serif ;
  font-size: 18px;
  color:#E63E97;
  font-weight: normal;
  margin-top:10px;
  text-align: left;
  line-height:24px;
}



/*----------------------------------------------------------------------------*/

div#listDroite{
    margin:15px 0px 0px 0px;
    padding:0px;
    width:290px;
    /*min-height:354px;*/
    float:left;
    display:inline;
}
* html div#listDroite{
    min-height:354px;
}

div#listDroite object{
/*
    margin-top:5px;
    margin-left:10px;
    */
    display:none;
}

div#listDroite ul, div#listDroite ul li{
    margin:0px;
    padding:0px;
    list-style-position: outside;
    list-style-type: none;
    display:inline;
}
div#listDroite ul li a{

  font-family:Arial, Helvetica, sans-serif ;
  font-size:13px;
  font-weight: bold;
  text-decoration: none;
  padding-left:9px;
  padding-top:5px;
  padding-bottom:9px;
  margin-bottom:3px;
  display:block;
  
}
div#listDroite ul li a:hover{
  text-decoration: underline;
}


div#listDroite ul li a#decouvrir, div#listDroite ul li a#vivre, div#listDroite ul li a#creer{
  padding-left:9px;
  font-size:15px;
}



div#listDroite ul li a#decouvrir{
  background: url(../images/decouvrir.jpg) no-repeat 0 0;

}
div#listDroite ul li a#vivre{
  background: url(../images/vivre.jpg) no-repeat 0 0;
}
div#listDroite ul li a#creer{
  background: url(../images/creer.jpg) no-repeat 0 0;
}
div#listDroite ul li a#decouvrir:hover, div#listDroite ul li a#decouvrir.select{
  background: url(../images/decouvrirhover.jpg) no-repeat 0 0;
  text-decoration:none;
  color:#FFF;
}
div#listDroite ul li a#vivre:hover, div#listDroite ul li a#vivre.select{
  background: url(../images/vivrehover.jpg) no-repeat 0 0;
  text-decoration:none;
  color:#FFF;
}
div#listDroite ul li a#creer:hover, div#listDroite ul li a#creer.select{
  background: url(../images/creerhover.jpg) no-repeat 0 0;
  text-decoration:none;
  color:#FFF;
}

div#listDroite ul li a.autre{
background: #F0F2F4 url(../images/listdroitautre.jpg) repeat-x 0 100%;
margin-bottom:0px;
min-height:15px;
padding-top:6px;
border-top:1px solid #FFF;
}
* html div#listDroite ul li a.autre{
height:15px;
}


div#listDroite ul li a.autre#tresor img{
margin-left:-4px;
margin-bottom:-6px;
margin-top:5px;
}



div#listDroite ul li a.autrepub{
    background: #F0F2F4 url(../images/listdroitautre.jpg) repeat-x 0 100%;
    margin-bottom:0px;
    min-height:15px;
    padding-top:6px;
    border-top:1px solid #FFF;
    font-weight:normal;
    font-size:11px;
}

* html div#listDroite ul li a.autrepub{
height:15px;
}



div#listDroite ul li a.autrepub#pub img{
    margin:0px;
    padding:0px;
    float:left;
}

/*----------------------------------------------------------------------------*/
div#blocThema{
  float:left;
  color:#6A7F8D;
  text-align:left;
  margin-top:10px;
 
}

div#blocThema div#sanspub{
 border:1px solid #E63E97;
 padding:0px;
 /*float:left;*/
 }

div#blocThema div#agenda{
  float:left;
  width:180px;
  display:inline;
  background:none;
  border:1px solid red;
}
div#blocThema div#agenda a{
color:#AAA;
}


div#blocThema div#agenda p{
  text-align: left;
  padding-right:5px;
  float:left;
  
}
div#blocThema div#agenda img{
  width:100px;
  height:40px;
}



div#blocThema div.agendadet{
  margin:0;
  /*height:110px;*/
  height:auto ;
  width:270px;
  float:left;
  padding-left:5px;
  padding-right:5px;
  margin-top:5px;
  margin-bottom:5px;
  border-left:1px solid green; 
}

div#blocThema div#sanspub div.agendadet h4{
background: none;
border:none;
margin:0;
padding:0;
margin-left:12px;
}


div#blocThema h3.titre{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  background: none;
  padding:0;
  margin:0;
  margin-bottom:2px;

}

div#blocThema div#actualites{
  float:left;
  /*height:110px;*/
  height: auto ;
  display:inline;
  padding:0;
  background: none;
  margin:0px;
  width:270px;
  padding-left:5px;
  padding-right:5px;
  margin-top:5px;
  margin-bottom:5px;
  line-height:12px;
}

div#blocThema div#actualites ul.calend, div#blocThema div#agendadet ul.calend li{
  list-style-position: outside;
  list-style-type: none;
  padding:0;
  margin:0;
  background: none;
}


div#blocThema div#actualites{
text-align:left;
}
div#blocThema div#actualites a{
text-decoration:none;
}

div#blocThema div#actualites h3.titre{
margin-top:3px;
color:#6A7F8D;
}









div#blocThema div#agendadet ul.calend{
  margin-top:10px;
  margin-left:10px;
}
div#blocThema div#agendadet h4{
  border:none;
  padding:0;
  text-decoration: none;
  margin-left:10px;
}
div#blocThema div#agendadet p{
  text-align: left;
  margin-left:10px;
}
div#blocThema div#pub{
	padding-left: 2px;
	padding-right: 2px;
 	margin-left: 5px;
  	display:inline;
  	float:right;
  	width: 180px;
  	border: 1px solid #ededed;
  	
}
div#blocThema div#pub p{
	padding: 0;
	margin : 0;
	float:left;
}

div#blocThema div#pub span{
	padding: 0;
	margin : 0;
	float:left;
    text-decoration : none;
    color:#888888;
    font-size:11px;
    cursor : pointer;    
}
div#blocThema div#pub img{
  float:left;
  display:inline;
}


div#rechercheBlock{
  width:167px;
  height:28px;
  background: url(../images/recherche.jpg) no-repeat 0 0;
  display:block;
}

div#rechercheBlock input#recherche{
  background: none;
  border:none;
  color:#5A5A5C;
  font-family:Arial, Helvetica, sans-serif ;
  font-size:10px;
  width:113px;
  height:16px;
  margin-left:25px;
  top:3px;
  position:relative;
}
div#rechercheBlock input#recherche_submit{
  background: none;
  border:none;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif ;
  font-size:11px;
  font-weight: bold;
  top:3px;
  left:3px;
  position:relative;

}
div#rechercheBlock fieldset{
  border:none;
}


div#colonneDroite div#footersmenu a.lienSpeBienv1 {
	color: #FFF;
	margin-left: 35px;
}
div#colonneDroite div#footersmenu a.lienSpeBienv2 {
	color: #FFF;
	margin-left: 73px;
}
div#colonneDroite div#footersmenu a.lienSpeBienv3 {
	color: #FFF;
	margin-left: 79px;
}


div#article div.evenement
{
  clear:both;
  padding-bottom:10px;
  margin-bottom:10px;
  min-height:170px;
  margin-top:10px;
}

div#article div.evenement ul.calend li
{
	list-style-position: outside;
	list-style-type: none;
	background: none;
	padding:0;
}

div#article div.evenement ul.calend
{
	float:left;
	display:inline;
	margin-top:15px;
}

div#article div.evenement p
{
	float:left;
	padding:0px 5px;
}

div#article div.evenement img
{
	float:right;
	margin-top:20px;
}

* html div#article div.evenement p
{
	height:60px;
}

div.rss{
  margin-top:15px;
}

div#contenu div#article div.rss img{
    border:0px;
}

div#contenu div#article div.flux img{
    border:0px;
    vertical-align: middle;
}

div.actu{
  margin:0px;
}

div.actu img{
float:left;
margin-right:5px;
}

hr{
  visibility:hidden;
}

/*------------------------------------pagination------------------------------*/

div#pagination{
    padding-bottom:5px;
    margin-top:10px;
    clear: both;
    height:20px;
}
div.rechercheDiv{
  border-bottom:1px solid #ddd;
  padding-bottom:10px;
}
div.rechercheDiv b{
  color:#000;
}
div#pagination ul{
  	float: right;
    margin:0;
    padding:0;
}
div#pagination ul li{
    list-style-type:none;
    display:inline;
    background: none ;
    padding:0;
    margin:0;
}
div#pagination ul li a, div#pagination ul li strong{
    display:inline;
    float:left;
    background: none;
    padding:0;
    margin:0;
    color:#6E6E6E;
    margin-right:10px;
}

div#pagination ul li strong{
    color:#6E6E6E;
}

form.classicForm
{
	margin : 30px 0;
}

form.classicForm label{
    width:150px;
    display:block;
    float:left;
    white-space: nowrap;

}
form.classicForm input, form#contactForm textarea{
    display:block;
    float:left;
}
form.classicForm div{
    border-bottom:1px solid #DFDFDF;
    width:100%;
    margin-bottom:2px;
    float:left;
    padding: 3px 0;
}
form.classicForm input{
	
	background: #f9f9f9;
	border:1px solid #bbb;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    padding:0 2px;
    color:#555;
}
form.classicForm textarea{
    background: #f9f9f9;
    border:1px solid #bbb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding:0 2px;
    color:#555;
    overflow:auto;
}
form.classicForm div.cnil{
	margin-top: 10px;
	margin-bottom: 10px;
}
form.classicForm div.cnil input.case{
	border: 0px;
	background: transparent;
}

form.classicForm input.valider{
    background: #F1EEE7 ;
    color:#555;
    height: 20px;
    border:1px outset #809617;
    font-size:11px;
    font-family: Verdana, Arial, sans-serif;
    float: right;
    padding:0 10px;

}

form.classicForm input.case#diffusion{
  margin-right:5px;
}

form.classicForm div img{
    border:0;
    padding:0;
}

form.classicForm div label span.oblig{
    color : #f00;
}

/** Messages d'erreur **/
span.messageErreur
{
    margin-left:150px;
    display:block;
    clear : both;
    font-size:10px;
    color:#CB5A45;
    padding-top:3px;
    padding-bottom:5px;
}
span.messageErreur img{
   vertical-align:bottom;
}


div.thema {
	padding:0px 0px 0px 2px;
    width:132px;
    float:right;
}
div.thema h4{
padding-left:17px;
font-size:15px;
}
div.colonne#colonne1 div.thema h4{
 background: url(../images/thema1.jpg) no-repeat 2px 3px;
}
div.colonne#colonne2 div.thema h4{
 background: url(../images/thema2.jpg) no-repeat 2px 3px;
}
div.colonne#colonne3 div.thema h4{
 background: url(../images/thema3.jpg) no-repeat 2px 3px;
}

div#colonneDroite div#smenu div.thema a{
  text-decoration:none;
}
div#colonneDroite div#smenu div.thema a:hover{
  text-decoration:underline;
}

div#colonneDroite div#footersmenu a.lienSpeBienv1 {
	color: #FFF;
}
div#colonneDroite div#footersmenu a.lienSpeBienv2 {
	color: #FFF;
}
div#colonneDroite div#footersmenu a.lienSpeBienv3 {
	color: #FFF;
}
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
div#contenu a {
	color: #6A7F8D;
}
div#contenu  h2 {
	color: #8BC640;
	background: url(../images/puceTitre.gif) no-repeat 0 2px;
}
div#contenu  h4 {
	color: grey;
	font-weight: bold;
	border-left: 3px solid #8BC640;
}
div#contenu  h5 {
	color: #8BC640;
	font-weight: bold;
}
/*----------------------------------------------------------------------------*/
div#contenu h3.titre {
	color: #6A7F8D;
}
/*----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------*/
p#chemin a {
	color: #DB4A97;
}
/*----------------------------------------------------------------------------*/

div#tourisme{
    display:none;
	border-top: 1px solid #D7D7D7;
	border-left: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
}


  /*---------------------------------------------*/
  div#photothequeDiv{
    margin-top: 10px;
    
	}
 div#photothequeDiv form{
 	 margin-bottom: 10px;
 }
  div.photothequeBloc{
    background: #fbfbfb;
    float:left;
    border:1px solid #ddd;
    padding:7px;
    color:#3E3D3B;
    text-align:center;
    width: 200px;
    display: inline;
    margin-left: 10px;
    margin-bottom: 10px;
  }
  html>body div.photothequeBloc{
    min-width:180px;
    min-height:200px;
  }
  * html div.photothequeBloc{
    width:180px;
    height:200px;
  }
  
  div#contenu div#article div.photothequeBloc strong{
    color:#555;
    padding: 0;
    margin: 0;
  }
  div#contenu div#article div.photothequeBloc h4{
    font-size:13px;
    font-weight: bold;
    text-align: left;
  }
  div#contenu div#article div.photothequeBloc h5{
    font-size:10px;
    font-weight:normal;
    margin-bottom:5px;
    padding-bottom:5px;
    text-align: left;
    border-bottom:1px solid #ddd;
  }
  div#contenu div#article div.photothequeBloc img{
    margin-top:5px;
    float: right;
  }
  div#contenu div#article div.photothequeBloc p{
    margin:0;
    padding:0;
    text-align: left;
  }
  
  
  
/*----------------------------------------------------------------------------*/
div.meteoGlobal {
	margin-top : 40px;
}

* html div.meteoGlobal {
	margin-top : 30px;
}

div.meteoVille {
  float: left;
  width : 280px;
  text-align:center;
}

div.meteojour{
  /*background:#E1EEC2;*/
  border-top:3px solid #fff;
  float: left;
  width:260px;
  margin-right: 10px;
  margin-top: 10px;
  padding: 5px;
  background:#f7f7f7;
  border:2px solid #ddd;
}

* html div.meteoVille {
	width : 155px;
}

* html div.meteojour {
	width : 155px;
}

* html div.meteoGlobal div.meteojour {
	margin-right : 17px;
}

div.today{
  background: #E1EEC2;
  border:2px solid #A5C95B; 
  width:260px;
}

div.meteojour img{
	float: left;
}
div.meteojour h3{
  color:#777;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight: bold;
  text-transform:none;
  margin:0;
}
div.meteojour h4{
  margin:0;
  padding:0;
  display:block;
  text-align: right;
  color:#AA4829;
  font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  margin-top:-10px;
  margin-bottom:10px;
}

div#today.meteojour h4{
  display:block;
  text-align: center;
  color:#AA4829;
  font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin:0;
  padding:0;
  margin-top:10px;
}

div.meteojour h4 span{
  color:#666;
  font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
}
div.meteojour h4 em{
  color:#0E7499;
  font-style:normal;
}

div.meteojour h5{
  font-size: 10px;
  margin-top:-5px;
  margin-bottom:10px;
}
div.meteojour p{
	clear: both;
  font-size: 11px;
}
html>body div.meteojour p{
  padding-top:10px;
}

/*------------------------- Recherche multicritère  ---------------------------------------------------*/
div#rmc{
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
}
	
/*------------------------- Annuaire de sites  ---------------------------------------------------*/
div#annuSearch {
    padding: 0;
    border : 1px solid #c0c0c0;
    background : #eee;
    float: left;
}


div#annuSites {

    margin : 20px 0;
}

div#annuSites p {

    margin : 10px 0;
}

div#annuSites .aGauche {

    float : left;
}

div#annuSites .aDroite {

    float : right;
}

div#annuSites p a img {

    margin-right: 10px; 
    border:1px solid #000;
}

div#annuSites p.noSite {

    width : 100%;
    font-weight : bold;
    text-align : center;
}

div#carteinteractive{
    
    display:none;
    /*
  padding-top:4px;
  width:164px;
  height:95px;
  margin-left:2px;
  margin-right:0px;
  float:left;
  display:inline;
  margin-top:4px;
  /*background: url(../images/carte_home_pays_beaujolais.jpg) left bottom no-repeat;*/
  //background: url(../images/fond_motif_carte.gif) left bottom repeat-x;
 /* background :red;*/

}


div#carteinteractive  a.lienCarte{
  text-decoration: none;
  color:#6A7F8D;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

div#carteinteractive a.lienCarte:hover {
  text-decoration: underline;
}

div#carteinteractive a.lienCarteImg:hover {
  text-decoration: none;
}


div#carteinteractive img{
  border: 1px solid #FFFFFF;
  margin-left: 3px;
}

/************************************** Annuaire de sites **************************************/
div#site div#contenu p#filAnnu {

    margin : 15px 0;
    padding : 5px;
    border : 1px solid #ccc;
    background-color : #efefef;
}

div#site div#contenu div#annuSites p img.captureAnnuWeb {

    float : left;
    border : 1px solid #ccc;
    width : 100px;
    height : 75px;
}

div#site div#contenu div#annuSites {

    margin : 10px 0;
}

div#site div#contenu div#annuSearch {
    margin : 20px 0;
    border : 1px solid #ccc;
    background-color : #efefef;
}

div#site div#contenu div#annuSearch ul#sousCategories {
    list-style-type : none;
    list-style-image : none;
}

div#site div#contenu div#annuSearch ul#sousCategories li {
	width: 250px;
     display : block;
     float: left;
     margin-left: 10px;
}

div#site div#contenu div#proposerSite {

    text-align : right;
}

/*POUR LA RECHERCHE*/

div#rechercher{
 	background:url(../images/fond_motif_recherche.jpg) #fff bottom repeat-x; 
	height: 27px; 
	padding:0px;
	margin:0px;
}



div#rechercher form#recherche div#search{
	float: left;
	margin-left:4px;
		padding:0px;
	margin:0px;
}



div#rechercher form#recherche div#search  input.search 
{
	padding:0px;
	margin:0px;
	height: 13px;
	width: 97px;
	font-family: Trebuchet MS;
	color: #000;
	font-size: 10px;
	margin-left: 2px;
	border: 1px solid #6a808e;
	margin-top: 8px;
	margin-left: 10px;
}

div#rechercher form#recherche div#submit{
	float: left;
	padding:0px;
	margin:0px;
		margin-top: 8px;
	/*margin-top:7px;*/
	/*margin-left:2px;*/
	/*margin-top: 2px;*/
}

*+html div#rechercher form#recherche div#submit{
	float: left;
	margin-top: 9px;
	/*margin-top:7px;*/
	/*margin-left:2px;*/
	/*margin-top: 2px;*/
}

div#rechercher form#recherche div#submit input.submit 
{
	/*background: url(../images/fond_submit.gif) repeat-x;*/
	background:#fff; 
	border: 1px solid #6a808e;
	font-family: Trebuchet MS;
	width: 30px;
	height: 15px;
	font-size: 10px;
	color: #000;
	margin-left: 3px;
	line-height: 10px;
}

div#contenu div#article div.evenement a.telechargerDoc{
    text-align:left;
    float:left;
	display:block;
	clear:both;
	margin-left:45px;
}


div#contenu div#article div.evenement a.lien_ext{
    text-align:left;
    float:left;
	display:block;
	clear:both;
	margin-left:45px;
}

/*---------------------- spécial TV ------------------------------------------------------*/
div#site div#colonneGauche div#tvbeaujolais{
	margin-left: 20px;
}
div#site div#colonneGauche div#tvbeaujolais div{
	margin-left: 100px;
}
div#site div#colonneGauche div#tvbeaujolais a.portail{
	color: #D3005F;
	font-size: 14px;
	text-align: center;
	width: 900px;
	display: block;
}

/*************************************************************************************
*	Bloc téléchargement
**************************************************************************************/
div#telecharger div{
	margin-top: 10px;
	margin-bottom: 10px;
}
div#telecharger div span.acrobat{
	background: #ededed;
	color: #66766C;
	display: block;
	padding: 5px;
	border: 1px solid #E2DCC6;
}
div#telecharger div span.acrobat a#abodeLink{
	display: block;
	padding-left: 20px;
	height: 20px;
	background:  url(../images/pdf.gif) no-repeat 0 0 ;
}


/*************************
 * Publicite
 *************************/
 
a.lienpublicite{font-size:11px;text-decoration:none;}
a.lienpublicite:hover{text-decoration:underline;}