*
{
  padding:0;
  margin:0;
}

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

body.body_light
{
  background-color: #FFF;
  font-family: "Lucida grande", Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #000;
  margin:0;
  padding:0;
  text-align: center; /* Centrage dans IE */
}


/******************** LE GUIDE ********************************************/

/********* Structure ***********/

#mainDiv
{
  text-align: left; /* Correction Centrage dans IE */
  background-color: #ffffff;
  width:900px;
  margin-left: auto; /* Centrage dans Fox */
  margin-right: auto; /* Centrage dans Fox */
  padding: 2px;
}
#pagecell1 {
	width:900px;
	height: auto;
}
#pageNavL {
	float: left;
	width:180px;
	border-right: 0px solid #CCC;
  background-color:#FFFFFF;
  color: #2E728F;
}
#pageNavR {
	float: right;
	width:170px;
	border-left: 0px solid #CCC;
  background-color:#FFFFFF;
  color: #2E728F;
}
#content {
	padding: 0 10px 10px 10px;
	margin: 0 170px 0 180px;
	min-height:600px;
}

#pubRectangleBas {
  margin: 10px 0 10px 0;
  padding: 10px 0 0 0;
  text-align: center;
}

/********* Structure Page Imprimable ***********/
body.body_light_printable{
  background-color: #FFF;
  font-family: "Lucida grande", Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #000;
  margin:0;
  padding:0;
  text-align: left; 
}
#mainDiv_printable{
  text-align: left;
  background-color: #ffffff;
  width:550px;
  padding: 10px;
}
#header_printable{
	height: 46px;
	padding: 0 0 0 0;
	margin: 15px 0 15px 5px;
}
#header_printable .right_links{
  float: right;
	text-align: right;
}
#header_printable img{
  border-width: 0;
  float: left;
}
#chemin_printable{
  margin: 10px 0 10px 0;
  padding: 6px;
  font-size: 9px;
  width:550px;
}
#footer_printable{
  border-top: 1px solid #CCC;
  padding: 6px;
	font-size: 9px;
	color: #aaa;
	line-height: 1.7em;
}
#footer_printable img{
  border-width: 0;
  float: right;
}
#pageDescription_printable{
  width: 550px;
  clear: left;
	padding: 4px 0 6px 0;
	color: #000;
	border-top: 6px solid #A0CAE8;
  border-bottom: 1px solid #CCC;
	text-align: center;
  background-image: url(./images/gif_description.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
#pageDescription_printable h2 {
  font-size : 9px;
  font-weight: normal;
}


/********* HEADER ***********/
#header{
	width:900px;
	height: 70px;
}
#pubHeader{
	width:468px;
	height: 60px;
	padding: 0 0px 0 0;
	float: right;
}
#logoHeader{
	width:400px;
	height: 46px;
	padding: 0 0 0 0;
	margin: 15px 0 0 5px;
	float: left;
}
#logoHeader img{
  border-width: 0;
}

/********* MENU HORIZONTAL ***********/
#menu_horiz{
  width: 900px;
  clear:left;
}
#menu_horiz .barre_left{
  float: left;
  width: 90px;
}
#menu_horiz .barre_sep{
  float: left;
  width: 7px;
  background-color: #FFF;
}
#menu_horiz .barre_lien{
  line-height: 17px;
  float: left;
  /*width: 130px;*/
  /*min-width: 95px;*/
  /*padding: 1px 3px 1px 10px;*/
  padding: 1px 20px 1px 20px;
  text-align: center;
  background-color: #999;
  background-image: url(./images/gif_sections1.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
#menu_horiz .barre_lien a, #menu_horiz .barre_lien a:hover{
  color: #FFF;
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  /*display: block;*/
  /*width: 80px;*/
}
#menu_horiz .barre_lien a:hover{
  text-decoration: underline;
}
#menu_horiz .current{
  background-color: #A0CAE8;
}
#menu_horiz .current a, #menu_horiz .current a:hover{
  color: #FFF;
}


