/*//////////////////////*/
/* Mise en page global */
/*////////////////////*/

* {margin:0px; padding:0px}

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image:  url(graf/fond.gif);
}

.niv2 a hover{
  text-decoration: none;
}

#conteneur { 
	position: relative;
	left: 50%;
	margin-left: -430px;
	width: 860px;
	height: 100%;
	background-color: #FFFFFF;
}

#conteneur_credits {
	position: absolute;
	left: 50%;
	margin-left: -320px;
	margin-top: 40px;
	width: 640px;
	padding: 50px 50px 50px 50px;
	background-color: #FFFFFF;
}


/*----------*/
/* bandeau haut */
/*--------*/


#etat {
	width: 539px;
}
#haut{
	position:relative;
	height:324px;
}
#bandeau{
	position:relative;
	height:270px;
	background-color:white;
	}
#acces {
	position: absolute;
	height: 267px;
	width: 318px;
	background-color: #4a473a;
	margin: 0px;
	padding: 0px;
	left: 542px;
	top: 0px;
}

#logo {
	position:absolute;
	margin-left: 127px;
	margin-top: 31px;
}
.logo {
	position:absolute;
	margin-left: 127px;
	margin-top: 31px;
}

#connexion {
	position: absolute;
	margin-left: 30px;
	margin-top: 130px;	
	width:185px;
	overflow: hidden;
}
/*////////////////////
///ACCES ADHERENTS///
///////////////////*/

#motpasse {
	top: 0px;
	background-color: #B7DC35;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#pb_acces {
	Position: absolute;
	margin-left: 150px;	
	width:185px;
	overflow: hidden;

}
.texteacces {
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	color: #4A473A;
}
.point_bleu{
	font-size: 15px;
	font-weight: bold;
	color: #16A5c7;
}
.texteacces a {
	text-decoration: none;
	color: #4A473A;
	text-align: right;
}
.texteacces a:hover {
	text-decoration: underline;
	color: #4A473A;
	text-align: right;
}
.saisie {
	height:14px;
}
.valider {
	font-size: 10px;
	border: 0px none;
	height:14px;
	background-image: url(graf/ok.gif);
}
.saisie {
	margin:0px;
	padding:0px;
}

/*////////////*/
/* Menu      */
/*//////////*/

#menu{
	height: 54px;
	background-color: #97BF0D;
	padding-left: 37px;
}
#nav {
	padding: 28px 0 0;
	margin: 0;
	list-style: none;
	font: 12px Arial,Helvetica;
	color: #fff;
}

#nav a {
	display: block;
	/*width: auto;*/
	text-decoration: none;
	color: #fff;
	padding-left: 9px;
	padding-right: 9px;
	background-color: #97BF0D;
}

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

#nav li {
	float: left;
	width: auto;
	background-color: #97BF0D;
}

#nav li ul {
	position: absolute;
	/*width: auto;*/
	left: -999em;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #97BF0D;
	background-color: #FFF;
	list-style-type: none;
	line-height: 18px;
	z-index: 4;
	padding: 5px 20px 10px 8px;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	margin-top: 11px;
	font-weight: bold;
	text-decoration: none;
}
#nav li ul li {
	clear: left;
}
#nav li ul li a {
	color: #97BF0D;
	background-color: #FFF;
}
#nav li img {
	float: left;
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: left;
}

/** html ul#nav li ul {
		margin: 8px 0 0 0; ma\rgin:8px 0 0 -4px;
}*/

.select {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	position:relative;
	top:-9px;
}

/*//////////////////*/
/* Contenu central */
/*////////////////*/

