body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
	margin:0;padding:0;
	}
	
table{
	border-collapse:collapse;border-spacing:0;
	}
	
img,fieldset{
	border:0;
	}
	
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;font-weight:normal;
	}

ol,ul {
	list-style:none;
	}
	
caption,th {
	text-align:left;
	}
		
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	}
	
q:before,q:after{
	content:'';
	}
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/

#image_container {
	position:relative;
	}

#options{
	display:none;
	z-index:10;
	}
	
#fgestes{
	display:none;
	z-index:11;
	}
	
.errormsg {
	margin-left:0px;
	margin-bottom:5px;
	background: #FEE url(images/errormsg_bg.gif) no-repeat 0 0;
	display:block;
	color:#D22;
	font-weight:bold;
	font-size:100%;
	width:71%;
	padding:2px;
	padding-left:4px;
	border: 1px solid #B44;
	}
	
.succesmsg{
	margin-left:0px;
	margin-bottom:5px;
	width:70%;
	background: #EFE;
	border: 1px solid #2A2;
	color:#2B2;
	font-weight:bold;
	font-size:90%;
	padding:2px;
	padding-left:4px;
	}

.panel .opt_title {text-align:center;margin-bottom:25px}
.panel .opt_title img {vertical-align:middle;margin-right:3px;}
.panel .opt_title h4 {font-size:130%;}
.panel h5 {margin:7px 0px 5px 0px;}
.panel table {width:100%;line-height:1.2em}
.panel tbody td input{margin-right:10px;}
.panel_td_mid {width:30em;text-align:left;padding-right:10px}
.panel_td_r {width:14.5em;}
.panel .opt_content {text-align:left;}
.panel .opt_content .reco {margin:4px 2px 4px 6px;border-left:2px solid #FFF;padding-left:4px}
.panel #psubtitle a, .panel .optcons a {font-weight:bold;font-size:95%;}
.panel td {border-bottom:1px dotted #CED9FF; }
.panel .panel_table_foot {border-bottom:0;text-align:center;padding-top:20px;}
.panel .panel_perso_mid{line-height:1.7em;margin-top:2em;text-align:center;padding-bottom:2px;}
.panel .panel_perso_input{width:4.5em;margin-right:15px;margin-bottom:2px;}
.opt_hid {display:none;}

#navig div{
	display:inline;
	}

#content_w{
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:70%;
	line-height:150%;
	}

#groupe #content_w #gp_users_table{
	line-height:100%;
	}

#groupe #ress_w td{
	padding-left:0.5em;
	}
	
/*********************************
**  STYLE POUR LA PARTIE EDITO  **
*********************************/
#edito {
	background-color: #dae6e7;
	text-align: center;
	margin-top:8px;
	margin-bottom:8px;
	}

#edito #inlay{
	position: relative;
	width: 35em;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	border:8px solid #FFFFFF;
	background-color: #ff3399;
}

#edito #header{
	height:140px;
	border-left:1px solid #ff9bcd;
	border-top:1px solid #ff9bcd;
	}

#edito #header #famille{
	float:left;
	margin-left:12px;
	margin-top:15px;
	}
	
#edito #header #titedito{
	float:right;
	margin-top:45px;
	margin-right:20px;
	}
	
#edito h1{
	display:none;
	font-family : "Comic Sans Serif", cursive;
	color : #FFFFFF;
	font-weight : normal;
	font-size:28px;
	letter-spacing : 3px;
	margin-top:55px;
	margin-right:30px;
	float:right;
	}
	
#edito #navig{
	border-top:1px solid #e6804b;
	background-color:#cccc00;
	height:33px;
	border-left:1px solid #e6e682;
	padding-left:50px;
	} 
	
#edito #inter{
	font-size: 1px;
	line-height:1px;
	height:3px;
	border-top:1px solid #f4f4c6;
	border-bottom:1px solid #f1f6f6;
	background-color:#FFFFFF;
	}
	
#edito #content{/*taille texte*/
	height:24em;
	background-color:#9bbcbf;
	border-left:#cedfe0;
	padding-top:20px;
	padding-left:22px;
	}
	
#edito #content h2{
	margin-left:46px;
	font-family:"Comic Sans Serif",cursive;
	color:#ff339a;
	font-weight:bold;
	font-size:2.2em;
	margin-bottom:15px;
	}
	
#edito #content p{
	text-align:justify;
	margin-right:30px;
	margin-left:48px;
	color:#FFFFFF;
	font-weight: bold;
	font-size:0.8em;
	}

#edito #content #paren{
	float:left;
	}
	
#edito #content #logo{
	position:absolute;
	right:0px;
	bottom:0px;
	}

#edito #content #lienenfant{
	position:absolute;
	left:-32px;
	bottom:-1px;
	}
