html, body {
	font-family: arial;
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}

#foundation {

}

/*** STYLES GLOBAUX START ***/
.clearboth  { height: 0px; padding: 0px; margin: 0px; clear: both; font-size : 0px; }
.clearleft  { clear: left; }
.clearright { clear: right; }
.spacer     { float : left; height: 1px; }
.fleft 	    { float : left; }
.fright     { float : right; }
form 	    { padding: 0px; margin: 0px; }
.hidden 	{ display:none; }

a { text-decoration : none; }
a img { border: 0px;}
img.picto { position: relative; top:3px; padding: 0px 3px 0px 3px;}

.titre1 { font-size: 18px; color: #0060ad; }
.titre2 { font-size: 16px; color: #7c397b; font-weight: bold; }
.titre3 { font-size: 14px; color: #b661b5; font-weight: bold; padding: 0px 0px 15px 15px; }
h3 { font-size: 15px; color: #7c397b; font-weight: bold; padding: 0px 0px 5px  25px; margin: 0;}
h4 { font-size: 13px; color: #b661b5; font-weight: bold; padding: 0px 0px 10px 50px; margin: 0;}


.explication {font-size: 11px;color: #5f5f5f;}

.bold { font-weight: bold; }
.t14  { font-size: 14px; }
.t15  { font-size: 15px; }
.t16  { font-size: 16px; }

.violet1 { color: #7c397b; }
.violet2 { color: #b661b5; }

.bleu1   { color: #13a6dc; }
.bleu2   { color: #43b0d6; }
.bleu3   { color: #99e3ff; }

/*** STYLES GLOBAUX END ***/











/***   ALERTE JS START  ***/
#alerteJS {
	position: absolute;
	width: 334px;
	display: none;
	left:50%;
	margin-left: -160px;
	z-index: 30;
}
#alerteJS .top {
	background: url('/img/alerteJS_top.gif') repeat-y;
	width: 334px;
	height: 31px;
}
#alerteJS .center {
	background: url('/img/alerteJS_middle.gif') repeat-y;
	width: 284px;
	padding: 0px 20px 20px 30px;
	color: #232323;
	font-weight: bold;
	text-align : justify;
}
#alerteJS a {
	text-decoration: none;
	color: #878787;
}
#alerteJS .action {
	background: url('/img/alerteJS_middle.gif') repeat-y;
	width: 304px;
	padding: 0px 0px 20px 30px;
	color: #232323;
	font-weight: bold;
	text-align: center;
}
#alerteJS .bottom {
	background: url('/img/alerteJS_bottom.gif') no-repeat;
	width: 334px;
	height: 9px;
}
/***   ALERTE JS END  ***/














/**************************/
/***** HEADER - Start *****/
/**************************/

#header { 
	position : relative; 
	height : 170px; 
	background-color : #fff; 
} 

#header-left { 
	height : 100%; 
	width  : 50%; 
	float  : left; 
	
	background : url('/img/header-left-repeat.png') top left repeat-x;
} 

#header-center { 
	position : absolute; 
	height : 100%; 
	width  : 850px;   /* taille de l'image centrale */ 
	left   : 50%; 
	margin-left : -425px; /* moitié de l'image centrale */ 
	
	/*background: url(header.jpg) no-repeat fixed top center;*/ 
	background-image: url(header.jpg); 
	background-repeat : no-repeat; 
	background-position : top center; 
	background-color : #fff; 
} 

#header-right { 
	height : 100%; 
	width  : 49%; 
	float  : right; 
	
	background :  url('/img/header-right-repeat.png') top right repeat-x;
}


#logo {
	height : 100%; 
	width  : 140px; 
	float  : left; 
	
	background : url('/img/header-left-repeat.png') top repeat-x;
	
	/* Position logo */
	text-align : right;
}

#vague {
	height : 100%; 
	width  : 60px; 
	float  : left; 
	
	/*background : url('/img/header-vague.png') top left no-repeat;*/
	background-image : url('/img/header-vague.png');
	background-position : top left;
	background-repeat:  no-repeat;
		
}

#bandeau {
	height : 100%; 
	width  : 650px;  /* largeur totale - logo - vague : 850 - 140 - 60 */
	float  : left; 
}

#bandeau-top {
	height : 110px; 
	width  : 100%;
	
	background : url('/img/header-bandeau-bg.png') top repeat-x;
}

#onglet-connexion {
	padding-top    : 3px;
	padding-bottom : 3px;
	width  : 225px;
	float  : right;
	color  : #fff;
	background : url('/img/onglet-connexion.png') bottom center no-repeat;
}

