/* CSS Document */

*{
  margin:0;
  padding:0;
}

body{
  /*background: url(../pageAccueil.jpg) no-repeat 48% 0;*/
  color:#797A75;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  text-align: left;
  font-weight: normal;
  background: #467F90 url(../images/fond.jpg) repeat-x 0 0;
}
h6{
  color:#797A75;
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  text-align: left;
  font-weight: normal;
}

select{
  font-size:12px;
} 
 
div#site{
  background: #fff;
  width:969px;
  /*height:638px;*/
  margin:0 auto;
}

hr{
  height:1px;
  border-width:0px;
  color:#eee;
  background:#eee;
  border-color:#eee;
}
.alert{
	color: #ff0000;
	}

/*----------------------------------------------------------------------------*/
div.visualClear{
  clear:both;
  height:1px;
}
div.visualClear hr{
  display:none;
}
span.oblig{ color :#BC292F; font-size:11px;	font-weight: bold;}
span.error{ color :#BC292F;}

div.oblig {
     color :#BC292F;
     font-weight: bold;
}

p#chemin{
  font-size:11px;
  width:580px;
  float:left;
}
/*----------------------------------------------------------------------------*/
div#site div#print{
    display: none;
}

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

div#article h1{
  width:550px;
  float:left;
  line-height: 22px;
}
h1{
  color:#CA812F;
  font-family: Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight: normal;
  margin-bottom:6px;
  
}
h2{
  margin : 0;
  padding : 0;
  color:#86A53C;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size:11px;
  padding-left:23px;
  text-transform: uppercase;
  font-weight: normal;
  margin-bottom: 0px;
  margin-top:11px;
  background: url(../images/h2.png) no-repeat 2px 3px;
}

h3{
  color:#459DAB !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}

h3 a:hover{
  text-decoration: underline;
}


h3 a{
  text-decoration: none;
}


div#article h4{
  color:#666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  padding: 0;
  margin: 0;

}
h5{
  color:#459DAB;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:13px;
}

a{
  color:#38708F;
  text-decoration: underline;
}
a:hover{
  text-decoration: none;
}
a img{
  border:none;
}


a.encrepage {
     color:#38708F;
     text-decoration: underline;
     float:right;
}

ul {
	margin-left: 9px;
	margin-bottom: 16px;
}
li {
	list-style-type: none;
	list-style-position: outside;
	padding-left: 14px;
	line-height: 16px;
  	background:  url(../images/puce1.gif) no-repeat 0px 6px;
}
.right {
	float: right;
	display: inline;
	margin-left: 13px;
}
.left {
	float: left;
	display: inline;
	margin-right: 13px;
}

div#contenu div#index img{
margin-right:5px;
    
}

div#article div#centre img {
    margin-left:5px;
     margin-right:5px;
}



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

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

span#PDA{
  width:969px;
  margin:0 auto 0;
  display:block;
  height:21px;
}
span#PDA a{
  color:#4A818E;
  font-family: Arial, Helvetica, sans-serif;
  font-size:10px;
  text-decoration: none;
  position:relative;
  top:3px;
  left:4px;
}
span#PDA a:hover{
  text-decoration: underline;
}
/*----------------------------------------------------------------------------*/
div#outilsZoom {
	position:absolute;
  right:220px;
  top:30px;
	
	}
div#outilsZoom ul {
	display: inline;
	margin-right: 10px;
	margin-top: 6px;
}
div#outilsZoom ul li {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	display: inline;
}
div#outilsZoom ul li a {
	width: 14px;
	height: 11px;
	display: inline;
	float: left;
	margin-right: 5px;
}
div#outilsZoom ul li a span {
	display: none;
}
a#envoyerAmi {
	background: url(../images/envoyerAmi.gif) no-repeat 0 0;
}
a#envoyerAmi:hover {
	background-position: 100% 0;
}
a#imprimer {
	background: url(../images/imprimer.gif) no-repeat 0 0;
}
a#imprimer:hover {
	background-position: 100% 0;
}
/*----------------------------------*/
div#header{
  height:200px;
  clear:both;
}

div#contenu{
	float: left;
  background: #fff url(../images/basGauche.gif) no-repeat 0 100%;
  min-height: 438px;
  width: 969px;
  padding: 0;
  margin: 0;
  position:relative;
}
* html div#contenu{
  float: left;
  background: #fff url(../images/basGauche.gif) no-repeat 0 100%;
  height: 438px;
}



/*---------------------------------- sousmenu ------------------------------------------*/

div#contenu div#sousmenu ul{
	margin:0;
	margin-top: 11px;
	margin-right: 5px;
	margin-left: 6px;
	
}

div#contenu div#sousmenu  li {
	text-align: left;
	background: none;
	margin:0;
	padding:0;
	/*background: #F6F7F1;*/
  /*background: #E9F4F9;*/
	/*border-bottom: 1px solid #499DA8;*/
	border-bottom: 1px solid #D4DEE2;
}
div#contenu div#sousmenu  li a {
	color: #777;
	padding: 2px 0;
	font-weight:  normal;
  background: #01A6E0 url(../images/puce2.gif) no-repeat 5px 8px;
  color:#fff;
	text-decoration: none;
	padding-left:7px;
	display:block;
	padding-left:10px;
	padding-right:2px;
	font-size:11px;
  font-family:  Arial, Helvetica, sans-serif;
}
div#contenu div#sousmenu  li a:hover {
  text-decoration: underline;
}
div#contenu div#sousmenu  li a.select {
	font-weight:  bold;
}
div#contenu div#sousmenu  li a span {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	}
div#contenu div#sousmenu  li ul {
	margin: 0;
	padding: 0;
	background: #F1F8FB;
	padding-top:5px;
	padding-bottom:10px;
	border-left:1px solid #88C0C9;
	border-right:1px solid #88C0C9;
}
div#contenu div#sousmenu  li ul li {
	margin: 0;
	padding: 0;
	background: none;
	border: 0px;
}
div#contenu div#sousmenu  li ul li a{
	color:#666;
  background:  url(../images/puce1.gif) no-repeat 3px 8px;
  margin-left:10px;
}
/*---------------------------------- centre ------------------------------------------*/

