/* CSS utilise pour le template general
------------------------------------------------------------------------- */


/*############################################################
############   ELEMENTS GENERAUX   ###########################
############################################################## */


* {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


body {
    font-family: Arial, Verdana;
    font-size: 11px;
    text-align: center;   /*permet de centrer les elements de la page*/
    color: #333;
    background: #4292C0;    
}

/*�l�ments de style pour les textes, les paragraphes...

div, p, img, a, td, ul, ol {
	font-family: Arial, Verdana;
	font-size: 11px; 
}

p { padding: 0 0 1em; }
*/

a, a:link { 
    text-decoration: none;
    color: #000;
}
a:visited { 
	color: #000;
    text-decoration: none;
}
a:hover {
	 color: #000;
	 text-decoration: none;
 }
a:active {
	 color: #000;
	 text-decoration: none;
}

a img, img {
    border: none;
}

/*�l�mens de style pour les listes et �l�ments de listes */
/*ol {
    margin-left: 10px;
    padding-left: 10px;
}

ol li {
    margin-left: 10px;
    list-style: decimal;
}
ul {
    list-style: none;
    margin: 0px 0px 10px 1px;
}
li {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 3px;
}
*/

.clear {
    clear: both;
    height: 1px;
    margin: -1px 0 0;
    font-size: 1px;
}

blockquote {
    margin: 0 0 0 30px;
    padding: 10px 0 0 20px;
    font-size: 88%;
    line-height: 1.5em;
    color: #666;
    background: url(images/quotes.gif) no-repeat top left;
}

blockquote p { margin-top: 0; }

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

acronym, abbr, span.caps {
	font-size: 90%;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dotted #3f3f3f;
}

.center { text-align: center;}
.alignright { float: right; }
.alignleft { float: left; }

hr { display: none; }


.error, .message {
    padding: 12px;
    background-color: red;
    color: #fff;
}

.message {
    background-color: green;
}

img {
	margin:0;
	padding:0;
	border:none;
}


.post a, .post a:active,
.post a:hover, .post a:visited {
	color:#0074B8;
	font-size:12px;
	text-decoration:none;
}

.post a:hover {
	text-decoration:underline;

}

/*############################################################
############   CONSTRUCTION DE LA PAGE   ######################
############################################################## */

#global {
    text-align: center;   /*permet de centrer les elements de la page*/
}

#page_interieure {
    width: 950px;
    margin: 0px auto;
	padding:0px;    
    height:auto;
    text-align: left;
	background : url(fond_page.gif) left repeat-y;    
}

#header { 
    background-color: #fff;
	height:120px;	
    width:950px;
    text-align:center;
    margin: 0px auto;
	background-image : url(fond_header.gif) ;	
	background-repeat: repeat-x;    
	position: relative;
}

/* partie gauche du bandeau superieur : le logo  */

#logo {
	float:left;
	height:110px;
	width:250px;
}


/* partie droite du bandeau superieur : le reste des images */
#header_droite {
	float:right;
	background-color:#fff;
	height:120px;
	width:620px;
	background-image : url(img_header_droite.jpg) ;	
	background-position:right;
	background-repeat: no-repeat;
}

/* le bandeau qui va accueillir le menu */
#menuHaut {
	float:left;
	margin : 0 auto;
	padding:0;
    background-color:#DAEFFB;
    width:950px;
    height: 30px;
    text-align:left;
    font-family: arial,verdana;
    font-size: 12px;
    background-image : url(fond_menu_haut.gif) ;	
	background-position:left;
	background-repeat: repeat-x;
	z-index: 100;
}

/* ##########################################
#############################################*/
/*   HABILLAGE DE LA PARTIE DROITE
#############################################
*/


#partieGauche {
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px;
	width:174px;
	height:auto;
	background-color:#fff;	
	min-height: 400px; /*pas pris en compte par IE */
}

/*integrer l'arrondi superieur */
#partieGauche_haut {
	float:left;
	margin : 0 auto;
	padding:0px;	
    background-color:#fff;
    width:174px;
    height: 17px;
	background-image : url(partieGauche_haut.gif) ;	
	background-position:top left;
	background-repeat: no-repeat;	
}

/* integrer l'arrondi du bas */
#partieGauche_bas {
	float:left;
	display:block;	
	margin : 0 auto;
	padding:0px;	
    background-color:#fff;
    width:174px;
    height: 17px;
	background-image : url(partieGauche_bas.gif) ;	
	background-position:top left;
	background-repeat: no-repeat;
}

/* interieur de la partie droite */
#partieGauche_interieur {
	float:left;
	display:block;
	margin : 0 auto;
	padding:0px;
    background-color:#fff;
    width:174px;
    height: auto;
	background-image : url(partieGauche_fond.gif) ;	
	background-repeat: repeat-y;
}

/*texte contenu dans la partie agenda */
#partieGauche_contenu {
    text-align:center;
    font-family: arial,verdana;
    font-size: 10px;
    margin-left:10px;
    margin-right:15px;
	padding:0px;    
}

/*elements pour l'affichage de l'accès à l'espace prive */
#partieGauche_login {
	/*margin:10px 10px 0px 10px;*/
	padding:0px;	
    width:154px;
    height: 176px;	
    background-image : url(img_login.gif) ;	
    /*background-position:top left;*/
	background-repeat: no-repeat;
}

