html {
	height: 100%;

}

body{
	margin:0;
	padding:0;
	text-align:center;
	background:#000000 url(../images/background.jpg) 50% 0 repeat-y;
	font-size:13px;
	color:#000000;
	font-family: arial,sans-serif;
	font-weight:normal;
}


table {
	font-size:12px;
	text-align: left;
}


#image_contenue{
	padding: 7px;
	width:240px;
	text-align:right;
	margin-right:0;
	margin-top:-50px;
	margin-bottom:0px;
	float: right;
}


#swf_contenue{
	padding: 7px;
	width:240px;
	text-align:right;
	margin-right:0;
	margin-top:-40px;
	margin-left:390px;
	margin-bottom:0px;
	float: right;
	position: absolute;
}

.em {
	font-style: italic;
}

#page{
	background-color:#265658;
	width:981px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	overflow: hidden;
}

#content a:link, #content a:visited, #content a:active {
	padding: 0;
	color:#99CC33;
	font-size:12px;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover{
	text-decoration: underline;
}

#content h1, #content h2 {
	font-size: 24px; 
	color: #33CCCC;
	font-weight: normal;
	position: relative;
}

#content h3 {
	padding-left: 16px;
	font-size: 24px; 
	color: #33CCCC;
	font-weight: normal;
	position: relative;
	line-height: 1px;
}

#content a.lien_noir:link, #content a.lien_noir:visited, #content a.lien_noir:active {
	padding: 0;
	color:#000000;
	font-size:12px;
	text-decoration: underline;
	font-weight: bold;
}

/** fenetre ajax de bdd **/

div#news-content-actu {
	width:800px;
	margin-left: -400px; 
	left: 50%;
	margin-bottom: 0px;
	padding: 0px;
	position: absolute;
	overflow: auto;
	height: 560px;
}

#content_bdd{
	width:780px;
	padding-top: 0px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	overflow: hidden;
}


#cadrebdd{
	margin: 6px;
	width:100%;
	min-height:200px;
	text-align:left;
	background-color: #FFFFFF;
}
#cadrebdd h2 {
	text-align: right;
	padding-right:15px;
	padding-top:10px;

}
#cadrebdd h1 {
	top: -10px;
	padding-left:10px;
	font-size: 24px; 
	color: #33CCCC;
	font-weight: normal;
	position: relative;
}

#cadrebdd h3 {
	top: -20px;
	padding-left:10px;
	font-size: 22px; 
	color: #33CCCC;
	font-weight: normal;
	position: relative;
	font-style: italic;
}
#cadrebdd table {
	top: -10px;
	padding-left:10px;
	font-weight: normal;
	width: 287px;
	position: relative;
}
#cadrebdd td {
	padding-right:7px;
}


/** fenetre ajax de connexion **/
#content_vote{
	width:372px;
	padding-top: 328px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	overflow: hidden;
}
#cadreblc{
	margin: 6px;
	width:100%;
	min-height:200px;
	text-align:left;
	background-color: #FFFFFF;
}
#cadreblc h2 {
	text-align: right;
	padding-right:15px;
	padding-top:10px;

}
#cadreblc h1 {
	top: -10px;
	padding-left:47px;
	font-size: 24px; 
	color: #33CCCC;
	font-weight: normal;
	position: relative;
}
#cadreblc table {
	top: -10px;
	padding-left:47px;
	font-weight: normal;
	width: 287px;
	position: relative;
}
#cadreblc td {
	padding-right:17px;
}
.button { 
	border: 1px solid #ddd; /* Bordure grise*/ 
} 
#bt_connexion { 
    background: url(../images/se_connecter.gif) no-repeat center center; 
	cursor: pointer; 
	width: 101px;
	height: 28px;
	border: 0;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
} 
#cadreblc td.lirelasuite {
	text-align: right;
	padding:10px 0;
}

#content{
	width:95%;
	padding-top: 24px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	overflow: hidden;
	background-color: #E8F4F0;
}

#content .titre {
	font-weight: bold;
}


#bandeau{
	width:981px;
	height: 225px;
	text-align:center;
	background: url(../images/bandeau_che.jpg) 50% 0 no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}


#bandeau_acc{
	width:981px;
	height: 225px;
	text-align:center;
	background: url(../images/bandeau.jpg) 50% 0 no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