/********* pageDescription ***********/
#pageDescription {
  width: 900px;
  clear: left;
	padding: 4px 0 6px 0;
	color: #000;
	border-top: 6px solid #A0CAE8;
	text-align: center;
  background-image: url(./images/gif_description_wide.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
#pageDescription h2 {
  font-size : 9px;
  font-weight: normal;
}


/************ pageNavL styles **************/
#pageNavL h3
{
	padding: 5px 5px 5px 5px;
	border-bottom: 1px #517A86 solid;
	font-size: 10px;
	background-color:#9DC6EB;
}


/************ pageNavR styles **************/
#pageNavR h3{
	padding: 6px 5px 3px 5px;
	font-size: 10px;
	color: #000000;
	border-bottom: 1px #CCC solid;
}

#pageNavR li{
  margin: 0 3px 3px 15px;
  list-style-type: disc;
  padding: 0;
}
#pageNavR li a{
  color: #2E728F;
  text-decoration: none;
  font-size: 9px;
  margin: 0;
  padding: 0;
}

#searchForm{
	padding: 5px 7px 7px 7px;
  text-align: left;
  font-size: 9px;
}
#searchForm input{
  font-size: 11px;
  margin: 5px 0 1px 0;
  padding: 1px 1px 2px 1px;
  border: 1px solid #000;
}
#searchForm input.image{
  border: 0;
}
#pubSkyDroite{
	padding: 5px 5px 5px 5px;
}
#pageNavR div.divContenu{
  padding: 2px 0 0 5px;
  margin: 0 0 5px 0;
}



/********* #content Styles ***********/

#toolbar {
	padding: 6px 0 4px 0;
	margin: 0;
	font-size: 9px;
	color: #888;
	line-height: 16px;
}
#toolbar img, #breadCrumb img{
  vertical-align: top;
  border-width: 0;
}
#breadCrumb {
  line-height: 16px;
	padding: 4px 0 3px 0;
	margin: 0 0 5px 0;
	font-size: 9px;
	color: #888;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}
#breadCrumb a:link, #breadCrumb a:visited, #toolbar a:link, #toolbar a:visited {
	color: #888;
	text-decoration: none;
}
#breadCrumb a:hover{
  color: #000;
	text-decoration: underline;
}
#toolbar a:hover {
  color: #000;
	text-decoration: none;
}
#navigPN{
  margin: 12px 0 0 0;
  padding: 4px 0 5px 0;
  text-align: right;
  color: #888;
  font-size: 9px;
 	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}
#navigPN a:link, #navigPN a:visited {
	color: #888;
	text-decoration: none;
}
#navigPN a:hover {
  color: #000;
	text-decoration: underline;
}


/************ Footer styles **************/

#footer{
	clear: both;
	border-top: 1px solid #CCC;
	font-size: 9px;
	color: #aaa;
	padding: 6px;
	line-height: 1.9em;
	width: 890px;
}
#footer a:link, #footer a:visited{
	color: #2E728F;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}
#footerLogo{
  float: right;
}
#footerLogo img{
  border-width: 0;
}
#xiti{
  float: right;
  padding: 3px 30px 0 10px;
}

/******************************************/
/* Elements menu gauche */
ul.menu_gauche{
  margin: 0;
  padding: 0;
}
.menu_gauche a{
  text-decoration: none;
  font-size: 9px;
  display: block;
  width: 100%;
  height: 100%;
}
.menu_gauche a:hover{
  text-decoration: underline;
}
.menu_gauche li {
  margin: 0 0 3px 0;
  padding: 2px 3px 3px 3px;
  list-style-type: none;
}

