/*--------------------------------------GLOBAL--------------------------------*/
* {
	margin:0px;
	padding:0px;}

body {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url("interface/pub_trame_vert.png");}

html {
	background-image:url("interface/pub_trame_fond.png");
	background-repeat:repeat;}

/*-------------------------ELEMENTS STANDARD (TITRE, PARAGRAPHE....)----------*/

hr {
  text-align:center;
  color:#EEEEEE;}
	
h1 {
	font-family:Arial;
	letter-spacing:0.5em;
	color:#063902;}

h2 {
	font-family:Arial;
	letter-spacing:0.5em;
	color:#063902;}

h3 {	
	font-family:Arial;
	letter-spacing:0.5em;
	color:#063902;
	font-weight:bold;
	font-size:1.2em;}

h4 {
	font-family:Arial;
	color:#000000;
	font-weight:bold;
	font-size:1.1em;}

h5 {
	font-family:Arial;
	color:#529509;
	font-weight:bold;}

h6 {
	font-family:Arial;
	color:#529509;
	font-weight:bold;}

p {
	font-size:0.9em;
	text-align: left;
	margin-left:5px;
	color:#464646;}

address {
	font-size:0.9em;
	color:#141414;}

pre {
	font-size:0.9em;
	color:#282828;}

ul {
	margin-left:20px;}

li {
	margin-top:5px;}

dl {
	float:left;
	margin-left:5px;}
	
/*--------------------------------------ENTETE--------------------------------*/

#header {
	width:800px;
	height: 97px;
	margin-top:-97px !important;
	margin-top:-20px;} 
	
#img_header {
	position:absolute;
	width:800px;
	height: 97px;
	border:0;} 

/*--------------------------------------PAGE ACCUEIL--------------------------*/

#news {
	position:relative;
	width:274px;
	height:auto;
	margin-left:8px;
	margin-top:-20px;}

#news p {
	font-size:0.9em;
	text-align: justify;
	margin-left:10px;
	color:#464646;}

#news span {
	font-size:0.9em;
	text-align: justify;
	color:#767676;}

#news a:link {
	font-size:8pt;
	text-decoration:underline;
	color:#060C2F;}

#news a:hover {
	color:#303030;
	text-decoration:none;}

#news a:active {
	color:#001C55;}
	
#news a:visited {
  font-size:8pt;
	color:#5C5C5C;}

#news a:visited:hover {
	color:#303030;
	text-decoration:underline;}

.txtNews {
	font-size:7.5pt;}

.anim_swf {
	width:240px;
	height:180px;
	margin-left:110px;
	margin-top:-10px;}

/*--------------------------------------IMAGES--------------------------------*/
	
* img {
	behavior:	url("pngbehavior.htc");
	border-style: none;}

img.bandeau_haut {
	width: 800px;
	height: 92px;}
	
img.bandeau_bas {
	width: 800px;
	height: 33px;}

img.nobord {
	width: 16px;
	height: 16px;}

img.bord {
	width: 16px;
	height: 16px;
	border: 1px solid #EEEEEE;
	background-color:#EEEEEE;}

img.flecheg {
  position:absolute;
	top:-5px;
	right:-40px;}

img.fleched {
  position:absolute;
	top:-5px;
	right:-70px;}

img.fleche {
	width: 15px;
	height: 15px;}

img.nobord2 {
	width: 24px;
	height: 24px;}

img.logo {
	float: right;
	position:relative;
	z-index:30;
	padding:10px;
	top:0px !important;
	top:20px;
	right:0px !important;
	right:10px;}
	
/*--------------------------------------FORMULAIRES---------------------------*/	
	
select {
  width: 265px;
  height:20px;}

select.rech {
  width: 203px !important;
  width: 202px;
  height:20px;}

input:text {
  height:17px;}

.btn_form {
  height:19px;
  vertical-align:bottom;}

fieldset {
	border: 1px solid #CCCCCC;
	background-color:#EEEEEE;
	padding-left:2px;
	padding-bottom:2px !important;
	padding-bottom:5px !important;
	padding-top:0px;
	display: block;
	width:98% !important;
	width:98%;
	font-size:1.1em;
	margin-top: 2px !important;
	margin-top: 0px;
	margin-bottom: 2px !important;
	margin-bottom: 1em;
	position: relative;}

legend {
  background-color:#FFFFFF;
  margin: 0 2px 0 2px !important;
  margin: 0 2px 0 2px;
  padding: 0;
  position: relative;
  top: -1em;}

.btn_form {
	border: 2px outset #A1AF9C !important;
	border: 1px outset #A1AF9C;
	background-color:#EEEEEE;
	margin:5px;
	-moz-border-radius:5px 5px 5px 5px;}

.btn_form:hover {
	border: 2px outset #BABDC2 !important;
	border: 1px outset #BABDC2;
	background-color:#CBD4C4;
	cursor:pointer;}

/*--------------------------------------TABLE---------------------------------*/

* table {	
	font-family:  Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
	border: none;
	padding: none;
	position: relative;
	margin: center;
	background-color: #FFFFFF;}
	
table.fleche {
	width: 100px;
	border-collapse: collapse;}

table.affiche {
	background-color: #EEEEEE;
	border: 1px solid #EEEEEE;
	width: 747px;
	border-collapse: collapse;}

table.affiche_petit {
	border: 1px solid #EEEEEE;
	width: 370px;
	border-collapse: collapse;}

table.infos {
	width: 647px;
	border-collapse: collapse;}
	
table.logo {
	width: 100px;
	background-color: #FFFFFF;}

table.mot_cle {
	border: 1px solid #EEEEEE;
	width: 418px;
	border-collapse: collapse;}

table.yo{
  width: 740px !important;
	width: 747px;
	background-color: #FFFFFF;
	border-collapse: collapse;}

/*--------------------------------------CELLULES------------------------------*/

td.infos {
	z-index:15;
	width:646px;
	height:100%;
	border: none;
	background-color:#FFFFFF;}
	
td.logo {
	z-index:15;
	width:100px;
	height:100%;
	border: none;
	background-color:#FFFFFF;}

td.inter {
	z-index:15;
  color: #000000;
	width:1px;
	height:100%;
	border: none;
	background-color:#FFFFFF;}

td.cont1 {
	text-align:right;
	z-index:15;
  color: #000000;
	width:166px;
	height:100%;
	border: none;
	background-color: #EEEEEE;}

td.champ1 {
	text-align:left;
	z-index:15;
  color: #000000;
	width:206px;
	height:100%;
	border: none;
	background-color: #EEEEEE;}

td.cont2 {
	text-align:right;
	z-index:15;
  color: #000000;
	width:53px;
	height:100%;
	border: none;
	background-color:#FFFFFF;}

td.champ2 {
	text-align:left;
	z-index:15;
  color: #000000;
	width:133px;
	height:100%;
	border: none;
	background-color:#FFFFFF;}

td.champ {
	text-align:left;
	padding-top:2px;
	padding-bottom:2px;
	z-index:15;
  color: #000000;
	width:370px;
	height:100%;
	border: none;
	background-color:#FFFFFF;}

td.champ_petit {
	text-align:left;
	padding-top:2px;
	padding-bottom:2px;
	z-index:15;
  color: #000000;
	width:180px;
	height:100%;
	border: none;
	background-color:#FFFFFF;}

td.titre_gras {
	text-align:left;
	z-index:15;
  color: #000000;
	width:240px;
	height:100%;
	border: none;
	background-color:#EEEEEE;}

td.contenu_gras {
	text-align:left;
	z-index:15;
	padding-left:10px;
	width:497px;
	height:100%;
	border: none;
	background-color:#EEEEEE;}

td.blanc {
	text-align:left;
	z-index:15;
  color: #000000;
	width:747px;
	height:100%;
	border: none;
	background-color:#FFFFFF;}

td.gris {
	text-align:center;
	z-index:15;
  color: #000000;
	width:747px;
	height:20px;
	border: none;
	border-bottom: 1px solid #EEEEEE;
	background-color:#FFFFFF;}

td.titre {
	text-align:right;
	display: table-cell;
	vertical-align:super;
	z-index:15;
  color: #000000;
	width:240px;
	height:auto;
	border: none;
	background-color:#EEEEEE;}

td.contenu {
	text-align:left;
	z-index:15;
	padding-left:10px;
	width:390px;
	height:100%;
	border: none;
	background-color:#FFFFFF;}

td.mot_cle {
	text-align:center;
	font-size: 8pt;
	z-index:15;
	width:358px;
	height:20px;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;}

td.sup_mot_cle {
	text-align:center;
	font-size: 8pt;
	z-index:15;
	width:60px;
	height:20px;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;}

td.titre_menu {
	width: 100%;}

/*----------------------CELLULES ANNUAIRE------------------------------*/

td.rais {
	text-align:center;
	z-index:15;
	width:200px;
	height:auto !important;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;}

td.sect {
	text-align:center;
	z-index:15;
	width:190px;
	height:auto !important;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;}

td.code {
	text-align:center;
	z-index:15;
	width:100px;
	height:auto !important;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;}

td.ville {
	text-align:center;
	z-index:15;
	width:180px;
	height:auto !important;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;}

td.pays {
	text-align:center;
	z-index:15;
	width:100px;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;}

td.fiche {
	text-align:center;
	z-index:15;
	width:50px;
	height:auto !important;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;}

td.rais_gris {
	text-align:center;
	z-index:15;
	width:200px;
	height:auto !important;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#EEEEEE;}

td.sect_gris {
	text-align:center;
	z-index:15;
	width:190px;
	height:auto !important;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#EEEEEE;}

td.code_gris {
	text-align:center;
	z-index:15;
	width:100px;
	height:auto !important;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#EEEEEE;}

td.ville_gris {
	text-align:center;
	z-index:15;
	width:180px;
	height:auto !important;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#EEEEEE;}

td.pays_gris {
	text-align:center;
	z-index:15;
	width:100px;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#EEEEEE;}

td.fiche_gris {
	text-align:center;
	z-index:15;
	width:50px;
  height:auto !important;
	height:100%;
	border: 1px solid #CCCCCC;
	background-color:#EEEEEE;}
	
/*------------------------------------LIEN GENERIQUE--------------------------*/

a:link {
	font-size:11px;
	color:#0073c0;
	text-decoration:underline;}

a:hover {
	font-size:11px;
	color:#0073c0;
	text-decoration:underline;}

a:visited {
	font-size:11px;
	color:#0073c0;
	text-decoration:underline;}

a:visited:hover {
	font-size:11px;
	color:#0073c0;
	text-decoration:underline;}

/*------------------------------------LIENS MENU------------------------------*/

#lienMenu a:link {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:none;
	color:#000000;}

#lienMenu a:hover {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;}

#lienMenu a:selected {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;}

#lienMenu a:visited {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:none;
	color:#000000;}

#lienMenu a:visited:hover {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;}

/*--------------------------------------MENU----------------------------------*/

#BTNmenu {
	position:absolute;
	top:-21px !important;
	top:55px;
	right:0px;}

#BTNmenu a {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:10px;}

#BTNmenu img {
	float:right;
	z-index: 10;
	width:101px;
	height: 21px;
	display: inline;
	border-bottom:1px solid #E1E1E1;}
	
#BTNmenu input {
	float:right;
	display: inline;
	margin-top:5px;
	margin-right:6px;}
	
#lienMenu {
	position:absolute;
	z-index:15;
	top:-17px !important;
	top:59px;
	right:-5px;}
	
/*------------------------------------LIEN RECHERCHE--------------------------*/

#lienrech a:link {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:none;
	color:#000000;}

#lienrech a:hover {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;}

#lienrech a:selected {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;}

#lienrech a:visited {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:none;
	color:#000000;}

#lienrech a:visited:hover {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:underline;
	color:#000000;}
	
.petit_ong {
	margin-left:-3px;}

.moyen_ong {
	margin-left:28px;}

.large_ong {
	margin-left:20px;}

/*--------------------------------------RECHERCHE-----------------------------*/
	
#BTNrech {
  float:left;
	position:absolute;
	top:-19px;
  left:33px;}

#BTNrech a {
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:10px;}

#BTNrech img {
	float:left;
	z-index:20;
	width:101px;
	height: 21px;
	display: inline;
	border-bottom:1px solid #E1E1E1;}
	
#lienrech {
	position:absolute;
	z-index:20;
	top:-15px;
	left:50px;}
	
/*------------------------------------LIEN MAIL-------------------------------*/

#lienmail a:link {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:none;
	color:#0073c0;}

#lienmail a:hover {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:none;
	color:#0073c0;}

#lienmail a:selected {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:none;
	color:#0073c0;}

#lienmail a:visited {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:none;
	color:#0073c0;}

#lienmail a:visited:hover {
	font-family:ITC Franklin Gothic, Arial;
	font-size:11px;
	letter-spacing:0,5em;
	font-weight:bold;
	text-decoration:none;
	color:#0073c0;}

/*--------------------------------------MAIL----------------------------------*/

#BTNmail {
  position:absolute;
	float:right;
	top:-90px !important;
	top:-15px;
	right:4px;}

#BTNmail img {
	width: 28px;
	height: 22px;}

#BTNmail p {
	position:relative;
  float:right;
	font-weight:bold;
	font-size:1em;
	margin-right:10px;}

#BTNmail a {
	position:relative;
	float:right;
	z-index:15;
	font-weight:bold;
	font-size:1em;
	color:#000000;
	margin-right:10px;}

/*--------------------------------------ESPACE--------------------------------*/

#BTNespace {
	position:absolute;
	z-index:15;
	top:-16px !important;
	top:62px;
	right:630px;}

#BTNespace img {
	border-style: none;
	width: 85px;
	height: 15px;}

/*--------------------------------------DIVERS--------------------------------*/

#conteneur {
	position: absolute;
	width: 800px;	
	height: auto !important;
	height: 600px;
	min-height: 500px;
	left:50%;
	background-color:#EEEEEE;
	margin-top:106px !important;
	margin-top:30px;
	padding-top:-auto;
	margin-left: -400px;
	-moz-border-radius:0 0 10px 10px;}
	
#fin {
  clear:both;
  width:10px;
  height:750px;}
	
.rouge {
	font-size:1.1em;
	color:red;}
	
.petit {
  font-size:9px;}
	
#doc {
	width:740px;
	height:570px;}
	
/*------------------------------CONTENU CENTRALE GENERIQUE--------------------*/

#gauche {
	position:relative;
	float:left;
	margin-left:15px !important;
	margin-left:10px;
	margin-top: 10px;
	padding-bottom:30px;
	z-index:4;}

#droite {
	position:relative;
	float:right;
	margin-right:15px !important;
	margin-right:10px;
	margin-top: 10px;}
	
#bas {
	position:relative;
	float:left;
	margin-right:15px !important;
	margin-right:10px;
	margin-top: 20px;
	padding-bottom:30px;}

/*------------------------------------------CADRES----------------------------*/
/*------------Cadre normaux : news----------------------------------------*/

.cadreH1 {
	position:relative;
	width:291px;
	height:24px;
	background: url(interface/cadre_phaut_pub.png);
	background-repeat:no-repeat;
	z-index:5;}

.cadreC1 {
	position:relative;
	width:291px;	
	height: auto !important;	
	background: url(interface/cadre_pcentre_pub.png);
	background-repeat:repeat-y;
	margin-bottom:5px ;
	z-index:5;}

.cadreB1 {
	position:relative;
	width:291px;
	height:24px;
	background: url(interface/cadre_pbas_pub.png);
	background-repeat:no-repeat;
	margin-top:-5px;
	z-index:5;}
	
.centreC1 {
	width:251px;
	height:auto !important;
	margin-left:10px;
	z-index:5;}
	
/*------------Cadre moyen : anim..----------------------------------------*/ 

.cadreH2 {
	position:relative;
	width:462px;
	height:24px;
	background: url(interface/cadre_mhaut_pub.png);
	background-repeat:no-repeat;
	z-index:5;}

.cadreC2 {
	position:relative;
	width:462px;
	height: auto !important;
	background: url(interface/cadre_mcentre_pub.png);
	background-repeat:repeat-y;
	margin-bottom:5px ;
	z-index:25;}

.centreC2 {
	width:440px;
	height: auto !important;
	margin-left:10px;
	z-index:25;}

.cadreB2 {
	position:relative;
	width:462px;
	height:24px;
	background: url(interface/cadre_mbas_pub.png);
	background-repeat:no-repeat;
	margin-top:-5px;
	z-index:5;}
	
.p1 {
  margin-left:10px;}
	
.p2 {
  margin-left:200px;}
	
/*------------Cadre largeur complète----------------------------------------*/

.cadreH3 {
	position:relative;
	width:768px;
	height:23px;
	background: url(interface/cadre_ghaut_pub.png);
	background-repeat:no-repeat;
	z-index:5;}

.cadreC3{
	position:relative;
	width:768px;	
	height: auto !important;
	height: auto;	
	/*min-height:180px;*/
	background: url(interface/cadre_gcentre_pub.png);
	background-repeat:repeat-y;
	margin-top:0px;
	padding-top:17px !important;
	margin-bottom:-5px ;
	z-index:5;}

.centreC3 {
	width:750px;
	height: auto !important;
	height: 150px;	
	margin-left:10px;
	margin-top:-15px;
	padding-bottom:0px;}

.cadreB3 {
	position:relative;
	width:768px;
	height:23px;
	background: url(interface/cadre_gbas_pub.png);
	background-repeat:no-repeat;
	margin-top:5px !important;
	margin-top:5px;
	margin-bottom:0px !important;
	margin-bottom:15px;
	z-index:5;}

/*----------------------------------CONTENU DU PIED---------------------------*/

#pied {
	position:absolute;
	width:100%;
	height: 40px;
	bottom:-35px !important;
	bottom:-20px;
	left:0px;
	background-image:url("interface/bandeau_bas_pub.png") !important;
	background-image:url("interface/bandeau_bas_pub_ie.png");
	background-repeat:no-repeat;
	border-top: 3px solid #AEADAD;
	text-align:center;}

#pied p {
	font-size:0.85em;
	text-align:center;
	color:#001952;
	margin-top:2px;}
	
/*--------------------------------------PRIVE-------------------------------------*/
/*Remplacer couleur #c05f00 par couleur #0073c0
  Remplacer " pub " par " pub " */

/*A remplacer quand on passe en pube...
	
.lien1 {
	margin-right:43px;}

.lien2 {
	margin-right:55px;}

.lien3 {
	margin-right:60px;}

.lien4 {
	margin-right:57px;}

.lien5 {
	margin-right:30px;}*/

/*A remplacer quand on passe en public...*/

.lien1 {
	margin-right:30px;}
	
.lien2 {
	margin-right:48px;}
	
.lien3 {
	margin-right:60px;}
	
.lien4 {
	margin-right:57px;}
	
.lien6 {
	margin-right:41px;}