#centre {
	position: relative;
	background-color: white;
	overflow: hidden;
}
#colgauche {
	position: relative;
	top: 40px;
	left: 45px;
	margin-right:50px;
	width: 265px;
	float: left;
	overflow: hidden;
	margin-bottom: 80px;
}
#coldroite {
	position: relative;/* pour pouvoir positionner des div abs à l'interieur*/
	top: 40px;
	left: 45px;
	float: left;
	width: 455px;
	overflow: hidden;
	margin-bottom: 80px;
}
#ptecolgauche {
	position: relative;
	top: 40px;
	left: 40px;
	margin-right:50px;
	width: 150px;
	float: left;
	overflow: hidden;
	margin-bottom: 80px;
}
#ptecoldroite {
	position: relative;/* pour pouvoir positionner des div abs à l'interieur*/
	top: 40px;
	left: 45px;
	float: left;
	width: 560px;
	overflow: hidden;
	margin-bottom: 80px;
}
#col_index {
	position: relative;/* pour pouvoir positionner des div abs à l'interieur*/
	top: 40px;
	left: 45px;
	float: left;
	width: 455px;
	overflow: hidden;
	width: 400px;
	margin-left: 30px;
	margin-bottom: 80px;
}
#col_unique {
	margin-top: 40px;
	padding-bottom: 40px;
	margin-right: 135px;
	width: 570px;
	margin-left: 155px;
	height: auto;
	position: relative;
}
#col_presse {
	margin-top: 40px;
	padding-bottom: 40px;
	margin-right: 135px;
	width: 470px;
	margin-left: 155px;
	height: auto;
	position: relative;
}
#gde_col_unique {
	margin-top: 40px;
	padding-bottom: 40px;
	margin-right: 100px;
	width: 660px;
	margin-left: 100px;
}

#reportage{
	width: 264px;
	margin-top: 0px;
	margin-left: 0px;
	float: none;
}
/*//////////////////////*/
/* MISE EN FORME TEXTE */
/*////////////////////*/

/* titre actions // colloques*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	color: #16A5c7;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 0px;

}
/* titre syndicats mortels*/
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #97BF0D;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-left: 0px;

}
/* accroche paragraphe*/
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4a473a;
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 0px;

}
/* titre paragraphe*/
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #16A5c7;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* titre brèves*/
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4a473a;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4a473a;
	text-align: justify;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
/* titre focus*/
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #4a473a;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.petitbleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #16A5c7;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.larg400{
width:400px;
text-align:left
}
.petitvert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #97BF0D;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.g11bleu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#16A5c7;
	text-align: left;
	line-height:15px;
	margin-top:3px;
}
.g12vert{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#97BF0D;
	text-align: left;
	line-height:15px;
	margin-top:3px;
}
.txt11bleu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#16A5c7;
	text-align: left;
	line-height:15px;
	margin-top:3px;
}
.grandbleu {
	font-size: 13px;
	color: #16A5c7;
	font-weight: bold;
	text-align: center;
}
.trespetit{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4a473a;
	text-align: justify;
}
.trespetitblanc{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-align: justify;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4a473a;
	text-align: justify;
	padding:0;
	margin-bottom: 0px;

}
.petitexte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a473a;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.aligndroite {
	text-align: right;
	padding-top: 20px;
}

/*//////////////////
//////// les liens
////////////////*/
a {
	list-style-type: none;
	text-decoration: none;
}
a:hover {
	/*list-style-type: underline;*/
	text-decoration: underline;
}
a.titreh2 {
	font-size: 15px;
	font-weight: bold;
	color: #16A5c7;
	text-align: left;
	text-decoration: none;
}
a.titreh2:hover {
	text-decoration: underline;
}
a.lienvert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #97BF0D;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

a.lienvert:visited {
	list-style-type: none;
	text-decoration: none;
}
a.lienvert:hover {
	text-decoration: underline;
}
a.lienbleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #16A5c7;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

a.lienbleu:visited {
	list-style-type: none;
	text-decoration: none;
}
a.lienbleu:hover {
	text-decoration: underline;
}
a.liennoir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4a473a;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	z-index: 2;
}
a.liennoir:visited {
	list-style-type: none;
	text-decoration: none;
}
a.liennoir:hover {
	text-decoration: underline;
}
.flecheverte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #97BF0D;
	text-align: left;
}

.flechenoire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #4a473a;
	text-align: left;
}

#agenda li{
	list-style-position: outside;
	list-style-type: square;
	line-height: 15px;
	font-size: 15px;
	color: #97BF0D;
	padding-left: 5px;
	margin-left: 5px;
	list-style-image: none;
}
a.action{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #4a473a;
	text-align: left;
	text-decoration: none;
	padding: 0px;

}
a.action:hover{
	text-decoration: underline;
}