#partieGauche_login_contenu {
    text-align:center;  
    font-family: arial,verdana;
    font-size: 12px;
    padding:15px 15px 5px 15px;
    color:#27B401;
    font-weight: bold;
    background:transparent;
}



#partieDroite {
	float:left;
	width:174px;
	height:auto;
	margin :0px;
	padding:0px;
	background-color:#fff;	
	min-height: 400px; /*pas pris en compte par IE */
}

/*integrer l'arrondi superieur */
#partieDroite_haut {
	float:left;
	margin : 0 auto;
	padding:0px;	
    background-color:#fff;
    width:174px;
    height: 19px;
	background-image : url(partieDroite_haut.gif) ;	
	background-position:top right;
	background-repeat: no-repeat;	
}

/* integrer l'arrondi du bas */
#partieDroite_bas {
	float:left;
	display:block;	
	margin : 0 auto;
	padding:0px;	
    background-color:#fff;
    width:174px;
    height: 13px;
	background-image : url(partieDroite_bas.gif) ;	
	background-position:top right;
	background-repeat: no-repeat;
}

/* interieur de la partie droite */
#partieDroite_interieur {
	float:left;
	display:block;
	margin : 0 auto;
	padding:0px;	
    background-color:#fff;
    width:174px;
    height: auto;
	background-image : url(partieDroite_fond.gif) ;	
	background-position:top right;	
	background-repeat: repeat-y;
}


/*texte contenu dans la partie actualite de la partie droite */
#partieDroite_contenu {
    text-align:center;
    font-family: arial,verdana;
    font-size: 10px;
    margin-left:20px;
    margin-right:15px;
	padding:0px;    
}

#listeActualites {
	color:#000;
	font-size: 12px;
	text-align: left;
}


/* bandeau du bas */
#bandeBasse {
	clear:both;
	position:relative;
    background-color:#fff ;
    width:950px ;
    height: 60px ;
    font-family: arial,verdana ;
    font-size: 14px ;
    font-style: italic ;
    font-weight:bold;
    color:#fff ;
    background-image : url(bandeau_bas.gif) ;	
	background-repeat: no-repeat;
}

#bandeBasse_d2l {
	float:left;
	height:40px;
	width:950px;
	text-align:center;
    font-family: arial,verdana;
    font-style:normal;
    font-size: 9px;
    color:#005383;
    font-weight: normal;
}


#bandeBasse_contenu {
	float:left;
	width:950px;	
	text-align:center;
    font-family: arial,verdana;
    font-style:normal;
    font-size: 12px;
	vertical-align:bottom;
    color:#fff;
    font-weight: normal;
}


/* contenu de la page d'accueil */

#content_accueil {
	float:left;
	margin : 0 auto ;
	text-align: left;
    width: 776px;
    height:auto;
    min-height: 400px; /* pas pris en compte pas IE*/
    background-color:#fff;
}

/* contenu des autres pages */
#content {
	float:left;
	margin : 0px auto 0px auto;
	text-align: left;
    width: 598px;
    height:auto;
    /*min-height: 400px;*/ /* pas pris en compte pas IE*/
    background-color:#fff;
}


/*#######################################################
          ELEMENTS INCLUS DANS LE CONTENU
#########################################################*/

/*placement de la barre de navigation (dans le contenu de la page hors accueil) */
#barreNavigation {
	text-align:left;
	margin-left:5px;
	margin-right:50px;
	margin-top:5px;
}



#titreContenu {
	padding-top:8px;
	font-family: arial, sans-serif;
	color: #0074B8 ;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	border-bottom:solid 2px #FFB824 ;
	background-image : url(image_titre.gif) ;	
	background-position:bottom left;	
	background-repeat: no-repeat;
	height:26px;
	padding-left : 40px;
	line-height: 26px;
} 


/*#######################################################
             STYLES DU MENU
#########################################################*/

.menu {
	font-family: arial, sans-serif; 
	width:880px; 
	position:relative; 
	margin:0; 
	padding:0 ;
	font-size:12px; 
	/*margin:2px 0 100px 0;*/ 
	z-index:100;
	font-weight: normal;
}

.menu_outer {
	width:880px;
}

.menu ul li a, .menu ul li a:visited {
	display:inline; 
	text-decoration:none; 
	color:#000;
	width:auto; 
	height:30px; 
	text-align:center; 
	color:#0074B8; 
	line-height:28px;
	font-size:12px; 
	overflow:hidden;
	font-weight: normal;
}


.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none; 
}
.menu ul li {
	padding:0px 7px 0px 7px;
	float:left; 
	/*margin-right:1px;*/ 
	position:relative;
    background-image : url(bord_droit_menu.gif) ;	
	background-position: top right; 
	background-repeat: no-repeat;
}
.menu ul li ul {
	display: none;
	list-style-type: none; 	
}

.menu ul li ul li {
	list-style-type: none;
	width:125px; 
	text-align: left;
	font-size: 12px;
	font-weight: normal;	
    background-color:#C4E5F8;
}

/* specific to non IE browsers */
.menu ul li:hover a {
	font-weight: bold;
	text-align: left;
	font-size: 12px;	
}

