/*
#58030a rouge
#dbdac4 ou #ecece3 couleur de colonne jaune-orangé
#096EB7 bleu neree 
#FFFF00 repérage module*/

html,body,div,span,applet,object{background:transparent;
							border:0;
							font-family:inherit;
							font-size:100%;
							font-style:inherit;
							font-weight:inherit;
							margin:0;
							padding:0;
							outline:0;
							vertical-align:baseline;
							}
iframe,h1,h2,h3,h4,h5,h6{background:transparent;
							border:0;
							font-family:inherit;
							font-size:100%;
							font-style:inherit;
							font-weight:inherit;
							margin:0;
							padding:0;
							outline:0;
							vertical-align:baseline;
							}
blockquote,pre,a,abbr,acronym{background:transparent;
							border:0;
							font-family:inherit;
							font-size:100%;
							font-style:inherit;
							font-weight:inherit;
							margin:0;
							padding:0;
							outline:0;
							vertical-align:baseline;
							}
address,big,cite,code,del,dfn{background:transparent;
							border:0;
							font-family:inherit;
							font-size:100%;
							font-style:inherit;
							font-weight:inherit;
							margin:0;
							padding:0;
							outline:0;
							vertical-align:baseline;
							}
font,img,ins,kbd,q,s,samp{background:transparent;
							border:0;
							font-family:inherit;
							font-size:100%;
							font-style:inherit;
							font-weight:inherit;
							margin:0;
							padding:0;
							outline:0;
							vertical-align:baseline;
							}
small,strike,sub,sup,tt,var{background:transparent;
							border:0;
							font-family:inherit;
							font-size:100%;
							font-style:inherit;
							font-weight:inherit;
							margin:0;
							padding:0;
							outline:0;
							vertical-align:baseline;
							}
center,dl,dt,dd,ul,li,fieldset,form{background:transparent;
							border:0;
							font-family:inherit;
							font-size:100%;
							font-style:inherit;
							font-weight:inherit;
							margin:0;
							padding:0;
							outline:0;
							vertical-align:baseline;
							}
label,legend,table,caption{background:transparent;
							border:0;
							font-family:inherit;
							font-size:100%;
							font-style:inherit;
							font-weight:inherit;
							margin:0;
							padding:0;
							outline:0;
							vertical-align:baseline;
							}
tbody,tfoot,thead,tr,th,td {background:transparent;
							border:0;
							font-family:inherit;
							font-size:100%;
							font-style:inherit;
							font-weight:inherit;
							margin:0;
							padding:0;
							outline:0;
							vertical-align:baseline;
							}
table {border-collapse:collapse;
		border-spacing:0;
		}

/* Main Layout */
html {height:100%;
		margin-bottom:1px;
		}
body {font:62.5%/1.2 Helvetica, Arial, sans-serif;
		color:#555;
		}
h1,h2,h3,h4,.componentheading {font-weight:bold;
								margin:2em 0 1em;
								}
h1,.componentheading {font-size:180%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:110%;}

/* Couleur d'un lien TITRE et usermenu #cc0000 */
a {color:#096EB7; /* couleur titre des articles et liens bleu #096EB7*/
	text-decoration:none;
	font-weight:bold;}

a:hover {color:#096EB7 ;                  /* CH: surbrillance des liens en bleu plutot que rouge */
		text-decoration:underline;}

ul {margin:1em;}

p {margin-top:10px;margin-bottom:10px;}

#main {font-size:1.3em;
		line-height:140%;
		}

/* Classe de la bande 'arrière plan  sous TOP et NAV */
/* .background {position:absolute;
				width:100%;
				height:154px;
				background:url(../images/background-ciel.jpg) 0 0 repeat-x;
				}
by s2 suppression */	

/* Cadre principal contenant tout les autres cadres hors arrière-plan */	
#main .foreground { border-left:7px solid #58030a; /* by s2 ajout bordures gche à header */  /* CH modif epaisseur 7 au lieu de 10 */
					border-right:7px solid #58030a; /* by s2 ajout bordures dte à header */
					border-top:7px solid #58030a; /* by s2 ajout bordures dte à header */
					border-bottom:7px solid #58030a; /* by s2 ajout bordures dte à header */
					position:relative;
					}

#message, #showcase, .leading, #page {position:relative;}
#message, #showcase {z-index:0;}

/* border-bottom:1px solid #272727 Bordure de 1px entre user 4-5-6 et user 7-8-9 */
#main-content {border-bottom:1px solid #ddd;}
.dp20,.dp25,.dp33,.dp50,.dp100 {float:left;margin-top:15px;}
.dp20 {width:20%;}
.dp25 {width:25%;}
.dp33 {width:33.33%;}
.dp50 {width:50%;}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}

