html,body {
	margin:0 0 0 0;
	min-height:100%;
}
/*--------------------------------------------texte defaut-----------*/
body,p,td,div,input,select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
form {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
select { background-color:#FFFFFF; }
a {
	color:#0000AA;
	text-decoration:none;
}
a:link, a:visited {
	color:#0000AA;
	text-decoration:none;
}
a:hover {
	color:#0000AA;
	text-decoration:underline;
}
.espace {
	height:5px;
	line-height:10px;
	font-size:4px;
}
#contenu_centre{
	width:850px;
	padding:10px;
	min-height:250px;
}

.clear { clear:both; }


#menu3 a { /*Menu3 Links*/
	color:#009;
	background-color:white;
	text-decoration:none;
	text-indent:1ex;
}
#menu3 a:hover {
	color:black;background-color:#E1EBFF;
}
#menu3 a:active	{color:black;text-decoration:none;}
#menu3 a:visited	{color:black;text-decoration:none;}

	/*------------------------------highlight le bouton admin----------------*/
.admin a, .admin:link, .admin:active, .admin:visited{
	background:url(/images/icones/setting.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
	padding-bottom:2px;
	border:0px;
	}
.admin:hover{
	background:url(/images/icones/settingov.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
	padding-bottom:2px;
	border:0px;
	}
/*------------------------------highlight le bouton Aide----------------*/
.aide a, .aide:link, .aide:active, .aide:visited{
	visibility:inherit;
	background:url(/images/icones/aide.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
	padding-bottom:2px;
	border:0px;
	}
.aide:hover{
	
	background:url(/images/icones/aideov.png);
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
	padding-bottom:2px;
	border:0px;
	}

/*------------------ menu ---------------*/
.tab_actif_haut {
	position:relative;
	display:inline;
	height:21px;
	background-color:#1d6eba;
	padding-left:9px;
	padding-right:9px;
	padding-top:10px;
	padding-bottom:3px;
	vertical-align:bottom;
	-moz-border-radius-topright: 10px 10px;
	border-top-right-radius: 10px 10px;
	-moz-border-radius-topleft: 10px 10px;
	border-top-left-radius: 10px 10px;
	border:thin solid #DBE7F3;
	border-bottom:none;
	cursor:pointer;
}

.bk_separateur{
	background-color:#1d6eba;
	height:4px;
	z-index:1;
	}
.bk_sous_menu{
	background-image:url(/images/fonds/bk_sous_events.jpg);
	height:21px;
	width:884px;
	vertical-align:top;
	padding-left:15px;
}

/*FONDS-------------------------------------------------------------------------------FONDS-----*/
.tout {
	position:relative;
	margin:0px auto;
	width:900px;
	height:100%;
}
.fond_blanc {
	position:fixed;
	width:900px;
	height:100%;
	z-index:0;
	background-color:#FFF;
}
.fond_ligne_haut {
	position:relative;
	width:900px;
	background-color:#81a1ba;
	color:#FFF;
	font-weight:normal;
	font-size:14px;
	line-height:16px;
}
.fond_menutop{
	position:relative;
	background-image:url(/images/fonds/bktop.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	padding-bottom:40px;
}
.fond_pied{
	position:fixed;
	width:900px;
	height:30px;
	bottom:0px;
	background-image:url(/images/fonds/bkpied.jpg);
	background-position:top left;
}
.fond_liste{
	background-image:url(/images/fonds/bk_liste.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}
.fond_comites{
	background-image:url(/images/fonds/bk_comites.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border-right:thin #E6EBFF solid;
	border-bottom: thin #E6EBFF solid;
	}
.fond_nouvelles{
	background-image:url(/images/fonds/bk_comites.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	border-right:thin #C6E4C2 solid;
	border-bottom: thin #C6E4C2 solid;
	}
.fond_constitution{
	background-image:url(/images/fonds/bk_constitution.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	}
.fond_login{
	background-image:url(/images/fonds/bk_login.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	}
.fond_login_left{
	background-image:url(/images/fonds/bk_login_left.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}
.fond_login_right{
	background-image:url(/images/fonds/bk_login_right.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}
.fond_entete{
	background-image:url(/images/fonds/fond_entete.png);
	background-position:top left;
	background-repeat:no-repeat;
	}
.fond_page{
	background-image:url(/images/fonds/bk_page.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	}
.fond_ligne { background-color:#F7F7F7; }

/*textes-------------------------------------------------------------------------------textes-----*/	
.H1{
	background-image:url(/images/fonds/bk_fondH1.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	color:#06C;
	font-size: 16px;
	font-weight:lighter;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	}
.H2{
	font-family:Arial, Helvetica, sans-serif;
	color:#06C;
	font-size: 14px;
	font-weight:lighter;
	margin-top:10px;
	margin-bottom:10px;
	}
.H3{
	font-family:Arial, Helvetica, sans-serif;
	color:#06C;
	font-size: 12px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
.H4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#06C;
	font-size: 12px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}
.st_lu{
	font-family:Arial, Helvetica, sans-serif;
	color:#06C;
	font-size: 12px;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:0px;
}
.st_noir18 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	font-weight:bold;
}
.st_noir14 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	font-weight:bold;
}
.st_noir12 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight:normal;
}
.st_noir12B {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight:bold;
}
.st_noir10 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 10px;
	font-weight:bold;
}
.st_blanc10 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	font-weight:bold;
}
.st_sup {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	vertical-align: 0.3em;
}

/*---------------------------------------------------------------------------menu general linked-----*/

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.menu:link {
	color: #FFF;
	text-decoration: none;
}
.menu:visited {
	color: #FFF;
	text-decoration: none;
}
.menu:hover{
	color: #FC0;
	text-decoration: none;
}
.menu:active {
	color: #FF0;
	text-decoration: none;
}
.menu:visited:hover {
	color: #FC0;
	text-decoration: none;
}
/*--------------------------------------------------------------------------MENU titre Groupe---*/
.menu_comites {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.menu_comites:link {
	color: #FFF;
	text-decoration: none;
}
.menu_comites:visited {
	color: #FFF;
	text-decoration: none;
}
.menu_comites:hover{
	color: #389dd1;
	text-decoration: none;
}
.menu_comites:active {
	color: #389dd1;
	text-decoration: none;
}
.menu_comites:visited:hover {
	color: #389dd1;
	text-decoration: none;
}

/*--------------------------------------------------------------------------MENU Liste des groupe---*/
.groupes_css { 
	position:absolute; 
	display:none; 
	background-color:#DDEEFF; 
	padding:4px; 
	z-index:10; 
	left:0; 
	text-align:left; 
	white-space:nowrap; 
}
	
/*-------------------------------------------------------------------------------MENU Top linked-----*/
.menutop:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
}
.menutop:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #CCC;
	text-decoration: none;
	font-weight: normal;
}
.menutop:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration:none;
	font-weight: normal;
}
.menutop:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
}
.menutop:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	font-weight: normal;
	padding-top:10px;
}

/*-------------------------------------------------------------------------------menu1 linked-----*/
.menu1:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
}
.menu1:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
}
.menu1:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:underline;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
}
.menu1:active{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
}
.menu1:visited:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-decoration:underline;
	font-weight: bold;
	padding-left:10px;
	padding-right:10px;
}
/*-------------------------------------------------------------------------------menu_div et frame-----*/

#separateur_gauche{
	float:left;
	width:575px;
	height:63px;
	}