div#contenu div#article{
  padding-top:31px;
  /* background: #fff url(../images/fondContenu.jpg) no-repeat 120px -80px ;*/
  /*background: #fff url(../images/fondContenu2.jpg) no-repeat 320px -80px ;*/
  min-height:365px;
  width: 790px;
  float: left;
  position:relative;
  
}

html body div#contenu div#article div#centre img { border: 0; }

div#contenu div#article div.avecFond{
  background: #fff url(../images/fondContenu2.jpg) no-repeat 320px -80px ;
  min-height:365px;
  width: 790px;
  float: left;
  position:relative;
}

*html div#contenu div#article div.avecFond{

	margin-top : -32px;
	padding-top : 30px;
}


div#contenu div#article div.sansFond{
  background: #fff ;
 
}

* html div#article{
  height:365px;
}

div#article img, div#index img{
  padding:1px;
  border:1px solid #B4B6B5;
}

div#newsBlocIndex
{
  float:left;
  width:530px;
  background-color:#deeff6;
  padding:10px;
  
}

div#newsBlocIndex img {
  float:left;
  border:none;
  padding-right:10px;
}


div#newsBlocIndex h3{
  float:left;
}

div#contenu div#sousmenu{
	width: 170px;
  float: left;
  padding-top: 2px;
  margin: 0;
	padding: 0;
  margin-right: 5px;
}

div#contenu div#centre{
  padding: 0;
 	margin : 0;
  width: 590px;
  float: left;
  margin-top: 10px;

}

div#contenu div#article div.colonne  {
		width: 250px;
	margin-right: 10px;
	float: left;
	padding-right: 5px;
}


/*---------------------------------- thema ------------------------------------------*/
div#contenu div#thema {
	width: 150px;
	border: 0;
	color: #767674;
	margin: 0;
	padding: 0;
	margin-left: 4px;
	float: right;
	background: #FAF4DC url(../images/thema.gif) no-repeat 0 0;
	border:2px solid #DEC152;
	padding:2px;
	padding-bottom:15px;
	margin-top:-60px
	
}

div#contenu div#thema div.sthema {
	width: 150px;
	margin: 0;
	padding: 0;
	margin-left: 2px;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	clear: both;
}
* html div#contenu div#thema div.sthema {
	margin-left: 1px;
}
div#contenu div#thema div.sthema h2 {
	padding: 0;
	margin: 0;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #DA6923;
	text-transform: uppercase;
	background: none;
	margin-top:10px;
	padding-left: 12px;
}
div#contenu div#thema div.sthema p {
	font-family: "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
	padding: 5px;
	margin: 0;
	font-size: 10px;
	line-height: 14px;
	color: #777;
	text-align: left;
	padding-left: 12px;
}
div#contenu div#thema div.sthema img {
	float: left;
	display: inline;
	margin-right: 8px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
	border: 1px solid #B4B6B5;
	padding: 2px;
	
}
div#contenu div#thema div.sthema a {
	margin : 0;
	padding : 0;
	display: inline;
	padding-right: 1px;
	color: #4871A5;
	font-size: 10px;
	font-family: "Lucida Sans Unicode", Arial, Helvetica, Verdana, sans-serif;
}

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

div#bandeau{
  background: url(../images/bandeau2.jpg) no-repeat 0 0;
  width:801px;
  height:174px;
  position:relative;
  float:left;
}
div#bandeau h2{
  position: absolute;
  top:27px;
  left:31px;
  width:210px;
  height:120px;
  margin:0;
  padding:0;
  background: none ;
}
div#bandeau h2 a{
  display:block;
  width:210px;
  height:120px;
}
div#bandeau h2 a img{
  display:none;
}

div#bandeau div#flashBandeau{
  width:556px;
  height:169px;
  position:absolute;
  right:0;
  bottom:0;
}
div#bandeau div#flashBandeau2{
  width:556px;
  height:169px;
  position:absolute;
  right:0;
  bottom:0;
}

/*----------------------------------*/
html body div#site div#contenu div#flashCarte {
    margin : 0;
    padding : 0;
    position: relative;
    margin-left: -100px;
}
/*----------------------------------------------------------------------------*/


a#espaceBlock{
  display:block;
  width:168px;
  height:174px;
  float:left;
}
a.espaceBlockfr {
	background: #fff url(../images/espaceBlock_fr.jpg) no-repeat 0 0;
}
a.espaceBlocken {
	background: #fff url(../images/espaceBlock_en.jpg) no-repeat 0 0;
}

a#espaceBlock span{
  display:none;
}
a#espaceBlock:hover{
  background-position: 100% 100%;
}


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

div#menu{
  float: left;
  background: #848482;
  margin:0 0 0 4px;
  height:24px;
  width: 800px;
  border-top:1px solid #FDFFFC;
  border-bottom:1px solid #FDFFFC;
}

