/* CSS Document */

*{
  margin:0;
  padding:0;
}

html{
  background:#E2DCC6;
}
body{
  text-align: center;
}
div#site{
  margin: 0 auto 60px;
  text-align: left;
  width:950px;
  position:relative;
  background: url(../images/motif2.gif) repeat-y 0 0;
  padding-left:5px;
  padding-right:6px;
}
/*----------------------------------------------------------------------------*/
div#site div#print{
	display: none;
	}

/*----------------- -----------------------------------------------------------*/
div#accessibiliylinks{
	background: none;
  margin: 0 auto ;
  text-align: center;
  width:760px;
  position:relative;
  top:3px;
}
div#accessibiliylinks, div#accessibiliylinks a{
  color:#CFC6A8;
}
div#accessibiliylinks a:hover, div#accessibiliylinks a:focus {
  color:#555555;
  text-decoration: underline;
}
/*----------------------------------------------------------------------------*/
div.separation hr{
  display:none;
}
div.separation {
  background: url(../images/separation.gif) no-repeat 50% 0;
  height:9px;
}
/*----------------------------------------------------------------------------*/
div.visualClear{
  clear:both;
  height:1px;
}
div.visualClear hr{
  display:none;
}
span.oblig{ color :red;}
/*------------------------------*/
acronym {
	cursor:help;
	border-bottom:1px dotted #D28442;
}
body, h6{
  font-size:11px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  text-align: justify;
  color:#555;
}

a{
  text-decoration: underline;
  color:#555555;
}
a:hover{
  text-decoration: none;
}
a img{
  border:none;
}
h2{
  font-size:14px;
  line-height:18px;
  font-weight:normal;
  font-family:"Century Gothic", Arial, Helvetica, sans-serif;
  color:#D28442;
  margin-bottom:13px;
  margin-top:2px;
}

h3{
  font-size:11px;
  line-height:13px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  margin-top:19px;
  margin-bottom:5px;
  color:#D28442;
   text-decoration: none;
}
h4{
  font-size:11px;
  line-height:18px;
  font-weight:normal;
  font-family:Arial, Helvetica, sans-serif;
  color:#4C95B3;
}
ul {
  margin-left:9px;
  margin-bottom:16px;
}
ul li{
  list-style-type: none;
  list-style-position: outside;
  padding-left:14px;
  line-height:16px;
  background: url(../images/puceNivo1-orange.gif) no-repeat  0px 6px;
}

img.right {
  float:right;
  display:inline;
  margin-left:13px;
  border:1px solid #A5ACA8;
  padding:1px;
}
img.signature {
  float:right;
  display:inline;
  margin-left:13px;
  padding:1px;
}
img.left{
  float:left;
  display:inline;
  margin-right:13px;
  border:1px solid #A5ACA8;
  padding:1px;
}


fieldset{
	margin : 0;
	padding : 0;
	border: 0;
	}
input, select{
   border: 1px solid #66766C;
   background: #fff ;
   color:#000;
   height: 20px;
   font-size:11px;
}

div.validerqcm{
  
}

div.validerqcm input.valider{
    clear:both;
    float:right;
    margin-left:180px;
}
input.case{
	border: 0px;
	background: transparent;
	font-size:11px;
}
input.submit, input.inscrire{
    background: #66766C ;
    color:#fff;
    height: 20px;
    border:none;
    font-size:11px;
    font-family: Verdana, Arial, sans-serif;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
/*----------------------------------------------------------------------------*/
table{
    padding: 0px;
    margin-bottom: 20px;
    margin-top: 20px;
    border-spacing: 0px;
}
table thead tr{
   background: #E2DCC6;
   color: #66766C;
}
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 #E2DCC6;
    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;
}
/*----------------------- special gabarit -----------------------------------------------------*/

table.chiffre{
    width : 80%;
}
table.chiffre thead tr td{
    text-align: center;
}
table.chiffre tbody tr td{
    text-align: right;
}
table.chiffre tr td.titre{
    text-align: left;
    font-weight: bold;
}

div.ficheannuaire{
	background: #F5F3EB;
	border: 1px solid #848F87;
	width: 150px;
	min-height: 200px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	padding: 5px;
}
html * div.ficheannuaire{
	height: 200px;
}