.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:25px; 
	left:0; 
	width:125px;	
}

.menu ul li:hover ul li{
	background-image: none;
	/*border-top : dashed 1px #0074b8 ;*/	
	line-height: 20px;
	height:20px;
}

.menu ul li:hover ul li a.hide {
	background:#6a3; 
	color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
	background:#6fc; 
	color:#000;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display:block; 
	background-color:#C4E5F8 ;
	color:#0074B8; 
	text-align:left;
	font-weight: normal;
	margin:0px;
	line-height: 20px;
	height:20px;
}
.menu ul li:hover ul li a:hover {
	font-weight: bold; 
}
.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:105px; 
	top:0;
}
.menu ul li:hover ul li:hover ul.left {
	left:-105px;
}

/*---------------------------------------------------
CLASSES POUR LA BARRE DE NAVIGATION
----------------------------------------------------- */


/*span general contenant l'ensemble de la barre de navigation*/
.B_crumbBox {
	color: #005383;
}

/*span contenant le premier element de la barre*/
.B_firstCrumb {
	color: #005383;
	margin-right:2px;
	font-weight: bold;
}

/*lien vers la page d'accueil*/
#barreNavigation a.B_homeCrumb  {
	color:#005383;
	font-weight: bold;
	margin-right:2px;
	font-weight: bold;
}

/*span contenant le dernier element de la barre */
.B_lastCrumb {
	color: #005383;
	margin-right:2px;
}

/* span pour l'�l�ment en cours de navigation (pas de lien) */ 
#barreNavigation .B_currentCrumb {
	color: #0074B8;
	margin-right:2px;
}

.B_crumb {
	font-size: 11px;
	text-decoration: none;
	color:#005383;
	margin-right:2px;
}

#barreNavigation a:hover {
	text-decoration: underline; 
}

#barreNavigation a.B_crumb {
	font-size: 11px;
	text-decoration: none;
	color:#005383;
	margin-right:2px;
	font-weight: normal;

}


/*##################################################################################

   					STYLES POUR LA PAGE D'ACCUEIL

#################################################################################### */


#texteAccueil {
	margin : 0 auto ;
	text-align: left;
    width: 750px;
    height:auto;
}

#textePage {
	float:left;	
	margin-top:10px;
	width:480px;
	height:300px;
	overflow: auto;
}

#animationFlash {
	float:right;
	margin-top:30px;
	margin-right:15px;
	width:225px;
	height:230px;
	border:solid 1px #0074b8;
	text-align: center;
}

#photosAccueil {
	float:right;
	margin-top:30px;
	margin-right:15px;
	width:225px;
	height:230px;
	border:solid 1px #0074b8;
	text-align: center;
}



#listeNewsAccueil {
	clear: both;
	float:left;
	display: inline;
	width:700px;
}

.pAccueil {
	color :#0074b8;
	font-weight: bold;
	font-size: 12px;
	border-bottom: dotted 1px #0074b8;
}



/*##################################################################################

   STYLES POUR L'AGENDA (�l�ments list�s � gauche et habillage de la page princicpale)

#################################################################################### */

/*habillage du titre Agenda */
.titreAgenda {
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color :#005383 ; 
	letter-spacing: 2px ;
}

/*prochaines dates*/
.titreProchaine {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color :#005383 ; 
	font-variant: small-caps;
	text-align:left;
}

.titleMulti59 {
	color:#000;
    font-weight:bold;
    font-size:12px;
    line-height: 16px;
}

.textfontClass59 {
	color:#000;
    font-weight:normal;
    font-size:11px;
		
}

.textfontClass59 a {
	color:#000;
    font-weight:normal;
    font-size:11px;
		
}


/* habillage du calendrier proprement dit */
.CALx {
	width : 300px;
	text-align: center;
	position:relative;
	left:130px;

}

.navPeriod {
	color:#0074B8 ;
	font-size: 12px;
	font-weight: bold;
	width : 300px;
	text-align: center;
	position:relative;
	left:130px;	
}

.previousYear a, .previousMonth a, .nextMonth a, .nextYear a {
	color: #004E7B ;
	padding : 0 ;
	margin : 0 ;
}

.year {
	padding-right : 7px;
}


.CALxTable  {
	border-collapse: separate;
	border : none;
	width:300px;
	text-align: center;
}


.CALxTable td {
	border:solid 1px #0074b8;
	height:18px;
	width:18px;
	padding-left:7px;
}


.CALxTable th {
	background-color: #0074B8 ;
	color:#fff;
	line-height: 15px;
	font-weight: bold;
	text-align:center;
	border:solid 1px #0074b8;
	height:18px;
	width:18px;
	padding-left:7px;	
}

.CALxTable td.dayPreviousMonth, .CALxTable td.dayNextMonth {
	background-color: #BBACA8 ;
	text-align: center;
}

.CALxTable td.inactDay {
	background-color: #FEEED0 ;
	text-align: center;
}

.CALxTable td.event, .CALxTable td.multiple {
	background-color: #ADDEFB;
	text-align: center;
}

.CALxTable td.today {
	background-color: #FFB824;
	text-align: center;
}

.dateEvt {
	color:#004E7B ;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
}	