html>body div#menu{
	 margin-left: 6px;
	  width: 796px;
}

div#menu div#telecharger{
   background: #C2341D;
   width: 128px;
   float: left;
   height: 21px;
   border-left:1px solid #B7B7B5;
   padding-top: 2px;
   padding-left: 36px;
   border-right:1px solid #B7B7B5;
}

div#menu div#telecharger .select{
	background: #e27c28;
}

div#recherche{
	margin:0 ;
	margin-right: 2px;
	padding : 0;
	border: 0;
	float: right;
	width: 157px;
	_width : 155px;
	background: #848482;
	border-top:1px solid #FDFFFC;
	border-bottom:1px solid #FDFFFC;
	height:19px;
	_height: 21px;
	padding-top: 3px;
	padding-left: 2px;

}

span.motcle{
  font-weight:bold;
  color:#DA6923;

}

html>body div#recherche{ 
	width: 160px;
	margin-right: 5px;
	padding-top: 4px;
	height:20px;
}

html>body div#recherche form{ 
	width : 155px;
	margin-left:3px;
}


div#menu ul{
  margin: 0;
  padding:0;
  float:left;
  width: 630px;
}
div#menu ul li{
  margin: 0;
  padding:0;
  display:inline;
}

div#menu ul li a{
  float:left;
  display:inline;
  padding: 0 8px;
  height:24px;
  line-height:24px;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size:10px;
  text-decoration: none;
  color:#fff;
  border-left:1px solid #B7B7B5;
}



div#menu div#telecharger a{
	font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  	font-size:10px;
  	text-decoration: none;
  	color:#fff;
  	margin-left:12px;
}

div#menu ul li a.select{
  background:#459DAB;
}
div#menu ul li a:hover{
  text-decoration: underline;
  background: #8F8F8D;
}
div#menu ul li a.select:hover{
  text-decoration: underline;
  background: #57A7B2;
}

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

div#index{
  padding-top:31px;
  padding-left:40px;
  padding-right:63px;
  background: url(../images/fondContenu.jpg) no-repeat 60px -100px;
  width:533px;
  float:left;
  min-height:350px;
  
}

* html div#index{
  height:350px;
}


div#newsBlock{
  width:152px;
  float:left;
  padding-left:11px;
  min-height:433px;
  position:relative;
  background: url(../images/newsBlock.gif) repeat-y 0 0;
}

* html div#newsBlock{
  overflow:hidden;
  height:433px;
}

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

div#adresse{
  border-left:3px solid #E5E5E5;
  width:140px;
  padding-top:3px;
  padding-left:12px;
  padding-bottom:8px;
  float:right;
  display:inline;
  margin-right:30px;
}
div#adresse h3{
  margin-top:0;
  font-family:"Verdana", Arial, Helvetica, sans-serif;
  color:#888;
  font-size: 9px;
}
div#adresse address{
  font-family:"Verdana", Arial, Helvetica, sans-serif;
  color:#888;
  font-size: 9px;
  line-height: 14px;
  font-style: normal;
  text-align: left;
}


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

div#newsBlock h2{
  background: url(../images/actualites.jpg) no-repeat 0 0;
  width:168px;
  height:46px;
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#fff;
  padding:0;
  margin:0;
  position:relative;
  left:0px;
  margin-top:3px;
  text-transform: none;
  margin-bottom:11px;
  
}
div#newsBlock h2 span{
  position:relative;
  top:14px;
  left:65px;
}
div#newsBlock h3{
  margin-top:-7px;
  color:#478698;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;
  padding-left:11px;
  background: url(../images/puce1.gif) no-repeat 0 7px;
  line-height:14px;
}
div#newsBlock a#titreActu{
  text-decoration :none;
  color:#fff;
}
/*
div#newsBlock div#photo{
  margin-top:0px;
  margin-left:-3px;
  background: url(../images/photoNewsHaut.png) no-repeat 0 0;
}

div#newsBlock div#photo div{
  padding-left:4px;
  padding-top:4px;
  width:145px;
  min-height:117px;
  background: url(../images/photoNewsBas.png) no-repeat 1px 100%;
}
* html div#newsBlock div#photo div{
  height:117px;
}
*/
div#newsBlock p{
  color:#888;
  font-size:11px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  line-height:14px;
  width:140px;
  margin-left:6px;
  margin-top:6px;
  text-align: left;
}

div#newsBlocIndex p{
  font-family: Arial, Helvetica, sans-serif;
}

div#newsBlock p a,div#newsBlocIndex p a{
  color:#888;
  text-decoration: none;
}
div#newsBlock p a:hover,div#newsBlocIndex p a:hover{
  text-decoration: underline;
}

div#newsBlock ul#news{
  margin:0;
  padding:0;
  margin-top:9px;
  padding-top:1px;
  margin-left:-10px;
  border-top:1px solid #D1E0E7;
  background: none;
}
div#newsBlock ul#news li{
  margin:0;
  padding:0;
  display:inline;
  background: none;
}
div#newsBlock ul#news li a{
  
 

  padding-left:21px;
  background: url(../images/puce1.gif) no-repeat 10px 6px;

  border-bottom:1px solid #D1E0E7;
  padding-top:1px;
  padding-bottom:2px;
  line-height:14px;
  text-align: left;
}


div#newsBlock a{
  color:#478698;
   display:block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:bold;
  text-transform:uppercase;   
  text-decoration: none;
}
div#newsBlock  a:hover{
  text-decoration: underline;
}

