@charset "utf-8";

/*===================== [ Table des matières ] =====================

 						 - OursonVirtuel.com / OURSON -

 1= Éléments de TEXTES et de contenu commun à toute la page _OURSON
 2= Login zone _OURSON
 2.1= MAJ Login zone _OURSON
 3= Accueil _OURSON
 4= Formulaires & niveau 2 _OURSON
 5= Historique des repas
 6= Cachette pointage
 7= Coloriage
 8= JavaPrompt
 9= Liste des messages
 ===================================================================*/


/*=========== [ 1= Éléments de TEXTES et de contenu commun à toute la page ] ===========*/
html, body {
    margin: 0;
	padding: 0;
	height: 100%;
}
html {
	background: url(../../img/ourson/fond1.gif) repeat left top;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	padding: 0;
	margin: 0;
	background-attachment: scroll;
	background: url(../../img/ourson/fond2.gif) repeat-x left top;
}
body a:link {
	color: #007e95;
	text-decoration: underline;
}
body a:visited {
	color: #007e95;
	text-decoration: underline;
}
body a:hover {
	color: #52c3d7;
	text-decoration: underline;
}
body a:active {
	color: #f58347;
	text-decoration: underline;
}
.cadre_haut {
	width: 980px;
	height: 75px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	background: url(../../img/ourson/cadre_haut.gif) no-repeat;
}
.cadre_bas {
	width: 980px;
	height: auto;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	background-color: #DDEBC5;
}
#bt_joindre {
	float: left;
	margin-top: 22px;
}
#bt_joindre a{
	display: block;
	width: 84px;
	height: 12px;
	background: url(../../img/ourson/bt_joindre.gif) no-repeat left top;
}
#bt_joindre a:hover{
	background: url(../../img/ourson/bt_joindre_over.gif) no-repeat left top;
}
#bt_accueil {
	float: left;
	margin: 0 0 0 37px;
}
#bt_accueil a{
	display: block;
	width: 225px;
	height: 57px;
	background: url(../../img/ourson/bt_portail.gif) no-repeat left top;
}
#choix_langue {
	float: left;
	width: 629px;
	margin: 22px 0 0 0; 
	padding: 0;
	text-align: right;
	font-size: 0.95em;
	font-weight: bold;
}
#choix_langue a:link{
	color: #993300;
	text-decoration: underline;
}
#choix_langue a:visited {
	color: #993300;
	text-decoration: underline;
}
#choix_langue a:hover {
	color: #BA5D2F;
	text-decoration: underline;
}
#choix_langue a:active {
	color: #993300;
	text-decoration: underline;
}

/* Paramètres des listes UL et OL */
ul, ol {
	margin: 0 0 15px;
	padding: 0;
	height: 1%;
}
html>body ul {
	height: auto;
}
ul li {
	margin: 0 0 7px 5px;
	padding: 0 0 0 35px;
	list-style: none;
	background: transparent url(../../img/bullet_niv1.gif) 0 5px no-repeat;
}
ul ul, ol ol, ol ul, ul ol {
	margin: 7px 0;
}
ul li li {
	background: url(../../img/bullet_niv2.gif) 0 5px no-repeat;
}
ul li li li {
	background: url(../../img/bullet_niv3.gif) 0 5px no-repeat;
}

input.txt, select.txt {
	color: #d85c39;
	font-weight:bold;
	font-size: 11px;
}
h1 {
	padding: 2px 2px 2px 34px;
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #ffffff;
	background: url(../../img/icone_h1.gif) #d85c39 0px 0px no-repeat;
}
h2 {
	padding: 2px 2px 2px 10px;
	margin: 0 0 5px 0;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #b2cad4;
}
.red {
	color: #d85c39;
	font-weight: bold;
}
.red_light {
	color: #d85c39;
	font-weight: normal;
}
.clear {
	clear: both;
	line-height: 0px;
	font-size: 0;
}
p.pied {
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #000000;
}
p.pied a:link {
	color: #000000;
	text-decoration: none;
}
p.pied a:visited {
	color: #000000;
	text-decoration: none;
}
p.pied a:hover {
	color: #000000;
	text-decoration: underline;
}
p.pied a:active{
	color: #000000;
	text-decoration: underline;
}
p.copyright {
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	color: #c32905;
}
p.copyright a:link {
	color: #c32905;
	text-decoration: none;
}
p.copyright a:visited {
	color: #c32905;
	text-decoration: none;
}
p.copyright a:hover {
	color: #c32905;
	text-decoration: underline;
}
p.copyright a:active{
	color: #c32905;
	text-decoration: underline;
}
p.copyright_margin2 {
	margin: 2px 0 8px 0;
}
.gris {
	font-weight: normal;
	color: #4f4f4f;
}
.px10 {
	font-size: 10px;
}
.px11 {
	font-size: 11px;
}