div.photo{
	background: #fff;
	border: 1px solid #848F87;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
	padding: 5px;
}
div.photo img{
	border: 1px solid #848F87;
	margin: 5px;
}

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

div#header{
  width:950px;
  height:168px;
  background: url(../images/header.jpg) no-repeat -1px 0;
  position:relative;
  left:-4px;
  margin-right:-11px;
}
div#colonneGauche{
  width:190px;
  float:left;
}
div#contenu{
  width:760px;
  float:right;
}
div#footer{
  clear:both;
  height:28px;
  width:959px;
  background: #E2DCC6 url(../images/footer.gif) no-repeat -2px 0;
  position:relative;
  left:-4px;
  margin-right:-11px;
}
/*----------------------------------------------------------------------------*/
div#header h2 a{
  display:block;
  width:315px;
  height: 100px;
  position: relative;
  top:22px;
  left:22px;
  text-decoration: none;
}
div#header h2 a span{
  visibility: hidden;
}
div#header p{
  position: absolute;
  bottom:21px;
  left:29px;
  font-size:12px;
  color:#D2E7EF;
  font-family: "Courier New", courrier, sans-serif;
}
* html div#header p{
  bottom:22px;
}


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

form#rechercheForm{
  background: url(../images/searchBloc.gif) no-repeat 0 0;
  width:179px;
  height:31px;
  margin-left:8px;
  margin-top:1px;
  padding-top:12px;
}

form#rechercheForm fieldset{
  border: none;
}
form#rechercheForm input#recherche{
  font-family: "Verdana", Arial, Helvetica, sans-serif;
  color:#555;
  font-size: 10px;
  border: none;
  background: none;
  margin-left:15px;
  padding-left:5px;
  margin-right:6px;
  height:12px;
  width:111px;
}
* html form#rechercheForm input#recherche{
  margin-right:10px;
}
form#rechercheForm input#recherche_submit{
  font-family:  Arial, Helvetica, sans-serif;
  color:#fff;
  font-size: 11px;
  font-weight: bold;
  border: none;
  background: none;
  height:12px;
}

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

div#menu {
  margin-top:15px;
  background:  url(../images/menuTop.gif) no-repeat  5px 4px ;
  margin-left:5px;
  padding-top:5px;
  float:left;
  display:inline;
  width:185px;
}
html>body div#menu {
  margin-bottom:25px;
}
div#menu ul{
  margin:0;
  padding:0;
  border-left:5px solid #F4BE92;
  padding-top:5px;
  padding-bottom:7px;
  background:  url(../images/menuBottom.gif) no-repeat  0 100% ;
}
* html div#menu ul{
  background-position:  5px 100% ;
}
div#menu ul li{
  background: none;
  display: inline;
  margin:0;
  padding:0;
}
div#menu ul li a{
  color: #fff;display: block;
  margin-right:12px;
  padding-left:28px;
  min-height:21px;
  line-height: 22px;
  background: #77847B url(../images/puceNivo1-orange.gif) no-repeat  11px 9px;
  border-top:1px solid #88958C;
  border-right:1px solid #A5AFA7;
  text-decoration: none;}
* html div#menu ul li a{
  height:21px;
}

div#menu ul li#menu1 a{
  border-top:none;
}
div#menu ul li#menu2 a{
  background: #77847B url(../images/puceNivo1-jaune.gif) no-repeat  11px 9px;
}
div#menu ul li#menu3 a{
  background:#77847B url(../images/puceNivo1-vert.gif) no-repeat  11px 9px;
}
div#menu ul li#menu4 a{
  background: #77847B url(../images/puceNivo1-rose.gif) no-repeat  11px 9px;
}
div#menu ul li#menu5 a{
  background: #77847B url(../images/puceNivo1-rouge.gif) no-repeat  11px 9px;
}
div#menu ul li#menu6 a{
  background: #77847B url(../images/puceNivo1-gris.gif) no-repeat  11px 9px;
}