div#newsBlock div#photo {
	text-align:center;
	margin-bottom:5px;
}


/*----------------------------------------------------------------------------*/
div#newsBlock div#meteo{
  background:#E1EEC2;
  margin-left:-11px;
  margin-top:7px;
  border-top:3px solid #fff;
  position:absolute;
  width:162px;
  min-height:118px;
  right:0px;
  bottom:0;
}
* html div#newsBlock div#meteo{
  margin-top:14px;
  height:115px;
}
div#newsBlock div#meteo h3{
  padding-top:4px;
  margin-top:0px;
  color:#777;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  font-weight:normal;
  text-transform:none;
  padding-left:12px;
  background: none;
  position:relative;
  margin:0;
  
}
div#newsBlock div#meteo h3 span{
  color:#478698;
  position:absolute;
  top:2px;
  right:7px;
}

html>body div#newsBlock div#meteo h3 span{
  top:4px;
}
div#newsBlock div#meteo h5{
  margin-top:-6px;
  padding-left:11px;
  color:#478698;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
}

div#newsBlock div#meteo h4{
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#478698;
  position:absolute;
  top:35px;
  right:12px;
}
div#newsBlock div#meteo h4 strong{
  display:block;
  text-align: center;
  color:#AA4829;
  font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size:20px;
  font-weight: normal;
  position:relative;
  top:3px;
  left:1px;
}
div#newsBlock div#meteo a.lienSpe{
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  color:#777;
  font-size:9px;
  text-decoration:none;
  position:absolute;
  bottom:3px;
  left:32px;
}

div#newsBlock div#meteo a.lienSpe:hover{
  text-decoration:underline;
}

div#newsBlock div#meteo img{
  position:absolute;
  top:40px;
  left:14px;
  border:1px solid #aaa;
  padding:1px;

}

div#meteoPrevisions {

	height : 20px;
	padding-top : 5px;
	margin-bottom : 15px;
}
/*----------------------------------------------------------------------------*/


div#footer{
  width:969px;
  height:80px;
  clear:both;
  margin:4px auto 0;
  color:#fff;
  font-size:10px;
  background:  url(../images/footer.jpg) no-repeat 0 0;
}
html>body div#footer{
  background:  url(../images/footer.jpg) no-repeat 0 4px;
}
html>body div#footer ul#fooLeft, html>body div#footer ul#fooRight{
  position:relative;
  top:4px;
}
div#footer ul#fooLeft{
  margin:0;
  padding:0;
  margin-left:34px;
  float:left;
  display:inline;

}
div#footer ul#fooLeft li{
  margin:0;
  padding:0;
  display:inline;
}

div#footer ul#fooLeft li , div#footer a{
  display:inline;
  float:left;
  margin:0 4px;
  padding-right:8px;
  color:#EFFDFE;
  text-decoration: none;
  font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size:10px;
  background: url(../images/sepFooter.gif) no-repeat 100% 4px;
}

div#footer ul#fooRight{
  margin:0;
  padding:0;
  display:inline;
  float:right;
}
div#footer ul#fooRight li{
  margin:0;
  padding:0;
  display:inline;
}


div#footer ul#fooLeft li a, div#footer ul#fooRight li#noe a{
  padding-right:4px;
  background: none;
}
div#footer a:hover{
  text-decoration: underline;
}

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

div#droite{
    float:right;
}

div#droite ul{
  margin:0;
  padding:0;
  margin-top:6px;

}
div#droite ul li{
  margin:0;
  padding:0;
  display:inline;
  background: none;
}
div#droite ul li a{
  display:block;
  width:136px;
  height:53px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10px;
  color:#fff;
  font-weight:bold;
  text-transform: uppercase;
  text-decoration: none;
  text-align: right;
  margin-bottom:3px;
  margin-left:15px;
  border:none;
  position:relative;
}

div#droite ul li a:hover{
  text-decoration: underline;
}

div#droite ul li a#carteBlock{
  background: url(../images/carteBlock.png) no-repeat 0 0;
}
div#droite ul li a#alouerBlock{
  background: url(../images/alouerBlock.png) no-repeat 0 0;
  height:56px;
  margin-bottom:0px;
}
div#droite ul li a#projetBlock{
  background: url(../images/projetBlock.png) no-repeat 0 0;
}
div#droite ul li a#presseBlock{
  background: url(../images/presseBlock.png) no-repeat 0 0;
}
div#droite ul li a#diapoBlock{
  background: url(../images/diapoBlock.png) no-repeat 0 0;
}

div#droite ul li a span{
  position:absolute;
  top:0;
  left:0;
  line-height:14px;
  cursor:pointer;
}

div#droite ul li a#carteBlock span{
  top:14px;
  left:11px;
}
div#droite ul li a#alouerBlock span{
  top:12px;
  left:57px;
  width:70px;
}
div#droite ul li a#projetBlock span{
  top:20px;
  left:55px;
}
div#droite ul li a#presseBlock span{
  top:10px;
  left:75px;
}
div#droite ul li a#diapoBlock span{
  top:10px;
  left:63px;
}

/*----------------------------------------------------------------------------*/
div#droite div#pub img{
	border:1px solid #B4B6B5;
}
div#droite div#pub{
  position:relative;
  top:11px;
  left:12px;
  
}

