/* reset */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, 
b, u, i, center, 
dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td{ margin:0;  padding:0;  border:0;  outline:0;  font-size:100%;  vertical-align:baseline;  background:transparent}
body{color:#262626; font-size:75%; font-family:Arial,Verdana,Helvetica,sans-serif; line-height:1}
ol, ul{ list-style:none}
blockquote, q{ quotes:none}
:focus{ outline:0}
ins{ text-decoration:none}
del{ text-decoration:line-through}
table{ border-collapse:collapse;  border-spacing:0}
select, input, textarea, button{outline:none; resize:none}
/* fin reset */
* { margin: 0; padding: 0; list-style-type: none; }
a img {border: none;}
a:link, a:visited { color: #2d94b3; text-decoration: none; }
a:hover { color: #88a208; text-decoration: none; }
body { font-size: 75%; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #1c5e9e; }
.reset { width: 100%; height: 1em; clear: both; }
#contener { background-color: white; text-align: left; width: 950px; margin-right: auto; margin-left: auto; }
#header1 { background-color: white; width: 940px; height: 100px; clear: both; padding-top: 10px; padding-left: 10px; }
#header2 { background-color: white; width: 950px; height: 161px; float: left; }
#logo { position: relative; width: 321px; height: 86px; z-index: 100; float: left; }
#baseline { position: relative; left: -9999px; width: 250px; z-index: 100; float: left; margin-left: 100px; }
#nav { text-align: right; width: 150px; float: right; padding-right: 15px; }
#nav li { background-image: url(images/sep.gif); background-repeat: repeat-x; background-position: 50% bottom; padding-top: 0.2em; padding-bottom: 0.2em; }
.nav1 a { background-image: url(images/pict_home.gif); background-repeat: no-repeat; background-position: right 50%; padding-right: 20px; }
.nav2 a { background-image: url(images/pict_contact.gif); background-repeat: no-repeat; background-position: right 50%; padding-right: 20px; }
.nav3 a { background-image: url(images/pict_map.gif); background-repeat: no-repeat; background-position: right 50%; padding-right: 20px; }
#nav li .last { background-image: none !important; }
#header h1, #title1 { color: #2584e4; font-size: 180%; }
#header h2, #title2 { color: #727272; font-size: 110%; line-height: 1.2em; }
#header strong { float: left; margin-left: -9000px; display: none; }
#wlpeLogin, #wlpeReset { line-height: 1em; background-color: #e9edf2; width: 188px; float: left; margin-top: 26px; margin-left: 10px; border: solid 1px #1c5e9e; }
#wlpeLogin legend, #wlpeResetInfo { color: #1b65ab; font-size: 140%; font-weight: normal; text-indent: 15px; padding-top: 5px; }
#wlpeResetInfo { margin-top: -5px; }
#wlpeResetFieldset p { padding-top: 1em; }
#wlpeLogin form, #wlpeReset form { background-image: url(images/wlpe_bg.gif); background-repeat: repeat-x; }
#wlpeReminderButton { color: #3d80df; background-color: transparent; text-decoration: underline; text-align: left; width: 150px; float: left; margin-top: -12px; border-style: none; }
#wlpeLogin fieldset, #wlpeReset fieldset, #wlpeUser fieldset { padding: 5px; border-style: none; }
#wlpeLoginFieldset label { float:left; padding-top:0.5em; display: block; }
#wlpeLoginFieldset input { width: 120px ; float: left; }
#wlpeLoginButton { background-color: transparent; background-image: url(images/bt_ok_bleu.gif); background-repeat: no-repeat; background-position: center top; text-indent: -1000em; position: relative; top: -29px; width: 30px; height: 18px; float: right; border: 0; cursor: pointer; /* hand-shaped cursor */cursor: pointer; /* for IE 5.x */ }
.wlpeMessage  { position: relative; top: 240px; left: -280px; z-index: 200; float: left; }
.wlpeMessageText { background: #fff6bf url(images/exclamation.png) no-repeat 15px 50%; text-align: left; padding: 5px 20px 5px 45px; width: 200px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; }
#photos { background-color: white; width: 740px; float: right; }
.photo { float: left; margin-right: 8px; }
.hop { float: left; margin-top: -31px; }
#content { line-height: 1.5em; background-color: white; background-image: url(images/bg.jpg); background-repeat: no-repeat; background-position: 12px top; width: 924px; float: left; clear: left; padding: 15px 14px 15px 12px; display: block; }
#home { background-image: url(images/bg_home.png); background-repeat: no-repeat; width: 925px; float: left; }
#inner { background-image: url(images/bg_inner.png); background-repeat: no-repeat; float: left; }
#content p { margin-bottom: 1em; }
#colh1 { width: 490px; float: left; }
#colh1 h3 { color: #266ead; font-size: 130%; margin-bottom: 1em; }
#colh2 { width: 193px; float: left; margin-left: 19px; padding: 15px; }
#coli1 { width: 193px; float: left; margin-right: 15px; padding: 15px; }
#coli1 a { color: black; text-decoration: none; }
#coli1 a.active { color: #9e6a00;}
#coli1 a:hover { color: #88a208; text-decoration: none; }
#colh2 h4 { color: #266ead; font-size: 130%; }
#colh1 h4 { color: #266ead; font-size: 130%; }
#coli1 h2 a:link, #coli1 h2 a:visited { color: #266ead; font-size: 100%; }
#colh3 { text-align: center; width: 193px; float: right; margin-top: 10px; }
#colh3 h4 { color: #266ead; font-size: 130%; width: 180px; }
#inner h3 { color: #3b75b0; font-size: 160%; }
#home_content { color: #4b4b4b; background-color: white; width: 460px; float: left; padding: 15px; border: solid 1px #bfbfc1; }
#breadcrumb { color: #4b4b4b; font-size: 100%; padding: 5px; width: 480px; float: left; margin-bottom: 0.5em; border: solid 1px #bfbfc1; }
#logo_membres li { margin-top: 40px; }
#news li { background-image: url(images/puce1.png); background-repeat: no-repeat; background-position: left 3px; margin-top: 1.6em; padding-left: 10px; }
#submenu { margin-top: 2em; }
#submenu li { font-size: 110%; background-image: url(images/puce1.png); background-repeat: no-repeat; background-position: left 3px; margin-top: 1em; padding-right: 10px; padding-bottom: 1em; padding-left: 15px; border-bottom: 1px solid #8badf4; }
#submenu li.active { color: #9e6a00 !important; font-weight: 700; background-image: url(images/puce1_on.gif); background-repeat: no-repeat; background-position: left 3px; padding-left: 15px; }
.left { float: left; padding-right: 10px; padding-bottom: 10px; }
.right { padding-bottom: 10px; float: right; padding-left: 10px; }
.symptomes { margin-bottom: 1em; }
#home .symptomes li { background-image: url(images/puce2.gif); background-repeat: no-repeat; background-position: left top; margin-left: 120px; padding-left: 20px; }
#coli1 ulx { margin-bottom: 1em; }
#inner #colh1 ul { margin-bottom: 1em; }
#inner #colh1 li { background-image: url(images/puce2.gif); background-repeat: no-repeat; background-position: left top; margin-left: 20px; padding-left: 20px; }
.legende { color: #6a6a6a; font-size: 90%; margin-top: -1em; }
/*------------- BEGIN NAVIGATION -------------- */
#navigation
{ background-color: #266ead; width: 925px; height: 51px;
	/*background:url(../img/navigation.gif) no-repeat;	*/
	overflow:hidden; float: left; clear: both; border-top: 5px solid white; border-right: 13px solid white; border-left: 12px solid white; border-bottom-width: 0; }
#navigation ul
{ background-color: #2584e4; }
#navigation ul li
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*text-indent:-300em;*/
	float: left;
}
#navigation ul li a, #menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active
{
	display: block;
	height: 47px;
	width: 155px;
	padding: 8px 15px 10px;
	float: left;
	text-decoration:none;
	color: #fff;
}

#menu1, #menu5, #menu10, #menu13, #menu15
{
	height: 67px;
	width: 185px;
}

#menu1 a:hover, #menu5 a:hover, #menu10 a:hover, #menu13 a:hover, #menu15 a:hover, #menu6 a:hover
{
	background-color: #88a208;
	outline:none medium;
}



#menu1.active, #menu1.active a:hover, #menu5.active, #menu5.active a:hover, #menu10.active, #menu10.active a:hover, #menu13.active, #menu13.active a:hover, #menu15.active, #menu15.active a:hover, #menu6.active, #menu6.active a:hover
{
	
	background-color: #fbd754;
	outline:none medium;
}

ul#menu li.active span.subitem
{
	color: #e8adca;
	
}

#navigation h1, #navigation span.item
{
	font-size: 1.5em;
	color: #fff;
	margin: 0 0 2px;
	padding: 0;
	display: block;
}
#menu .active { color: #9e6a00 !important; }
#navigation span.subitem
{
	color: #e9edf2;
	font-size: 1em;
}


/*------------- END NAVIGATION -------------- */
/*--------- TABLE --------- */
#data table { clear: both; border-collapse: collapse; margin-bottom: 0.5em; }
#data thead td { color: white; font-weight: 700; background-color: #266ead; text-align: left; padding: 0.6em; }
#data td { border-right: 1px solid #434343; border-bottom: 1px solid #434343; background: #f6f5f5; padding: 6px 6px 6px 12px; border-left: 1px solid #434343; }
#data caption { color: #266ead; font-size: 110%; font-weight: 700; padding-top: 5px; padding-bottom: 5px; }

#profildetail table { clear: both; border-collapse: collapse; margin-bottom: 0.5em; }
#profildetail td { border-bottom: 1px solid #fff; padding: 6px 6px 6px 12px; }

#wlpeUser { background-color: #e9edf2; top: 200px; width: 188px; clear: both; display: block; border: solid 1px #3b75b0; }
#wlpeUserDetail { background-color: #e9edf2; display: block; top: 200px; clear: both; border: solid 1px #3b75b0; }
#wlpeUserDetail legend { display: none; }
#wlpeUserDetail fieldset { border-style: none; }
#wlpeUserInfo { background-color: #d6e3f0; padding: 8px; }
#wlpeUserForm { background-color: #d6e3f0;  }
/*annuaire enfants*/
.annu_nom{	/* Styling question */
	/* Start layout CSS */
	color: #2a5f85; width:100%; margin-bottom:2px; margin-top:2px; overflow:hidden; margin-left: 2px; padding: 0; border: solid 1px black; cursor:pointer; }
.nom { text-transform: uppercase; }
.sexe2 { background-color: #ffe5f1; width: 100%; height: 100%; padding-bottom: 1px; padding-left: 2px; }
.sexe1 { background-color: #e7faff; width: 100%; height: 100%; padding-bottom: 1px; padding-left: 2px; }
.annu_age { float: right; margin-right: 5px; }
.annu_details{	/* Parent box of slide down content */
	/* Start layout CSS */
	font-size: 110%; border:solid 1px #317082; background-color:#e2ebed; width:100%;
	
	/* End layout CSS */
	
	visibility:hidden; height:0; overflow:hidden; position:relative; margin-left: 2px; }
.details{	/* Content that is slided down */
	padding:6px;
	font-size:0.9em;	
	position:relative;
}
/* Pagination */
	.pagination ul{border:0; margin:0; padding:0;}

	.pagination li{ border:0; margin:0; padding:0; font-size:11px; background-image: none !important; list-style:none; display: inline; }
	.pagination a{
		border:solid 1px #9aafe5;
		margin-right:2px;
	}
	.pagination .previous-off,
	.pagination .next-off {
		border:solid 1px #DEDEDE;
		color:#888888;
		display:block;
		float:left;
		font-weight:bold;
		margin-right:2px;
		padding:3px 4px;
	}
	.pagination .next a,
	.pagination .previous a {
	 font-weight:bold;
	}	
	.pagination .current{
		background:#2e6ab1;
		color:#FFFFFF;
		font-weight:bold;
		display:block;
		float:left;
		padding:4px 6px;
	}
	.pagination a:link, 
	.pagination a:visited {
		color:#0e509e;
		display:block;
		float:left;
		padding:3px 6px;
		text-decoration:none;
	}
	.pagination a:hover{
		border:solid 1px #0e509e;
	}
	/*Forum*/
#forum_new a { font-size: 120%; background-color: #e7faff; text-align: center; width: 150px; margin-bottom: 2em; padding: 10px; border: solid thin black; }
#forum_new a:hover { color: white; font-size: 120%; background-color: #3b75b0; text-align: center; padding: 10px; width: 150px; border: solid thin black; }
.forum_date { float: right; }
.forum_sign { width: 100%; float: left; margin-top: 5px; border-top: 1px solid #aeacad; border-bottom: 1px solid #aeacad; border-right-color: #aeacad; border-left-color: #aeacad; }
.forum_auteur { float: left; }
.forum_texte { color: black; width: 96%; float: left; clear: both; margin-top: 8px; padding-left: 8px; border-left: 3px solid #aeacad; border-top-color: black; border-right-color: black; border-bottom-color: black; border-bottom-style: solid; border-right-style: solid; border-top-style: solid; }
.rep1 { width: 95%; margin-left: 20px; }
.rep2 { width: 95%; margin-left: 20px; border-left: 3px dotted #aeacad; }
.forum_texte p { margin-bottom: -8px !important; padding-bottom: 8px; }
div.hr { background-image: url(images/sep.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: center; width: 100%; height: 30px; clear: both; }
div.hr hr { float: left; clear: both; display: none; }
.pdf{line-height:2em; background-image:url(images/icn_pdf.png) !important; background-repeat:no-repeat; background-position:left 50% !important; width:100%; padding-bottom:3px; padding-left:25px !important}
.word { line-height: 2em; background-image: url(images/icn_word.png) !important; background-repeat: no-repeat; background-position: left 50% !important; padding-bottom: 3px; padding-left: 25px !important; width: 100%; }
.ppt { line-height: 2em; background-image: url(images/icn_ppt.png) !important; background-repeat: no-repeat; background-position: left 50% !important; padding-bottom: 3px; padding-left: 25px !important; width: 100%; }