div#menu ul li#menu1 a.select{
  color:#F4BE92;
  border-left:5px solid #CFA481;
  position:relative;
  left:-5px;
  margin-right:7px;
  border-top:0;
  background: #6E7D73  url(../images/trait.gif) repeat-x 0 0;
}
div#menu ul li#menu2 a.select{
  color:#E6D996;
  border-left:5px solid #E6D996;
  position:relative;
  left:-5px;
  margin-right:7px;
  border-top:0;
  background: #6E7D73  url(../images/trait.gif) repeat-x 0 0;
}
div#menu ul li#menu3 a.select{
  color:#BFD584;
  border-left:5px solid #BFD584;
  position:relative;
  left:-5px;
  margin-right:7px;
  border-top:0;
  background: #6E7D73 url(../images/trait.gif) repeat-x 0 0;
}
div#menu ul li#menu4 a.select{
  color:#EFB3D6;
  border-left:5px solid #EFB3D6;
  position:relative;
  left:-5px;
  margin-right:7px;
  border-top:0;
  background: #6E7D73  url(../images/trait.gif) repeat-x 0 0;
}
div#menu ul li#menu5 a.select{
  color:#EFA4A4;
  border-left:5px solid #EFA4A4;
  position:relative;
  left:-5px;
  margin-right:7px;
  border-top:0;
  background: #6E7D73  url(../images/trait.gif) repeat-x 0 0;
}
div#menu ul li#menu6 a.select{
  color:#ccc;
  border-left:5px solid #ccc;
  position:relative;
  left:-5px;
  margin-right:7px;
  border-top:0;
  background: #6E7D73  url(../images/trait.gif) repeat-x 0 0;
}


div#menu ul li#menu1 a:hover, div#menu ul li#menu2 a:hover, div#menu ul li#menu3 a:hover, div#menu ul li#menu4 a:hover,div#menu ul li#menu5 a:hover, div#menu ul li#menu6 a:hover{
  background-color: #6D7D73 ;
  text-decoration: underline;
}
div#menu ul li a.select{
  font-weight: bold;
}

div#menu ul ul{
  margin:0;
  padding:0;
  border:none;
  background: none;
  margin-right:7px;
  padding-top:5px;
  border-right:1px solid #A5AFA7;
  border-left:5px solid #FFC699;
  position:relative;
  left:-5px;
  background: #77847B url(../images/trait.gif) repeat-x 0 0;
}
div#menu ul ul ul{
  margin:0;
  padding:0;
  border:none;
  padding-bottom:5px;
  background: none;
  margin-left:5px;
  margin-right:-5px;
}
div#menu ul li#menu1 ul a, div#menu ul li#menu2 ul a, div#menu ul li#menu3 ul a, div#menu ul li#menu4 ul a, div#menu ul li#menu5 ul a, div#menu ul li#menu6 ul a{
  margin:0;
  padding:0;
  background: none;
  border:none;
  padding-left:30px;
  color:#FAD2B2;
  padding-right:5px;
  line-height: 13px;
  min-height:10px;
  padding-bottom:6px;
  background: url(../images/puceNivo2-orange.gif) no-repeat 20px 7px ;
}

* html div#menu ul ul li a{
  height:auto;
}
div#menu ul li#menu1 ul ul a, div#menu ul li#menu2 ul ul a, div#menu ul li#menu3 ul ul a, div#menu ul li#menu4 ul ul a, div#menu ul li#menu5 ul ul a, div#menu ul li#menu6 ul ul a{
  padding-left:43px;
  background: url(../images/puceNivo3-orange.gif) no-repeat 35px 5px ;
}
div#menu ul ul li a:hover{
  background-color: #66766C ;
  background: none;
}
div#menu ul li#menu1 ul  a.select, div#menu ul li#menu2  ul a.select, div#menu ul li#menu3 ul a.select, div#menu ul li#menu4 ul a.select, div#menu ul li#menu5 ul a.select, div#menu ul li#menu6 ul a.select{
  font-weight: normal;
  background-color: #66766C ;
  text-decoration: underline;
  color:#fff;
  border-left:none;
  position:static;
  margin-right:0px;
  border-top:0;
  background: #66766C ;
  background: none;
}

div#menu ul li#menu1 ul ul a.select, div#menu ul li#menu2 ul ul a.select, div#menu ul li#menu3 ul ul a.select, div#menu ul li#menu4 ul ul a.select, div#menu ul li#menu5 ul ul a.select, div#menu ul li#menu6 ul ul a.select{
  /*background-color: #6E7D73 ;*/
  font-weight: bold;
  background: none;
}



