@charset "UTF-8";

/* CSS Document */
body {
		padding:0;
		margin:0;
		background:white;
		font-size:0.65em;
		font-family:Arial, Helvetica, sans-serif;
		color:#666;
}

a {
		color:#555;
}

a:hover {
		color:#111;
		text-decoration:underline;
}

hr.separation {
		clear:both;
		visibility:hidden;
		font-size:1px;
		height:1px;
		margin:0;
		padding:0;
}

.right {
		text-align:right
}

p#fil-ariane {
		background:none;
}

div.ombrage {
		padding: 0;
		height:26px;
		background:url(../../images/structure/menu-ombrage.png) repeat-x bottom left white;
		clear:both;
		margin:1px;
		border:none;
}

*+html div.ombrage {
		background-position:top left;
} /* Hack IE 7*/

/*       ******	*/
/*       MENU		*/
/*       ******	*/
#menu-principal {
		margin:0;
		padding:0;
}

#menu-principal li {
		margin:0 0 0 1px;
		padding:0;
		float:left;
		width:158px;
		height:118px;
		background-color:#00A7D6;
		list-style:none;
}

#menu-principal li a {
		margin:0;
		padding:0;
		float:left;
		width:158px;
		height:118px;
		background-color:#0099CC;
		color:#00A7D6;
		border:none;
		background-image:url(../../images/structure/menu-ap-over.png);
}

#menu-principal li img {
		border:none;
		text-decoration:none;
}

#menu-principal li a:hover {
		background-color:#9DC22A;
		color:#9DC22A;
		background-image:url(../../images/structure/menu-ap-over.png);
}

#menu-principal li.accueil a:hover {
		background-color:#9DC22A
}

#menu-principal li.presentation a:hover {
		background-color:#7570AD
}

#menu-principal li.informations a:hover {
		background-color:#F29A7D
}

#menu-principal li.adhesions a:hover {
		background-color: #FFC633;
}

#menu-principal li.adherents a:hover {
		background-color:#EA6D2D;
}

#menu-principal li.presentation a.actif {
		background-color:#7570AD
}

#menu-principal li.informations a.actif {
		background-color:#F29A7D
}

#menu-principal li.adhesions a.actif {
		background-color: #FFC633;
}

#menu-principal li.adherents a.actif {
		background-color:#EA6D2D;
}

#menu-principal li a.actif {
		background-color:#9DC22A;
}

#menu-evitement {
		position:absolute;
		right:10px;
		top:10px;
		font-size:1em;
		margin:0;
		padding:0;
}

#menu-evitement li {
		display:inline;
		padding:0 5px;
		margin:0;
}

#menu-evitement li a {
		color:#555;
		text-decoration:none;
}

#menu-evitement li a:hover {
		text-decoration:underline;
}

/*       ******	*/
/*       ENTETE	*/
/*       ******	*/
#entete {
		position:relative;
}

#entete h1 {
		padding:0px;
		margin:1px;
		font-size:1em;
}

/*       ******	*/
/*       LAYOUT	*/
/*       ******	*/
#page {
		width:955px;
		margin:10px auto 1px auto;
		padding:0px;
		border:1px solid #CCC;
		background:white;
		text-align:left;
		position:relative;
}

#pied {
		background:url(../../images/structure/menu-ombrage.png) repeat-x top left white;
		width:955px;
		margin:0 auto;
		padding:10px 0px;
		text-align:center;
		position:relative;
}

#logo-iso {
		position:absolute;
		top:-52px;
		right:10px;
}

#contenu {
		padding:10px 0 0 35px;
		margin:0;
		font-size:1.1em;
		background:white;
}

.col1x1 {
		margin: 0 35px 0px 0;
		float:left;
		width:100%;/*424px*/
		padding:0;
}
.col1x2 {
		margin: 0 35px 0px 0;
		float:left;
		width:424px;/*424px*/
		padding:0;
}

.col2x3 {
		margin: 0 35px 0px 0;
		float:left;
		width:577px;/*577px*/
		padding:0;
}

.col1x3 {
		margin: 0 35px 0px 0;
		float:left;
		width:271px;/*271px*/
		padding:0;
}

.col1x4 {
		margin: 0 35px 0px 0;
		float:left;
		width:194px;/*194px*/
		padding:0;
}

/*       ******	*/
/*    STYLES TEXTES */
/*       ******	*/
 h2 {
		color:white;
		padding:0.7em 1em;
		font-weight:normal;
		letter-spacing:0.1em;
		margin:15px 15px 0 15px;
		font-size:1.35em;
}

h2.titre_principal {
		font-size:1.7em;
		padding:0.5em 1em 0.3em 0.8em;
}

h3 {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.3em;
		font-weight:normal;
		padding:0.3em;
}

h4 {
		font-family:"Arial Black", Arial, Helvetica, sans-serif;
		color:#BBB;
		font-size:1.1em;
		font-weight:normal;
}