li.page1, li.page2, li.page3{
  background-color:#F1F7FC;
  padding-right: 10px;
}
li.page1{
  padding-left: 13px;
}
li.page2{
  padding-left: 23px;
}
li.page3{
  padding-left: 33px;
}
li.page4{
  padding-left: 43px;
  background-color:#F5FAFF;
  padding-right: 10px;
}
.page1 a, .page2 a, .page3 a, .page4 a{
  color: #444;
}
li.selected{
  background-image: url(./images/selecteur.gif);
  background-repeat:no-repeat;
  background-position:right;
}

li.section1{
  background-color:#999;
  padding-left: 13px;
  background-image: url(./images/gif_sections1.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
li.section2{
  background-color:#CFE4F3;
  padding-left: 23px;
  background-image: url(./images/gif_sections1.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
li.section3{
  background-color:#F1F7FC;
  padding-left: 33px;
  background-image: url(./images/gif_sections1.gif);
  background-repeat:no-repeat;
  background-position:top left;
}
.section1 a, .section1 a:hover{
  color: white;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.section2 a, .section2 a:hover{
  color: #444;
}
.section3 a, .section3 a:hover{
  color: #444;
}
li.activesection{
  background-color:#A0CAE8;
}


/******************************************/
/*Scripts dynamiques*/

/* TEASER RUBRIQUE */
div.teaserSection{
}
div.teaserSectionBloc{
  width: 167px;
  float:left;
  margin: 8px 7px 6px 0;
}
div.teaserSectionTitreBloc{
  background-color: #999;
  background-image: url(./images/gif_teaser_sections.gif);
  background-repeat:no-repeat;
  background-position:top right;
  padding: 3px 14px 4px 5px;
}
.teaserSectionTitreBloc h2, .teaserSectionTitreBloc h2 a, .teaserSectionTitreBloc h2 a:hover{
  font-size: 12px;
  line-height: 1.2em;
  color: #FFF;
  font-weight:bold;
  display: block;
  width: 100%;
}
.teaserSectionSousBloc{
  background-color: #fff;
  padding: 5px;
  font-size: 11px;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
.teaserSectionSousBloc p{
  padding: 2px 3px 5px 0px;
  line-height: 1.3em;
}
.teaserSectionSousBloc a{
  font-size: 10px;
  text-decoration: none;
  display: block;
  width: 95%;
  color: #000;
  padding: 0 0 2px 8px;
  background-image: url(./images/gif_enumeration.gif);
  background-repeat:no-repeat;
}
.teaserSectionSousBloc a:hover{
  text-decoration: underline;
}

/* TEASER Home */
div.teaserHome{
}
div.teaserHomeBloc{
  width: 258px;
  float:left;
  margin: 8px 7px 6px 0;
}
div.teaserHomeTitreBloc{
  background-color: #999;
  background-image: url(./images/gif_teaser_sections.gif);
  background-repeat:no-repeat;
  background-position:top right;
  padding: 3px 14px 4px 5px;
}
.teaserHomeTitreBloc h2, .teaserHomeTitreBloc h2 a, .teaserHomeTitreBloc h2 a:hover{
  font-size: 12px;
  line-height: 1.2em;
  color: #FFF;
  font-weight:bold;
  display: block;
  width: 100%;
}
.teaserHomeSousBloc{
  background-color: #fff;
  padding: 0px 5px 5px 5px;
  font-size: 11px;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
.teaserHomeSousBloc p{
  padding: 3px 3px 5px 0px;
  line-height: 1.3em;
}
.teaserHomeSousBloc a{
  font-size: 10px;
  text-decoration: none;
  display: block;
  width: 95%;
  color: #000;
  padding: 0 0 2px 8px;
  background-image: url(./images/gif_enumeration.gif);
  background-repeat:no-repeat;
}
.teaserHomeSousBloc a:hover{
  text-decoration: underline;
}

/* RECHERCHE */
div.search_result{
  margin: 0 0 10px 0;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  line-height: 1.5em;
  font-size: 11px;
  color: black;
}
.search_result h2 a{
  font-size: 15px;
  margin: 5px 0 5px 0;
  padding: 0;
  color: #000;
  font-weight:bold;
  text-decoration: none;
}
.search_result span, .search_result span a{
  color: #2E728F; /*#006600;*/
  font-size: 9px;
  text-decoration: none;
  line-height: 1.4em;
}
#pubRectangleSearch {
  margin: 8px 0 8px 0;
  padding: 0 0 0 0;
  text-align: center;
}

/*SITEMAP*/
ul.sitemap{
 list-style-type: none;
}
.sitemap a{
  color: black;
  text-decoration: none;
}
.sitemap a:hover{
  color: black;
  text-decoration: underline;
}
.sitemap li{
  margin: 0 0 0 30px;
  list-style-type: disc;
  font-size: 14px;
}
.sitemap ul li{
  margin: 1px 0 1px 60px;
  font-size: 12px;
  list-style-type:none;
}

/*GLOSSAIRE*/
div.glossaire{
  border: 0 solid #A0CAE8;
  border-top-width: 1px;
  margin: 20px 0 0 0;
}
div.glossaire_encart{
  float: right;
  width: 200px;
  background-color: #CFE4F3;
  font-size: 11px;
  margin: 5px 0 8px 15px;
  padding: 3px;
  line-height: 1.4em;
}
.glossaire_encart a{
  text-decoration: none;
  color: black;
}
.glossaire_encart a:hover{
  text-decoration: underline;
}


/******************************************/
/* NORMAL CLASSES */
.normal, .normal a{
  font-family: "Lucida grande", Verdana, Tahoma, Arial, sans-serif;
  line-height: 1.4em;
  font-size: 11px;
  color: black;
}
.normal img{
  float: right;
  margin: 10px 0 5px 10px;
}
.normal h1{
  font-size: 17px;
  line-height: 1.0em;
  color: #333;
  margin: 5px 0 10px 0;
  padding: 0px 0px 9px 0px;
  font-weight:bold;
  border-bottom: 1px solid #CCC;
}
.normal h3{
  font-size: 11px;
  line-height: 1.0em;
  color: #333;
  margin: 18px 0 8px 0;
  padding: 0px 0px 5px 0px;
  font-weight:bold;
  border-bottom: 1px solid #CCC;
}
.normal h2{
  font-size: 11px;
  line-height: 1.0em;
  font-style: italic;
  margin: 5px 0 8px 0;
  padding: 0;
  font-weight:bold;
}
.normal p{
  margin: 0 0 8px 0;
}
.normal li{
  list-style: disc;
  margin: 0 0 0 20px;
  padding-bottom: 3px;
  line-height: 1.3em;
  height: auto;
  font-size: 11px;
}
.normal ul{
  margin: 0 0 3px 0;
  padding: 0;
}
.normal table{
  border: 0;
  margin: 0 0 5px 0;
}
.normal td{
  border: 1px solid #888;
  border-bottom-width: 0;
  border-right-width: 0;
  padding: 2px;
  margin: 0;
  font-size: 11px;
}

.normal input{
  font-size: 11px;
  margin: 0;
  padding: 1px 1px 2px 1px;
  border: 1px solid #000;
}
.normal input.image{
  border: 0;
  margin: 0;
  vertical-align: middle;
}
.normal form{
  margin: 0;
  padding: 0;
}
.normal form td, .normal form th{
  border: 0;
  width: 50%;
  vertical-align: top;
}
.normal form th img{
  margin: 0;
  padding: 0;
}
.normal form th{
  text-align: right;
  font-weight: normal;
  padding-top: 2px;
}
.normal form td{
  text-align: left;
}
.normal form p.error{
  color: red;
}


div.normal_file
{
  padding: 6px 0 5px 0;
  font-family: Georgia, Verdana, Tahoma, Arial, sans-serif;
  line-height: 1.6;
  font-size: 12px;
}