div#menu ul li#menu1 ul  a:hover, div#menu ul li#menu2 ul a:hover, div#menu ul li#menu3 ul a:hover, div#menu ul li#menu4 ul a:hover, div#menu ul li#menu5 ul a:hover, div#menu ul li#menu6 ul a:hover{
  background-color: #6E7D73 ;
  background: none;
}
/*----------*/

ul#listOffres{
  margin:0;
  padding:0;
  height:48px;
  margin-left:5px;
  margin-top:26px;
  padding-top:3px;
  background: #7C8980;
  border-left:5px solid #7DAEBE;
  border-top:1px solid #96A199;
  border-bottom:1px solid #96A199;
  clear:both;
}

ul#listOffres li{
  background: none;
  padding-left:16px;
}

ul#listOffres li a{
  color:#fff;
  text-decoration: none;
}
ul#listOffres li a:hover{
  text-decoration: underline;
}
ul#listOffres li a span{
  font-weight: bold;
  color:#C5EDFF;
  line-height:22px;
}

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

ul#liensAnnexe{
  margin:0;
  padding:0;
  margin-top:21px;
  margin-left:20px;
  margin-right:40px;
  padding-bottom:30px;
}
ul#liensAnnexe li{
  background: none;
  display: inline;
  margin:0;
  padding:0;
}
ul#liensAnnexe li a{
  color: #fff;
  display: block;
  line-height:18px;
  padding-left:25px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
}
ul#liensAnnexe li a:hover{
  text-decoration: underline;
}
ul#liensAnnexe li#planAcces a{
  background:  url(../images/planAcces.gif) no-repeat 3px 2px;
}
ul#liensAnnexe li#newsletter a{
  background:  url(../images/newsletter.gif) no-repeat 3px 2px;
}
ul#liensAnnexe li#glossaire a{
  background:  url(../images/glossaire.gif) no-repeat 3px 2px;
}
ul#liensAnnexe li#telec a{
  background:  url(../images/telec.gif) no-repeat 3px 4px;
}


/*----------*/
div#contenu h1.titre{
  color:#333;
  font-family: "Century Gothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight:normal;
  font-size: 14px;
  margin-right:3px;
  height:35px;
  padding-top:18px;
  padding-left:18px;
  background: url(../images/titre-orange.gif) no-repeat 0 0;
}

div#article{
  text-align: justify;
  margin:10px 25px 39px 20px;
}
/*--        actualites --------*/
div#actus{
  border-left:5px solid #F4BE92;
  padding-left:20px;
  padding-right:20px;
  margin-bottom:8px;
}

div#actus h2{
  border-bottom:1px solid #D3D3D3;
  padding-bottom:3px;
  margin-bottom:5px;
}
div#actus div{
  width:255px;
  float:left;
}
div#actus div h4{
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom:0;
}
div#actus div h3{
  margin-top:0;
}
div#actus div img{
  float:left;
  display:inline;
  margin-right:6px;
  border:1px solid #A5ACA8;
  padding:1px;
}
div#actus div p{
  line-height:13px;
  margin-top:10px;
}
div#actus a.lienSpe{
  color:#575757;
  font-family: Arial, Helvetica, sans-serif;
  display:block;
  float:left;
  margin-top:21px;
  padding-left:7px;
  background:  url(../images/puce.gif) no-repeat 0 7px;
  text-decoration: underline;
}
div#actus a.lienSpe:hover{
  text-decoration: none;
}
div#article div.actu{
	float: left;
	display: block;
	width: 500px;
	border-bottom : 1px solid #ededed;
	margin-bottom: 10px;
}

div#article div.actu img{
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
div#article div.actu h3{
  margin-top: 19px;
}
/*------------------------------*/
div#Geven{
	float: left;
	width: 310px;
	padding : 0;
	margin: 0;
}
div#Deven{
	float: right;
	padding : 0;
	margin: 0;
}



div#Geven div.news h3{
margin-top : 0px;
}

div#Geven div.evenement{
	display: block;
	float: left;
	width: 310px;
	border-bottom:1px solid #DADCD1;
	padding : 0;
	margin: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

div#Geven div.evenement h3{
margin-top : 0px;
}

div.evenement p{
margin-top : 0px;
padding-right:10px;
text-align:justify;
}

div#Geven div.news{
	display: block;
	float: left;
	width: 310px;
	border-bottom:1px solid #DADCD1;
	padding : 0;
	margin: 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