h5 {
		font-size:1.1em;
		font-weight:normal
}

p.image-ombre {
		background-image: url(../../images/structure/image-ombrage.png);
		background-repeat: no-repeat;
		background-position: bottom right;
		float:left;
		margin:5px 15px 15px 0;
		padding:0 10px 10px 0
}

p.image-ombre img {
		background:white;
		padding:10px;
		border:1px solid #CCC;
		margin:0 10px 10px 0;
}

p.image {
		float:left;
		margin:5px 15px 15px 0;
		padding:0
}

#fil-ariane, #fil-ariane a {
		text-decoration:none;
		font-style:italic;
		margin-top:0;
}

.modules {
		margin:0 0 30px 0;
		padding:15px;
}

.module_principal {
		margin: 0 15px 0px 15px;
		padding:15px;
}

.modules h2 {
		margin:0;
}

.bas-modules {
		list-style:none;
		margin:1em 0 0 0;
		padding:0;
		text-align:right;
}

.haut-modules {
		list-style:none;
		margin:1em 0;
		padding:0;
		text-align:right;
}

.bas-modules li a, .haut-modules li a {
		text-decoration:none;
		display:block;
		padding:0.3em 1em;
		color:white;
}

.bas-modules li a:hover, .haut-modules li a:hover {
		background-color:#999;
		padding:0.3em 1em;
}

.bas-modules li, .haut-modules li {
		margin:1px 0 0 0;
		padding:0;
		display:block;
}

#menu-contextuel {
		padding:0;
		margin:0;
		list-style:none;
		background:#EEE;
		background: url(../../images/structure/menu-contextuel.png) repeat top left;
}

#menu-contextuel li {
		padding-top:0;
		margin:0;
		float:left;
}

#menu-contextuel li a {
		padding:0.5em;
		margin:0;
		float:left;
		display:block;
		white-space:nowrap;
		font-size:1.2em;
		text-decoration:none;
		background: url(../../images/structure/menu-contextuel.png) repeat top left;
}

#menu-contextuel li a:hover, #menu-contextuel li a.actif {
		background:white;
}

.avertissement {
	font-size: 12pt;
	color: #FF0000;
	font-weight: bolder;
}

.rouge {
	color: #FF0000;
}

.texte-blanc {
	color: #FFFFFF;
}

/*****   *********   ********/
/* En fonction de la Page */
/*****   *************   ****/
div.informations {
		background:url(../../images/structure/ap-informations.png) repeat-x top left white;
}
.informations div.module_principal {
		background:url(../../images/structure/ap-informations.png) repeat-x 0 -25px white;
}
.informations h3, .informations h5, .informations #menu-contextuel li a, #fil-ariane.informations a, p#fil-ariane.informations {
		color:#F29A7D
}
.informations div.module_principal h3 {
		border:1px solid #F29A7D;
}
.informations h2 {
		background:url(../../images/structure/puce-informations.png) no-repeat right 10px #F29A7D;
}
.informations h2.titre_principal {
		background-image:none;
}
/***************** actualite et adhesions sont identiques */
div.actualite {
		background:url(../../images/structure/ap-actualite.png) repeat-x top left white;
}
div.actualite div.module_principal {
		background:url(../../images/structure/ap-actualite.png) repeat-x 0 -25px white;
}
.actualite h3, .actualite h5, .actualite #menu-contextuel li a, #fil-ariane.actualite a, p#fil-ariane.actualite {
		/* color:#FC3 */
		color:#F2B600;
}
.actualite div.module_principal h3 {
		/* border:1px solid #FC3; */
		 border:1px solid #EAAF00; 
		
}
.actualite h2 {
		/* background:url(../../images/structure/puce-actualite.png) no-repeat right 10px #FC3; */
		 background:url(../../images/structure/puce-actualite.png) no-repeat right 10px #EAAF00; 
}
.actualite h2.titre_principal{
		background-image:none;
}
.actualite h4 a {
		/* color:#FC3; */
		color:#EAAF00;
}
div.adhesions {
		background:url(../../images/structure/ap-actualite.png) repeat-x top left white;
}
div.adhesions div.module_principal {
		background:url(../../images/structure/ap-actualite.png) repeat-x 0 -25px white;
}
.adhesions h3, .adhesions h5, .adhesions #menu-contextuel li a, #fil-ariane.adhesions a, p#fil-ariane.adhesions {
		/* color:#FC3 */
		color:#F2B600;
}
.adhesions div.module_principal h3 {
		/* border:1px solid #FC3; */
		border:1px solid #EAAF00;
}
.adhesions h2 {
		/* background:url(../../nouveau_site/images/structure/puce-adhesions.png) no-repeat right 10px #FC3; */
		background:url(../../nouveau_site/images/structure/puce-adhesions.png) no-repeat right 10px #EAAF00;
}
.adhesions h2.titre_principal{
		background-image:none;
}
a.adhesion {color:#EA6D2D;text-decoration: none;}
a:hover.adhesion {color:#EA6D2D;text-decoration: underline;}

.adhesions h4 a {
		/* color:#FC3; */
		color:#EAAF00;
}

/***************** newsletter et contact sont identiques */
div.newsletter {
		background:url(../../images/structure/ap-newsletter.png) repeat-x top left white;
}
div.newsletter div.module_principal {
		background:url(../../images/structure/ap-newsletter.png) repeat-x 0 -25px white;
}
.newsletter h2 {
		background:url(../../images/structure/puce-newsletter.png) no-repeat right 10px #9DC22A;
}
.newsletter div.module_principal h3 {
		border:1px solid #9DC22A;
}
.newsletter h3, .newsletter h5, .newsletter #menu-contextuel li a, #fil-ariane.newsletter a, p#fil-ariane.newsletter {
		color:#9DC22A;
}
.newsletter div h2 {
		background:url(../../images/structure/puce-newsletter.png) no-repeat right 10px #9DC22A;
}
.newsletter h2.titre_principal{
		background-image:none;
}
div.contact {
		background:url(../../images/structure/ap-newsletter.png) repeat-x top left white;
}
div.contact div.module_principal {
		background:url(../../images/structure/ap-newsletter.png) repeat-x 0 -25px white;
}
.contact h2 {
		background:url(../../images/structure/puce-newsletter.png) no-repeat right 10px #9DC22A;
}
.contact div.module_principal h3 {
		border:1px solid #9DC22A;
}
.contact h3, .contact h5, .contact #menu-contextuel li a, #fil-ariane.contact a, p#fil-ariane.contact {
		color:#9DC22A;
}
.contact div h2 {
		background:url(../../images/structure/puce-newsletter.png) no-repeat right 10px #9DC22A;
}
.contact h2.titre_principal{
		background-image:none;
}
/*****************/
div.presentation {
		background:url(../../images/structure/ap-presentation.png) repeat-x top left white;
}
.presentation div.module_principal {
		background:url(../../images/structure/ap-presentation.png) repeat-x 0 -25px white;
}
.presentation h3, .presentation h5, .presentation #menu-contextuel li a, #fil-ariane.presentation a, p#fil-ariane.presentation {
		color:#918DBD;
}
.presentation div.module_principal h3 {
		border:1px solid #918DBD;
}
.presentation h2 {
		background:url(../../images/structure/puce-presentation.png) no-repeat right 10px #918DBD;
    text-align: center;
}
.presentation h2.titre_principal{
		background-image:none;
}
/*****************/
div.adherents {
		background:url(../../images/structure/ap-adherents.png) repeat-x top left white;
}