#separateur_droit{
	float:right;
	width:285px;
	vertical-align:top;
}
/* membres en ligne*/
#menu_top_centre{
	float:left;
	width:240px;
	vertical-align:top;
	text-align:right;
	margin:0px;
	margin-top:7px;
}
#menu_top_left{
	float:left;
	width:600px;
	vertical-align:top;
	padding-left:15px;
	margin:0px;
	margin-top:12px;
}

/*photo*/
#menu_top_right{
	float:left;
	width:35px;
	vertical-align:top;
	padding-right:2px;
	margin-top:3px;
	margin-left:3px;
}
/* ----------------liste des comités--------*/
#nom_comite{
	float:left;
	width:600px;
	height:auto;
	vertical-align:top;
	padding-left:15px;
	margin-top:10px;
	padding-bottom:2px;
	}

#menu_principal{
	background-image:url(/images/fonds/bk_mn_princ.jpg);
	background-position:top;
	background-repeat:repeat-x;
	height:21px;
	width:885px;
	line-height:21px;
	vertical-align:bottom;
	background-color:#069;
	padding-left:15px;
	margin:0px;
}
#sous_menu{
	height:21px;
	width:885px;
	line-height:21px;
	vertical-align:top;
	padding-left:15px;
	margin:0px;
}
#separateur {
	line-height:3px;
	font-size:3px;
}
#separateur_news {
	line-height:3px;
	font-size:3px;
}