div#actus div.news{
width:530px;
margin-bottom:5px;
}
div#actus div.news h3{
margin-top:15px;
}

div#actus div.news img{
	float: right;
}
div.news ul.calend{
	list-style-type: none;
	padding: 0;
	margin: 0;

	width:47px;
	height:45px;
	float:left;
	display:block;
	background:  url(../images/date2.gif) no-repeat 0 0;
	text-align: center;
}
div.news ul.calend li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	float:left;
	background: none;
	width:45px;
	text-align: center;
	display:block;
}
div.news ul.calend li span.date{
	font-family: Georgia, Times, serif;
	font-size:14px;
	color:#fff;
	padding: 0;
	margin: 0;
	margin-top: -2px;
	display:block;
	line-height: 16px;
}



div.evenement ul.calend{
	list-style-type: none;
	padding: 0;
	margin: 0;
	width:70px;
	height:60px;
	float:left;
	display:block;
	background:  url(../images/date.gif) no-repeat 0 0;
	text-align: center;
}
div.evenement ul.calend li{
	list-style-type: none;
	padding: 0;
	margin: 0;
	float:left;
	background: none;
	width:60px;
	text-align: center;
	display:block;
}
div.evenement ul.calend li span.date{
	font-family: Georgia, Times, serif;
	font-size: 22px;
	color:#fff;
	padding: 0;
	margin: 0;
	margin-top: 6px;
	display:block;
	line-height: 22px;
}

div.evenement img{
	float: right;
	margin-left: 3px;
   	margin-bottom: 5px;
}

div#article div.pagination a.moispreced{
	float: left;
}
div#article div.pagination a.moissuiv{
	float: right;
}
table.calendrier{
	background-color: #fff;
	border-spacing: 0px;
	padding: 0;
	margin: 0;
	margin-bottom:30px;
}
table.calendrier caption{
   	background: red ;
   	font-weight: bold;
   	color: #56554F;
   	font-size: 10px;
  	border-bottom: 1px solid #848F87;
  	padding: 0;
	margin: 0;
}
table.calendrier caption a{
 	font-size: 16px;
  	text-decoration: none;
  	padding:0 2px;
}

table.calendrier thead tr th{
	text-align: center;
	font-size: 10px;
}

table.calendrier caption{
	background: #E2DCC6 ;
	font-weight: bold;
	color: #56554F;
	font-size: 10px;
	border-bottom: 1px solid #BDBCAD;
}
table.calendrier tr td {
	padding: 0;
	margin: 0;
	border-spacing: 0px;
}
table.calendrier tbody tr td {
	text-align: center;
	height:20px;
	color: #7DAEBE;
}
table.calendrier tbody tr td.select, table.calendrier tbody tr td.select acronym{
	background: #7DAEBE;
	color: #fff;
	border: none;
}
table.calendrier tbody tr td.select a{
	color: #fff;
}
table.calendrier tbody tr td acronym{
	color: #56554F;
}
/*----------*/
div#article div#telecharger span.acrobat{
	background: #ededed;
	color: #66766C;
	display: block;
	padding: 5px;
	border: 1px solid #E2DCC6;
}
div#article div#telecharger span.acrobat a#abodeLink{
	display: block;
	padding-left: 20px;
	height: 20px;
	background:  url(../images/pdf.gif) no-repeat 0 0 ;
}
/*----------*/

div#footer ul{
  margin:0;
  padding:0;
  padding-top:17px;
  display:block;
  margin:0 auto;
  height:18px;
  padding-left:11px;
}
div#footer ul li{
  display:inline;
  margin:0;
  padding:0;
  background: none;
}
div#footer ul li span, div#footer ul li a{
  float:left;
  display:inline;
  margin-right:11px;
  padding-right:9px;
  color:#464543;
  background: url(../images/sep.gif) no-repeat 100% 4px;
  text-decoration: none;
}
div#footer ul li#noe a{
  float:right;
  margin-right:14px;
  background: none;
  padding-right:0;
}
div#footer ul li a:hover{
  text-decoration: underline;
}
/*----------*/

div#outils{
  height:23px;
  background: #F6F6F6;
  border:1px solid #E3E7E6;
  margin-right:6px;
  overflow:hidden;
}
div#outils p{
  color:#989898;
  margin-top:2px;
  margin-left:15px;
  float:left;
  display:inline;
}
div#outils a{
  color:#658B98;
  text-decoration: underline;
}
div#outils span{
  color:#658B98;
}
div#outils a:hover{
  text-decoration: none;
}
/*----------*/