/*===================================================================*/


/*=========== [ 2= Login zone ] ===========*/
.corps {
	width: 754px;
	margin: 0 auto 0 auto;
	background-color:#FFFFFF;
	background: url(../../img/ourson/corps.gif) repeat-y left top;
}

.corps_nourrir {
	width: 917px;
	background: #FFFFFF url(../../img/ourson/corps.gif) repeat-y left top;
	padding-left:12px;
}

.corps_haut {
	position: relative;
	width: 754px;
	margin: 0;
	padding: 0;
	background: url(../../img/ourson/corps_haut.gif) no-repeat left top;
}
#imgFlecheRetourCachette
{
	border-style:none;
	margin:64px 0 0 55px;
	float: left;
	display: block;
}

#flecheRetour{
	display: block;
	width: 246px;
	height: 70px;
	position: absolute;
	border:none;
}

.corps_haut_nourrir {
background:transparent url(../../img/ourson/corps_haut.gif) no-repeat scroll 199px 0;
margin:0;
padding:0 25px 0 0;
width:917px;
}

.corps_bas {
	width: 754px;
	height: 109px;
	margin: 0 auto 0 auto;
	padding:  94px 0 0 0;
	text-align: center;
	background: url(../../img/ourson/corps_bas.gif) no-repeat left top;
}

.corps_bas_nourrir {
	background:transparent url(../../img/ourson/corps_bas.gif) no-repeat scroll 163px 0;
	height:109px;
	margin:0 auto;
	padding:94px 0 0;
	text-align:center;
	width:879px;
}

.col_contenu_c {
	float: left;
	width: 567px;
}
.col_contenu {
	float: left;
	width: 533px;
	padding-left: 34px;
}
.col_menu {
	float: left;
	width: 142px;
}

.col_menu_nourrir {
float:right;
width:149px;
}

#log_titre_visite {
	width: 142px;
	height: 41px;
	margin: 95px 0 0 0;
	padding: 0;
	background: url(../../img/ourson/log_titre_visite.gif) no-repeat left top;
}
.col_menu input.log {
	margin: 0;
	padding: 0;
	width: 136px;
	height: 15px;
	color: #000000;
	font-size: 10px;
	border: 1px solid #b4c69c;
}
.col_menu p.field {
	color: #BE5000;
	margin: 0;
	padding: 7px 0 3px 0;
}
.col_menu p.lien {
	margin: 0;
	padding: 7px 0 3px 0;
}
.col_menu .bt {
	margin: 0 0 0 77px;
	padding: 7px 0 7px 0;
}
.col_menu .bt_visit {
	margin: 0;
	padding: 7px 0 7px 0;
}
.barre{
	margin: 6px 0 6px 0;
	height: 5px;
	background-image: url(../../img/ourson/log_separ.gif);
	background-repeat: no-repeat;
}
/*Dans le cas où la colonne contenue de gauche se redivise en deux*/
.col_gauche {
	float: left;
	width: 276px;
	background-color:#FF0000;
}
.col_droite {
	float: left;
	width: 336px;
	background-color:#FFFF00;
}
/*********************************************************************/
#bloc_accueil {
	width: 566px;
	height: 471px;
	margin: 0;
	padding: 0;
	background: url(../../img/ourson/bloc_accueil.jpg) no-repeat left top;
}
.bloc_flash {
	width: 768px;
	height: 471px;
	margin: 0;
	padding: 0;
	float:left;
}

#flashOursonPodium {
height:249px;
margin-top:132px;
width:270px;
}

#bloc_pointage {
	width: 566px;
	height: 471px;
	margin: 0;
	padding: 0;
	background: url(../../img/ourson/fond_pointage.jpg) no-repeat left top;
}