#colmask {clear:both;
			overflow:hidden;
			position:relative;
			width:100%;
			}
					
#maincol, #wrapper {position:relative;}

.s-c-s #colmid, .s-c-x #colright {float:left;
									position:relative;
									width:200%;
									}

.s-c-s #colright {float:left;
					left:50%;
					position:relative;
					width:100%;
					}
					
.s-c-s #col1wrap {background:#A020F0; /* by s2 old {background:#fff;} */
					float:right;
					position:relative;
					right:100%;
					width:50%;
					}
					
.s-c-s #col1pad, .x-c-s #col1 {overflow:hidden;
}

.x-c-s #colmid {overflow:hidden;
				}
.s-c-s #col1 {overflow:hidden;
				width:100%;
				}
.s-c-s #col2 {float:left;
				position:relative;
				overflow:hidden;
				margin-left:-50%;
				}
.s-c-s #col3 {float:left;
				position:relative;
				overflow:hidden;
				left:0;
				}
.s-c-x #col1wrap {float:right;
					position:relative;
					width:50%;
					}
.s-c-x #col1 {overflow:hidden;
				position:relative;
				right:100%;
				}
				
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;
					position:relative;
					right:100%;
					width:200%;
					}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}

/*background:#393939 Couleur de fond du colonne Right pour style 1 dans config du template*/
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {
													background-color: #ecece3;/* by s2 old background:#eee; */

													}

/*background:#515151 Couleur de fond du colonne LEFT pour style 2 dans config du template*/
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {background:#d1e0e7;}

/*Couleur de l'arrière plan background:#515151 */
.s-c-s #col1pad {background:#fff;}
.s-c-x #colright {background:#fff;}
#wrapper {background:#fff;}
 .x-c-s #colright {background:#fff;
 
 } /* arrière-plan cadre contenu principal */

/* arrière-plan du navigateur */
body {background:url(../images/background-vagues.png);} /* by s2 background:#fff; */

.cols1 {display:block;
		float:none;
		margin:0;
		width:100%;
		}
.cols2 {width:49%;
		overflow:hidden;
		}
.cols3 {width:30%;}
.column1, .column2 {position:relative;
			float:left;
			margin:0;
			}
.colpad {padding:0 10px;position:relative;}
.column2 {float:right;width:49%;}
.article_row {overflow:hidden;margin:0 -10px 15px -10px;}

/* Header cadre supérieur */
/* logo en haut et à gauche */
/* 350 70 ../images/logo-neree-2010.jpg */
#logo {width:962px; /* 900 */
		height:110px; /* 70 */
		background:url(../images/logo-neree-2010-03.jpg) 0 0 no-repeat;
		display:block;
		margin:0px 0px; /* margin:20px 15px */
		}
		
#header {background-color:  #ecece3;  /* ajouté par s2 sinon#FFFFFF */
		
		overflow:hidden;
		}
#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}


#nav {height:30px;			/* CH: 30 au lieu de 34px : hauteur de la nbarre de nav*/
		background:#58030a;/* background:#393939 Barre NAV ou #888*/
		z-index:1;
		position:relative;
		}
#nav ul {margin:0 0 0 13px;} /* CH: 13 au lieu de 15px */
#nav li {list-style:none;
			float:left;
			padding-left:3px;
			height:30px;    /*CH: 30px au lieu de 34px*/
			position:relative;
			}
#nav li a {display:block;
			padding:0 18px;  /* CH: 18 au lieu de 10 pour etirer les menus sur toute la largeur */
			line-height:30px;
			color:#DACDDD;    /* CH: texte blanc cassé plutot que blanc (#fff) */
			font-weight:bold; 
			}
#nav li.active a {background:#58030a;  /* CH: fond neutre plutot que blanc (#fff) pour l'item selectionné */
					color:#fff; /* CH: texte blanc plutot que rouge (#cc0000) pour l'item selectionné */
					font-style:italic; /* CH: ajout d'un style italic pour l'item selectionné */
					}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {background:#58030a; /* CH: fond transparent plutot que rouge (#cc0000) lors du passage du pointeur */
														color:#FFF; 
														text-decoration:none;
											}
#nav li ul {position:absolute;
			width:170px;
			left:-999em;
			margin-left:-1px;
			border:0px solid #B10000; /* CH suppression de la bordure autour des menus déroulants (0px au lieu de 1px) */
			border-top:0;
			}
			