.titleMulti {
/*couleur de la police mises dans le fichier php generant l'agenda*/
	font-size: 12px;
	font-weight: bold;
	line-height:16px;
	margin-left: 10px;
	margin-right: 0px;
}

.textfontClass a {
/*couleur de la police mises dans le fichier php generant l'agenda*/
	font-size: 11px;
	line-height:16px;
}

.textfontClass a:hover {
/*couleur de la police mises dans le fichier php generant l'agenda*/
	font-weight: normal;
}


/*###############################################################################

   STYLES POUR LES ACTUALITES (page principale et affichage de droite)

################################################################################# */

.infoNews {
	line-height: 18px;
	font-size: 12px;
	color:#034E7F ;
}

.titreNews {
	line-height: 18px;
	font-size: 12px;
	color : #0074B8;
	font-weight: bold;
}


.titreNews 	a {
	line-height: 18px;
	font-size: 12px;
	color : #0074B8;
	font-weight: bold;
}

.titreNews 	a:hover {
	line-height: 18px;
	font-size: 12px;
	color : #0074B8;
	font-weight: bold;
	text-decoration: underline;
}


.lireNews a {
	font-size: 11px;
	color : #FFB824;
	font-weight: bold;
	line-height:18px;
}

.lireNews a:hover {
	font-size: 11px;
	color : #FFB824;
	font-weight: bold;
	line-height:18px;	
	text-decoration: underline;
}

.pagination {
	text-align:center;
	font-size:11px;
}

.pagination a {
	color : #005383;
	font-size:11px;
}


/*styles pour les news affichees dans le bandeau de droite*/
.titreNewsBandeau {
	line-height: 14px;
	font-size: 12px;
	color : #000;
	font-weight: normal;
}


.titreNewsBandeau 	a {
	line-height: 14px;
	font-size: 12px;
	color : #000;
	font-weight: bold;
}



/*##############################################################################
           STYLES POUR LE FORMULAIRE DE RECHERCHE DES ADHERENTS
################################################################################ */

#formAdhRech {
	float:left;
	text-align: left;
	height:auto;
	width:520px;

}

.lienPrecSuiv  {
	text-align:center;
}

.lienPrecSuiv  a {
	font-size:10px;
	color : #005383 ;
}


/*##############################################################################
           STYLES POUR LES FICHES DES ENTREPRISES DES ADHERENTS
################################################################################ */

/*style pour l'affichage de la liste*/
.id_annuaire {
	width:40px;
	border-bottom: dotted 1px #000;
	height: 14px;
	border-right:dotted 1px rgb(120,120,120) ;	
}

.fiche_ville {
	width:150px;
	border-bottom: dotted 1px rgb(120,120,120);
	text-align: left;
	padding-left:2px;
	border-right:dotted 1px rgb(120,120,120) ;	
	height: 14px;	
	font-size: 11px;	
	vertical-align: middle;
}

.fiche_codeactivite {
	width:150px;
	border-bottom: dotted 1px rgb(120,120,120);
	text-align: left;
	padding-left:2px;
	height: 14px;	
	font-size: 11px;
	vertical-align: middle;
}

.fiche_societe {
	width:150px;
	border-bottom: dotted 1px rgb(120,120,120);
	text-align: left;
	padding-left:2px;	
	border-right:dotted 1px rgb(120,120,120) ;
	height: 14px;	
	font-size: 11px;
	vertical-align: middle;		
}

.fiche_telcommercial {
	width:100px;
	border-bottom: dotted 1px rgb(120,120,120);
	text-align: left;
	padding-left:2px;	
	border-right:dotted 1px rgb(120,120,120) ;	
	height: 14px;	
	font-size: 11px;	
	vertical-align: middle;	
}


.id_annuaire_titre {
	width:40px;
	background-color: #0072b4;
	line-height: 20px;
	color:#fff;
	font-weight: bold;
	text-align: center;
}

.fiche_ville_titre {
	width:150px;
	background-color: #0072b4;
	line-height: 20px;
	color:#fff;
	font-weight: bold;
	text-align: center;
}

.fiche_codeactivite_titre {
	width:150px;
	background-color: #0072b4;
	line-height: 20px;
	color:#fff;
	font-weight: bold;
	text-align: center;
}

.fiche_societe_titre {
	width:150px;
	background-color: #0072b4;
	line-height: 20px;
	color:#fff;
	font-weight: bold;
	text-align: center;
}

.fiche_telcommercial_titre {
	width:100px;
	background-color: #0072b4;
	line-height: 20px;
	color:#fff;
	font-weight: bold;
	text-align: center;	
}


.tableau_fiche td {
	text-align: left;
	font-size: 11px;
	color:#000;	
	padding-top:3px;
	padding-bottom:3px;
	padding-left : 3px;
}

.lien_adherent {
	font-size: 18px;
	color:#000;
    font-weight:bold;
    padding-left : 10px;	
    text-decoration: underline;
}

.td_fondGris {
	background-color: rgb(235,235,235) ;
	font-weight: bold;
}



/*##############################################################################
           STYLES POUR LE FORMULAIRE DE CONTACT 
################################################################################ */


/*�l�ments g�n�raux pour les formulaires (�viter les cadres)*/
form {
	border:none;
}
fieldset {
    border: none;
}

