/*///////////////////////////////////////////////////////////////////////////////////
// STYLE : structure général du site
// Contient tous les CSS
/////////////////////////////////////////////////////////////////////////////////////

/////////////////////////////////////////////////////////////////////////////////////
// SOMMAIRE :
// Général
// Structure accueil/intérieur
// Menu haut accueil/intérieur
// Membres accueil/intérieur
// Menu bas accueil/intérieur
// Pages menu haut
// Page contact
// Page actus
///////////////////////////////////////////////////////////////////////////////////*/

/*///////////////////////////////////////////////////////////////////////////////////
// Général
///////////////////////////////////////////////////////////////////////////////////*/
html, body{
	height:100%;
	background:#b3b3b3 url(../images/background/back-site.gif) repeat-x top;
	line-height:20px;
}
img{
	border:0;
}
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
	margin:0; padding:0;
}
ul, li{
	list-style:none;

}
div.divSeparateurInvisible{ /* A utiliser : <div class="divSeparateurInvisible" style="height:20px;"><hr /></div> avec la hauteur souhaitée */
	height:2px;
	clear:both;
}
div.divSeparateurInvisible hr{
  display: none;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Typo
///////////////////////////////////////////////////////////////////////////////////*/
h1{
	font:bold 20px Verdana, Arial, Helvetica, sans-serif; color:#083e80; text-transform:uppercase;
	background:url(../images/background/back-h1.gif) repeat-x 0 0;
	padding:0 0 20px 0;
}
h2{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#083e80; text-align:justify;
	padding:0 0 10px 0;
}
p{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#020202; text-align:justify;
	padding:0 0 30px 0;
}
p strong{
	color:#020202;
}
a:link, a:visited{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#020202; text-decoration:none;
}
a:hover, a:active{
	text-decoration:underline;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Structure accueil/intérieur
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurSite{
	position:absolute; top:0px; left:50%;
	margin-left:-500px;
	width:1000px;
}
div#divConteneurBandeauHaut{
	width:1000px; height:101px;
	background:url(../images/background/back-bandeau-haut.gif) no-repeat;
}
div#divConteneurFalshAccueil{
	width:1000px; height:460px;
	background:#fff;
}
div#divConteneurLogosMembres, div#divConteneurLogosMembresInt{
	clear:both;
	width:1000px; height:38px;
	background:#b1b1b1;
	padding-top:59px; /* pour l'accueil */
}
div#divConteneurMenuBas, div#divConteneurMenuBasInt{
	width:1000px; height:28px;
	background:#b1b1b1;
}
div#divConteneurLogosMembresInt, div#divConteneurMenuBasInt{
	background:none;
	padding-top:0px; /* pour l'intérieur */
}
div#divConteneurImgBandeauHaut{
	width:1000px; height:77px;
	background:#d8d8d8;
}
div#divConteneurContenu{
	width:1000px;
	background:#d8d8d8 url(../images/background/back-contenu.gif) repeat-y 0 0;
}
div#divConteneurContenu div#menuGauche{
	float:left;
	width:139px; height:420px;
	background:url(../images/background/back-menu-gauche.gif) no-repeat 0 0;
}
div#divConteneurContenu div#menuGauche ul{
	margin-top:50px;
}
div#divConteneurContenu div#menuGauche ul li{
	font:bold 14px Verdana, Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none;
	width:139px;height:25px;
	padding-top:5px;
	margin-bottom:10px;
	background-color:#083E80;
	text-align:center;
	cursor:pointer;
}
div#divConteneurContenu div#contenu{
	float:left;
	width:697px;
	margin:15px 0 15px 25px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu haut accueil/intérieur
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurBandeauHaut div#retourAccueil{
	position:absolute; top:0px; left:100px;
	width:165px; height:70px;
	cursor:pointer;
}
div#divConteneurBandeauHaut div#espaceMembre a:link, div#divConteneurBandeauHaut div#espaceMembre a:visited{
	position:absolute; top:0px; right:32px;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#838383; text-decoration:none;
	background:#cbcaca;
	padding:4px 10px 6px 10px;
}
div#divConteneurBandeauHaut div#espaceMembre a:hover, div#divConteneurBandeauHaut div#espaceMembre a:ative{
	text-decoration:underline;
}
div#divConteneurBandeauHaut div#espaceMembreDeconnexion a:link, div#divConteneurBandeauHaut div#espaceMembreDeconnexion a:visited{
	position:absolute; top:25px; right:32px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#838383; text-decoration:none;
	background:#DFDFDF;
	padding:2px 23px 4px 25px;
}
div#divConteneurBandeauHaut div#espaceMembreDeconnexion a:hover, div#divConteneurBandeauHaut div#espaceMembreDeconnexion a:ative{
	text-decoration:underline;
}