#onglet-connexion #lien_acces_espace { 
	width  : 100%;
	text-align: center;
	padding : 1px 0 5px 0;
}

#onglet-connexion a {
	color : #fff;
	font-weight : bold;
	font-size : 12px;
}

#form_connexion {
	width : 195px;
	padding : 0 15px;
	display : none;
}

#form_connexion .champ {
	padding : 2px 0;
}

#form_connexion label {
	padding-top : 2px;
	float : left;
	width : 90px;
}

#form_connexion input {
	width : 95px;
}

#form_connexion .btn_valider {
	width  : 100px; 
	height : 21px;
}

#onglet-connexion .bienvenue { 
	width : 225px; 
	text-align  : center; 
	line-height : 1.4em;
	padding		: 1px 0 5px 0;
}

#cheminement {
	padding : 6px 0 0 15px;
	height  : 24px;	  	/*  30 - padding */
	width   : 635px;	/* 650 - padding */
	
	background : url('/img/header-cheminement-bg.png') top repeat-x;
	color : #fff;
	font-size : 12px;
}
#cheminement a {
	color: #ffffff;
}
#cheminement a:hover {
	text-decoration: underline;
}

/************************/
/***** HEADER - End *****/
/************************/

















/*****************************/
/***** CONTAINER - Start *****/
/*****************************/

#container {
	position : relative; 
	background : #fff url('/img/fond-sainte-victoire.jpg') no-repeat bottom center;
}

#container-center {	
	position : relative; 
	width  : 850px;
	left   : 50%; 
	margin-left : -425px;
}

#banniere_bienvenue { 
	float  : left; 
	width  : 600px;
	height : 100px;
}

#contenu {
	width : 600px;
	float : left;
}

#menu {
	width : 225px;
	float : right;
}

/***************************/
/***** CONTAINER - End *****/
/***************************/



/****************************/
/***** CONTENUS - Start *****/
/****************************/

#contenu .top {
	width  : 100%;
	height : 12px;
	background: url('/img/contenu-top.png') no-repeat bottom center;
	font-size : 1px;
}

#contenu .middle {
	padding : 13px 25px 13px 25px;
	width   : 550px;
	text-align : justify;
	background: url('/img/contenu-middle.png') repeat-y;
}

#contenu .bottom {
	width  : 100%;
	height : 47px;
	background : url('/img/contenu-bottom.png') no-repeat bottom center;
	margin-top : -35px;
}

#contenu .texte {
	position : relative;
	z-index  : 10;
}


/***** Général *****/

#contenu a { 
	color: #7c397b; 
	font-weight: bold; 
}

#contenu .titre_img { 
	height : 40px;
	padding-left : 25px;
} 

#contenu .align_center {
	width : 100%;
	text-align : center;	
}

#contenu .separateur {
	clear : left;
	width : 100%;
	padding : 25px 0;
	background : url('/img/separateur.png') center center no-repeat;
}

#contenu .separateur2 {
	clear : left;
	width : 100%;
	padding : 25px 0;
	background : url('/img/separateur-2.png') center center no-repeat;
}

.photo_membre {
	padding : 0;
	margin  : 0;
	width  : 86px;
	height : 102px;
	background : #e2e2e2;
	background-position : center center;
	background-repeat : no-repeat;
}

img.picto_fichier { 
	padding-bottom : 2px;
	padding-right  : 5px;
}

#contenu .btn .left { 
	float  : left;
	height : 21px; 
	width  : 23px; 
	background : url('/img/btn-left.gif') left center no-repeat; 
}

#contenu .btn .middle { 
	float  : left;
	height : 21px; 
	width  : auto; 
	background : url('/img/btn-middle.gif') repeat-x; 
	padding : 2px 7px 0 7px;
	font-weight: bold;
	color : #555;
}

#contenu .btn .middle a { 
	color : #555;
}

#contenu .btn .right { 
	float  : left;
	height : 21px; 
	width  : 23px; 
	background: url('/img/btn-right.gif') right center no-repeat; 
}
/***** Général - End *****/


/***** Accueil - Start *****/


/***** Accueil - End *****/


/***** Annuaire - Start *****/
#annuaire .tri {
	width : 100%;
	text-align : center;
	margin-left: -15px;
	color : #555;
}

#annuaire .tri a {
	font-weight: normal;
	color : #43b0d6;
}

#annuaire .fiche_membre {
	padding-left : 25px;	
}

#annuaire .fiche_membre .photo_membre, #annuaire .fiche_membre .infos { float : left;}

#annuaire .fiche_membre .infos { float : left; width: 420px;}