ul#outilsZoom{
  float:right;
  display:inline;
  margin-top:6px;
}
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 span, a#zoomPlus span{
  display:none;
}
a#zoomMoins:hover, a#zoomPlus:hover{
  background-position: 0 100%;
}

/*----------*/
div#outilsIcones {
	margin:0;
	height:20px;
	clear:both;
	position:relative;
}
div#outilsIcones ul{
	position:absolute;
  	top:8px;
  	right:10px;
}
div#outilsIcones ul li{
  margin: 0;
  padding:0;
  border:none;
  background: none;
  display:inline;
}
div#outilsIcones ul li a{
  width:14px;
  height:11px;
  display:inline;
  float:left;
}
div#outilsIcones ul li a span{
  display:none;
}
a#envoyerAmi{
  margin-right:7px;
  background: url(../images/envoyerAmi.gif) no-repeat 0 0;
}
a#imprimer{
  background: url(../images/imprimer.gif) no-repeat 0 0;
}
a#envoyerAmi:hover, a#imprimer:hover{
  background-position: 100% 0;
}
/*------------------------------*/
div#article form#contactForm label{
    width:150px;
    display:block;
    float:left;
    white-space: nowrap;
}
div#article form#contactForm input, form#contactForm textarea{
    display:block;
    float:left;
}
div#article form#contactForm div{
    border-bottom:1px solid #DFDFDF;
    width:100%;
    margin-bottom:2px;
    float:left;
    padding: 3px 0;
}
div#article form#contactForm input{
	background: #ffffff;
	border:1px solid #6E6E6E;
	font-family: Arial, Helvetica, sans-serif;
	padding:0 2px;
	color:#000000;
}
div#article form#contactForm textarea{
    background: #ffffff;
    border:1px solid #6E6E6E;
    font-family: Arial, Helvetica, sans-serif;
    padding:0 2px;
    color:#000000;
}
div#article form#contactForm div.cnil{
	margin-top: 10px;
	margin-bottom: 10px;
}
div#article form#contactForm div.cnil input.case{
	border: 0px;
	background: transparent;
}

div#article form#contactForm input.valider{
    background: #66766C ;
    color:#fff;
    height: 20px;
    border:1px solid #66766C;
    font-size:11px;
    font-family: Verdana, Arial, sans-serif;
    float: right;

}
div#article form#contactForm div img{
    border:0;
    padding:0;
}
/*------------------------------------pagination------------------------------*/

div#article div#pagination{
    padding-bottom:5px;
    margin-top:10px;
    clear: both;
}
div#article div#pagination ul{
	float: left;
    margin:0;
    padding:0;
}
div#article div#pagination ul li{
    list-style-type:none;
    display:inline;
    background: none ;
    padding:0;
    margin:0;
}
div#article div#pagination ul li a, div#pagination ul li strong{
    display:inline;
    float:left;
    background: none;
    padding:0;
    margin:0;
    margin-right:10px;
}
/*------------------------------*/
div#marche div.bloc{
	background: url(../images/haut_marche.gif) no-repeat 100% 0;
	display: block;
	width: 500px;
}
div#marche div.bloc div{
 	background: #F6F6F6;
 	margin-top: 5px;
 	padding: 10px;
 	display: block;
 }
div#marche div.bloc div span.date{
	font-weight:normal;
	color: #C4461D;
	border: 0px;
}

div#marche div.bloc div h2{
	background: url(../images/pointille.gif) repeat-x 0 100%;
}
div#marche div.bloc div span.qui{
	display: block;
	margin-top: 5px;
	border: 1px solid #E3E7E6;
	padding: 5px;
}
div#marche div.bloc div ul{
	margin-top: 10px;
}
div#marche div.bloc div a.lienSpe{
  	margin: 10px 11px 0 11px;
}
div#marche div.candidat{
	 display:block;
	 background: transparent ;
	 padding:5px;
	 margin-top: 50px;
	 border: 1px solid #D9DCD3;
}
div#marche div.candidat a.lienSpe{
  	display: inline;
  	background: url(../images/puceSpe.gif) no-repeat 0 4px;
  	color:#525252;
  	margin: 0;
  	text-decoration: underline;

}
div#marche div.candidat h3{
	line-height:13px;
	font-weight: bold;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	color:#66766C;
	margin: 0;
	padding: 0;
	margin-bottom:5px;
}
/*----------------------------------------------------------------------------*/
div#lexique tbody tr td.select{
	background: #B9D6E4;
}
div#lexique table{
	margin: 0;
	padding: 0;
}
div#lexique h2{
	padding-top: 10px;
	}