/* classe de la div generale du formulaire */
.emailform {
    margin: 0px;
    padding: 0px;
    width: 250px;
    height:auto;
}

#listeLabels {
	float:left;
	width:500px;
	text-align: left;
	height:auto;
	padding-left:30px;
}

.liste_champ {
	clear:left;
	display:block;
	float:left;
	line-height:18px;
}

.liste_libelle {
	display:inline;
	float:left;
	/*line-height:18px;*/
	padding : 4px 0px;
}

#suiteForm {
	display:block;
	float:left;
	width:500px;
	padding-left:15px;
}

/*style pour les zones de texte*/
input.CTinput { 
	font-size: 11px;
    height: 16px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff ;
    width:170px;
    margin:0px 0px 0px 5px;

}

/*style pour le bouton d'envoi*/
input.CTsubmit { 
    display: block;
    margin: 2px 0px 2px 280px;
    height: 18px;
    background-color: #c8e7f9;
    border:solid 1px #0074b8;
    width:100px;
    font-size:9pt;
    font-weight: bold;
    color:#0074b8;
    letter-spacing: 2px;
}

/*style pour le bouton d'envoi*/
input.CTsubmit2 { 
    display: inline;
    margin: 2px 0px 2px 5px;
    height: 18px;
    background-color: #c8e7f9;
    border:solid 1px #0074b8;
    width:30px;
    font-size:9pt;
    font-weight: bold;
    color:#0074b8;
    letter-spacing: 2px;
} 

/*style pour les zones de texte multilignes*/
textarea.CTtextarea { 
	font-size: 11px;
    display: block;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff ;
    margin: 5px 0px 0px 5px;
}

/*style pour les legendes associees aux champs de saisie*/
label.CTlabel {
    display: inline;	
	font-size: 12px;
    color: #000;
	line-height: 25px;
	vertical-align: middle;
	font-weight: bold;


}
/*ligne d'instructions placee au-dessus du mail*/
.CTinstructions {
	font-size: 12px;
	font-weight: normal;
    color: #FF5D24;
    font-style:italic; 

}

/*style pour les messages d'erreur s'affichant en cas de problème d'envoi du mail*/
.CTerreur {
	font-size: 11px;	
    padding: 5px 5px 5px 5px;
    background-color: #74A6db;
    color: #fff;
	font-weight:bold;    
}

/*style pour l'indication de la reussite de l'envoi du mail*/
.CTmessage {
	font-size: 12px;
	font-weight: bold;
    color: #F1882E;
}



/*---------------------------------------------------------------------------------
CLASSES POUR LES VARIABLES DE LA PARTIE CONTENT 
(titre long, insertion de liste ou d'autres elements issus du module wysiwyg...)
------------------------------------------------------------------------------------ */
/*presentation generale */
.post {
    margin: 5px 10px 5px 5px;
    /*padding: 0px 10px 0px 10px;*/
    padding: 0px 0px 5px 5px;
    font-size:12px;
    color: #333;
    text-align:left;
}


/* �l�ments de texte */
.post h1 {
	font-size: 18px;
	font-weight: 800;
    color: #b4b4b4;
    padding-bottom :2px;
}

.post h2 {
	font-size: 16px;
	font-weight: bold;
    color: #74a5dA;
    padding-bottom :2px;
}
.post h3 {
	font-size: 14px;
	font-weight: bold;
    color: #F1882D;
}

.post h4 {
	font-size: 18px;
	font-weight: 800;
    color: #1A57A3;
    padding-bottom :2px;
    height:22px;
}

.post h5 {
	font-size: 12px;
	font-weight: normal;
    color: #555A9E;
    padding-top:2px;
    padding-bottom:2px;

}

/* styles inclus dans le wysiwyg */
.texteNormal {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: justify;
	line-height: 15px;
}

.code {
	font: 1em/2.5em 'Courier New', Courier, monospace;
	color: #333;
	white-space: pre; 
    width: 300px;
    height: auto;
	overflow: auto;
    display: block;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 5px 5px 5px 5px;
    background-color: #DCEFE1;
}



/*---------------------------------------------------
FORMULAIRE DE RECHERCHE ET ELEMENTS DE RESULTATS
----------------------------------------------------- */

form.FSF_form {
    margin: 0px;
    padding-right: 5px;
    margin-top:0px;
    width:140px;
    height:30px;
}

input.FSF_input, input.FSF_inputPrive { 
	font-size: 11px;
    display: inline;
    height: 18px;
    border:solid 1px #005383;
    background-color: #fff;
    width:100px;
    vertical-align: middle;
    padding-left:2px;
}

input.FSF_submit, input.FSF_submitPrive { 
    display: inline;
    margin-left: 5px;
    height: 18px;
    background-color: #005383;
	border:none;
    width:25px;
    font-size:9pt;
    font-weight: bold;
    color:#fff;
    vertical-align:bottom;
}    

input.FSF_inputPrive { 
    border:solid 1px #1B7901;
}

input.FSF_submitPrive { 
    background-color: #1B7901;
}    

/*�l�ments de mise en forme pour l'affichage des resultats de recherche */    
/*indication du nombre de resultats et des pages */
.FSF_pagination {
	font-size: 11px;
	font-weight: bold;
	padding : 10px;
	color:#333;	
}