#annuaire .fiche_membre .infos .nom { 
	font-size : 15px;
	font-weight : bold;
	/* color : #7c397b; */
	color : #43b0d6;
}

/***** Annuire - End *****/


/***** Comptes rendus - Start *****/
#comptes_rendus .titre { 
	font-size : 15px;
	font-weight : bold;
/*	color : #7c397b; */
	color : #43b0d6;
}

#comptes_rendus .date { 
	font-size : 12px;
	color	  : #888;
	padding-left : 25px;
}

#comptes_rendus .fichier { 
	padding-left : 25px;
}

#comptes_rendus .fichier a { 
	color : #000;
	font-weight : normal;
}

#comptes_rendus .fichier a:hover { 
	color : #003b66;
}
/***** Comptes rendus - End *****/


/***** Emploi - Start *****/
#emploi .titre { 
	font-size : 15px;
	font-weight : bold;
/*	color : #7c397b; */
	color : #43b0d6;
}

#emploi .fichier { 
	padding-left : 25px;
}

#emploi .fichier a { 
	color : #000;
	font-weight : normal;
}

#emploi .fichier a:hover { 
	color : #003b66;
}
/***** Emploi - End *****/


/***** Groupe Provence - Start *****/
#groupe_provence p {
	text-indent : 15px;
}
/***** Groupe Provence - Start *****/


/***** Bureau - Start *****/

#bureau .fiche_membre {
	padding-left : 25px;	
}

#bureau .fiche_membre .photo_membre, #bureau .fiche_membre .infos { float : left;}

#bureau .fiche_membre .infos { float : left; width: 420px;}

#bureau .fiche_membre .infos .nom { 
	font-size : 15px;
	font-weight : bold;
	color : #7c397b;
}

#bureau .fiche_membre .infos .poste { 
	color : #b661b5;
	padding-left : 10px;
}

/***** Bureau - End *****/


/***** Trophées - Start *****/


#junior_inscription a { 
	font-size : 14px;
}

#junior_presentation p {
	text-indent : 15px;
}
 
#junior_inscription .article_titre { 
	font-weight : bold;
	color : #b661b5 ;
}

#junior_inscription p { 
	margin : 8px 0;
}


#junior_inscription .article_texte ul { 
	list-style  : disc outside;
}

/***** Trophées - End *****/


/***** Evenements - Start *****/
#evenements .titre { 
	font-size : 15px;
	font-weight : bold;
	color : #7c397b;
}

#evenements .date { 
	font-size : 12px;
	color	  : #888;
	padding-left : 25px;
}

#evenements .inscription_reunion{
	float : right;
}
/***** Evenements - End *****/

/***** Inscription Evenement - Start *****/
#inscription_evenement .recap { 
	padding : 10px 0 25px 20px;
}

#inscription_evenement .titre { 
	font-weight : bold;
	color : #7c397b;
}

#inscription_evenement .mini, #inscription_evenement .date { 
	font-size : 12px;
	color	  : #888;
}

#inscription_evenement .date { 
	padding-left : 25px;
}

#inscription_evenement input { 
	margin : 5px 0 0 25px;
}
/***** Inscription Evenement - End *****/


/**************************/
/***** CONTENUS - End *****/
/**************************/



/************************/
/***** MENU - Start *****/
/************************/

#menu .bloc_menu_commun, #menu .bloc_menu_adherent {
	width : 100%;
}

#menu .top {
	height: 10px; 
	width : 225px;
	background: url('/img/menu-top.png') no-repeat bottom center;
	font-size : 1px;
}

#menu .middle {
	width : 225px; 
	background: url('/img/menu-middle.png') repeat-y;
}

#menu .titre {
	width : 215px; 
	padding-left : 10px;
}

#menu ul {
	margin  : 0;
	padding : 0;
	width   : 225px; 

	position : relative;
	z-index : 10;
	
	text-align: right;
}

#menu li {
	list-style : none;
	padding-right : 25px;
}

#menu a {
	text-decoration : none;
	color : #333;
}

#menu a:hover {
	color : #7c397b;
}

#menu a.active { 
	color : #7c397b;
	font-weight : bold;
}

#menu .bottom {
	width : 225px; 
}

#menu_andrh .bottom {
	height: 90px; 
	background : url('/img/menu-andrh.png') no-repeat bottom center;
	margin-top : -65px;
}

#menu_junior .bottom {
	height: 75px; 
	background : url('/img/menu-junior.png') no-repeat bottom center;
	margin-top : -50px;
}

#menu_vie_asso .bottom {
	height: 75px; 
	background : url('/img/menu-evenements.png') no-repeat bottom center;
	margin-top : -50px;
}


