/*******************************
	TEMPLATE CSS COMMUN
*******************************/
html,
/*body{
	\height:100%;
}*/
/* Pour habiller les pages par defaut */
body {
	font-family: Trebuchet MS;
	font-size: 12px;
	line-height:1.2em;
	margin: 0;
	padding: 0;
	background-color:#053100;
}
a{ 	color:#0000FF;	text-decoration:none; }
a:hover{ text-decoration:underline;color: #0000FF; }
img {	border:0px; }
pre{
	background-color:black;
	color:#80FF80;
}
/* UNIFORMISATION DES MARGES ET PADDING des != NAVIGATEUR */
div,p,form,h1,h2,h3,h4,h5,h6,ol,ul,blockquote,img {
	margin: 0;
	padding:0;
}
ul,ol,blockquote{	margin-left:15px; }

div,p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote,font,small,big{ line-height:1.2em; }

/*  utiliser apres une serie de div qui possede un tag FLOAT(left ou right)  */
.left-cleaner,
.right-cleaner,
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}
.left-cleaner{clear:left;}
.right-cleaner{clear:right;}
.spacer{
	height:5px;
	line-height:0px;
	font-size:1px;
	margin:0px;
	padding:0px !important; /* seulement lu par les navigateurs FIREFOX et SAFARI */
}
.div-detection-flash{
	margin:0px;
	font-weight:normal;
	text-align:center;
	width:auto;
	border:1px solid #C6C5C0;
	padding:25px;
}
.transparence{
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

/* POSITIONNEMENT DU CONTENU DE LA PAGE  */
.contenaire-page{
	position: absolute;
	left: 50%; /*positionnement a 50% de la gauche de la page du navigateur */
	z-index: 101; /* profondeur du div */
	top: 255px; /* hauteur du div par rapport au haut de la page */
	border-top:0px;	
}
.contenaire-page{
	margin-left: -490px; /* div ramene de 400 pixels sue la gauche pour etre centre */
	width:980px;
}

/********************************************************/
/* POSITIONNEMENT DE L'ENTETE DE LA PAGE  */
.entete{
	/*background-color:white;*/
	position: absolute;
	left: 50%;
	z-index: 100;
	top: 0px;
	padding:0px;
}
.entete{
	margin-left: -490px; /* div ramene de 400 pixels sue la gauche pour etre centre */
	width:980px;
}


/*******************************************************/
/* MENU DU HAUT */
.menu-haut{
	height:26px;
	line-height:26px;
	width:980px;
}
.titre-asso{
		float:left;
		width:294px;
		text-align:right;
}
.menu-accueil{
	height:26px;
	line-height:26px;
	float:right;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#6FC244;
	padding-right:25px;
}
.menu-accueil a{
	text-decoration:none;
	color:#6FC244;
	font-size:11px;
}
.menu-accueil a:hover{
	color:#FFFFFF;
}
/*******************************************************/
/* LOGO */
.logo{
	width:222px;
	height:83px;
	background-image: url(../img/commun/logo_alcyonis.gif);
	background-repeat: no-repeat;
}
.logo a.link-accueil{
	text-decoration:none;
	display:block;
	width:222px;
	height:83px;
	position: relative;
}
/*******************************************************/
/* VISUEL */
.visuel-association{
	width:980px;
	height: 230px;
	background-image:url(../img/commun/rub/visuel_association.jpg);
	background-repeat:no-repeat;
}
.visuel-actualite{
	width:980px;
	height: 230px;
	background-image:url(../img/commun/rub/visuel_actualite.jpg);
	background-repeat:no-repeat;
}
.visuel-trombi{
	width:980px;
	height: 230px;
	background-image:url(../img/commun/rub/visuel_trombinoscope.jpg);
	background-repeat:no-repeat;
}
.visuel-archive{
	width:980px;
	height: 230px;
	background-image:url(../img/commun/rub/visuel_archive.jpg);
	background-repeat:no-repeat;
}
.visuel-tuyo{
	width:980px;
	height: 230px;
	background-image:url(../img/commun/rub/visuel_bon_tuyaux.jpg);
	background-repeat:no-repeat;
}
.visuel-contact{
	width:980px;
	height: 230px;
	background-image:url(../img/commun/rub/visuel_contact.jpg);
	background-repeat:no-repeat;
}
.visuel-association .link-accueil a,
.visuel-trombi .link-accueil a,
.visuel-actualite .link-accueil a,
.visuel-archive .link-accueil a,
.visuel-tuyo .link-accueil a,
.visuel-contact .link-accueil a{
	display:block;
	text-decoration:none;
	height:230px;
	width:220px;
}
/*******************************************************/
/* MENU */
#menu{
	height:35px;
	margin:7px 0px;
	width:980px;
}
#menu .debut-menu{
	float:left;
	width:192px;
}
#menu a.bt-association{
	display:block;
	text-decoration:none;
	height:35px;
	background-image:url(../img/commun/rub/bt_association.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	width:125px;
}
#menu a.bt-association:hover{
	background-position:0px -35px;
}
#menu .bt-association-on{
	display:block;
	height:35px;
	background-image:url(../img/commun/rub/bt_association.gif);
	background-repeat:no-repeat;
	background-position:0px -35px;
	float:left;
	width:125px;
}
#menu a.bt-actu{
	display:block;
	text-decoration:none;
	height:35px;
	background-image:url(../img/commun/rub/bt_actualite.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	width:111px;
}
#menu a.bt-actu:hover{
	background-position:0px -35px;
}
#menu a.bt-actu-on{
	display:block;
	text-decoration:none;
	height:35px;
	background-image:url(../img/commun/rub/bt_actualite.gif);
	background-repeat:no-repeat;
	background-position:0px -35px;
	float:left;
	width:111px;
}
#ss-menu-actualite{
	display:none;
	position:absolute;
	top:43px;
	left:318px;
	width:111px;
	z-index:150px;
}
#ss-menu-actualite ul{
	padding:0px;
	margin:0px;
}
#ss-menu-actualite li{
	list-style:none;
	height:30px;
	line-height:30px;
	margin-bottom:1px;
}
#ss-menu-actualite li a{
	display:block;
	text-decoration:none;
	height:30px;
	line-height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#6ED100;
	padding-left:14px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