.FSF_pages {
	padding-left : 20px;
	padding-top : 10px;
}

.FSF_pages a, .FSF_pages a:active, 
.FSF_pages a:hover, .FSF_pages a:visited{
	color : #fff;
	background-color : #005383;
	padding : 0px 3px;
}


/*pas de reponse*/
.FSF_resultsIntroFailure {
	font-size: 11px;
	font-weight: bold;
	padding-bottom : 10px;
	color:#990000;	
	padding : 10px;
}

/*classe de la div contenant chaque ligne de resultats*/
div.FSF_result {
	height:auto;
	margin-top :15px;
	margin-left:10px;
}

/*indication du titre de la page (lien vers le resultat)*/
/*ne passe pas sous IE, je le mets en dur dans le snippet*/
.FSF_resultLink {
    color: #333;
    font-weight: bold;
	font-size:12px;
}

/*description de la page resultat*/
p.FSF_resultDescription {
	color:#333;	
    font-weight: normal;
	font-size:12px;
	padding-left:10px;
}

/*##############################################################################
           			STYLES POUR LE FORMULAIRE DE LOGIN 
################################################################################ */


#partieGauche_login_contenu form {
    text-align:left;
    padding-top:5px;
}

p.wlpeMessageText {
	font-size:10px;
	color:#FF5D24;
}

#wlpeWelcomeParagraph {
	font-size:11px;
	color:#ffb824;
	font-weight: bold;
	line-height: 15px;
}

/*style pour les zones de texte*/
input.CTinputPrive { 
	display:block;
	font-size: 10px;
    height: 12px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff ;
    padding:0px;
    margin:0px;
    /*width:80px;*/
}

/*style pour le bouton d'envoi*/
.CTsubmitPrive { 
    display: inline;
    height: 18px;
    background-color: #005383;
    border:solid 1px #005383;
    width:auto;
    font-size:10px;
    font-weight: bold;
    color:#fff;
}    

.CTlienPrive {
	display: inline;
    background: none;
    width:auto;
    font-size:10px;
    font-weight: bold;
    color:#002E49;
    border:none;
    text-decoration: underline;
    text-align: left;
}

/*style pour les legendes associees aux champs de saisie*/
label.CTlabelPrive {
    display: block;	
	font-size: 11px;
	font-weight: normal;
    color: #000;
}


/*style pour le message de bienvenue dans la partie privee*/
span.bienvenue {
	font-size: 12px;
    font-family: arial,verdana;	
	line-height:28px;
	font-weight: bold;    
	color:#1b7901;
}

/*bouton de deconnexion dans la partie privee*/
.submitDeconnexion {
    display: inline;
    height: 18px;
    background-color: #1b7901;
    border:solid 1px #1b7901;
    width:auto;
    font-size:10px;
    font-weight: normal;
    color:#fff;
}


/*##############################################################################
################################################################################

           			STYLES POUR LA PARTIE PRIVEE 

################################################################################
################################################################################ */


#header_prive { 
    background-color: #fff;
	height:120px;	
    width:950px;
    text-align:center;
    margin: 0px auto;
	background-image : url(fond_header_prive.gif) ;	
	background-repeat: repeat-x;    
	position: relative;
}


/* partie droite du bandeau superieur : le reste des images */
#header_droite_prive {
	float:right;
	background-color:#fff;
	height:120px;
	width:633px;
	background-image : url(img_header_droite_prive.jpg) ;	
	background-position:right;
	background-repeat: no-repeat;
}


/* div pour afficher le lien de deconnexion*/
#deconnexion {
	float:left;
	margin : 0;
	padding:0;
    background-color:#C6E9BD;
    width:300px;	
    height: 30px;  
    vertical-align: middle;  
    background-image : url(fond_menu_haut_prive.gif) ;	
	background-position:left;
	background-repeat: repeat-x;
}

/* le bandeau qui va accueillir le menu */
#menuHautPrive {
	float:left;
	margin : 0;
	padding:0;
    background-color:#C6E9BD;
    width:650px;
    height: 30px;
    text-align:left;
    font-family: arial,verdana;
    font-size: 12px;
    background-image : url(fond_menu_haut_prive.gif) ;	
	background-position:left;
	background-repeat: repeat-x;
	z-index: 100;
}

#menuHautPrive .menu_outer {
	width:auto;
}

.menuPrive {
	font-family: arial, sans-serif; 
	/*width:650px;*/ 
	/*position:relative;*/ 
	margin:0; 
	padding:0 ;
	font-size:12px; 
	margin:2px 0 100px 0; 
	z-index:100;
	font-weight: normal;
}

.menuPrive ul li a, .menuPrive ul li a:visited {
	display:inline; 
	text-decoration:none; 
	color:#000;
	width:auto; 
	height:30px; 
	text-align:center; 
	color:#1b7901; 
	line-height:25px;
	font-size:12px; 
	overflow:hidden;
	font-weight: normal;
}


.menuPrive ul {
	padding:0px; 
	margin:0;
	list-style-type: none; 
}
.menuPrive ul li {
	padding:0px 7px 0px 7px;
	margin:0px ;
	float:left; 
	/*margin-right:1px;*/ 
	position:relative;
    background-image : url(bord_droit_menu_prive2.gif) ;	
	background-position: top right; 
	background-repeat: no-repeat;

}

