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;
	}

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

h4{
	color:#b4b400;/*vert vif*/}
	
strong{
	font-weight:bold;
	color:#b4b400;/*vert vif*/
	}
	
table{
	border-collapse:collapse;
	border-spacing:0;
	font-size:13px;
	}
	
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
*/

#footer{
	clear:both;
	width:760px;
	height:100px;;
	text-align:center;
	border-top:#FF3399 1px solid;
	/*margin-left:230px;*/
	}
	
#image_container {
	position:relative;
	}

#options{!important
	display:none;
	z-index:10;
	}
	
#fgestes{!important
	display:none;
	z-index:11;
	}
	
.errormsg {
	margin-left:0px;
	margin-bottom:5px;
	background: #FEE url(images/errormsg_bg.gif) no-repeat 0 0;!important
	display:block;
	color:#D22;!important
	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;!important
	border: 1px solid #2A2;
	color:#2B2;!important
	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,sans-serif;
	text-align:justify;
	/*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;/*gris bleu*/
	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;/*blanc*/
	background-color: #ff3399;/*rose vif*/
}

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

#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 : Verdana, sans-serif;
	color : #FFFFFF;/*blanc*/
	font-weight : normal;
	font-size:28px;
	letter-spacing : 3px;
	margin-top:55px;
	margin-right:30px;
	float:right;
	}
	
#edito #navig{
	/*border-top:1px solid #e6804b;orange brique*/
	background-color:#cccc00;/*vert vif*/
	height:34px;
	/*border-left:1px solid #e6e682;vert pale*/
	padding-left:50px;
	} 
	
#edito #inter{/*A quoi cela correspond-t-il ?*/
	font-size: 1px;
	line-height:1px;
	height:3px;
	border-top:1px solid #f4f4c6;/*vert-blanc*/
	border-bottom:1px solid #f1f6f6;/*bleu pale*/
	background-color:#FFFFFF;/*blanc*/
	} 
	
#edito #content{/*taille texte*/
	height:24em;
	background-color:#9bbcbf;/*bleu-gris*/
	/*border-left:#cedfe0;bleu pale*/
	padding-top:20px;
	padding-left:22px;
	}
	
#edito #content h2{
	margin-left:46px;
	font-family: Verdana, sans-serif;
	color:#ffffff;/*ff339a rose vif*/
	font-weight:bold;
	font-size:2.2em;
	margin-bottom:15px;
	}
	
#edito #content p{ /*txt de bienvenue*/
	text-align:justify;
	margin-right:30px;
	margin-left:48px;
	color:#FFFFFF;/*blanc*/
	font-weight: bold;
	font-size:0.8em;
	}

#edito #content #paren{/*parenthèse rose décorative*/
	float:left;
	}
	
#edito #content #logo{
	position:absolute;
	right:0px;
	bottom:0px;
	}

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

a:link{
	color:#ff77cc;/*rose pale*/
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	}

a:visited{
	color:#ff77cc;/*rose pale*/
	}
	
a:hover{
	color:#ff3399;/*rose vif*/
	}

#liens #content_w a {
	padding-left:27px;
	font-size:12px;
	}

/*#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 {	
	text-align: center;
	width: 984px;
	margin: 0px auto 0px auto;
	position: relative;
	padding-bottom:10px;
	height:auto;
	/*position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;*/
	/*background-color:#dae6e7; bleu pale*/
	/*max-width:1100px;*/
	width:expression(document.body.clientWidth > 1100? "1100px": "auto" );
	
	}

#context_w{
	position:absolute;
	width:237px;
	}

#context_w h3{
	color:#000000;/*noir*/
	font-family : Arial, Helvetica, sans-serif;
	/*font-size:100%;*/
	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;
	color:#000000;/*noir*/
	}
	
.menlink:hover{
	background:transparent url("../res/images/menparr.png") no-repeat 18px 5px;
	color:#ffffff;/*blanc*/
	}


.smalllink{
	font-size:60%;
	display:inline;
	padding-left:10px;
	}

#title_w{
	background-color:#cccc00;/*vert vif*/
	height:210px;
	margin:0px;
	width:215px;
	}
	
#title_w h2{
	font-family: Verdana, sans-serif;
	color:#ffffff;/*ff3399rose vif*/
	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{/*colonne gauche pour se connecter*/
	background-color:#cccc00;/*vert vif*/
	height:80px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	width:215px;
	/*color:#FFFFFF;*/
	font-size:13px;
	text-align:justify;
	}
	
#filter_w{/*colonne gauche pour filtres : liste quizz*/
	background-color:#cccc00;/*vert vif*/
	height:300px;
	width:215px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	}
	
#filter_w div{/*affichage de l'aide au survol*/
	margin:0px;
	padding:0px;
	height:43px;
	margin-left:30px;
	}
	