div#divConteneurBandeauHaut div#menuHaut{
	position:absolute; top:79px; left:0;
	height:22px;
}
div#divConteneurBandeauHaut div#menuHaut div{
	float:left;
	margin-right:1px;
}
div#divConteneurBandeauHaut div#menuHaut div#accueil p{
	width:139px; height:22px; text-align:center;
}
div#divConteneurBandeauHaut div#menuHaut div#accueil p{
	padding-top:5px;
}
div#divConteneurBandeauHaut div#menuHaut div#accueil p a:link, div#divConteneurBandeauHaut div#menuHaut div#accueil p a:visited{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#083e80; text-decoration:none;
}
div#divConteneurBandeauHaut div#menuHaut div#accueil p a:hover, div#divConteneurBandeauHaut div#menuHaut div#accueil p a:active{
	text-decoration:underline;
}
div#lienMenuHaut1 a, div#lienMenuHaut1Over a, div#lienMenuHaut6 a, div#lienMenuHaut6Over a {
	display:block;
	width:120px; height:22px;
}
div#lienMenuHaut1 a, div#lienMenuHaut1Over a {
	background:url(../images/menu/nos-missions.gif) no-repeat 0 0;
}
div#lienMenuHaut6 a, div#lienMenuHaut6Over a {
	background:url(../images/menu/nous-contacter.gif) no-repeat 0 0;
}
div#lienMenuHaut1 a:hover, div#lienMenuHaut1Over a, div#lienMenuHaut6 a:hover, div#lienMenuHaut6Over a {	
	background-position: -120px 0;
}
div#lienMenuHaut2 a, div#lienMenuHaut2Over a, div#lienMenuHaut3 a, div#lienMenuHaut3Over a, div#lienMenuHaut4 a, div#lienMenuHaut4Over a, div#lienMenuHaut5 a, div#lienMenuHaut5Over a{
	display:block;
	width:119px; height:22px;
	background:url(../images/menu/notre-organisation.gif) no-repeat 0 0;
}
div#lienMenuHaut2 a, div#lienMenuHaut2Over a {
	background:url(../images/menu/notre-organisation.gif) no-repeat 0 0;
}
div#lienMenuHaut3 a, div#lienMenuHaut3Over a {
	background:url(../images/menu/notre-charte.gif) no-repeat 0 0;
}
div#lienMenuHaut4 a, div#lienMenuHaut4Over a {
	background:url(../images/menu/le-marche.gif) no-repeat 0 0;
}
div#lienMenuHaut5 a, div#lienMenuHaut5Over a {
	background:url(../images/menu/actualites.gif) no-repeat 0 0;
}
div#lienMenuHaut2 a:hover, div#lienMenuHaut2Over a, div#lienMenuHaut3 a:hover, div#lienMenuHaut3Over a, div#lienMenuHaut4 a:hover, div#lienMenuHaut4Over a, div#lienMenuHaut5 a:hover, div#lienMenuHaut5Over a{	
	background-position: -119px 0;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Membres accueil/intérieur
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurLogosMembres div#membresActuels, div#divConteneurLogosMembresInt div#membresActuels{
	width:1000px; height:38px;
	background:#ccc;
}
div#divConteneurLogosMembresInt div#membresActuels{
	background:#ccc;
}
div#divConteneurLogosMembres div#membresActuels p, div#divConteneurLogosMembresInt div#membresActuels p{
	float:left;
	width:130px !important; width:160px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif; color:#083e80;
	padding:7px 0 0 10px;
}
div#divConteneurLogosMembres div#membresActuels div, div#divConteneurLogosMembresInt div#membresActuels div{
	float:left;
	margin-right:10px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Menu bas accueil/intérieur