/*********************************
*********************************/

a:link
{
	color:#000011;
}
a:visited
{
	color:#000011;
}
a:hover
{
	color:#ff339a;

}

#liens #content_w a {padding-left:27px}
#liens #content_w a:link, #liens #content_w a:visited
{
	background:transparent url("../res/images/menbarr.gif") no-repeat 10px 4px;
}
#liens #content_w a:hover
{
	background:transparent url("../res/images/menparr.gif") no-repeat 11px 4px;
}
#liens h4
{
	font-size:130%;
}

#groupe #moncompte_cadre #group_disp h4
{
	text-align:left;

	display:inline;
}


#page_w 
{	
	position:absolute;
	left:0px;
	top:0px;
	
	width:100%;
	height:100%;
	background-color:#dae6e7;
	max-width:1100px;
	width:expression(document.body.clientWidth > 1100? "1100px": "auto" );

}

#context_w
{
	position:absolute;
	width:237px;
}
#context_w h3
{
	color:#000033;
	font-family : Arial, Helvetica, sans-serif;
	font-size:110%;
	display:inline;
	width:100%;
	padding-left:13px;
}

.menlink
{
	display:block;
	padding-left:31px;
}
.menlink:link, .menlink:visited
{
	background:transparent url("../res/images/menbarr.gif") no-repeat 18px 5px;
}
.menlink:hover
{
	background:transparent url("../res/images/menparr.gif") no-repeat 18px 5px;
}
.smalllink
{
	font-size:60%;
	display:inline;
	padding-left:10px;
}

#title_w
{
	background-color:#cccc00;
	height:210px;
	margin:0px;
	width:215px;
}
#title_w h2
{
	font-family : "Comic Sans Serif", cursive;
	color:#ff3399;
	font-weight:bolder;
	font-size:1.8em;
	letter-spacing:.10em;
	margin-left:10px;
	margin-bottom:6px;
	width:100%;
	text-align:center;
}


#title_w #logo_famille
{
	margin:0px 30px;
	width:155px;
}
#user_w
{
	background-color:#cccc00;
	height:80px;
	width:215px;
}
#filter_w
{
	background-color:#cccc00;
	height:250px;
	width:215px;
}
#filter_w div
{
	margin:0px;
	padding:0px;
	height:43px;
	margin-left:30px;
}
#logo_w
{
	background-color:#dae6e7;
	height:40px;
	width:215px;
}
#logo_w h1
{
	display:none;
}

/*********************************
**     STYLE BORDURE INTERNE    **
*********************************/
#border_w
{
	position:absolute;
	left:215px;
	top:0px;
	width:22px;
}
#border_w #btop
{
	background-color:#cccc00;
	height:108px;
}
#border_w #bcorn
{
	height:22px;
	width:22px;
	background:transparent url("../res/images/bcorn.gif") no-repeat; 
}
#border_w #bhor
{
	height:414px;
	width:22px;
	background:transparent url("../res/images/bhor.gif") repeat-y;
}
/*DEP #border_w #bbot
{
	height:00px;
	width:22px;
	background:transparent url("../res/images/bbot.gif") repeat-y;
}*/
/*********************************
*********************************/

#menu_w
{
	position:absolute;
	top:0px;
	left:237px;
	right:0px;
	height:117px;

	width:755px;
}

#menu_w #mascotte_w
{
	position:absolute;
	left:500px;
	top:5px;
	z-index:0;
}
#menu_w #bulle_masc
{
	position:relative;
	top:-89px;
	left:7px;
	z-index:1;
	overflow:auto;
	font-size:95%;
	line-height:90%;
	text-align:center;
	font-family:"Comic Sans MS";
	letter-spacing:.02em;
	
	width:186px;
	height:76px;
	word-wrap:break-word;
	
}
#menu_w #menut
{
	background:#ff339a url("../res/images/menubg.gif") no-repeat;
	height:120px;
}
#menu_w #menubar
{
	position:absolute;
	top:100px;
	left:0px;
	width:755px;
	height:29px;
	line-height:1px;
	font-size:1px;
	background:#cccc00 url("../res/images/bvert.gif") repeat-x bottom;
}
#menubout
{
	position:absolute;
	top:70px;
	height:40px;
}
#menubout div
{
	display:inline;
	margin-left:10px;
	height:45px;
	
}
#menubout div a
{
	position:relative;
	top:-7px;
}


#accueil, #agir, #loginp, #moncompte, #groupe, #bilans, #documents, #quizz, #objfiltre, #liens
{
	background-color:#dae6e7;
}
#intro
{
	background-color:#cccc00;
}

#content_w
{
	position:absolute;
	left:238px;
	top:120px;
	width:755px;
	
}