div#lexique span.lexiquedefinition{
	display: block;
	}
/*----------------------------------------------------------------------------*/
div#publication form fieldset{
	border : 1px solid #F6F6F6;
	padding: 5px;
}
div#publication form fieldset label{
	width: 200px;
	display: block;
	float: left;
}
/*----------------------------------------------------------------------------*/
div#Detailrecherche div.rechercheDiv{
	margin-bottom: 20px;
	border-bottom: 1px solid #F6F6F6;
}
/*----------------------------------------------------------------------------*/
div.rss{
	clear: both;
	display: block;
	margin-top: 10px;
}
div.rss a{
	padding-left: 15px;
  	background:  url(../images/rss.gif) no-repeat 0 0 ;
}
/*----------------------------------------------------------------------------*/
div#fichesoin form{
	margin-bottom: 20px;
}
div#fichesoin span.titre{
	font-weight:bold;
	padding-right: 10px;
}
div#fichesoin img{
	float:right;
	display:inline;
	margin-left:13px;
	border:1px solid #A5ACA8;
	padding:1px;
}
div#fichesoin span.service{
	margin-top: 10px;
	border: 1px solid #efefef;
	display: block;
	padding: 5px;
}
div#fichesoin span.service span.titre{
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;
	color:#D28442;
	margin-bottom:13px;
	margin-top:2px;
}
div#fichesoin div.infos{
	background: #efefef;
	margin-top: 10px;
	padding: 5px;
	width: 300px;
	border-bottom: 1px solid #A5ACA8;
}
div#fichesoin h2{
	margin-top: 10px;
	}
div#fichesoin table{
	margin:0;
	padding: 0;
	width: 80%;
	}
div#fichesoin div.autreservice{
	border-top: 1px solid #efefef;
	margin-top: 30px;
	}

div#fichesoin div.annuaire{
	text-align: left;
	margin-bottom: 10px;
	background: #efefef;
	border: 1px solid #c0c0c0;
	float: left;
	width: 150px;
	padding: 5px;
	margin-right: 5px;
}
div#fichesoin div.annuaire img{
	float:right;
	margin-right: 5px;
	border:1px solid #A5ACA8;
	padding:1px;
}
div#fichesoin div.annuaire{
	min-height: 200px;
}
* html div#fichesoin div.annuaire {
	height: 200px;
}
/*------------------------------*/
div#siteu span{
	border-bottom: 1px solid #A5ACA8;
	display:block;
	float: left;
	padding-top: 5px;
	width: 500px;
}
div#siteu span a.lien_ext{
  	float: right;
  	padding-left: 20px;
}
/*------------------------------*/
div#emploi form fieldset select{
	margin-left: 10px;
}
div#emploi form fieldset input.submit{
   margin-left: 10px;
}
div#emploi span.qui{
	background: #efefef;
	display:block;
	padding: 5px;
}
div#emploi span.desc{
	background: #efefef;
	display:block;
	padding: 5px;
}
form.cv{
	margin-top: 10px;
	}
form.cv label{
	padding: 0;
	margin: 0;
	padding-right: 5px;
	width: 180px;
	float: left;
}

span.finicv{
	border: 1px solid #A5ACA8;
	background: #efefef;
	padding: 5px;
	display: block;
	margin-top: 10px;
}
/*------------------------------*/
div#organigramme ul {
	background: url(../images/dot.gif) repeat-y 5px 0;
	clear: both;
	margin-top: 20px;
}
div#organigramme ul li{
	 list-style-type: none;
	 list-style-position: outside;
	 padding-left:10px;
	 background: url(../images/dot2.gif) no-repeat 5px 10px;
	 margin-top: 20px;
}
div#organigramme ul li ul{

	margin-left:20px;
	}