#bandeau_publi{
	width:981px;
	height: 225px;
	text-align:center;
	background: url(../images/bandeau_publi.jpg) 50% 0 no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

#bandeau_chn{
	width:981px;
	height: 225px;
	text-align:center;
	background: url(../images/bandeau_chn.jpg) 50% 0 no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

#bandeau_soum{
	width:981px;
	height: 225px;
	text-align:center;
	background: url(../images/bandeau_soum.jpg) 50% 0 no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

#bandeau_ident{
	width:981px;
	height: 225px;
	text-align:center;
	background: url(../images/bandeau_ident.jpg) 50% 0 no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

#bandeau_consult{
	width:981px;
	height: 225px;
	text-align:center;
	background: url(../images/bandeau_consult.jpg) 50% 0 no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

#bandeau_espace{
	width:981px;
	height: 225px;
	text-align:center;
	background: url(../images/bandeau_espace.jpg) 50% 0 no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
}

/****topmenu  *****/
#menu{
	width:981px;
	height: 76px;
	text-align:center;
	background:#000000 url(../images/bg-btn.jpg) 50% 0 repeat;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	text-transform:uppercase;
}

.baseline{
	vertical-align: baseline; 
}

#btchn{
	float:left;
	display: block;
	font-weight:bold;
	color:#006666;
	font-size:14px;
	text-transform:uppercase;
	text-align: center;
	height: 46px;
	width: 165px;
	margin-left: 30px;
	padding-top: 30px;
	background: url(../images/tiret.png) left top no-repeat;
}

#btchn a, #btsoum a, #btident a, #btconsult a, #btegypt a, #btpubli a {
	font-weight:normal;
	color:#FFFFFF;
	font-size:10px;
	text-align: center;
	text-decoration: none;
}

#btchn a.first, #btsoum a.first, #btident a.first, #btconsult a.first, #btegypt a.first, #btpubli a.first {
	font-weight:bold;
	color:#006666;
	font-size:14px;
	text-align: center;
	text-decoration: none;
}

div#btchn:hover{
	background: url(../images/btchn-item-active.jpg) right center repeat-x;

}
div#btpubli:hover {
	background: url(../images/btpubli-item-active.jpg) right center repeat-x;
}
div#btsoum:hover {
	background: url(../images/btsoum-item-active.jpg) right center repeat-x;
}
div#btident:hover {
	background: url(../images/btident-item-active.jpg) right center repeat-x;
}
div#btconsult:hover {
	background: url(../images/btconsult-item-active.jpg) right center repeat-x;
}
div#btegypt:hover {
	background: url(../images/btegypt-item-active.jpg) right center repeat-x;
}


#btpubli {
	float:left;
	display: block;
	font-weight:bold;
	color:#006666;
	font-size:14px;
	text-transform:uppercase;
	text-align: center;
	height: 46px;
	width: 190px;
	padding-top: 30px;
	background: url(../images/tiret.png) left top no-repeat;
}



#btsoum {
	float:left;
	display: block;
	font-weight:bold;
	color:#006666;
	font-size:14px;
	text-transform:uppercase;
	text-align: center;
	height: 61px;
	width: 198px;
	padding-top: 15px;
	background: url(../images/tiret.png) left top no-repeat;
}


#btident {
	float:left;
	display: block;
	font-weight:bold;
	color:#006666;
	font-size:14px;
	text-transform:uppercase;
	text-align: center;
	height: 46px;
	width: 172px;
	padding-top: 30px;
	background: url(../images/tiret.png) left top no-repeat;
}


#btconsult {
	float:left;
	display: block;
	font-weight:bold;
	color:#006666;
	font-size:14px;
	text-transform:uppercase;
	text-align: center;
	height: 61px;
	width: 196px;
	padding-top: 15px;
	background: url(../images/tiret.png) left top no-repeat;
}


#btegypt {
	float:left;
	display: block;
	font-weight:bold;
	color:#006666;
	font-size:14px;
	text-transform:uppercase;
	text-align: center;
	height: 46px;
	width: 178px;
	padding-top: 30px;
	background: url(../images/tiret.png) left top no-repeat;
}