#ss-menu-actualite li a:hover{
	color:#6ED100;
	background-color:#FFFFFF;
	color:#6ED100;
	filter:alpha(opacity=100);
	/*-moz-opacity:.100;*/
	opacity:1;
}
#menu a.bt-trombi{
	display:block;
	text-decoration:none;
	height:35px;
	background-image:url(../img/commun/rub/bt_trombinoscope.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	width:143px;
}
#menu a.bt-trombi:hover{
	background-position:0px -35px;
}
#menu .bt-trombi-on{
	display:block;
	height:35px;
	background-image:url(../img/commun/rub/bt_trombinoscope.gif);
	background-repeat:no-repeat;
	background-position:0px -35px;
	float:left;
	width:143px;
}
#menu a.bt-archive{
	display:block;
	text-decoration:none;
	height:35px;
	background-image:url(../img/commun/rub/bt_archive.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	width:104px;
}
#menu a.bt-archive:hover{
	background-position:0px -35px;
}
#menu a.bt-archive-on{
	display:block;
	height:35px;
	background-image:url(../img/commun/rub/bt_archive.gif);
	background-repeat:no-repeat;
	background-position:0px -35px;
	float:left;
	width:104px;
}
#ss-menu-archive{
	display:none;
	position:absolute;
	top:43px;
	left:572px;
	width:155px;
	z-index:170px;
}
#ss-menu-archive ul{
	padding:0px;
	margin:0px;
}
#ss-menu-archive li{
	list-style:none;
	height:30px;
	line-height:30px;
	margin-bottom:1px;
}
#ss-menu-archive li a{
	display:block;
	text-decoration:none;
	height:30px;
	line-height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#6ED100;
	padding-left:14px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
#ss-menu-archive li a:hover{
	color:#6ED100;
	background-color:#FFFFFF;
	color:#6ED100;
	filter:alpha(opacity=100);
	/*-moz-opacity:.100;*/
	opacity:1;
}
#menu a.bt-bon-tuyaux{
	display:block;
	text-decoration:none;
	height:35px;
	background-image:url(../img/commun/rub/bt_bons_tuyaux.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	width:149px;
}
#menu a.bt-bon-tuyaux:hover{
	background-position:0px -35px;
}
#menu a.bt-bon-tuyaux-on{
	display:block;
	height:35px;
	background-image:url(../img/commun/rub/bt_bons_tuyaux.gif);
	background-repeat:no-repeat;
	background-position:0px -35px;
	float:left;
	width:149px;
}
#ss-menu-bon-tuyau{
	display:none;
	position:absolute;
	top:43px;
	left:676px;
	width:149px;
	z-index:170px;
}
#ss-menu-bon-tuyau ul{
	padding:0px;
	margin:0px;
}
#ss-menu-bon-tuyau li{
	list-style:none;
	height:30px;
	line-height:30px;
	margin-bottom:1px;
}
#ss-menu-bon-tuyau li a{
	display:block;
	text-decoration:none;
	height:30px;
	line-height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#6ED100;
	padding-left:14px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
}
#ss-menu-bon-tuyau li a:hover{
	color:#6ED100;
	background-color:#FFFFFF;
	color:#6ED100;
	filter:alpha(opacity=100);
	/*-moz-opacity:.100;*/
	opacity:1;
}
#menu a.bt-contact{
	display:block;
	text-decoration:none;
	height:35px;
	background-image:url(../img/commun/rub/bt_contact.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	float:left;
	width:156px;
}
#menu a.bt-contact:hover{
	background-position:0px -35px;
}
#menu .bt-contact-on{
	display:block;
	height:35px;
	background-image:url(../img/commun/rub/bt_contact.gif);
	background-repeat:no-repeat;
	background-position:0px -35px;
	float:left;
	width:156px;
}
/*******************************************************/
/* LES COLONNES */

/*******************************************************/
/* MENU DU BAS */
.menu-bas{
	line-height: 25px;
	height: 25px;
	text-align: center;
	color: #56606D;
}
.menu-bas a{
	font-size: 10px;
	color:#56606D;
}
.menu-bas a:hover{
	color:black;
}

/*******************************************************/
/* COPYRIGHT */
.copyright{
	
	text-align:center;
	height: 25px;
	line-height: 25px;
	color: #AAB9A8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.copyright a{
    text-decoration:none;
	font-size: 10px;
	color:#AAB9A8;
}
.copyright a:hover{
	color:#FFFFFF;
}