#loginp #content_w h3,#accueil #content_w h3, #moncompte #content_w h3, #groupe #content_w h3, #objfiltre #content_w h3,#quizz #content_w h3, #documents #content_w h3, #bilans #content_w h3, #liens h3
{
	text-align:center;
	font-weight:bold;
	font-size:large;
	color:#ff3399;

	font-family : "Comic Sans Serif", cursive;
	
	height:1.6em;
	letter-spacing:.12em;
	vertical-align:middle;
	text-shadow:2px 1px 2px #FFFFFF;
	
}
#accueil #content_w h4
{
	margin-top:10px;
}

#moncompte #content_w h4, #groupe #content_w h4
{
	text-align:center;
	font-size:110%;
	margin-bottom:10px;
}

#accueil #content_w p
{
	text-align:justify;
	
}

#groupe table
{
	width:90%;
}

#groupe #gp_users_table td
{
	padding-bottom:4px;
}
#groupe #gp_users_table .first
{
	width:105px;
	padding-left:15px;
}
#groupe #gp_users_table .second
{
	width:270px;
	padding-left:10px;
}
#groupe .progress_bar
{
	overflow:hidden;
}
#groupe .progress_w
{

}
#agir #image_container
{
	
	position:relative;
	top:-10px;	
}


.helpertip 
{
	text-decoration: none;
}

#options .helpertip
{
	position:absolute;top:4px;right:26px;
}

.helpertip:hover
{
	position: relative;
}

.helpertip span
{
	position:absolute;
	display:none;
	
}

.helpertip:hover span
{
	display: block;
	position: absolute; top: 10px; left: 5px;
	padding: 5px; margin: 10px; z-index: 1000;
	background: #f0f0f0; border: 2px dotted #c0c0c0;
	text-align:justify;
	opacity: 0.9;
	width:350px;
}
#options .helpertip:hover span
{
	position: absolute; top: 10px; left: -40em;
	width:40em;
	font-size:85%;
}

.helpertip ul
{
	list-style:disc;
}

.helpertip li
{
	margin-left:10px;
}

.helpertip img
{
	vertical-align:bottom;
}

.login_table td
{
	padding-bottom:5px;

}
.login_table 
{
	min-width:600px;
	width:700px;
	border:3px dotted #EFFAFB;
	margin:5px;
	padding:5px;	
}

.login_table label
{
	margin-left:10px;
}
.login_table .section
{
	height:22px;
}


	

.login_table .login_submit
{
	text-align:center;
}

.mandatory
{	
	font-weight:bold;
}

.helper_expl
{
	font-size:80%;
}

#table_identification
{
	width:600px;
	margin:15px;
	text-align:center;
	border:3px dotted #EFFAFB;
	padding:15px;	
	
}
#table_identification tr
{
	height:30px;
}
#table_identification td
{
	text-align:left;
}
#table_identification .first_col
{
	width:150px;
	text-align:left;

}

#table_recup
{
	min-width:600px;
	width:700px;
	border:3px dotted #EFFAFB;
	margin:5px;
	padding:5px;		
}

p
{
	text-align:justify;
	margin:5px;
}

#main_house
{
	position:relative;
	top:-10px;
}

.house_link
{
	font-size:1.3em;
	font-weight:bolder;
	font-family:Arial,Helvetica,sans-serif;
	text-decoration:none;
	padding: 5px 6px; margin:10px;z-index: 100;
	background: #f0f0f0; /*border: 2px double #c0c0c0;*/
	text-align:center;
	opacity: 0.8;
	color:#ff559a!important;
	position:absolute;
	width:5.6em;
}

.house_link:hover
{
	text-decoration:none;
	background: #ff559a; /*border: 2px double #c0c0c0;*/
	color:#f0f0f0!important;
	font-size:1.3em;
	font-weight:bolder;
	opacity: 1;
	z-index: 101;
	width:5.6em;
	
}

#moncompte_header .first
{
	width:310px;
}
#moncompte_header .second
{
	width:310px;
}
#moncompte_header .last
{
	padding-bottom:15px;
}
#moncompte_header a
{
	padding: 0px 5px;
	white-space:nowrap;
} 
#moncompte_cadre
{
	border:3px dotted #EFFAFB;
	padding:15px;	
}

#unfilter_link
{
	visibility:hidden;
}

#objfiltre #main table
{
	margin-left:30px;
	border-top:3px dotted #EFFAFB;
	border-bottom:3px dotted #EFFAFB;
}
#objfiltre #main .first_td
{
	width:280px;
}

#objfiltre #main .second_td
{
	width:120px;
}
#objfiltre #main h4
{
	font-size:110%;
	margin-top:5px;
	margin-left:20px;
}
#objfiltre #main #list_page
{
	text-align:center;
}
#objfiltre #main #list_page a
{
	margin-left:4px;
	margin-right:4px;
}