.adherents h2 {
		background:url(../../images/structure/puce-adherents.png) no-repeat right 10px #EA6D2D;
}

.adherents h5 {
		color:#EA6D2D;
		margin:0;
		padding:0.5em;
}
.adherents div.module_principal {
		background:url(../../images/structure/ap-adherents.png) repeat-x 0 -25px white;
}
.adherents h3, .adherents h5, .adherents #menu-contextuel li a, #fil-ariane.adherents a, p#fil-ariane.adherents {
		color:#EA6D2D;
}
.adherents div.module_principal h3 {
		border:1px solid #EA6D2D;
}
.adherents h2 {
		background:url(../../images/structure/puce-adherents.png) no-repeat right 10px #EA6D2D;
}
.adherents h2.titre_principal {
		background-image:none;
}

/****************
	LES BAS DE MODULES 
*****************/
li.adherents1 {
		background-color:#EA6D2D;
}

li.adherents2 {
		background-color:#EE8844;
}

li.newsletter1 a, li.contact1 a {
		background-color:#9DC22A;
}

li.newsletter2 a, li.contact2 a {
		background-color:#C4DA7F;
}

li.actualite1 a, li.adhesions1 a {
		/* background-color:#FC3; */
		background-color:#EAAF00;
}

li.actualite2 a,  li.adhesions2 a {
		/* background-color:#FC3; */
		background-color:#EAAF00;
}

li.presentation1 a {
		background-color:#918DBD;
}

li.presentation2 a {
		background-color:#AA99CC;
}

li.adhesions1 a {
		background-color:#9DC22A;
}

li.presentation2 a {
		background-color:#ACA9CE;
}

/****************
	LE contenu des MODULES 
*****************/
#connexion {
		border:none;
		background-color:#EA6D2D;
		color:white;
}

#inscrire {
		border:none;
		background-color:#9DC22A;
		color:white;
}

legend.connexion {
		color:#EA6D2D
}

legend.inscrire {
		color:#9DC22A
}

fieldset {
		border:1px solid #CCC;
		padding:3px
}
INPUT.presentation {
	PADDING: 0px 2px 0px 2px; 
	FONT: 12px Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 0px solid #FFFFFF;
}
INPUT {
	PADDING: 0px 2px 0px 2px; 
	FONT: 12px Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #CCC;
}