#nav li ul ul {margin:-31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;
			height:auto;
			background:#fff; 
			width:170px;
			}
#nav li li a {margin:0;
														height:22px; /* CH: Au lieu de 30px pour reduire la taille des menu deroulants */
														line-height:22px; /* CH: au lieu de 30 */
														background:#58030a ;/* CH: couleur neutre au lieu de blanc (#fff) lors de la mise en surbrillance des elements d'un menu déroulant */
														border-top:1px solid #DACDDD; /* CH bordure blanc cassé plutot que rouge (#B10000) dans les menus déroulants */
														color:#cc0000; /*CH texte blanc lors de la mise en surbrillance */
														font-weight:bold; /*CH texte gras lors de la mise en surbrillance */
							}
#nav li li.active a 
							{margin:0;
														height:22px; /* CH: Au lieu de 30px pour reduire la taille des menu deroulants */
														line-height:22px; /* CH: au lieu de 30 */
														background:#58030a ;/* CH: couleur neutre au lieu de blanc (#fff) lors de la mise en surbrillance des elements d'un menu déroulant */
														border-top:1px solid #DACDDD; /* CH bordure blanc cassé plutot que rouge (#B10000) dans les menus déroulants */
														color:#fff; /*CH texte blanc lors de la mise en surbrillance */
														font-weight:bold; /*CH texte gras lors de la mise en surbrillance */
														font-style:italic;
							}

#nav li li a:hover {margin:0;
														height:22px; /* CH: Au lieu de 30px pour reduire la taille des menu deroulants */
														line-height:22px; /* CH: au lieu de 30 */
														background:#58030a ;/* CH: couleur neutre au lieu de blanc (#fff) lors de la mise en surbrillance des elements d'un menu déroulant */
														border-top:1px solid #DACDDD; /* CH bordure blanc cassé plutot que rouge (#B10000) dans les menus déroulants */
														color:#fff; /*CH texte blanc lors de la mise en surbrillance */
														font-weight:bold; /*CH texte gras lors de la mise en surbrillance */
														}

#nav li li a {font-weight:normal}
/*#nav li.active li a {font-weight:bold;} */
#nav li:hover ul, #nav li.sfHover ul {left:4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}

/* Showcase */
#showcase {margin:3px 0 0px 0;position:relative;color:#000;} /* CH margin:3px 0 8px 0 */

/* couleur advertissement/showcase */
#showcase .background {position:absolute;
						width:100%;
						height:130px;
						
						/* background:url(../images/light3.png) 0 -514px repeat-x; moitié de l'arrière plan du slideshow*/
						}
#showcase .foreground {
						border:0px solid #dfeaee; /* CH Sppression bordure */
						border-bottom:7px solid #58030a; /* by s2 ajout bordure bas sous slideshow */
						overflow:hidden;
						padding-bottom:2px; /* CH: 2 au lieu de 15 sous le slideshow */
						}
#showcase h1 {font-weight:normal;
				font-size:3.0em;
				line-height:105%;
				margin:25px 55px 10px 25px;
				}
#showcase h3 {font-weight:normal;
				font-size:1.4em;
				font-weight:normal;
				margin:0 55px 20px 25px;
				}
#showcase b {font-weight:normal;
				color:#026AB6;
				}
#showcase .pad {padding:0 50px 25px 25px;}
#showcase .num {float:left;
				background:#026AB6;
				text-align:center;
				line-height:90%;
				color:#fff;
				font-size:2em;
				padding:3px 8px;
				}
#showcase .pad h2 {font-size:1.4em;
					font-weight:bold;
					margin:0 0 5px 40px;
					}
#showcase .pad p {margin-left:40px;}

/* Content styles */
p.buttonheading {position:absolute;top:2px;right:10px;margin:0;}
.buttonheading .icon {display:block;
						width:16px;
						height:16px;
						float:left;
						margin-left:5px;
						}
						
.buttonheading .pdf {background:url(../images/light3.png) -57px -366px;}
.buttonheading .print {background:url(../images/light3.png) -21px -366px;}
.buttonheading .email {background:url(../images/light3.png) -39px -366px;}

.iteminfo {font-size:90%;
			overflow:hidden;
			border-bottom:1px solid #dedede;
			margin-bottom:20px;
			display:block;
			margin-top:-10px;
			width:100%;
			}
.modifydate, .createdby, .createdate {display:block;}
.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;
						margin-top:15px;
						font-style:italic;
						}