.optcons
{
	padding:0 10px;
	font-size:115%;
	letter-spacing:.01em;
}

#agir .gestbox_head, #objfiltre .gestbox_head
{
	background:#cccc00 url("../res/images/gestboxh.gif") no-repeat left;
	height:30px;
	padding:0px;
		border-color:white;
	border-width:0 0 5px 0;
}
#agir .gestbox_head h3, #objfiltre .gestbox_head h3
{
	color:#fffeb9;
	font-size:115%;
	font-family : "Comic Sans Serif", cursive;
	text-align:center;
	letter-spacing:.25em;
	padding-top:6px;
}
#agir .gestbox_head h4, #objfiltre .gestbox_head h4
{
	text-align:center;
	padding-top:13px;
	font-size:140%;
	color:black;
	font-weight:bolder;
}
#agir #fgestes, #objfiltre #fgestes
{
	border-width:5px;
	border-color:white;
}
#agir #fgestes_body, #objfiltre #fgestes_body
{
	background-color:#cfc9ca;
	height:32em;
	overflow:auto;
	font-size:80%;
	padding:5px;
}
#agir #savoir_plus
{
	z-index:10000;
	position:absolute;
	right:6px;
	top:48px;
	font-weight:bold;
}
#agir #savoir_plus a:hover
{
	color:#000000;
}
#agir .optbox_head, #objfiltre .optbox_head
{
	background:#ff3399 url("../res/images/optboxh.gif") no-repeat left;
	height:69px;
	padding:0px;
		border-color:white;
	border-width:0 0 5px 0;
}
#agir .optbox_head h3, #objfiltre .optbox_head h3
{
	color:#ff91c7;
	font-size:115%;
	font-family : "Comic Sans Serif", cursive;
	text-align:center;
	letter-spacing:.25em;
	padding-top:2px;
}

#agir .optbox_head h4,#objfiltre .optbox_head h4
{
	text-align:center;
	padding-top:13px;
	font-size:140%;
	color:black;
	font-weight:bolder;
}
#agir .optbox_mid, #objfiltre .optbox_mid
{
	background:#9bbcbf url("../res/images/optboxm.gif") no-repeat left;
	height:21px;
	width:102px;
	padding:0 0 0 0;

}
#agir #options_body, #objfiltre #options_body
{
	background-color:#9bbcbf;
	padding:0 5px 5px 0;
}

#agir #options, #objfiltre #options
{
	border-width:5px;
	border-color:white;
}


#agir #opt_swfcont, #objfiltre #opt_swfcont
{
	text-align:left;
	position:absolute;
	top:5px;
	left:7px;

}

#agir #opt_inner_body, #objfiltre #opt_inner_body
{
	height:32em;
	overflow:auto;
	font-size:80%;
	padding:0 5px 5px 5px;
}

#agir #dlg .hd, #objfiltre #dlg .hd
{
	background-color:#ff3399;
	color:#ffB1E7;
	font-size:90%;
	height:1em;
}
#agir #dlg input, #objfiltre #dlg input
{
	margin-top:10px;
}

#agir #dlg .bd, #objfiltre #dlg .bd
{
	padding:3px;
	background-color:#9bbcbf;
	text-align:center;
	height:8em;
	font-size:90%;
}

#agir #pglist
{
	margin-top:5px;
}
#agir #pglist img
{
	vertical-align:middle;
}

#agir #bouthome
{
	position: absolute;
	top:435px;
	left:620px;
	
}

.quizzmark
{
	vertical-align:middle;padding-right:20px
}

.quizz_quest
{
	list-style:disc;
	font-weight:bold;
	margin-top:15px;
	display:list-item;
}
.quizz_indic
{
	font-size:80%;
}
#quizz input
{
	float:left;
	margin-right:15px;
}
#quizz label
{
	display:block;
}

#quizz h4
{
	margin-top:12px;
	
}
#quizz .bada
{
	color:#b9071b;
	font-weight:bold;
}
#quizz .gooda
{
	color:#008000;
	font-weight:bold;
}
#quizz .rep_good
{
	color:#008000;
	margin-left:15px;
	display:list-item;
	list-style:circle;
}
#quizz .rep_bad
{
	list-style:circle;
	text-decoration:line-through;
	margin-left:15px;
	display:list-item;
}

#bilans .bilan_obj_header
{
	border-bottom:2px #FF77CC solid;
}

#bilans .mid_separation
{
	border-right:2px #FFAADD solid;
}

#bilans .bot_separation
{
	border-bottom:1px #FFAADD dotted;
}
#bilans .hlgeste
{
	background-color:#ECEC40
}
#bilans td
{
	padding-left:.5em;
}
#bilans h4
{
	display:inline;
}
strong
{
	font-weight:bold;
}