/*///////////////////////////*/
/* MISE EN FORME ZONE TEXTE */
/*/////////////////////////*/
.haut{
margin-top: 0px;
}
.margeh5{
margin-top: 5px;
}
.margeh10{
margin-top: 10px;
}
.margeh20{
margin-top: 20px;
}
.margeh40{
margin-top: 40px;
}
.margeh100{
margin-top: 100px;
}
.margeh150{
margin-top: 150px;
}
.margeh200{
margin-top: 200px;
}
.margeb5{
margin-bottom: 5px;
}
.margeb10{
margin-bottom: 10px;
}
.margeb20{
margin-bottom: 20px;
}
.margeb40{
margin-bottom: 40px;
}
#espimg265 {
	position: relative;
	width: 265px;
	overflow: hidden;
}
#texte165 {
	position: absolute;
	bottom: 0px;
	width: 155px;
	left: 110px;
}

#espimg400 {
	position: relative;
	width: 400px;
	overflow: hidden;
}

#texte300 {
	position: absolute;
	bottom: 0px;
	width: 290px;
	left: 110px;
}

#espimg455 {
	position: relative;
	width: 455px;
	overflow: hidden;
	left: 0px;
	margin-bottom: 10px;
}
#texte355 {
	position: absolute;
	top: 0px;
	width: 345px;
	left: 110px;
}
#texte355left {
	position: absolute;
	top: 0px;
	width: 345px;
	left: 0px;
}
#textencadre455 {
	width: 455px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.textencadre455 {
	width: 455px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.left110 {
	margin-left: 110px;
}
#colloque {
	margin-bottom: 5px;
	height: 112px
}
.photogauche {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.photo_ht10_bas10 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.photo_left12_bas12 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 12px;
}
.photo_droit12_bas12 {
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.photo_droit10_bas10 {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.photo_droit1_bas1 {
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	float:left;
}

#textimage {
	width: 265px;
	float: none;

}
.texteimage {
	display: block;
	width: 140px;
	font-size: 11px;
	color: #4a473a;
	font-family: Arial, Helvetica, sans-serif;
}

#traitnoir {
	margin-left: -45px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;

}
.traitnoir {
	margin-left: -45px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;

}
.traitnoir760 {
	margin-left: -100px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;

}
.traitnoir725 {
	margin-left: -155px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 10px;

}
#contenucourt {
	left: auto;
	top: 324px;
	right: auto;
	background-color: #FFFFFF;
	position: absolute;
	height: 300px;
	width: 860px;
}

.cadretitre {
	margin-bottom: 20px;
	margin-top: 20px;
	}	
#focus {
	position: relative;
	height: 207px;
	width: 395px;
	margin: 20px 20px 20px 20px;
	background-image: url(graf/fond_focus.gif);
	background-repeat: no-repeat;
	}
#credits {
	width:680px;
	height:680px;
	text-align:left;
	background-color: #FFFFFF;
	vertical-align: middle;

}
/*///////////////////////////*/
/* MISE EN FORME CONTACT */
/*/////////////////////////*/
#form_contact{
	position: relative;
	width: 450px;
	padding:20px 10px 40px 60px;
	background-color: #80c5d6;
	}
#form_adherent{
	position: relative;
	width: 450px;
	padding:20px 10px 40px 60px;
	background-color: #b3ce54;
	}
.rectangle{
	margin-left:20px;
	font-size: 10px;
	color: #4a473a;
}
.texte_form {
	font-size: 11px;
	color: #ffffff;
	padding: 0px;
	width: 60px;
	float: left;
}
.commentaire{
	margin-left:20px;
	float: left;
}
/*//////*/
/* bas */
/*////*/

#bas {
	height: 30px;
	background-color: #97BF0D;
	padding-top: 6px;
}
a.credits {
	font-size:10px;
	color: #FFFFFF;
	margin-left:555px;
}
a.credits:link {
	text-decoration: none;
}
a.credits:visited {
	text-decoration: none;
}
a.credits:hover {
	text-decoration: underline;
}
a.retour {
	font-size:10px;
	color: #FFFFFF;
	margin-left:45px;
}
a.retour:link {
	text-decoration: none;
}
a.retour:visited {
	text-decoration: none;
}
a.retour:hover {
	text-decoration: underline;
}