///////////////////////////////////////////////////////////////////////////////////*/
div#divConteneurMenuBas ul, div#divConteneurMenuBasInt ul{
	text-align:center;
}
div#divConteneurMenuBas ul li, div#divConteneurMenuBasInt ul li{
	display:inline;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;	color: #5e5d5d;
}
div#divConteneurMenuBas ul a:link, div#divConteneurMenuBas ul a:visited, div#divConteneurMenuBasInt ul a:link, div#divConteneurMenuBasInt ul a:visited{
	padding:0 5px 0 5px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;	color: #5e5d5d;	text-decoration: none; line-height:28px;
}
div#divConteneurMenuBas ul a:hover, div#divConteneurMenuBas ul a:active, div#divConteneurMenuBasInt ul a:hover, div#divConteneurMenuBasInt ul a:active{
	text-decoration:underline;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Pages menu haut
///////////////////////////////////////////////////////////////////////////////////*/
ul#ulListe, ul#ulSousListe{
	margin:5px 0 10px 20px; padding:0;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;	color: #000000;
}
ul#ulListe li{
	padding-left:15px;
	background:url(../images/picto/puce.gif) no-repeat 0 5px; line-height:15px;
	margin-bottom:15px;
}
ul#ulListe li a{
 font:normal 11px Verdana, Arial, Helvetica, sans-serif;
}
ul#ulSousListe li{
	padding-left:5px;
	list-style-type:disc;
	color:#316595;
	margin-bottom:5px;
	background:none;
}
div#divContenuPagesHaut h2{
	color:#4C8BAD;
	font:bold 14px Arial, Helvetica, sans-serif;
}
div#divContenuPagesHaut p strong{
	color:#4C8BAD;
}
div#divContenuPagesHaut p.texteOrganisation{
	font:normal 16px Arial, Helvetica, sans-serif;
}
div#divContenuPagesHaut div.divLigne1{
	background:url(../images/background/back-contenu-1.jpg) no-repeat 0 0;
	margin-bottom:2px;
	height:45px;
}
div#divContenuPagesHaut div.divLigne2{
	background:url(../images/background/back-contenu-2.jpg) no-repeat 0 0;
	margin-bottom:2px;
	height:45px;
}
div#divContenuPagesHaut div.divLigne1 p, div#divContenuPagesHaut div.divLigne2 p{
	padding:10px 100px 0 30px;
}

/*///////////////////////////////////////////////////////////////////////////////////
// Pages contact
///////////////////////////////////////////////////////////////////////////////////*/
td.assistantFormContact {
	font:bold 12px Arial, Helvetica, sans-serif;
	background-color:#b7b7b7;
	color:#fff;
	padding:3px;
}
.txtBleu {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#4C8BAD;
}
td.txtCont {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#515151;
}
td.txtCont strong {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#4C8BAD;
}
input.chContactEnt {
	background-color:#fff;
	border: 1px solid #ccc;
	font:normal 14px Arial, Helvetica, sans-serif;
	width:400px;
	color:#646464;
}
textarea.chTxtContactEnt {
	font:normal 14px Arial, Helvetica, sans-serif;
	height:100px;
	width:400px;
	border:1px solid #ccc;
}
/*///////////////////////////////////////////////////////////////////////////////////
// Pages actus
///////////////////////////////////////////////////////////////////////////////////*/
div#divActualites p{
	padding-bottom:10px;
}
div#divActualites img.imageActu{
	float:left;
	margin:0 10px 10px 0;
}
div#divActualites a{
	font-weight:normal;
}