div#organigramme ul li a.plus, div#organigramme ul li span.plus{
	background: #F5F3EB;
	border: 1px solid #848F87;
	width: 150px;
	margin-left: 20px;
	clear: both;
	padding: 5px;
	display: block;
	margin-top: 10px;
}
div#organigramme ul li a.plus{
	/*background: #F5F3EB url(../images/plus.gif) no-repeat right top;*/
}
div#organigramme ul li img{
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
div#organigramme ul li span{
	margin : 0;
	padding: 0;
	margin-top: -10px;
	margin-left: 20px;
	display: block;
}

div#actus div.lesaviez{
	float: right;
	text-align: right;
	margin-left: 100px;
	width: 300px;
	background: #ffffff;
}


/*---------------------------   QCM   ----------------------------------------*/

div#qcm img{
  vertical-align: middle;
}
div.qcmquestion{
  border:1px solid #ddd;
  float:right;
  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;
  background: none;
}
div.qcmquestion li{
  padding-bottom:4px;
  padding-left:30px;
  border-bottom:1px solid #eee;
  float:left;
  width:510px;
}
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:250px;
}
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:  #B0046C;
	color: #fff;
	height: 20px;
	border: 1px solid #F6F7ED;
	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;
}


/* -- ACCEUIL -- */
div.acceuil{ width:738px; min-height:312px;margin:10px; position:relative;}

div.acceuil div.actualites{width:350px;min-height:200px}
div.acceuil div.actualites h2{background: url(../images/bkg-actualites.gif) no-repeat;width:350px;height:33px;}
div.acceuil div.actualites h2 span{display:none;}

div.acceuil div.actualites div.news{width:350px;float:left;clear:both;border-bottom: 2px dotted #555555;padding-bottom:10px;padding-top:5px;}
div.acceuil div.actualites div.news img{float:left;padding-right:5px;}
div.acceuil div.actualites div.news h3{  font-family: Century Gothic;font-size: 16px;font-weight: bold; color:#fea6a4; margin:0; }
div.acceuil div.actualites div.news span{color:#000000}
div.acceuil div.actualites div.news p a{color: #e994a7;background: url(../images/puceNivo1-rose.gif) no-repeat  72px 5px; padding: 0 10px 0 0;text-decoration: none;}


div.acceuil div.imagehome{width:378px;height:240px;float:left;position:absolute;top:0;right:0;}


div.acceuil div.ensavezvous{width:350px;min-height:60px;background:url(../images/bkg-savoirplus-repeat.gif) repeat-y;position:relative;margin-top:10px;float:left;}
div.acceuil div.ensavezvous div.intitule{font-family: Century Gothic;color:#FFFFFF; float:left; width:124px; margin-top:20px;padding-left:20px;}
div.acceuil div.ensavezvous div.contenu{ float:left; width:190px; padding:5px;}


div.acceuil div.divershome{width:370px;min-height:60px;position:relative;margin-top:10px;margin-left:10px;float:left;}

div.acceuil div.divershome div.emplois{font-family: Century Gothic;color:#000; float:left; width:215px;min-height:97px;_height:97px;background: url(../images/bkg-fond-emploi.gif) no-repeat bottom left;}
div.acceuil div.divershome div.emplois h2 {background: url(../images/bkg-emplois.gif) no-repeat;width:215px;height:33px;margin:0;padding:0;}
div.acceuil div.divershome div.emplois h2 span{display:none;}

div.acceuil div.divershome div.emplois p{margin-left: 80px;}
div.acceuil div.divershome div.emplois p a{color: #EFB3D6;background: url(../images/puceNivo1-rose.gif) no-repeat  75px 5px; padding: 0 10px 0 0;text-decoration: none;}

div.acceuil div.divershome div.sondage{ float:right; width:150px;background: #f1f1f1;min-height:97px;_height:97px;}
div.acceuil div.divershome div.sondage h2 {background: url(../images/bkg-sondage.gif) no-repeat;width:150px;height:33px;margin:0;padding:0;}
div.acceuil div.divershome div.sondage h2 span{display:none;}
div.acceuil div.divershome div.sondage p{margin:10px 0 0 10px;}

div.acceuil div.divershome div.sondage a{color: #f4ae7a;background: url(../images/puceNivo1-orange.gif) no-repeat  110px 5px; padding: 0 10px 0 0;text-decoration: none;}