/** carre central accueil **/
#cadreaccueil{
	padding-top: 28px;
	margin-top: 24px;
	margin-left: 8px;
	width:693px;
	height:341px;
	text-align:left;
	background: url(../images/acceuil_chn.gif) left top no-repeat;
	float:left; 
	color: #FFFFFF;
}

#cadretranspa{
	padding: 0;
	margin: 0;
	color: #FFFFFF;
}

#contentacc{
	width:95%;
	padding-top: 24px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 12px;
}

#contentacc h1 {
	padding-left: 107px;
	font-size: 24px; 
	color: #33CCCC;
	font-weight: normal;
}


#contentacc ul {
	margin: 0;
	padding-left: 40px;
}

#contentacc table {
	margin: 0;
	padding-left: 40px;
	width: 580px;
}


#contentacc td.lirelasuite {
	width: 75px;
	text-align: right;
}

#contentacc td.tirets {
	background: url(../images/tirets.png) right 80% no-repeat;
}

#contentacc span.titre {
	background: #2D6768;
	padding-right: 7px;
	padding-left: 3px;
}

#contentacc td.puce {
	width: 6px;;
	background: url(../images/puce.png) left center no-repeat;
}

#contentacc li {
	margin: 0;
	padding: 3px;
	list-style-position: inside;
	list-style-image: url(../images/puce.png);
	width: 500px;
	background: #000000;
}

#contentacc a:link, #contentacc a:active, #contentacc a:visited {
	padding: 0;
	color:#99CC33;
	font-size:12px;
	text-decoration: none;
	font-weight: bold;
}

#contentacc a:hover{
	color: #FFFFFF;
}


/****menu gauche accueil *****/
#leftcoloneaccueil{
	margin-left: 8px;
	padding-top: 24px;
	padding-bottom: 24px;
	width:268px;
	text-align:right;
	float:left;
	display: block;
}


#bt_bdd{
	width:268px;
	height: 113px;
	text-align:right;
	background: url(../images/rectangle1.jpg) top center no-repeat;
	float:left;
	display: block;
}
#bt_bdd p{
	color: #FFFFFF;
	padding-top: 15px;
	padding-right: 24px;
	font-size: 12px;
}
#bt_bdd span.first{
	font-size: 14px;
	font-weight: bold;
}
#bt_bdd a{
	display: block;
	padding: 10px 12px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}


#bt_fiche{
	width:268px;
	height: 121px;
	text-align:right;
	background: url(../images/rectangle2.jpg) top center no-repeat;
	float:left;
	display: block;
}
#bt_fiche p{
	color: #006666;
	padding-top: 22px;
	padding-right: 24px;
	font-size: 12px;
}
#bt_fiche span.first{
	font-size: 14px;
	font-weight: bold;
}
#bt_fiche a{
	display: block;
	padding: 10px 17px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

#bt_consult{
	width:268px;
	height: 140px;
	text-align:right;
	background: url(../images/rectangle3.jpg) top center no-repeat;
	float:left;
	display: block;
}
#bt_consult p{
	color: #FFFFFF;
	padding-top: 21px;
	padding-right: 24px;
	font-size: 12px;
}
#bt_consult span.first{
	font-size: 14px;
	font-weight: bold;
}
#bt_consult a{
	display: block;
	padding: 10px 17px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

/****menu gauche  *****/
#leftcolone{
	margin-top: 30px;
	margin-left: 30px;
	padding-top: 24px;
	padding-bottom: 24px;
	width:238px;
	text-align:left;
	background: url(../images/bg-gcol.jpg) top center repeat-x;
	float:left;
	display: block;
}

#leftcolone span.first {
	padding-left: 25px;
	color: #99CC00;
	font-size: 18px;
	font-weight: bold;
	text-transform:uppercase;

}

#leftcolone span.second {
	padding-left: 25px;
	color: #FFFFFF;
	font-size: 12px;
	text-transform:uppercase;
}


#leftcolone ul {
	margin: 0;
	padding: 0;
	padding-top: 20px;
}

#leftcolone li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	display: block;
}

#leftcolone a.adresse:link {
	padding: 0;
	color:#99CC00;
	font-size:11px;
	text-decoration: none;
}

#leftcolone a.adresse:hover {
	text-decoration: underline;
}

#leftcolone li a {
	padding: 0;
	padding-left: 25px;
	color:#003333;
	font-size:12px;
	text-decoration: none;
}