#login_phrase {
	width: 266px;
	height: 45px;
	margin:0 0 15px 0;
	padding:75px 0 0 0;
	font-weight: bold;
}
#login_phrase span {
	font-weight: normal;
	font-size: 12px;
}
#login_bt_adopter {
	width: 152px;
	height: 22px;
	margin: 13px 0 0 217px;
	padding: 0;
}
/*===================================================================*/

/*=========== [ 2.1= MAJ Login zone _OURSON ] ===========*/
#blocLogin {
	display: block;
	width: 567px;
	margin: 0;
	padding: 0;
	background: transparent url(../../img/ourson/bloc_accueil.jpg) no-repeat scroll left top;
}
.blocLogin_colg {
	float: left;
	display: inline;
	width: 172px;
	margin: 0 0 0 56px;
	padding: 472px 0 0 0;
}
.blocLogin_colg2 {
	float: left;
	display: inline;
	width: 172px;
	margin: 0 0 0 56px;
	padding: 0;
}
.blocLogin_cold {
	float: left;
	width: 270px;
	margin: 0 0 0 22px;
	padding: 186px 0 0 0;
}
.blocLogin_cold2 {
	float: left;
	width: 270px;
	margin: 0 0 0 22px;
	padding: 0;
}
.enteteTopPointages {
	width: 143px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 29px;
	color: #FFFFFF;
	font-weight: bold;
	background: url(../../img/ourson/enteteTopPointages.gif) no-repeat left top;
}
.topPointagesHaut {
	width: 169px;
	height: 17px;
	margin: 0;
	padding: 1px 0 0 3px;
	font-weight: bold;
	background: url(../../img/ourson/topPointagesHaut.gif) no-repeat left top;
}
.topPointagesMilieu {
	width: 172px;
	margin: 0;
	padding: 0;
	background-color: #FEECD8;
}
.topPointagesBas {
	width: 172px;
	height: 22px;
	margin: 0;
	padding: 0;
	background: url(../../img/ourson/topPointagesBas.gif) no-repeat left top;
}
.titreLogin {
	width: 207px;
	margin: 0 0 0 59px;
	padding: 47px 0 0 0;
	text-align: center;
	font-size: 1.15em;
	font-weight: bold;
}
.titreLogin a {
	font-weight: normal;
	font-size: 0.9em;
}
.blocFormAdopter {
	min-height: 154px;
  	height:auto !important;
  	height:154px;
}
.blocFormAdopter_haut {
	width: 270px;
	height: 10px;
	padding: 0;
	position: relative;
	top: -11px;
	left: 0;
	background: url(../../img/ourson/blocFormAdopter_haut.gif) no-repeat left top;
}

/* Pour IE6*/
* html .blocFormAdopter_milieu {
	top: -16px;
}
* html .blocFormAdopter_bas {
	top: -16px;
}
/***********/