/*----------------------------------------------------------------------------*/
div#rubAnnexe{
  height:30px;
  margin-top:20px;
  background: red;
  margin-left: -25px;
  padding-left:25px;
  margin-right: -40px;
  padding-top:8px;
  background: url(../images/sepRub.png) no-repeat 0 0;
  /*position:absolute;*/
  bottom:3px;
  left:40px;
  float:left;
}

body.pageAccueil div#rubAnnexe{
  width:600px;
}

div#rubAnnexe ul{
  margin:0;
  padding:0;
  width:auto;
}

div#rubAnnexe ul li{
  margin:0;
  padding:0;
  display:inline;

}

div#rubAnnexe ul li a{
  position:relative;
  top:5px;
  margin:0;
  padding:0;
  float:left;
  display:inline;
  margin-right:15px;
  color:#7C7C7C;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration: none;
  padding-left:22px;
    
}
div#rubAnnexe ul li a:hover{
  text-decoration: underline;
}


div#rubAnnexe ul li a#sondage, div#rubAnnexe2 ul li a#sondage{
  background: url(../images/sondage.gif) no-repeat 0 1px;
}
div#rubAnnexe ul li a#offres, div#rubAnnexe2 ul li a#offres{
  background: url(../images/offres.gif) no-repeat 0 2px;
}
div#rubAnnexe ul li a#marche, div#rubAnnexe2 ul li a#marche{
  background: url(../images/marche.gif) no-repeat 0 3px;
}
div#rubAnnexe ul li a#plan, div#rubAnnexe2 ul li a#plan{
  background: url(../images/plan.gif) no-repeat 0 2px;
}
div#rubAnnexe ul li a#english, div#rubAnnexe2 ul li a#english{
  background: url(../images/english.gif) no-repeat 0 4px;

}
div#rubAnnexe ul li a#francais, div#rubAnnexe2 ul li a#francais{
    background: url(../images/francais.gif) no-repeat 0 4px;
    width:90px;
}

div#rubAnnexe ul li a#rss,div#rubAnnexe2 ul li a#rss{
  background: url(../images/rss.gif) no-repeat 0 3px;
    /*width:90px;*/
    margin-top:0px;
    /*margin-left:30px;*/
}

div#rubAnnexe ul li a strong, div#rubAnnexe2 ul li a strong{
  color:#688E97;
}

div#article div#gauche{
	float: right;
	width: 162px;
	padding: 0px;
	margin: 0px;
	margin-top: -77px;
	margin-right: 3px;
}


div#droite{
	height:433px;
	width:162px;
	float:left;
	display:inline;
	margin-left:3px;
	background: #AC6C95 url(../images/droite.png) no-repeat 0 0;
}

*html div#droite
{
	width : 152px;
	margin-left : 7px;
}


/*----------------------------------------------------------------------------*/
div#rubAnnexe2{
  height:30px;
  margin-top:20px;
  padding-left:20px;
  padding-top:8px;
  margin-left: 10px;
  margin-right: 10px;
  background: url(../images/sepRub2.png) no-repeat 0 0;
}

div#rubAnnexe2 ul{
  margin:0;
  padding:0;

}

div#rubAnnexe2 ul li{
  margin:0;
  padding:0;
  display:inline;
}

div#rubAnnexe2 ul li a{
  position:relative;
  top:5px;
  margin:0;
  padding:0;
  float:left;
  display:inline;
  margin-right:20px;
  color:#7C7C7C;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration: none;
  padding-left:22px;
}
div#rubAnnexe2 ul li a:hover{
  text-decoration: underline;
}

/*----------------------------------------------------------------------------*/
div#recherche fieldset{
	margin : 0;
	padding : 0;
	border: 0;
	background: #848482;
	background: url(../images/recherche.gif) no-repeat 0 0;
  	margin-top:-1px;
  	height:18px;
 }

div#recherche fieldset #recherche_submit{

	color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #A76DAA;
	border:none;
	font-weight: bold;
	width:30px;
	height:16px;
	margin-top:1px;
}
div#recherche fieldset #recherche_champ{
	color:#888888;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin : 0;
	position:relative;
	background: none;
	top:-2px;
	padding : 0;
	border: 0;
	width:96px;
	_width: 90px;
	height:14px;
	font-size:10px;
	padding-left:20px;
	padding-top:2px;
	font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;
}
/*------------------------------------formation ------------------------------*/
div#article form{
	border: 1px solid #f0f0f0;
	padding: 10px;
	margin-bottom: 10px:
	
}

div#article form fieldset{
	border: 0px;
}
div#article form input.submit{
	color:#ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #A76DAA;
  border: 1px solid #ffffff;
  padding: 2px;
}
/*------------------------------------tableau ------------------------------*/
table {
	padding: 0px;
	margin-bottom: 20px;
	margin-top: 5px;
	border-collapse:	collapse;
}
table tr td.left{
	text-align: left;
}
table tr td.ajout{
	text-align: right;
}
table td.right{
	text-align: right;
}
table tr td.center{
	text-align: center;
}

table thead tr, table thead tr a {
	background: #91BC51;
	color: #fff;
	text-decoration: none;
	text-align: left;
}
table td {
	padding: 2px;
	border: 1px solid #ddd;
	padding-left:5px;
}
table th {
	padding: 2px;
	border: 1px solid #fff;
	padding-left:5px;
}

table tfoot tr{
	color: #459FAA;
	border: 0px;
	}
table tfoot tr td{
	text-align : right;
	border: 0px;
	color:#7B9E4E;
  font-size:14px;
  font-weight: bold;
  padding-top:10px;
}
table tfoot tr td span{
  font-size:11px;
  font-weight: normal;
  color:#777;
}