#leftcolone  li a:hover{
	color: #FFFFFF;
	font-weight:bold;
	background: url(../images/bg-item-ac.jpg) 0px 4px no-repeat !important;
}

#leftcolone  p {
	padding-left: 25px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	background: url(../images/bg-item-ac.jpg) 0px 4px no-repeat !important;
}

#leftcolone li a.active {
	color: #FFFFFF;
	font-weight:bold;
	background: url(../images/bg-item-ac.jpg) 0px 4px no-repeat !important;
	cursor: default;
}

/****au centre  *****/

#shadow{
	background: url(../images/shadow.png) repeat-y top center;
	margin-top: 24px;
	margin-left: 24px;
	padding: 0px;
	width:668px;
	text-align:right;
	float:left;
	display: block;
}

#cadreblanc{
	padding-bottom: 24px;
	margin: 6px;
	width:656px;
	min-height:464px;
	text-align:left;
	background-color: #E8F4F0;
}
#cadreblanc span.first {
	padding-left: 16px;
	color: #33CCCC;
	font-size: 24px;
}
#cadreblanc p, #cadreblanc table {
	padding: 4px 16px;
}
#cadreblanc a.espace:link {
	line-height: 20px;
}
#cadreblanc span.titre {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

#cadreblanc span.sstitre {
	font-weight: normal;
	color: #333333;
	font-size: 11px;
}
#cadreblanc span.mini {
	font-weight: normal;
	color: #333333;
	font-size: 4px;
}
#cadreblanc li {
	margin: 0;
	list-style-image: url(../images/puce.png);
}


/* menu piedpage */

#piedpage{
	margin-top: 29px;
	padding-left: 32px;
	width:949px;
	height: 36px;
	text-align:left;
	background-color: #133838;
	float:left;
	color:#669999;
	font-size:11px;
}

#piedpage ul {
	margin: 0;
	padding: 0;
	padding-top: 12px;
	height: 36px;
}

#piedpage li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
	display: inline;
}

#piedpage a {
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	color:#669999;
	font-size:11px;
	text-decoration: none;
}

#piedpage  a:hover{
	color: #99CC33;
}

#piedpage a.active {
	color: #99CC33;
}



/* icones piedpage */

#icones_piedpage{
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-bottom: 50px;
	padding-right: 35px;
	width:981px;
	text-align:right;
	float:center;
	color:#669999;
	font-size:11px;
}

#icones_piedpage table{
	width:981px;
	text-align: right;
	font-size: 11px;
	font-color: #33CCCC;
}

#icones_piedpage td.logo{
	width:135px;
}

#icones_piedpage td.vert{
	width:31px;
}
























 
.tabrec {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000
	margin: 0px;
	height: 0px;

}
.tabrectr {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  height: 24px;
}
.tabrectr2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #FFFFFF;
  text-align: center;
  height: 24px;
  color: #FFFFFF;
}
.tabrectr3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  background-color: #84969C;
  text-align: center;
  height: 24px;
  color: #000000;
}
.tabrecres1 { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background-color: #FFFFFF;
  text-align: left;
}
.tabrecres2 { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background-color: #FFFFFF;
  text-align: left;
}
.num { 
  text-align:center;
}