.blocFormAdopter_milieu {
	width: 257px;
	margin: 0;
	padding: 0 3px 0 10px;
	position: relative;
	top: -11px;
	left: 0;
	background: url(../../img/ourson/blocFormAdopter_milieu.gif) repeat-y left top;
}
.blocFormAdopter_bas {
	width: 270px;
	height: 10px;
	margin: 0;
	padding: 0;
	position: relative;
	top: -11px;
	left: 0;
	background: url(../../img/ourson/blocFormAdopter_bas.gif) no-repeat left top;
}
#flashOursonPodium {
	width: 270px;
	height: 249px;
	/*position: absolute;*/
	margin-top: 154px;
}
#flashOursonPodium2 {
	width: 270px;
	height: 249px;
	/*position: absolute;*/
	margin: 0;
}
.btnOuvrirAdopter {
	width: 144px;
	margin: 0 0 0 32px;
}
.btnOuvrirAdopter a{
	display: block;
	width: 144px;
	height: 22px;
	background: url(../../img/ourson/acc_btnFormAdoption.gif) no-repeat 0px 0px;
}
.btnOuvrirAdopter a:hover{
	width: 144px;
	background: url(../../img/ourson/acc_btnFormAdoption.gif) no-repeat -144px 0px;
}
.btnOuvrirAdopter_in {
	width: 144px;
	margin: 0 0 0 32px;
	position: relative;
	top: 0; 
	left: 0;
	z-index: 1;
}
.btnOuvrirAdopter_in a{
	display: block;
	width: 144px;
	height: 22px;
	background: url(../../img/ourson/acc_btnFormAdoption.gif) no-repeat -288px 0px;
}
.btnOuvrirAdopter_in a:hover{
	width: 144px;
	background: url(../../img/ourson/acc_btnFormAdoption.gif) no-repeat -432px 0px;
}
#btAccSuivant {
	float: right;
	height: 22px;
	margin: 7px 4px 0 0;
}
#btAccPrecedent {
	float: left;
	height: 22px;
	margin: 7px 0 0 0;
}
#btAccAdopter {
	float: left;
	margin: 7px 0 0 53px;
}
#btAccAdopter a{
	display: block;
	width: 134px;
	height: 22px;
	background: url(../../img/ourson/acc_btnAdopter.gif) no-repeat left top;
}
#btAccAdopter a:hover{
	background: url(../../img/ourson/acc_btnAdopter.gif) no-repeat right top;
}
.acc_titreForm {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 7px;
}
.acc_txtForm {
	font-size: 0.9em;
	font-weight: bold
}
.acc_txtForm_orange {
	font-size: 0.9em;
	font-weight: bold;
	color: #BE5000;
}
.acc_txtForm_infoSupp {
	width: 234px;
	font-size: 0.85em;
	padding-top: 3px;
}
.acc_blocLblLeft {
	float: left;
	width: 138px;
	height: 20px;
	padding-top: 3px;
	margin-top: 5px;
}
.acc_blocLblRight {
	float: left;
	width: 119px;
	height: 23px;
	margin-top: 5px;
}
.acc_blocLeftAlert {
	float: left;
	width: 25px;
	padding-top: 3px;
	margin-top: 5px;
}
.acc_blocRightAlert {
	float: left;
	width: 225px;
	padding-top: 3px;
	margin-top: 5px;
	font-size: 0.8em;
	font-weight: bold;
	color: #ff0000;
}
.alignDroit {
	float: right;
	margin: 7px 6px 0 0;
}
.acc_blocLblRight img {
	margin: 2px 0 0 0;
	padding: 0;
}
.acc_lblTitre {
	width: 138px;
	height: 20px;
	padding-top: 3px;
}
.acc_inputForm {
	width: 90px;
	border: 1px solid #52c3d7;
}
.acc_jourNais {
	float: left;
	width: 43px;
	height: 21px;
}
.acc_zoneDateTitre {
	margin: 0;
	padding: 0;
}
.acc_zoneDateListe {
	margin: 0;
	padding: 0;
}
.acc_jourNais select {
	width: 43px;
}
.acc_moisNais {
	float: left;
	width: 110px;
	height: 21px;
	margin: 0 0 0 6px;
	padding: 0;
}
.acc_moisNais select {
	width: 110px;
}
.acc_anneeNais {
	float: left;
	width: 90px;
	height: 21px;
	margin: 0 0 0 6px;
	padding: 0;
}
.acc_anneeNais select {
	width: 68px;
}
.acc_titreListe {
	margin: 10px 0 4px 0;
}
.acc_titreListePays {
	margin: 21px 0 4px 0;
}
.acc_listePaysForm {
	width: 233px;
	height: 21px;
	border: 1px solid #52c3d7;
}
.acc_listeForm {
	width: 250px;
	height: 21px;
	border: 1px solid #52c3d7;
}
.acc_btnRadio {
	margin: 0;
	padding: 3px 0 0 0;
}
.nom_col_pts {
	color: #BE5000;
	font-weight: bold;
	font-size: 0.8em;
}
.col_pts {
	font-size: 0.8em;
}
/*=======================================================*/