/* by s2 */
a.readon2 {background:url(../images/light3.png) 100% -344px;
						display:block;
						float:right;
						color:#fff;
						font-weight:bold;
						line-height:20px;
						}
a.readon2 span {background:url(../images/light3.png) 0 -344px;
				display:block;
				margin-right:10px;
				height:21px;
				float:left;
				padding:0 5px 0 15px;
				}
.breadcrumbs-pad {padding:0 1px;}

/* breadcrumb */
div.breadcrumbs {background:url(../images/light3.png) 0 -68px repeat-x;
					border-bottom:1px solid #e6e6e6;
					font-size:110%;
					font-weight:bold;
					margin:0;
					padding:7px 15px 5px;
					color:#777;
					border-top:1px solid #d9d9d9;
					}
div.breadcrumbs .sep {padding:0 5px;}
.component-pad {padding:0 15px 15px;}
.banneritem_text {margin-bottom:10px;}

#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}

.pagination span, .pagination a {margin-right:5px;}

#colmask ul li {list-style:none;} /* CH Suppression des puces dans les menus */
#colmask ul ul {margin-top:0;}
#colmask ul ul li {list-style:square;}

.colpad h2.contentheading {padding-right:65px;}

.sectiontableheader {font-weight:bold;
					line-height:25px;
					text-align:left;
					}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}

span.attention {display:block;
				margin:15px 0;
				padding:8px 10px 8px 10px;
				background:#FFF3A3;
				border:1px solid #E7BD72;
				color:#B79000;
				}

/* Modules */
.module {padding:0px; /*CH: 0 au lieu de 1 */ /* tout les modules */
			}
.module-title {font-size:110%;
				font-weight:bold;
				margin:0;
				padding:7px 15px 5px;
				}
.module-body {padding:10px 15px 25px;}


/* couleur1 de l'arrière-plan du titre d'un module Identification et Online */
.color1 .module-title {background:#096EB7;/* background:url(../images/light3.png) 0 -204px repeat-x;*/						
						border-bottom:1px solid #ddd;
						color:#fff;/* couleur du titre */
						}
.color1 .module-body {border-top:1px solid #fff;/* contenant des module type identification */
					  border-left:1px solid #58030a;/* modif by s2 */
					  border-bottom:1px solid #58030a;
					  
						}

/* couleur2 de fond du titre d'un module */
.color2 .module-title {background:#FFFF00; /* background:url(../images/light3.png) 0 -136px repeat-x;*/
						border-bottom:1px solid #c3d9e1;
						color:#50646d;
						}
.color2 .module-body {border-top:1px solid #dfeaef;}

/* cadre contenant le menu principal*/
#colmask .m_menu {background:#ecece3;/*  by s2 old background:#026AB6 arriere-plan menu;color:#fff*/
					/* border-top:1px solid #58030a; ajout s2 cadre autour */
					/* border-bottom:1px solid #58030a; ajout s2 cadre autour */
					/* border-left:1px solid #58030a;  ajout s2 cadre autour */
					color:#000;
					} 
/* bys2 */
#colmask .m_menu .module-title {background:#096EB7; /* url(../images/light3.png) 0 -0px repeat-x; */
								border-bottom:1px solid #096EB7;/* bordure sous le titre du module by s2 solid #005A9B; */
								color:#FFF;/* by s2 color:#fff; */
								} 
#colmask .m_menu .module-body {border-top:1px solid #247EBF;}
#colmask .m_menu a {color:#58030a;} /* color:#fff couleur lettres du menu*/
#colmask .m_menu ul {margin:0 1em;}

/* by s2 cadre derniers articles */
#mainmods{background:#ecece3;
			border-top:0px solid #58030a; /* ajout s2 cadre autour (CH: suppression)*/ 
			border-bottom:1px solid #58030a; /* ajout s2 cadre autour */
			overflow:hidden;
			padding-top:8px; /* CH 8 au lieu de 15 */
			}
			/* CH: style de la liste des derniers articles */
#mainmods ul li{list-style:disc;}
			
#mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
/* conteneur de user 7-8-9 */
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px;}
#main-content li .active a {font-weight: normal;}

/* Footer */
/* conteneur bottom */
#footer {background:#f7f7f7;
			border-top:1px solid #fff;
			}
.footer-pad {padding:10px 15px;overflow:hidden;}

/* Logo en bas et à droite */
#logo2 {width:165px;
		height:20px;
		background:url(../images/light3.png) 5px -646px no-repeat;
		display:block;
		float:right;
		margin-left:15px;
		margin-top:15px;
		}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}