acronym  { font-variant: small-caps; color: gray  }
cite { font-style: italic; color: #666666}
em { font-style: normal; font-weight: bold ; color: #333333}
strong { font-style: normal; font-weight: bold ; color: #333333}
form {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}

h4 {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #006699}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	border: 0px;
}


th {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
.petit {  font-size: 10px; font-family: Arial, Helvetica, sans-serif}

.trespetit { font-size: 9px; font-family: Arial, Helvetica, sans-serif }
.latin {  font-style: italic}
.ref {  font-family: Arial, Helvetica, sans-serif; font-size: 10px}
.ouvrage {
	font-style: italic;
}

a.weblink:link {  color: #006666; text-decoration: none}
a.weblink:hover {  color: #003333; background-color: #FFFFCC}
a.weblink:visited { color: #006666; text-decoration: none }
.actutitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	padding-right: 10px;
	padding-left: 10px;
}
.actutitre a:link {
	color: #006699;
	text-decoration: none;
}
.actutitre a:hover {
	color: #333333;
	text-decoration: underline;
}
.actutitre a:visited {
	color: #333333;
}
.headpath {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #666666;
	background-image:  url(/images/pathfond.gif);
}
.headpath a{
	color: #666666;
	text-decoration:none;
}
.headpath a:hover{
	color: Black;
	text-decoration:underline;
}
.acturesume {
	font-size: 11px;
}
.acturesume a:link{
	color: #000000;
	text-decoration: none;
}
.acturesume a:hover{
	color: #333333;
	text-decoration: underline;
}
.acturesume a:visited{
	color: #333333;
}
.tabphoto {
	background-color: #CCCCCC;
	border: 1px solid #999999;
	padding: 2px;
	margin: 3px;
	font-size: 9px;
}
.tabphoto tr td {
	font-size: 9px;
}
.lastupdate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	font-style: normal;
	text-align: right;
}

ul.listedelien {
	padding: 0px;
	margin: 0px;
}
ul.listedelien li {
	list-style: url(/images/puce.gif) outside;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 0px 15px;
}
.lienXLS {
	background: url(/images/icones/xls.gif) no-repeat left top;
	padding-left: 18px;
	display: block;
	padding-top: 4px;
}
.lienDOC {
	background: url(/images/icones/doc.gif) no-repeat left top;
	padding-left: 18px;
	display: block;
	padding-top: 4px;
}
.lienPDF {
	background: url(/images/icones/pdf.gif) no-repeat left top;
	padding-left: 18px;
	display: block;
	padding-top: 4px;
}
.lienZIP {
	background: url(/images/icones/zip.gif) no-repeat left top;
	padding-left: 18px;
	display: block;
	padding-top: 4px;
}
.menuligne {
	font-size: 9px;
}
.menuligne a {
	border-right: 1px solid Black;
	padding: 0px 5px;
}



.col1 {
	width: 70px;
	font-size: 10px;
}
.col2 {
	width: 150px;
	background-color: #84949C;
}
.col2 p {
	font-size: 12px;
}
.col2 a:link{
	color: #333333;
	text-decoration: none;
}
.col2 a:hover{
	color: #CCCC00;
	text-decoration: underline;
}
.col2 a:visited{
	color: #333333;
}
.col3 {
	width: 530px;
	border-bottom: 1px dashed #666666;
}
#sectiontitre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	font-style: italic;
}
.tabsection {
	margin: 0px;
}
.tabsection tr th{
	background-color: #84949C;
	font-weight: bold;
	color: #000000;
	text-align: left;
	margin: 0px;
	padding: 3px;
}
.tabsection tr td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #84949C;
	margin: 0px;
	padding: 3px;
	vertical-align: top;
}

INPUT {
     color:#006666;
     background-color:#E8F4F0;
     font-size:11px;
}
SELECT {
     color:#006666;
     background-color:#E8F4F0;
     font-size:11px;
}

.bobleu {
     color:#006666;
     font-size:11px;
	 text-transform: uppercase;
	 font-style: normal;
}

table.consult {
	margin: 0;
	width: 95%;
	padding: 0px;
	background-color:#FFFFFF;
	border: 1px solid #ddd; /* Bordure grise*/ 
	margin-left: 16px;
}


#cadrebdd table.tableau {
	width: 97%;
	border: 1px solid #ddd; /* Bordure grise*/ 
	left:10px;
	font-size: 11px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

#cadrebdd tr.vertpale {
	background-color:#FAFFEB;
}

#cadrebdd tr.vertpale_before {
	background-color:#FAFFEB;
	color: #999999;
}
#cadrebdd tr.before {
	color: #999999;
}
#cadrebdd td.bobleu {
	border: 1px solid #ddd; /* Bordure grise*/ 
	text-align:center;
	font-style: normal;
	background-color:#006666;
	color:#FFFFFF;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 10px;
	height: 30px;
}

#cadrebdd td.italic {
	font-style: italic;
}

#cadrebdd td {
	height: 20px;
}


table.sitemap, table.sitemap th {
	text-align: left;
}

.petit_car {
	margin-right:10px;
	margin-left:10px;
	padding-right: 10px;
	padding-bottom:10px;
	text-align:left;
	font-size:10px;
}

#btident {
	display: none;
}