#frame {
	width: 600px;
	height: 640px;
}
.bk_fancy{
	background-image:url(/images/bk_fancy.jpg);
}
.rouge { color:#FF0000!important; 
}

.vignette {
	float:left;
	width:90px;
	height:120px;
	line-height:120px;
	text-align:center;
	margin-bottom:10px;
}
.photo {
	background-color:#ffffff;
	border:#AAAAAA 1px solid;
	padding:1px;
	vertical-align:middle;
}
.shadow {
	box-shadow: 4px 4px 6px #99AACC;
	-webkit-box-shadow: 4px 4px 6px #99AACC;
	-moz-box-shadow: 4px 4px 6px #99AACC;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#99AACC, offX=4, offY=4, positive=true);
}
.shadow2 {
	box-shadow: 6px 6px 8px #8888BB;
	-webkit-box-shadow: 6px 6px 8px #8888BB;
	-moz-box-shadow: 6px 6px 8px #8888BB;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#8888BB, offX=6, offY=6, positive=true);
}

/*  I C O N E S  */
.priorite1 { width:12px; height:12px; background-image:url(/images/icones/drapeau_noir.png); }
.priorite2 { width:12px; height:12px; background-image:url(/images/icones/drapeau_orange.png); }
.priorite3 { width:12px; height:12px; background-image:url(/images/icones/drapeau_rouge.png); }
.priorite4 { width:12px; height:12px; background-image:url(/images/icones/drapeau_vert.png); }
.priorite5 { width:12px; height:12px; background-image:url(/images/icones/drapeau_bleu.png); }
.priorite6 { width:12px; height:12px; background-image:url(/images/icones/drapeau_gratuit.png); }

/*  L I S T E  D ' I T E M S  */
.bloc_titre {
	width:850px; background-color:#DBE7F3;
}
.bloc_titre_gauche {
	float:left; text-align:left;
}
.bloc_titre_droite {
	float:left; text-align:right;
}
.bloc_ul {
	list-style:none; margin:0; padding:0; min-height:17px; line-height:17px;
}
.bloc_data {
	width:850px; margin:0; padding:0; list-style:none; line-height:17px; max-height:17px; overflow:hidden;
}
.bloc_data:hover {
	border-bottom:#9999DD dotted 1px; max-height:16px; overflow:hidden;
}

/*------------------------------------- Style pour le placeholder remplaçant HTML5------------------------------------*/
/************************************************************************************
FORM STYLE BEGIN
*************************************************************************************/

/* input styles */
input[type="text"],
input[type="password"] {
	background: #f4f4f4;
	border: solid 1px #a3a3a3;
	padding: 2px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
	-moz-box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
	box-shadow: inset 0 2px 3px rgba(0,0,0,.1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none; /* reset webkit search style */
}

/* input:focus styles */
input[type="text"]:focus, 
input[type="password"]:focus {
	background: #fff;
	border-color: #333;
	outline: none; /* remove outline */
}

/* fallback placeholder */
.placeholder {
	color: #bbb;
}
/* webkit placeholder */
::-webkit-input-placeholder {
	color: #bbb;
}
/* moz placeholder */
:-moz-placeholder {
	color: #bbb;
}
form p {
	margin: 0 0 15px;
}