.menuPrive ul li ul {
	display: none;
	list-style-type: none; 	
}

.menuPrive ul li ul li {
	list-style-type: none;
	width:125px; 
	text-align: left;
	font-size: 12px;
	font-weight: normal;	
    background-color:#C6E9BD;
}

/* specific to non IE browsers */
.menuPrive ul li:hover a {
	font-weight: bold;
	text-align: left;
	font-size: 12px;	
}

.menuPrive ul li:hover ul {
	display:block; 
	position:absolute; 
	top:22px; 
	left:0; 
	width:125px;	
}

.menuPrive ul li:hover ul li{
	background-image: none;
	/*border-top : dashed 1px #0074b8 ;*/	
	line-height: 20px;
	height:20px;
}

.menuPrive ul li:hover ul li a.hide {
	background:#6a3; 
	color:#fff;
}
.menuPrive ul li:hover ul li:hover a.hide {
	background:#6fc; 
	color:#000;
}
.menuPrive ul li:hover ul li ul {
	display: none;
}
.menuPrive ul li:hover ul li a {
	display:block; 
	background-color:#C6E9BD ;
	color:#1b7901; 
	text-align:left;
	font-weight: normal;
	margin:0px;
	line-height: 20px;
	height:20px;
}
.menuPrive ul li:hover ul li a:hover {
	font-weight: bold; 
}
.menuPrive ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:105px; 
	top:0;
}
.menuPrive ul li:hover ul li:hover ul.left {
	left:-105px;
}


/*habillage du titre Agenda */
.titreAgendaPrive{
	font-family: arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color :#1b7901 ; 
	letter-spacing: 2px ;
}

/*prochaines dates*/
.titreProchainePrive {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color :#27B401 ; 
	font-variant: small-caps;
	text-align:left;	
}


#partieGauche_public {
	margin :0;
	width:174px;
    height: auto;	
    text-align:center;
	
}

/*titre de la page */
#titreContenuPrive {
	padding-top:8px;
	font-family: arial, sans-serif;
	color: #1D8202 ;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: left;
	border-bottom:solid 2px #FFB824 ;
	background-image : url(image_titre.gif) ;	
	background-position:bottom left;	
	background-repeat: no-repeat;
	height:26px;
	padding-left : 40px;
	line-height: 26px;
}


/*integrer l'arrondi superieur */
#partieDroite_haut_prive {
	float:left;
	margin : 0 auto;
    background-color:#fff;
    width:174px;
    height: 19px;
	background-image : url(partieDroite_haut_prive.gif) ;	
	background-position:top right;
	background-repeat: no-repeat;	
}

/* integrer l'arrondi du bas */
#partieDroite_bas_prive {
	float:left;
	display:block;	
	margin : 0 auto;
    background-color:#fff;
    width:174px;
    height: 19px;
	background-image : url(partieDroite_bas_prive.gif) ;	
	background-position:top right;
	background-repeat: no-repeat;
}

/* interieur de la partie droite */
#partieDroite_interieur_prive {
	float:left;
	display:block;
	margin : 0 auto;
    background-color:#fff;
    width:174px;
    height: auto;
	background-image : url(partieDroite_fond_prive.gif) ;	
	background-position:top right;	
	background-repeat: repeat-y;
}

/*##############################################################################
           			STYLES POUR LES RESSOURCES (partie privee) 
################################################################################ */

#listeFichiers {
	position:relative;
	padding:5px 0px 5px 30px;
	width:500px;
	border-bottom:solid 1px rgb(226,226,226);
	border-top:solid 1px rgb(226,226,226);
}

p.nomFichier {
	color:#000;
	font-size:10px;
	line-height: 18px;
	font-weight: normal;
}

p.nomFichier a, p.nomFichier a:active, 
p.nomFichier a:hover, p.nomFichier a:visited {
	color:#000;
	font-size:11px;
	line-height: 18px;
	font-weight: normal;
	text-decoration: underline;
}


p.descFichier {
	margin : 2px 0px 5px 0px;
	padding-left : 22px;
	font-style: italic;
	font-size: 11px;
}




/*#########################################################################
           			STYLES POUR LA NEWSLETTER
########################################################################### */

#global_news {
    text-align: center;   /*permet de centrer les elements de la page*/
}

#header_news { 
    background-color: #fff;
	height:142px;	
    width:800px;
    text-align:left;
    margin: 0px auto;
	background-image : url(img_news/bandeau_news.jpg) ;	
	background-repeat:no-repeat;    
	position: relative;
	
}


#header_date {
	float:left;
	color:#0074B8;
	margin-top:125px;
	margin-left:240px;
	font-weight:bold;
	text-align:left;
}

#interieur_news {
    width: 800px;
    margin: 0px auto;
	padding:0px;    
    height:auto;
    text-align: left;
	background : #fff;;    
}


#gauche_news {
	float:left;
	width:240px;
    background-color: #fff;
	background-image : url(img_news/fond_edito.jpg) ;	
	background-repeat:no-repeat;    
	position: relative;
	color:	#0074B8;
}