/*=========== [ 3= Accueil ] ===========*/
#mdroite.accueil {
	width: 142px;
	margin: 10px 0 0 0;
}
#accueil_background {
	background-image: url(../../img/ourson/acc_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#mdroite p.mod_profil, #mdroite p.mod_profil a:link, #mdroite p.mod_profil a:visited {
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	text-decoration: underline;
}
#mdroite p.mod_profil a:hover, #mdroite p.mod_profil a:active {
	font-size: 10px;
	font-weight: normal;
	margin: 4px 0 0 0;
	padding: 0;
	text-decoration: underline;
}
#mdroite p.nom, p.nom {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 3px 0;
}
#mdroite p.nom2, p.nom2 {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 3px 0;
}
#mdroite p.t_info, p.t_info {
	color: #ff8343;
	line-height: 13px;
	margin: 0;
	padding: 0;
}
#mdroite p.info, p.info {
	font-size: 11px;
	color: #000000;
	line-height: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#mdroite .navdroite {
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	margin: 0 0 7px 0;
}
#mdroite .sep_verti {
	width: 1px;
	margin: 0 2px 0 2px;
	padding: 0;
	background: url(../../img/ourson/log_separ_verti.gif) no-repeat -3px;
}
.barre_acc1 {
	margin: 9px 0 3px 0;
	height: 5px;
	background-image: url(../../img/ourson/log_separ.gif);
	background-repeat: no-repeat;
}
.barre_acc2 {
	margin: 3px 0 2px 0;
	height: 5px;
	background-image: url(../../img/ourson/log_separ.gif);
	background-repeat: no-repeat;
}
.barre_acc_mince {
	margin: 9px 0 3px 0;
	height: 5px;
	background-image: url(../../img/ourson/log_separ_mince.gif);
	background-repeat: no-repeat;
}
.barre_visite {
	margin: 13px 0 13px 0;
	height: 5px;
	background-image: url(../../img/ourson/log_separ.gif);
	background-repeat: no-repeat;
}
#mdroite div.bt_quitter {
	margin: 0;
	padding: 0 0 83px 0;
	text-align: right;
}
#mdroite .bt2 {
	margin: 0;
	padding: 3px 0 3px 1px;
}
#mdroite .spacebt {
	margin: 0;
	padding: 4px 0 0 1px;
}
/*===================================================================*/


/*=========== [ 4= Formulaires & niveau 2 ] ===========*/

p.brown_entete {
	font-size: 11px;
	font-weight: normal;
	color: #794609;
	margin: 0;
	padding: 0;
}
p.brown_entete a:link {
	color: #794609;
	text-decoration: none;
}
p.brown_entete a:visited {
	color: #794609;
	text-decoration: none;
}
p.brown_entete a:hover {
	color: #794609;
	text-decoration: underline;
}
p.brown_entete a:active{
	color: #794609;
	text-decoration: underline;
}

/* Éléments formulaire */
.entete_page {
	width: 526px;
	height: 79px;
	position: relative;
	top: 0;
	left: -9px;
	margin: 0;
	padding: 0;
	background: url(../../img/ourson/niv2/entete_page_txt.gif) no-repeat left top;
}
.entete_page_txt {
	margin: 0;
	padding: 25px 0 0 9px;
	font-size: 2em;
	color: #FFFFFF;
	margin-left: 22px;
}
.contenu {
	width: 464px;
	padding-left : 22px;
	padding-right : 22px;
}
.contenu_col_gauche {
	width: 172px;
	float: left;
}
.contenu_col_droite {
	width: 270px;
	float: left;
	padding-left: 22px;
}
.tbl_inCol_gauche {
	width: 172px;
}
.tbl_inCol_droite {
	width: 270px;
}
#bt_index {
	width: 246px;
	padding-left: 15px;
	float: left;
}
#bloc_pointage #bt_index {
	margin-left: 34px;
}
#bt_index a {
	display: block;
	width: 246px;
	height: 70px;
}
p.form_titre {
	width: 400px;
	position: relative;
	top: 14px;
	left: 83px;
	margin: 0;
	padding: 0;
}
p.form_accueil {
	width: 66px;
	position: relative;
	top: 16px;
	left: 0px;
	margin: 0;
	padding: 0;
}
p.form_quitter {
	width: 71px;
	position: relative;
	top: 16px;
	left: 266px;
	margin: 0;
	padding: 0;
}
/*élément d'un formulaire (texte avec le input)*/
.elem_form {
	margin: 0;
}
.elem_form_g_multiple {
	width: 108px;
	text-align: right;
	padding-top: 1px;
}
.elem_form_g {
	padding-top: 1px;
}
.elem_form_g, .elem_form_g_multiple, elem_form_d {
	float: left;
}
/*----------------------------------------------*/