div#article .left, div#article p.left{
	text-align: left;
}
div#article .right, div#article p.right{
	text-align: right;
}
div#article .center, div#article p.center{
	text-align: center;
}


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

div#pagination{
    padding-bottom:5px;
    margin-top:5px;
    clear: both;
    /*border-top:1px solid #eee;*/
    padding-top:5px;
}
div#pagination ul{
	float: left;
    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, div#pagination ul li span{
    display:inline;
    float:left;
    background: none;
    padding:0;
    margin:0;
    margin-right:5px;
    text-decoration: none;
}
div#pagination ul li span{
  color:#ccc;
}
div#pagination ul li strong{
  color:#D75630;
}
div#pagination ul li a:hover{
    text-decoration: underline;
}

div#paginationDetail{
  font-size:11px;
  margin-bottom : 10px;
}
div#paginationDetail a.retour{
  padding-left:20px;
  background: url(../images/retour.gif) no-repeat 0 0;
}
/*------------------------------- entreprise ---------------------------------------------*/
div#entreprise{
	float: left;
	width: 750px;
}

div.ficheentreprise{
  width: 280px;
  padding-top:3px;
  padding-left:12px;
  padding-bottom:8px;
  float:left;
  display:inline;
  margin-right:0px;
  margin-left: 10px;
  border-left:3px solid #E5E5E5;
}
div.adresseentreprise, div.coordonneesent
{
  /*border-left:3px solid #E5E5E5;*/
  width: 155px;
  padding-top:3px;
  padding-left: 5px;
  padding-bottom:8px;
  float:left;
  display:inline;
  margin-right:0px;
  margin-left: 10px;
}

div.coordonneesent {
	width : 250px;
	border-left:3px solid #E5E5E5;
}

div.adresseentreprisee h3,div.ficheentreprise h3{
  margin-top:0;
  font-family: Arial, Helvetica, sans-serif;
  color:#888;
  font-size: 9px;
}
div.adresseentreprise address, div.ficheentreprise address{
  font-family: Arial, Helvetica, sans-serif;
  color:#888;
  font-size: 12px;
  font-style: normal;
  text-align: left;
  margin-bottom:10px;
}

.entLogo {
	float: left;
	margin-right: 7px;
}

/*------------------------------- telecharger---------------------------------------------*/
span.acrobat{
	background: #f7f7f7;
	border:1px solid #ddd;
	font-size: 12px;
	padding: 5px;
	margin-top: 30px;
	margin-bottom: -20px;
	display: block;
}
div#telecharger h5{
	margin-top: 10px;
	}
div#telecharger h4{
	margin-top: 10px;
	}
	
	/*---------------------------   QCM   ----------------------------------------*/


div#qcm img{
  vertical-align: middle;
}

div.qcmquestion{
  border:1px solid #ddd;
  float:left;
  width:540px;
  margin-bottom:20px;
}
div#qcmquestion div#qcmlibelle{
  background: #f7f7f7 url(../images/motifQCM.gif) repeat-x 0 100%;
  padding:4px;
  border-bottom:1px solid #ddd;
  margin-bottom:10px;
}
div#qcmquestion div#qcmlibelle strong{
  font-family: Georgia,Times,serif;
  font-size: 14px;
  font-weight: bold; 

}
div.qcmquestion ul{
  margin:0;
  padding:0;
}
div.qcmquestion li{
  padding-bottom:4px;
  padding-left:30px;
	background: url(../images/puce_article.gif) no-repeat  10px 50%;
  border-bottom:1px solid #eee;
  float:left;
  width:510px;
}

div#qcm form{
	border: 0px;
	}
div#qcm form div label{
  display:inline;
  float:left;
  width:70px;
}
div#qcm form div input{
  display:inline;
  float:left;
}
div#qcm form textarea{
  overflow:auto;
  width:226px;
  height:69px;
  color:#555;
}
div#qcm  select{
  width:300px;
}
div#qcm span.blocCom{
  display:inline;
  float:left;
  margin-left:2px;
  margin-top:4px;
  margin-bottom:10px;
  font-style: italic;
  height:90px;
}
div#qcm form input.case{
  border:none;
  float:none;
  position:relative;
  top:2px;
  left:-3px;
}
div#qcm form select{
  position:relative;
  top:2px;
  margin-bottom:2px
}
html>body div#qcm form input.case{
  position:relative;
  top:3px;
}
div#qcm form input.valider{
  float:none;
  clear:both;
  font-size:12px;
	background:  #A76DAA;
	color: #fff;
	height: 20px;
	border: 1px solid #fff;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}
form input.inscrire{
  float:none;
  clear:both;
  font-size:12px;
	background:  #A76DAA;
	color: #fff;
	height: 20px;
	border: 1px solid #fff;
	font-size: 11px;
	font-family: Verdana, Arial, sans-serif;
}

div#qcm form div.lignetableau1,div#qcm form div.lignetableau2{
  clear:both;
  height:20px;
}
div#qcm form div.lignetableau1 label,div#qcm form div.lignetableau2 label{
 text-align : left;
 width: auto;
}

div#qcm div#qcmresultat {
       border:1px solid #DDDDDD;
       padding:5px;
       font-size: 12px;
       font-family:Verdana;
       
}

div#qcm div#qcmresultat div.legende{
       width:auto;
       float:left;
       margin-top:5px;
       margin-right:15px;
       
}



	
	/*----------------------------------------------------------------------------*/