/*** Menu adhérent - Start ***/

#menu_adherent a.active { 
	color : #43b0d6;
	font-weight : bold;
}

#menu_adherent a:hover { 
	color : #43b0d6;
}

#menu_adherent .top {
	height: 10px; 
	width : 225px;
	background: url('/img/menu-adherent-top.png') no-repeat bottom center;
}

#menu_adherent .middle {
	width : 225px; 
	background: url('/img/menu-adherent-middle.png') repeat-y;
}

#menu_adherent .titre {
	width : 215px; 
	padding-left : 10px;
}

#menu_adherent .bottom {
	height: 90px; 
	background : url('/img/menu-adherent-bottom.png') no-repeat bottom center;
	margin-top : -65px;
}

/*** Menu adhérent - End ***/

/***********************/
/***** MENU - End ******/
/***********************/














/***********************/
/***** FORM - Start ******/
/***********************/
.formulaire {}
.formulaire .champ {
	padding: 0px 0px 5px 0px;
}
.formulaire .champ label {
	color:#4C4C4C;
	display:inline;
	float:left;
	padding: 4px 10px 0px 0px;
	text-align:right;
	width:120px;
}
.formulaire .help label {
	padding: 7px 10px 0px 0px;
}
.formulaire .form_legende {
	font-size: 11px;
	color:#4C4C4C;
}
.formulaire .asterix {
	color: #0060AD;
}
.formulaire .champ input {
	border: 1px solid #D6D6D6;
	padding: 3px 1px 1px 2px;
	width: 160px;
	height: 17px;
}
.formulaire .champ input.upload {
	border: 1px solid #D6D6D6;
	padding: 0px 0px 0px 0px;
	width: 160px;
	height: 23px;
}
.formulaire .champ .long {
	width: 250px;
}
.formulaire .champ textarea {
	border: 1px solid #D6D6D6;
	padding: 1px 1px 1px 2px;
	width: 160px;
}
.formulaire .champ select {
	border: 1px solid #D6D6D6;
	padding: 1px 1px 1px 2px;
	width: 165px;
}
.formulaire .champ_submit {
	padding: 5px 0px 0px 150px;
}

/***********************/
/***** FORM - End ******/
/***********************/

















/****************************/
/***** GALERIE - Start ******/
/****************************/
.galerie {}
.galerie table {}
.galerie table tr {}
.galerie table tr td {
	padding: 0px 0px 10px 0px;
	text-align:center;
}

/****************************/
/***** GALERIE - END ********/
/****************************/

















/**************************/
/***** FOOTER - Start *****/
/**************************/

#footer { 
	position : relative; 
	height   : 104px; 
	background : #fff url('/img/footer_2.png') top repeat-x;
}

#footer-center { 
	position : absolute; 
	padding-top : 14px;
	height : 90px; 
	width  : 850px;
	left   : 50%; 
	margin-left : -425px;
	
	text-align : center;
	color : #676767;
} 

#footer a { 
	color : #676767;
}

#footer a:hover { 
	color : #7c397b;
}
#footer a.active { 
	color : #7c397b;
	font-weight : bold;
}

#footer .copyright a:hover { 
	color : #7c397b;
	text-decoration : underline;
}

#footer .copyright { 
	font-size : 11px;
}

.partenaires {
	/*width  : 440px;*/
	width  : 850px;
	height : 52px;
	margin : auto;
}

.partenaires img {
	float : left;
	bottom : 0;
}

.partenaires #monster, .partenaires #onet, .partenaires #afpa, .partenaires #ag2r, .partenaires #premalliance {
	float : left;
}

.partenaires #monster {
	width  : 66px;
	height : 45px;
	background : url('/img/partenaire-monster-mini.png') top center no-repeat;
}

.partenaires #onet {
	width  : 50px;
	height : 48px;
	background : url('/img/partenaire-onet-mini.png') top center no-repeat;
}

.partenaires #afpa {
	width  : 49px;
	height : 43px;
	background : url('/img/partenaire-afpa-mini.png') top center no-repeat;
}

.partenaires #ag2r {
	width  : 58px;
	height : 42px;
	background : url('/img/partenaire-ag2r-mini.png') top center no-repeat;
}

.partenaires #premalliance {
	width  : 50px;
	height : 49px;
	background : url('/img/partenaire-premalliance-mini.png') top center no-repeat;
}

.partenaires #monster:hover, .partenaires #onet:hover, .partenaires #afpa:hover, .partenaires #ag2r:hover, .partenaires #premalliance:hover {
	background-position : bottom;
}
/************************/
/***** FOOTER - End *****/
/************************/