#logo_w{
	/*background-color:#dae6e7;bleu pale*/
	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;/*vert vif*/
	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: 10px;
	text-align:center;
	font-family: Verdana, sans-serif;
	width:186px;
	height:76px;
	word-wrap:break-word;
	}

#menu_w #menut{
	background:#ff3399 url("../res/images/menubg.gif") no-repeat;/*rose vif*/
	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;/*vert vif*/
	}
	
#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:#FFF;/*#dae6e7;bleu pale*/
		}
	
/*#intro{
	background-color:#cccc00;vert vif
	}*/

#content_w{
	position:absolute;
	left:238px;
	top:120px;
	width:755px;
	border-color:#cccc00;
	border-width:1px;
	}

#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;/*rose vif*/
	font-family: Verdana, sans-serif;  
	height:1.6em;
	letter-spacing:.12em;
	vertical-align:middle;
	}

#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;
	font-size:13px;
	}
	
#accueil #content_w h2{
	color:#ff3399;
	}
	
#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;
	color:#FF0033;/*rose vif*/
	}

.helpertip:hover span{
	display: block;
	position: absolute; 
	top: 10px; 
	left: 5px;
	padding: 5px; 
	margin: 10px;
	z-index: 1000;
	background: #f0f0f0;/*gris-blanc*/ !important
	/*border: 2px dotted #c0c0c0;gris*/!important
	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 #dae6e7;/*cyan-blanc*/!important
	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 #dae6e7;/*cyan-blanc*/!important
	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 #dae6e7;/*cyan-blanc*/!important
	margin:5px;
	padding:5px;		
	}

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


/*liens de la maison*/
.house_link{
	font-size:16px;
	font-weight:bolder;
	font-family:Verdana, sans-serif;
	text-decoration:none;
	padding: 5px 6px; 
	/*margin:10px;*/
	z-index: 100;
	background: #f0f0f0;/*gris-blanc*/ 
	border: 2px double #c0c0c0;
	text-align:center;
	opacity: 0.9;
	color:#ff0099!important;/*#ff559a*/
	position:absolute;
	width:80px;
	}

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

#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 #dae6e7;/*cyan-blanc*/!important
	padding:15px;	
	}

#unfilter_link{
	visibility:hidden;
	}

#objfiltre #main table{
	margin-left:30px;
	border-top:3px dotted #dae6e7;/*cyan-blanc*/!important
	border-bottom:3px dotted #dae6e7;/*cyan-blanc*/!important
	}
	
#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;/*vert vif*/
	height:30px;
	padding:0px;
	border-color:white;
	border-width:0 0 5px 0;
	}

#agir .gestbox_head h3, #objfiltre .gestbox_head h3{
	color:#fffeb9;/*jaune pale*/!important
	font-size:115%;
	font-family:Verdana, sans-serif;
	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;/*gris-rouge*/!important
	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;/*rose vif*/
	height:69px;
	padding:0px;
	border-color:white;
	border-width:0 0 5px 0;
	}

#agir .optbox_head h3, #objfiltre .optbox_head h3{
	color:#ff9bcd;/*rose pale*/
	font-size:115%;
	font-family:Verdana, sans-serif;
	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;/*bleu sombre*/
	height:21px;
	width:102px;
	padding:0 0 0 0;
	}

#agir #options_body, #objfiltre #options_body{
	background-color:#9bbcbf;/*bleu sombre*/
	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;/*rose vif*/
	color:#ff9bcd;/*ffB1E7*//*bleu sombre*/
	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;/*bleu sombre*/
	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{
	color:#ff3399;
	list-style:disc;
	font-weight:bold;
	margin-top:15px;
	display:list-item;
	}
	
.quizz_indic{
	font-size:13px;
	}
	
#quizz input{
	float:left;
	margin-right:15px;
	}
	
#quizz label{
	display:block;
	font-size:13px;
	}

#quizz h4{
	margin-top:12px;
	}
	
#quizz .bada{
	color:#b9071b;
	font-weight:bold;
}

#quizz .gooda{
	color: #66CC00; /*#008000;vert franc*/
	font-weight:bold;
	}

#quizz .rep_good{
	color:#66CC00;/*#008000;vert franc*/
	margin-left:15px;
	display:list-item;
	list-style:circle;
	font-weight:bold;
	}

#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;/*rose*/!important
	}

#bilans .mid_separation{
	border-right:2px #ff9bcd solid;/*rose pale*//*FFAADD*/
	}

#bilans .bot_separation{
	border-bottom:1px #ff9bcd dotted;/*rose pale*//*FFAADD*/
	}

#bilans .hlgeste{
	background-color:#ECEC40;/*vert-jaune*/!important
	}

#bilans td{
	padding-left:.5em;
	}

#bilans h4{
	display:inline;
	}