/* Éléments tableau du formulaire */
.tab_entete {
	background: url(../../img/ourson/niv2/tab_entete.gif) left top no-repeat;
}
.tab_bas {
	background: url(../../img/ourson/niv2/tab_bas.gif) left top no-repeat;
}
.tab_bas_alt {
	background: url(../../img/ourson/niv2/tab_bas_alt.gif) left top no-repeat;
}
p.tab_titre {
	width: 200px;
	position: relative;
	top: 6px;
	left: 30px;
	margin: 0;
	padding: 0;
}
.tab_alt1 {
	background: url(../../img/ourson/niv2/tab_centre_alt1.gif) left top repeat-y;
}
.tab_alt2 {
	background: url(../../img/ourson/niv2/tab_centre_alt2.gif) left top repeat-y;
}
.tab_alt3 {
	background: url(../../img/ourson/niv2/tab_centre_alt3.gif) left top repeat-y;
}
.nom_champ {
	font-size: 11px;
	font-weight: bold;
	color: #be5000;
}
.nom_champ2 {
	font-size: 11px;
	font-weight: bold;
	color: #44A0B1;
}
p.tab_conseil {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
p.tab_alert {
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #ff0000;
	font-weight: bold;
}
p.tab_titre_blanc {
	font-size: 11px;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
}
.tab_titre_blanc_entete {
	font-size: 13px;
	margin: 5px 0 0 30px;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
}
.tab_entete_blanc {
	font-size: 13px;
	margin: 0 0 0 30px;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
}
input, select {
	font-size: 11px;
	margin: 0;
	padding: 2px;
}
.standard {
	width: 250px;
}
.border {
	border: 1px solid #52c3d7;
}
p.gros_titre_noir, .gros_titre_noir {
	font-size: 18px;
	font-weight: bold;
}
.bloc_attention {
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #F1F7E8;
	border: 1px solid #DDEBC5;
	font-weight: bold;
}
.attention {
	color: #BE5000;
}

.bt_nourrir {
	float: left;
	width: 96px;
	height: 33px;
	margin: 19px 11px 0 0;
}
.bt_nourrir_scores {
	position: relative;
	top: -536px;
	left: 406px;
	width: 95px;
	height: 33px;
}
.bt_cachette {
	float: left;
	width: 101px;
	height: 33px;
	margin: 19px 0 0 0;
}
.bt_cachette_scores {
	position: relative;
	top: -569px;
	left: 512px;
	width: 97px;
	height: 33px;
}
.bt_enr a:link, .bt_enr a:visited {
	display: block;
	width: 142px;
	height: 22px;
	background: url(../../img/ourson/niv2/bt_adopt.gif) no-repeat left top;
}
.bt_enr a:hover, .bt_enr a:active {
	display: block;
	width: 142px;
	height: 22px;
	background: url(../../img/ourson/niv2/bt_adopt_over.gif) no-repeat left top;
}

/* Navigation Javascript dans le profil */
.JSouvrir {
	display: block;
	color: #BE5000;
	background: #FEECD8 url(../../img/ourson/niv2/fleche_droite.gif) no-repeat 5px 6px;
	margin: 14px 0 16px 0;
	padding: 4px 0 4px 17px;
}
.JSfermer {
	display: block;
	color: #BE5000;
	background: #FEECD8 url(../../img/ourson/niv2/fleche_bas.gif) no-repeat 4px 8px;
	margin: 14px 0 16px 0;
	padding: 4px 0 4px 17px;
}
.JSouvrir a:link, .JSouvrir a:visited, .JSfermer a:link, .JSfermer a:visited {
	color: #BE5000;
	text-decoration: none;
}
.JSouvrir a:hover, .JSouvrir a:active, .JSfermer a:hover, .JSfermer a:active {
	color: #BE5000;
	text-decoration: underline;
}
.ico_ourson {
	display: block;
	position: relative;
	width: 28px;
	height: 52px;
	top: -40px;
	left: -6px;
	background: url(../../img/ourson/niv2/ico_ourson.gif) no-repeat top left;
}
.photo_popup_cadre {
	width: 100px;
	height: 100px;
	border: 1px solid #52C3D7;
	margin: 0 0 12px 0;
	padding: 0;
}
.x_sup_ami {
	font-weight: bold;
}

/*===================================================================*/


/*=========== [ 5= Historique des repas ] ===========*/
p.nom_ourson, .nom_ourson {
	font-weight: bold;
	color: #f58347;
	font-size: 14px;
}
p.nom_alim {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
p.portions {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.sous_titre_port {
	margin: 12px 0 0 8px;
}
.sous_titre_port span{
	margin: 0 87px 0 0;
}

/* Tableau des aliments */
.tab_alim_entete {
	background: url(../../img/ourson/niv2/tab_alim_entete.gif) left top no-repeat;
}
.tab_alim_bas {
	background: url(../../img/ourson/niv2/tab_alim_bas.gif) left top no-repeat;
}
.tab_alim_centre {
	background: url(../../img/ourson/niv2/tab_alim_centre.gif) left top repeat-y;
}
.tab_alim_separ {
	background: url(../../img/ourson/niv2/tab_alim_separ.gif) left top no-repeat;
}

/* Tableau de la photo */
.tab_photo_entete {
	background: url(../../img/ourson/niv2/tab_photo_entete.gif) left top no-repeat;
}
.tab_photo_entete2 {
	background: url(../../img/ourson/niv2/tab_photo_entete2.gif) left top no-repeat;
}
.tab_photo_bas {
	background: url(../../img/ourson/niv2/tab_photo_bas.gif) left top no-repeat;
}
.tab_photo_centre {
	background: url(../../img/ourson/niv2/tab_photo_centre.gif) left top repeat-y;
}

/* Tableau des pointages personnels */
.tab_pointage {
	width: 464px;
	margin-top: 14px;
}
.tab_message {
	width: 464px;
	margin-top: 14px;
}
.tab_pointage_entete {
	width: 464px;
	height: 33px;
	background: url(../../img/ourson/niv2/tab_pointage_entete.gif) no-repeat left top;
}
.tab_message_entete {
	width: 464px;
	height: 33px;
	background: url(../../img/ourson/niv2/tab_message_entete.gif) no-repeat left top;
}

.tab_pointage_ligne_f {
	width: 464px;
	height: 21px;
	background: url(../../img/ourson/niv2/tab_pointage_ligne_f.gif) no-repeat left top;
}
.tab_message_ligne_f {
	width: 464px;
	height: 21px;
	background: url(../../img/ourson/niv2/tab_message_ligne_f.gif) no-repeat left top;
}

.tab_pointage_ligne {
	width: 464px;
	height: 21px;
	background: url(../../img/ourson/niv2/tab_pointage_ligne.gif) no-repeat left top;
}
.tab_message_ligne {
	width: 464px;
	height: 21px;
	background: url(../../img/ourson/niv2/tab_message_ligne.gif) no-repeat left top;
}
.tab_pointage_bas {
	width: 464px;
	height: 23px;
	background: url(../../img/ourson/niv2/tab_pointage_bas.gif) no-repeat left top;
}
.tab_message_bas {
	width: 464px;
	height: 23px;
	background: url(../../img/ourson/niv2/tab_message_bas.gif) no-repeat left top;
}
.cellule_pointage {
	width: 464px;
	height: 21px;
}
.cellule_message {
	width: 464px;
	height: 21px;
}

/*===================================================================*/

/*=========== [ 6= Cachette pointage ] ===========*/
#pointage_fond {
	width: 566px;
	height: 471px;
	background: url(../../img/ourson/fond_pointage.jpg) no-repeat top left;
	padding: 0;
	margin: 0;
	vertical-align: top;
	/*scrollbar-3dlight-color:#ffd700; 
	scrollbar-arrow-color:#ff0; 
	scrollbar-base-color:#ff6347; 
	scrollbar-darkshadow-color:#ffa500; 
	scrollbar-face-color:#008080; 
	scrollbar-highlight-color:#ff69b4; 
	scrollbar-shadow-color:#f0f;*/
}
#pointage_wrap {
	width: 471px;
	height: 336px;
	margin: 0;
	padding: 0 35px 25px 0;
	text-align: left;
}
#pointage_contenu {
	width: 471px;
	margin: 12px 0 0 51px;
	padding: 0;
	overflow: auto;
}
.tab_nav {
	margin: 0 0 13px 0;
}
.tab_nav .nav, .tab_nav .nav a:link, .tab_nav .nav a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #FFE764;
	text-decoration: none;
}
.tab_nav .nav_on, .tab_nav .nav_on a:link, .tab_nav .nav_on a:visited {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.tab_nav .nav a:hover, .tab_nav .nav a:active, .tab_nav .nav_on a:hover, .tab_nav .nav_on a:active {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#pointage_fond .titre {
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 13px 0;
}
.tab tr.entete td {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
.cadre_pointage {
	border: 1px solid #FFFFFF;
	padding: 0;
	margin: 0;
}
.nav_point, .nav_point a:link {
	font-size: 12px;
	margin: 0 0 3px 0;
	padding: 0;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.nav_point a:visited {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.nav_point a:hover {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
.nav_point a:active {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}
.nav_point_on, .nav_point_on a:link {
	font-size: 12px;
	margin: 0 0 3px 0;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.nav_point_on a:visited, .nav_point_on a:active {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.nav_point_on a:hover {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

/*===================================================================*/

/*==================== [ 7= Coloriage ] =======================*/

body.popup_color {
	background: none #DDEBC5;
	margin: 26px 16px 15px 16px;
}
.color_fonddemo {
	background: url(../../img/coloriage/fond_demo.gif) top left no-repeat;
}
#color_print {
	display: none;
}
table.color_print_overlap {
	position: relative;
	top: -792px;
}
#bt_fermer_color {
	margin-top: 4px;
}
/*===================================================================*/

/*==================== [ 8= JavaPrompt ] =======================*/
#zone_transp, #zone_transp2, #zone_transp3, #zone_transp4 {
	display: none;
	position: fixed;
	top: 0; 
	left: 0;
	width: 100%; 
	height:100%;
	background-color: #BAC99E;
	-moz-opacity: 0.80;
	opacity: 0.80;
	z-index: 96;
}
/* IE specific code: */
#zone_transp, #zone_transp2, #zone_transp3, #zone_transp3 { 
	filter:alpha(opacity=80);
}
#cont_zone_popup, #cont_zone_popup2, #cont_zone_popup3, #cont_zone_popup4 {
	display: none;
	position: fixed; 
	z-index: 100; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	text-align: center;
}
#c_zone_popup, #c_zone_popup2, #c_zone_popup3 {
	margin: 20% auto 0 auto; 
	width: 450px; 
	text-align: left;
}
#zone_popup, #zone_popup2, #zone_popup3 {
	padding: 10px;
	background-color: white; 
	border: 2px solid #52C3D7; 
	background-color: #F6FCFD;
}
#zoneLstAmis {
	height: 144px;
	overflow: auto;
	margin: 5px 0 15px 0;
}
.ligneAmis {
	width: 115px;
	height: 25px;
	float: left;
}
/*===================================================================*/
/*===================== [ 9= Liste des messages ] ===================*/
.bloc_lst_msg {
	background-color: #eff7fa;
	border: 1px solid #b2cad4;
	padding: 2px;
	margin: 13px 0 0 0;
}
.bloc_lst_msg p {
	margin: 4px 10px 4px 10px;
	padding: 0 0 6px 0;
}
.bloc_lst_msg p.separ1 {
	margin: 10px 10px 4px 10px;
	padding: 10px 0 0 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0099CC;	
}
.bloc_lst_msg .nom_champ {
	float: left;
	width: 20%;
	font-weight: bold;
}
.bloc_lst_msg .nom_champ2 {
	float: left;
	width: 30%;
	font-weight: bold;
}
.bloc_lst_msg .champ {
	float: left;
	width: 80%;
}
.bloc_lst_msg .champ2 {
	float: left;
	width: 70%;
}
.row_alt {
	padding: 2px 2px 2px 0;
	background-color: #FFFFFF;
}
.row_alt2 {
	padding: 2px 2px 2px 0;
	background-color: #FFFFFF;
}
.row_alt2 {
	padding: 2px 2px 2px 0;
	background-color: #eff7fa;
}
.titre_td {
	color: #004f72;
	font-weight: bold;
	font-size: 12px;
	background-color:#FFFFFF;
	border: 1px solid #b2cad4;
}
/*===================================================================*/

/*Ajouté par vincent le 21 avril 2009*/

#date_pointage{
font-size:9px;
margin-bottom:4px;
margin-left:25px;
margin-top:2px;
}