.bloc_edito_news {
	float:left;
	height:auto;
	background-color: transparent;
	margin:8px;
	line-height:18px;
	font-size:12px;
}

.bloc_agenda_news {
	float:left;
	height:auto;
	background-color: transparent;
	margin:8px;
	font-size:11px;
	color:	#0074B8;
}


#contenu_news {
	float:right;
	width:520px;
	background-color: #fff;
	padding-right:20px;
}

#bandeBasse_news {
    width: 800px;
    margin: 0px auto;
    height:67px;
    background : url(img_news/footer.jpg) repeat-x ;	
}


#copyright_news {
	float:left;
	margin-left:10px;
	margin-top:10px;
	color:#fff;
}


#copyright_news a, #copyright_news a:active,
#copyright_news a:hover, #copyright_news a:visited {
	color:#fff;
} 

.titreNewsletter {
	width:95%;
	text-align:left;
	background-color:#fff;
	color:#0074B8;
	font-weight:bolder;
	background-image : url(img_news/bandes_jaunes.jpg) ;	
	background-repeat:no-repeat;    
	background-position: top left;	
	margin-top:8px;
}


.titreNewsletter a, .titreNewsletter a:active,
.titreNewsletter a:hover, .titreNewsletter a:visited {
	background-color: #fff;
	height:24px;
	font-size:16px;
	color:#0074B8;
	font-weight:bolder;
}

.resumeNewsletter {
	color:#7F7F7F;
	font-size:11px;
	font-weight: bold;
	line-height: 14px;
	margin-top:5px;
}

.lireNewsletter a, .lireNewsletter a:active,
.lireNewsletter a:hover, .lireNewsletter a:visited{
	color:#DFB31B;
	font-size:11px;
	font-weight: bold;
}

.pointillesNewsletter {
	margin-top:14px;
	margin-bottom:14px;
}


.titleMultiNewsletter {
	color:#0074B8;
	font-size:12px;
	font-weight: bold;
}

.texteAgendaNewsletter {
	margin:5px 0px;
}

.texteAgendaNewsletter a, .texteAgendaNewsletter a:active,
.texteAgendaNewsletter a:hover, .texteAgendaNewsletter a:visited {
	color:#0074B8;
	font-size:12px;
	line-height:14px;
}

/* Mise en forme du bloc pour la newsletter dans le bandeau gauche */
td.textfontClass {
	text-align: left;
}

td.textfontClass a, td.textfontClass a:hover, 
td.textfontClass a:active, td.textfontClass a:visited {
	font-size: 11px;
	line-height:16px;
	font-weight:normal;	
}

/* habillage de la liste des newsletter */

.listeNewsletter {
	height:18px;
	font-size:12px;
	color:#0074B8;
	font-weight:bold;
}

.listeNewsletter a, .listeNewsletter a:hover,
.listeNewsletter a:active, .listeNewsletter a:visited {
	font-size:12px;
	color:#0074B8;
	font-weight:bold;
} 


/* habillage des artciles de la newsletter */

.titreArticleNewsletter {
	height:24px;
	font-size:16px;
	color:#0074B8;
	font-weight:bolder;
	margin-top:8px;
}


.menuNewsletter, .activeNewsletter {
	line-height:18px;
	font-size:12px;
	color:#0074B8;
	font-weight:bold;
}

.menuNewsletter a, .menuNewsletter a:hover,
.menuNewsletter a:active, .menuNewsletter a:visited {
	font-size:12px;
	color:#0074B8;
	font-weight:bold;
} 

.activeNewsletter {
	margin-left:8px;
}

.activeNewsletter a, .activeNewsletter a:hover,
.activeNewsletter a:active, .activeNewsletter a:visited  {
	font-size:12px;
	color:#0074B8;
	font-weight:bold;
	font-style:italic;  
}

#contenu_news_article {
	float:right;
	width:520px;
	background-color: #fff;
	padding-right:20px;
	vertical-align: top;
	color:#333 ;
	font-size:12px;
	text-align: justify;
}

#contenu_news_article a, #contenu_news_article a:hover,
#contenu_news_article a:active, #contenu_news_article a:visited  {
	color:#DFB31B;
	font-weight:bold;
	text-decoration:none;
}

/* Formulaire d'abonnement et de desabonnement */
.TXNewsletters_form {
	margin:8px;
}

.TXNewsletters_form_item {
	clear:left;
	float:left;
	width:100%;
}

.TXNewsletters_form_text, 
.TXNewsletters_form_list, 
.TXNewsletters_form_email {
	margin:4px;
}

.TXNewsletters_form_labelGauche {
	font-weight:bold;
	line-height:20px;
	float:left;
	padding-right:10px;
}

.TXNewsletters_form_text input, 
.TXNewsletters_form_list input, 
.TXNewsletters_form_email input {
	border:solid 1px #ccc;
	height:16px;
}

.TXNewsletters_form_right {
	float:left;
	line-height:20px;
	margin-left:10px;
}

.TXNewsletter_button {
	float:left;
	margin-top:20px;
	margin-left:10px;
}

.TXNewsletters_form_labelErr {
	padding:0px;
	color:red;
	margin:0px;
	font-size:10px;
	font-style:italic;
}