form.cv div{
  clear:both;
  padding-top:3px;
  padding-bottom:3px;
  border-bottom:1px solid #eee;
}
form.cv label{
  width:130px;
  padding-right: 10px;
  float:left;
}
form.cv textarea{
  width:320px;
}
textarea{
  overflow:auto;
}
/*----------------------------------------------------------------------------*/
div#marche div.bloc div{
  border:3px solid #CADCB3;
  padding:0 10px 20px;
}

div#marche div.bloc div h2{
  background: #f7f7f7 url(../images/motifQCM.gif) repeat-x 0 100%;
  border-bottom:1px solid #ddd;
  padding:10px;
  margin: 0 -10px 10px;
  font-weight: bold;
}

div#marche div.bloc div h3{
  border:0;
  padding:0;
  margin:0;
  margin-bottom:5px;
  color:#5C8F11;
  font-size:12px;
}
div#marche div.candidat{
  background: #fcfcfc;
  padding: 20px;
  margin-bottom:20px;
  border:1px solid #ddd;
}
div#marche div.candidat h3{
  border:0;
  padding:0;
  margin:0;
  margin-bottom:10px;
  color:#5C8F11;
  font-size:12px;
}


div.blocValeur{
  border:1px solid #358C9C;
  padding:10px;
  background: #eee;
}
div.blocValeurRouge{
  border:1px solid #9F1344;
  padding:10px;
  background: #eee;
}
div.blocValeurBleu{
  border:1px solid #1F829F;
  padding:10px;
  background: #eee;
}
div.blocValeurVert{
  border:1px solid #568817;
  padding:10px;
  background: #eee;
}


ul.leftListe{
  margin-top:10px;
  float:left;
  padding-bottom:20px;
  padding-right:80px;
}
ul.leftListe a:hover{
  text-decoration: none;
}

/*----------------------de madne implantation ------------------------------------------------------*/
div#titre_fiche_proj {
	clear:both;
  padding-top:3px;
  padding-bottom:3px;
}
div#titre_fiche_proj form{
	border: 0px;
}
div#titre_fiche_proj form div{
	clear: both;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	}
div#titre_fiche_proj form div label{
	float: left;
	width: 300px;
	display: block;
}
div#titre_fiche_proj form hr{
	 height: 1px;
	 color: #efefef;
	
	 padding: 0;
	 margin: 5px;
}
div#titre_fiche_proj form h3{
	background: #efefef;
	margin-bottom : 10px;
	padding: 3px;
	}
div#titre_fiche_proj form input{
	margin-right: 5px;
	}
	
/*---------------------------   contact   ----------------------------------------*/
div#contact {
	margin-top: 10px;
	}
div#contact form{
	border: 0px;
	padding: 0;
}
div#contact form div{
	clear: both;
	margin-bottom: 10px;
	}
div#contact form  div label{
	width: 250px;
	display: block;
	float: left;
}

/*---------------------------   Fiche entreprise espace membre   ----------------------------------------*/

div#titre_fiche_ent form div label{
	float: left;
	width: 130px;
	display: block;
	
	}
	
div#titre_fiche_ent {
	clear:both;
  padding-top:3px;
  padding-bottom:3px;
}
div#titre_fiche_ent form{
	border: 0px;
}
div#titre_fiche_ent form div{
	clear: both;
	vertical-align: baseline;
	padding: 0;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	}
	
div#titre_fiche_ent form hr{
	 height: 1px;
	 color: #efefef;

	 padding: 0;
	 margin: 5px;
}

div#titre_fiche_ent form input{
	margin-right: 5px;
	}
	
div#titre_fiche_ent #submitEntreprise{
	float: right;
	}

/*---------------------------   offre d'emploi   ----------------------------------------*/
div#emploi div#emploi-general{
	margin-top: 10px;
	/*float: left;*/
	width: 320px;
}

div#emploi div#adresseentreprise, div#emploi div#postuler {
	margin-top: 10px;
	float: right;
	width: 250px;
	border: 1px solid #ccc;
	background: #efefef;
	padding: 0 8px 8px 8px;
}

div#emploi div#postuler {
	clear:right;
	padding:8px;
	text-align:center;
	width:150px;
}
div#emploi div#postuler a {
	text-decoration:none;
	font-size:14px;
}

div#emploi div#adresseentreprise address {
	margin-bottom: 8px;
}

div#emploi h2, div#adresseentreprise h2 {
	margin-bottom: 15px;
}

div#emploi div, div#emploi p {
	margin: 5px 0;
	text-align: justify;
}

div#emploi form, div#emploi form  fieldset{
	border: 0px;
	padding: 0;
}
div#emploi form  fieldset label{
	padding-right: 10px;
	
	}
div#emploi form fieldset div label, div#cv form fieldset div label{
	width: 200px;
	display: block;
	float: left;
}
div#emploi form fieldset div, div#cv form fieldset div {
	clear: both;
}
/*---------------------------   identification   ----------------------------------------*/
form.identification{
	float: left;
	margin-bottom: 10px;
	}

form.identification label{
	width: 250px;
	display: block;
	float: left;
}
form.identification div {
	clear: both;
}
form.identification input.submit {
	float: right;
	margin-right:40px;
}

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

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;
}
/*----------------------------------------------------------------------------*/

div#planBlock{
  margin-top:15px;
}

div#planBlock ul li a{
	padding-left: 10px;
  background: url(../images/puce1.gif) no-repeat 0px 6px;
  font-size:11px;
}

div.evenement{
  border-top:1px solid #eee;
  margin-top:10px;
  padding:5px;
  padding-top:10px;
  clear: both;
}
div.evenement h5{
  font-size:10px;
  color:#777;
}
div.evenement h3{
  font-size:14px;
}
div.evenement img,div.actu img.imgActu{
  float: left;
  padding-right: 5px;
  padding-bottom: 5px;
  margin-right:  10px;
   margin-bottom: 10px;
}

div#emploi form{
  border-bottom:1px solid #ddd;
  padding-bottom:10px;
  width:580px;
}

strong#titreCV{
  color:#478698;
  font-size:12px;
}
fieldset div{
  margin-bottom:3px
}

div#idenExtranet{
  border:2px solid #ddd;
  float:right;
  width:150px;
  padding: 10px 5px ;
  background: #f7f7f7;
  margin-top: 5px;
}

 div#cv table,div#emploi  p.emploi{
  width:580px;
}


textarea#coderss{
  width:570px;
  height:90px;
  padding:10px;
  font-size:11px;
  background:#f4f4f4;
  border:1px solid #bbb;
  color:#777;
  overflow: auto;
}
textarea#coderss:focus{
  color:#333;
  border:1px solid #999;
}
/*------------------------- presse ---------------------------------------------------*/
div#presse .lignetableau2, div#presse .lignetableau1{
	padding-top: 10px;
	border-bottom: 1px solid #efefef;
}

div.rechercheDiv{
  border-top:1px solid #eee;
  padding:10px 5px;
}



div.imagepresse {
	float:left;
}

div.casepresse {
	width:120px;
	float:left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	padding: 5px;
	min-height: 250px;
	font-size: 11px;
}
* html div.casepresse {
	height: 250px;
}
div.casepresse img {
	border: 1px solid #efefef;
	margin-right : 5px;
	margin-bottom:5px;
	float:left;
}

/*------------------------- site utile ---------------------------------------------------*/
div#siteu div{
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #efefef;
	}
	


/*---------------------------   reservation   ----------------------------------------*/
div#reservation {
	margin-top: 10px;
	}
div#reservation form{
	border: 0px;
	padding: 0;
}
div#reservation  div{
	clear: both;
	margin-bottom: 10px;
	padding: 2px;
	border-top: 1px solid #F4F4F4;
	
	}
div#reservation   div label{
	width: 250px;
	display: block;
	float: left;
}
html>body div#reservation  input.case{
	margin-right: 10px;
}

div#reservation   div li {
  background:  none;
}

#mail3 {
     margin-left:250px;
}
/*---------------------------   biens   ----------------------------------------*/
div#biens {
	margin-top: 10px;
	}
div#biens form{
	border: 0px;
	padding: 0;
}
div#biens  div{
	clear: both;
}
div#biens   div label{
	width: 200px;
	display: block;
	float: left;
}
html>body div#biens  input.case{
	margin-right: 10px;
}

div#biens   div li {
  background:  none;
}







#lettermsgconfirm {
     color:red;
     font-weight: bold;
	 margin-top:12px;
}





/*-----------------------------   FAQ    -------------------------------------*/
div#faq form{
	margin-bottom: 10px;
	border: none;
}

div#faq div.blocquestionreponse {
     margin:0px;
     padding:0px;

}

div#faq div.blocquestionreponse div.question {
     margin-left:15px;
     font-style: bold ;
     font-style: italic ;
     font-size:13px;;
     
}


div#faq div.blocquestionreponse div.reponse {
     margin-left:30px;
     margin-bottom:10px;

}


.soumettreFAQ {
	clear:both;
}

.soumettreFAQ .erreur {
	color:red;
}
span.titresoumettreFAQ {
	display:block;
	color:#CA812F;
	font-size:18px;
	font-weight:normal;
	margin:30px 0 10px 0;
}
div.soumettreFAQ form div {
	clear:both;
}
div.soumettreFAQ form label {
	color:#999999;
	display:block;
	float:left;
	font-size:11px;
	font-weight:bold;
	padding-top:6px;
	width:130px;
}


/*-----------------------------   DIAPORAMA    -------------------------------*/
div#diapo {
     float:left;
}

/*-------------------------- ACRONYME ----------------------------------------*/


acronym, dfn, kbd, abbr {
    cursor:help; 
	border-bottom:1px dotted #D28442;
}

abbr, kbd { speak : spell-out; }
acronym, dfn { speak : normal; }

div#videotheque div#liste
{
   float:left;
   width:200px;
}


div#videotheque div#liste div
{
    margin-top : 8px;
    
}
div#videotheque div#liste a img
{
    float : left;
}



div#videotheque div#liste a p{
  display:block;
  padding-left:20px;
  /*margin-left:5px;*/
  width:150px;
  /*text-decoration:none !important;*/
}

div#videotheque div#liste a{
  text-decoration:none !important;
}

div#videotheque div#liste a:hover p{
  text-decoration:underline;
}

div#videotheque div#player{
  width:330px;
  float:left;
  /*background:transparent url(../images/video_bkg2.png) no-repeat scroll 0%*/;
  height:250px;
  padding:10px; 
  margin-right:10px; 
}


div#site div#colonnecentre div#indexcentre div#player{
	float: right;
	margin-top: 50px;
	margin-right: 120px;
}

.module{
    float:left;
}

div.actu{
    margin-bottom:40px;
}