@charset "utf-8";
/* CSS Document */
html{overflow:scroll;}
body  {position:absolute;font-family:Arial, Helvetica, sans-serif;background: #045163;left:-450px;padding:0;width:900px;height:auto;margin-left:50%; }
#container { margin-left:auto; margin-right:auto;width: 900px;padding:0;} 
#center_park{width:900px;height:auto; left: 0;	padding:0; background: url('../skin/fd/fd_bas.gif') repeat-y left; margin: 0 0 0 14px;}
#header {height: 262px;background-image: url(../skin/entete.gif); padding: 0 10px 0 20px;}
#bd_left{ float:left; margin: 0;padding:0; background: url('../skin/H_bd_left.gif') no-repeat left top; /*height:500px;*/width:170px;left:0;}
#footer { padding: 0;background:#5ca8fd url(../skin/barre_bas.gif) left bottom no-repeat;text-align:center;width: 100%;} 
#footer p {margin: 0;padding: 12px 0;}
#footer p a{border-right:1px solid #87b8f0;height:12px; font-size:12px; color:white; padding: 0 20px 0 20px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;}


/****************************************
pour le popup
********************************/
#cadre_popup{display: none;position: absolute;top: 0%;left: 0%;width: 100%;min-height: 100%;background-color: #000000;z-index:10;opacity:0.6;filter: alpha(opacity=60);text-align:center;}
#popup{	display: none;position:absolute;left: 50%;height: auto;margin-left: -350px;top: 50%;width: 700px;padding: 0;text-align:right;z-index:11;overflow: hidden;background-color:#7acfee;}
.boxclose{ font-size:10px; font-weight:bold; float:right; padding:5px; margin:5px ;color:#65ff00;background:#012b3b;}
.boxclose:hover{color:#012b3b;background:#65ff00;}
.boxsup{font-size:10px; font-weight:bold; padding:5px; margin:5px;color:#045163;background:#bee6f2; display:block; border:1px solid #045163;}
.boxsup:hover{color:#bee6f2;background:#045163;}
.titre_popup{color:#ffffff; font-size:12px; font-weight:bold;background:#7acfee url('../skin/espace/animaux-rondelle.gif') repeat-x top left;height:15px;border-bottom:1px solid #009de0;padding:3px 5px 3px 5px; text-align:center;}
#inter_box{margin:0;width:100%;height:100%;border:1px solid #009de0;padding:0text-align:left;overflow:hidden;}
#inter_box table{width:100%;margin:0;font-size:12px;}
#inter_box .fav_tab td p{background:#c4e989;margin:5px ; padding:0;width:130px; height:auto;text-align:center; float:left;}
#inter_box .fav_tab td p span{display:block;height:110px;overflow:hidden;}
#inter_box .fav_tab td p img{max-width:100px;margin:5px 5px 0 5px;}
#inter_box table td {padding:10px; text-align:left;}
#inter_box table td textarea{width:650px;height:50px;padding:10px;}
#box_nom{color:#003532; font-weight:bold; background-color:#ccff66; text-align:left;padding:5px;width:698px; font-size:12px;}
#box_img{float:left; margin:30px; border:1px solid #22bff1;}
#box_p{width:400px; margin:30px 30px 30px 0; text-align:left;float:right;color:#000000;font-size:12px;}
#box_type{color:#ffffff; background-color:#22bff1; font-weight:bold;margin:0; padding:5px;}
.p_mod_photo{ float:left; margin:5px; padding:5px; border:1px solid #009de0;width:auto;height:auto; text-align:center; font-size:12px; font-weight:bold;}


	/************************************************
	pour l'eat
	**************************************************/
#etat #connexion_form{margin:0;padding:0;}
#etat table {margin:0;padding:0;font-size:10px;float:right;top:0; height:25px;width:100%;}
#etat table td{padding:0 5px 0 5px;}
#etat #connexion_form .input_txt{height:12px;font-size:10px; margin:0;}
 /* etat est le div qui permet de constater la connexion et le nom du pseudo*/
 #etat{ width:100%; margin:0; padding:0; height: 26px; background: url('../skin/fd/fd_connexion.gif') repeat-x top; font-size:12px; font-weight:bold; text-align:center;}
 #etat a:hover{border:1px solid #448eb3;}
 #connexion{ float:right; background:url('../skin/fd/fd_etat.gif') repeat-x top;height:23px; padding:0 15px 0 15px; border:1px solid #5fc5ed; font-size:10px; color:#000000;margin:-1px 0 0 0;text-decoration: underline;}
 #contenu{float:left; margin:0; width:710px;left:0;padding:0 0 20px 0;/* height:650px;*/}
 
/********************************************
pour le menu haut
**********************************************/
#menu_H{float:right;  margin: 43px 0; height:30px;padding:0 17px 0; width:auto;}
#menu_H .btn_H{text-decoration:none;padding:6px 19px 6px 19px;margin-left:3px; font-size:12px; font-weight:bold; color:#65ff00; background:#124558; float:right; text-align:center;}
#votre_espace{float:right;margin:0 30px 0 0;}
#menu_H .btn_H:hover {color:#124558; background:#65ff00;}

/*************************************************
pour le menu de gauche
************************************************/
#menu dl,#menu dd,#menu ul,#menu li {margin: 0;padding: 0;list-style-type: none;}
#menu td{background: url('../skin/fd/fd_menu.gif') repeat-y top;}
#menu th{padding:0; margin:0;}
#menu {top:0;left: 0;z-index:100;width: 100%;vertical-align:bottom;margin:60px 0 0 0;  text-align:center;padding:-5px 0 -5px 0;height:auto;}
#menu dl {float:left;z-index:1;width:80%;margin-left:13px;margin-top:2px;}

#menu dt {/* menu quand on arrive sur la home*/cursor: pointer;text-align: center;font-weight: bold;background: #124558;/* bleu moyen */width:125px;margin-left:10px;margin-right:10px;margin-top:3px; list-style-type:none;}
#menu dd {/* fond de page de l'espace des sous menu quand on clic sur menu = interligne sous menu*/
display: block;text-align:left;list-style-type:none;padding-top:0px; margin-top:0px;width:125px;margin-left:10px;margin-right:10px;background-color:#65ff00;/* vert clair */}
#menu dd ul li {/* fond des sous menu non sélectionnés*/
margin:0;width:115px;background-color: #012b3b;/* bleu foncé */text-align:center;padding:5px;border-top:1px solid #65ff00;}
#menu dd li a{/* ecriture des sous menu non sélectionnés*/
font-size:12px;color: #00ccff;/* bleu clair*/font-weight:bold;text-decoration:none;}

#menu dt a {/* menu non sélectionnés*/
left:0;text-decoration: none;display: block;border: 0 none;padding:4px 0 4px 0;font-size:12px;font-weight:bold;}
#menu dt a:focus, #menu dt a:hover, .onglet_sel {/* menu selectionné*/
color: #012b3b;/* bleu foncée*/background: #65ff00;/* vert clair*/}
.onglet_non_sel{color: #65ff00;/* vert clair*/}
#menu li a:hover, #menu li a:focus{/* sous menu selectionné*/background: #012b3b;/* bleu foncée*/ color: #65ff00;/* vert clair*/}

.spacer{ clear: both;height:0;margin:0;}

/******************************************************
pour la phototheque de la home
*******************************************************/
#phototheque_home{/* bloc titre photo home*/
float:left;  width:208px; height:auto; font-weight:bold; text-decoration:none; border: 1px solid #7acfee; background:#7acfee url('../skin/home/photo-haut-tranche.gif') repeat-x top;padding:0 0 10px 0; margin:20px 0 20px 20px; text-align:center;}
#phototheque_home a{/* bloc police titre photo home*/ font-size:12px; color:#FFFFFF; margin:10px 0 0 0; top:0; }
#tab_phototheque{/* bloc contenu clair photo home*/margin:5px; padding:0; top:0;left:0;background: url('../skin/home/photo-2-tranche.gif') repeat-y top left; float:left;height:auto;width:180px;}
#tab_phototheque td{ }
#tab_phototheque td p{background:#c4e989;margin:0 8px 0 8px; padding:5px;}
#tab_phototheque_2 h1{/* bloc contenu titre vert photo home*/margin:15px 8px 0 8px; padding:5px; top:0;left:0;background:#c0d963 ; width:auto; height:19px ; font-size:12px; color:#124558; font-weight:bold; }
#tab_phototheque_3{/* bloc contenu vert photo home*/margin:0px 0px 0px 15px; padding:0px 0px 0px 5px; top:0;left:0;background:#c4e989 ; float:left; width:175px; height:158px ; font-size:12px; color:#79ceed; border: 1px solid red}
/******************************************************
pour le conseil de la home
*******************************************************/
#conseil_home{float:left;text-align:left;  width:264px; height:450px; background:#7acfee ;padding:0 0 3px 0; margin:20px; text-align:center;}
#conseil_home_tranche{margin:0px; padding:0 ; top:0;left:0;background:#7acfee  url('../skin/home/conseil-ligne.gif') repeat-y top left; float:left;height:200px;width:264px;}
#conseil_home_tranche td{ padding:10px 15px 10px 15px;text-align:center; vertical-align:top;font-size:12px;color:#00ccff; }
#conseil_home_tranche td div{height:300px; overflow: auto;}
#conseil_home_tranche h1{margin:0; padding:5px;font-size:16px;color:#009ee0; font-weight:bold; text-decoration:underline;text-align:left;}
#conseil_home_tranche p{margin:0; padding:5px;font-size:12px; color:#000000;text-align:left;}
#conseil_home_tranche img{margin-top:15px;}

/******************************************************
pour le quizz de la home
*******************************************************/
#quizz_home{/* bloc titre quizz home*/
float:left;  width:152px; height:448px ; font-weight:bold; text-decoration:none; border: 1px solid #7acfee; background:#7acfee url('../skin/home/quizz-haut-rondelle.gif') repeat-x top;padding:2px 0 0 6px; margin:20px 0 20px 0; text-align:center;}
#quizz_home_test{ font-size:12px; font-weight:bold; color:#c3e889; padding:0; }
#quizz_home a{/* bloc police titre quizz home*/ font-size:12px; color:#FFFFFF;margin-top:0;}
#tab_quizz{/* bloc contenu clair photo home*/margin:0 5px 0 5px; padding:0;height:300px; top:0;left:0;background: url('../skin/home/quizz-2-tranche.gif') repeat-y top left; float:left;width:138px;}
#tab_quizz td{padding:0;margin:0; }
#tab_quizz p{margin:30px 5px 30px 5px;}


/*******************************************
*pour le plan
*******************************************/
#contenu_plan{height:488px; width:710px; background: url('../skin/plan/plan.gif') no-repeat top left;}
#lien_plan{width:165px; font-size :12px;font-weight:bold; color:#035060; height:90px; text-align:center;padding:10px;background:url('../skin/plan/lien_plan.gif') no-repeat top left;position:absolute; margin:75px;}
#tm{font-size:8px ;font-style: normal;padding-bottom:10px;width:10px; height:25px;margin:0;vertical-align: super ;}
#lien_plan img{margin-top:15px;}
/***********************************************************
pour les annonces de la home
*********************************************************/
#annonce_home{ float:left;width:442px; height:210px;margin:0 10px 0 20px; padding:0;background:#7acfee ; border:1px solid #7acfee; text-align:center;}
#rabbit{float:right;margin:0;}
#tab_annonce_h{margin:0  0 0 10px; padding:0;overflow:hidden; top:0;left:0;background: url('../skin/home/annonce-tranche.gif') repeat-y top left;width:338px; float:left;}
#tab_annonce_h table{margin:0 5px 0 5px; padding:0;  text-align:left; font-size:12px; width:325px; }
#tab_annonce_h table td{border-bottom:1px solid #7acfee; padding: 4px 5px 4px 5px;}
.photo_annonce_home{text-align:right;text-decoration: none;}
.photo_annonce_home img{max-height:40px;}
.txt_annonce_home a{text-decoration: underline; font-weight:bold;color:#d18402; }

/****************************************************************************
la page mon espace est divisée en 5 div
*******************************************************************************/
#rappel_espace{margin:15px; width:680px; height:auto; }
#rappel_espace table{width:680px;border-top:1px solid #560362;border-left:1px solid #560362; text-align:center;}
#rappel_espace table th{ background:url('../skin/espace/rappel-rondelle.gif') repeat-x top;font-size:12px; padding:0; color:#ffffff; font-weight:bold;border-bottom:1px solid #560362;border-right:1px solid #560362;}
#rappel_espace table h1{font-style:normal; padding:2px;font-size:14px;margin:0;}
#rappel_espace table td{padding:5px;border-bottom:1px solid #560362;border-right:1px solid #560362; color:#560362; font-size:12px; background:#ffffff;}

#animaux_espace{ width:200px;color:#ffffff;font-size:12px; font-weight:bold; margin:15px; float:left;background:#7acfee url('../skin/espace/animaux-rondelle.gif') repeat-x top left; text-align:center;padding:5px 10px 10px 10px;}
#animaux_espace th{text-align:left;}
#animaux_espace td img{ max-width:90px; margin-left:3px;}
#animaux_espace td {text-align:left;padding:0;margin:0;height:auto;}
.tab_animaux_espace h1{margin:15px 8px 0 8px; padding:5px; top:0;left:0;background:#c0d963 ; width:auto;  font-size:12px; color:#124558; font-weight:bold;}
#tab_animaux{margin:15px 0 0 3px;left:0;background:url('../skin/espace/animaux-2-tranche.gif') repeat-y top left;width:150px;}
#animaux_espace table td p{background:#c4e989;margin:0 8px 0 8px; padding:3px;}

#tab_annonce td h1,#tab_favoris td h1{margin:15px 0px 0 0px; padding:5px; top:0;left:0;background:#c0d963 ; width:auto; height:19px ; font-size:12px; color:#124558; font-weight:bold;}
#annonce_espace table td p{background:#c4e989;margin:0 ; padding:5px;}
#tab_annonce td em{ font-style:normal; float:right;}

#profil_espace,#annonce_espace,#favoris_espace{width:450px;color:#ffffff;font-size:12px; font-weight:bold; margin:15px 10px 0 0; float:right;background:#7acfee url('../skin/espace/animaux-rondelle.gif') repeat-x top left; text-align:center;padding:5px 0 10px 0;}
#tab_profil,#tab_annonce,#tab_favoris{margin:15px 0 0 3px;left:0;background:url('../skin/espace/profil-2-tranche.gif') repeat-y top left;width:445px;}
#tab_profil td, #tab_annonce td,#tab_favoris td{padding:0 10px 0 10px; color:#000000; font-size:12px; font-weight:100;text-align:left;}


#tab_favoris td p a{display:block;margin:0; padding:5px; top:0;left:0;background:#c0d963 ; width:120px; font-size:12px; color:#124558; font-weight:bold;}
#tab_favoris td p{background:#c4e989;margin:10px 5px 5px 5px ;top:0;display:block; padding:0;width:130px;height:130px; text-align:center; float:left;}
#tab_favoris td p span{display:block;height:120px;overflow:hidden;}
#tab_favoris td p img{max-width:120px;margin:5px 5px 0 5px;padding:0;}


/********************************************************************************************
la page phtotheque
***************************************************************************************************/
#entete_phototheque{margin:12px; background: #7acffe url('../skin/phototheque/fond-titre.gif') no-repeat top; text-align:center; color: #ffffff; text-decoration:underline;padding-top:23px; height:35px; font-size:14px; font-weight:bold;}
#menu_phototheque {margin:0 12px 0 12px;}
#menu_phototheque a { float:left; margin:2px 1px 2px 1px; height:19px; padding:2px 8px 2px 8px;background:url('../skin/phototheque/rondel-off-navig.gif') repeat-x top; border:1px solid #009de0; color:#ffffff;font-size:12px;font-weight:bold;}
#menu_phototheque .photo_select{margin:6px 1px 0 1px;border-bottom:none;}
#menu_phototheque .photo_select, #menu_phototheque a:hover { background:url('../skin/phototheque/rondel-on-navig.gif') repeat-x top; color: #144556;}
#contenu_phototheque{background:#ddebad;width:676px;float:left;margin:0 12px 2px 12px;padding:5px; border:1px solid #029de0;}
#form_recherche_phototheque{background:#c0d963; margin:7px 0 7px 0; font-size:12px;color: #000000; font-weight:bold;}
#form_recherche_phototheque select { width:150px;}
#form_recherche_phototheque table{width:100%;}
#form_recherche_phototheque table td{padding:2px 5px 2px 5px;}
#cadre_multi_photo{width:395px; height:auto; float:left; }
#cadre_multi_photo table{background:url('../skin/phototheque/photo-2-tranche.gif') repeat-y top left;width:395px;height:auto;}
#cadre_multi_photo table p{float:left;margin:0;padding:8px 5px 5px 5px;text-align:center; font-size:12px; overflow:hidden;}
#cadre_multi_photo table .Kre{border-bottom:1px solid #7bceee;border-right:1px solid #7bceee;width:112px; height:110px;}
#cadre_multi_photo table .dernKre{border-bottom:1px solid #7bceee;width:112px; height:110px;}
#cadre_multi_photo table  .select{border:3px solid #019ee1; background:#bee4f7;width:107px; height:105px;}
#cadre_multi_photo table p img{width:100px;}
#cadre_multi_photo table p a {color:#000000;}
#cadre_multi_photo table td{padding:10px;}
#cadre_multi_photo table .navig{font-size:12px; color:#000000;text-decoration:none;}
#cadre_multi_photo table .navig td{padding:2px 10px 2px 10px; width:131px;}
#cadre_multi_photo table .navig a,#cadre_multi_photo table .inselect{padding:2px; color:#000000;}
#cadre_multi_photo table .iselect{text-decoration:none; padding:0 2px; color:#009fe3; font-style:normal; font-weight:bold;}
#contenu_phototheque #visioneuse{ float:left;margin-left:10px; border:3px solid #009edf; width:265px;padding:0; text-align:center;}
#contenu_phototheque #visioneuse table{width:100%;}
#contenu_phototheque #visioneuse .nom_proj{font-size:12px; color:#009de0; font-weight:bold; background: url('../skin/phototheque/photo-3-rondelle-1.gif') repeat-x top; height:25px; border-bottom:1px solid #009de0; }
#contenu_phototheque #visioneuse .race_proj{color:#000000; font-weight:bold; font-size:12px;border-bottom:1px solid #009de0; padding:4px 0 4px 0;}
#contenu_phototheque #visioneuse .race_proj em{color:#027496; font-style:normal;}
#contenu_phototheque #visioneuse #proj{ background:#bde3f6; padding:20px 4px 20px 4px;}
#contenu_phototheque #visioneuse #proj img{border:1px solid #ffffff;width:250px;}
#contenu_phototheque #visioneuse #titre_photo{margin:0; background:#009de0; color:#ffffff; font-size:12px; font-weight:bold;padding:4px; border-bottom:1px solid #bde4f5;}
#contenu_phototheque #visioneuse .navig_proj td{background: url('../skin/phototheque/photo-3-rondelle.gif') repeat-x top; height:25px; font-size:10px;padding:0; margin:0;}
#contenu_phototheque #visioneuse .navig_proj td a{color:#124556; font-weight:bold;text-decoration:none;margin:0;}
#contenu_phototheque #visioneuse .navig_proj td a img{border:none;}
#contenu_phototheque #visioneuse #presentation{ background:#bde3f6; padding:10px 4px 10px 4px;border-bottom:1px solid #009de0;}
#contenu_phototheque #visioneuse #presentation div{height:75px; overflow:auto;font-size:12px; background:#ffffff; text-align:left;padding:5px; border:1px solid #009de0;}
#contenu_phototheque #visioneuse .pied_proj td a{color:#017493;font-size:12px; font-weight:bold;}
#contenu_phototheque #visioneuse .pied_proj td a img {text-decoration:none; border:none; }
#contenu_phototheque #visioneuse .pied_proj td{padding:20px 4px 20px 4px; background:#c0d963;}

/*******************************************
la page conseil qui ressemble bcp a phototheque
*****************************************/
#entete_conseil{margin:12px; background: url('../skin/conseil/fond_titre.gif') no-repeat top; text-align:center; color: #ffffff; text-decoration:underline;padding-top:40px; height:45px; font-size:14px; font-weight:bold;}
#menu_conseil {margin:0 12px 0 12px;}
#menu_conseil a { float:left; margin:2px 1px 2px 1px; height:19px; padding:2px 8px 2px 8px;background:url('../skin/conseil/rondel-on-navig.gif') repeat-x top; border:1px solid #009de0; font-size:12px; display:block;color: #ffffff; font-weight:bold;}
#menu_conseil .photo_select{margin:6px 1px 0 1px;border-bottom:none;}
#menu_conseil .photo_select, #menu_conseil a:hover { background:url('../skin/conseil/rondel-off-navig.gif') repeat-x top; color:#009edf;}
#contenu_conseil{background:#dde6eb;width:656px;float:left;margin:0 12px 2px 12px;padding:15px; border:1px solid #029de0;}
#cadre_conseil{float:left;}
#cadre_conseil #mono_conseil .td_norm{padding:15px 5px 15px 20px; font-size: 12px;text-align:left;}
#cadre_conseil #mono_conseil{width:471px;height:auto;background:url('../skin/conseil/tanche-2-haut.gif') repeat-y top left;margin-top:10px;}
.ligne_l_p{border-left:1px solid #009de0;color:#009de0;padding:15px 5px 5px 5px; vertical-align:top; text-align:center; font-size: 12px; }
#part{color:#000000;font-size:14px;font-weight:bold;margin:10px; width:451px; display:block;}
#titre_part{color:#009de0; font-weight:bold;font-size:18px;margin:10px 0 15px 0;}
#list_conseil{width:150px;padding:5px; height:auto; border:1px solid #85d0f0;float:right; background:#ffffff;color:#000000; font-size:12px;}
.plist,.plist_select{margin:0; padding:5px ; border-bottom:1px solid #85d0f0;}
.plist h2 a,.plist_select h2 a{color:#019ee1; font-size:12px; text-decoration:underline;}
.conseil_photo_mo{margin:5px 0 5px 0; text-align:center;}
.conseil_photo_mo img{margin:0 0 5px 0;}
.plist_select{border:2px solid #dde6eb;}

/**************************************************
La page annonce qui est une replique simplifiee de la phototheque
****************************************************/
#entete_annonce{margin:12px; background: #7acffe url('../skin/Annonces/fond-titre.gif') no-repeat top; text-align:center; color: #ffffff; text-decoration:underline;padding-top:30px; height:40px; font-size:14px; font-weight:bold;}
#menu_annonce {margin:0 12px 0 12px;}
#menu_annonce a { float:left; margin:2px 1px 2px 1px; height:19px; padding:2px 8px 2px 8px;background:url('../skin/Annonces/rondel-off-navig.gif') repeat-x top; border:1px solid #009de0; color:#ffffff;font-size:12px;font-weight:bold;}
#menu_annonce .photo_select{margin:6px 1px 0 1px;border-bottom:none;}
#menu_annonce .photo_select, #menu_Annonces a:hover { background:url('../skin/phototheque/rondel-on-navig.gif') repeat-x top; color: #144556;}
#contenu_annonce{background:#dfeaae;width:676px;float:left;margin:0 12px 2px 12px;padding:5px; border:1px solid #029de0;}
#form_recherche_annonce{ margin:7px 0 7px 0; font-size:12px;color: #000000; font-weight:bold;}
#form_recherche_annonce table{width:100%;}
#form_recherche_annonce table td{padding:2px 5px 2px 5px;}
#cadre_multi_annonce{width:395px; height:auto; float:left; }
#cadre_multi_annonce #tab_annonce_PageANn{background:url('../skin/phototheque/photo-2-tranche.gif') repeat-y top left;width:395px;height:auto;}
#cadre_multi_annonce #tab_annonce_PageANn .PKre,#cadre_multi_annonce #tab_annonce_PageANn .select{margin:0;padding:8px 5px 5px 5px;text-align:center; font-size:12px;text-align:left; display:block;}
#cadre_multi_annonce #tab_annonce_PageANn .lien_titre_annonce{color:#ff6400;font-weight:bold; padding:5px; font-size:14px;border-bottom:1px solid #7bceee;display:block;width:350px; text-decoration:none; text-align:left;}
#cadre_multi_annonce #tab_annonce_PageANn .PKre{border-bottom:1px solid #7bceee;}
#cadre_multi_annonce #tab_annonce_PageANn  .select{border:3px solid #027594; background:#d5ecfa;}
#cadre_multi_annonce #tab_annonce_PageANn .photo_annonce{width:100px; float:left;margin:5px;}

#cadre_multi_annonce #tab_annonce_PageANn td{padding:10px; }
#cadre_multi_annnonce #tab_annonce_PageANn .navig{font-size:12px; color:#000000;text-decoration:none;}
#cadre_multi_annonce #tab_annonce_PageANn .navig td{padding:2px 10px 2px 10px; width:131px;}
#cadre_multi_annonce .navig a,#cadre_multi_annonce .inselect{padding:2px; color:#000000;font-size:12px;}
#cadre_multi_annonce .iselect{text-decoration:none; padding:0 2px; color:#009fe3; font-style:normal; font-weight:bold;}
#contenu_annonce #visioneuse{ float:left;margin-left:10px; border:3px solid #027594; width:265px;padding:0; text-align:center;}
#contenu_annonce #visioneuse table{width:100%;}
#contenu_annonce #visioneuse .titre_proj{font-size:12px; color:#ff6600; font-weight:bold; background: url('../skin/Annonces/rondel-titre-annonce.gif') repeat-x top; height:25px; border-bottom:1px solid #017493;}
#contenu_annonce #visioneuse .ann_proj{color:#025162; font-weight:bold; font-size:12px;border-bottom:1px solid #009de0; padding:15px 0 15px 0;}
#contenu_annonce #visioneuse #annonce_proj{ background:#c3d38c; padding:20px 4px 20px 4px;}
#contenu_annonce #visioneuse #annonce_proj img{border:1px solid #ffffff;width:250px;}
#contenu_annonce #visioneuse #titre_photo{margin:0; color:#0f4456; font-size:12px; font-weight:bold;padding:4px; border-top:1px solid #017395;border-bottom:1px solid #017395;}
#contenu_annonce #visioneuse .navig_proj td{background: url('../skin/Annonces/rondel-photo.gif') repeat-x top; height:25px; font-size:10px;padding:0; margin:0;}
#contenu_annonce #visioneuse .navig_proj td a{color:#124556; font-weight:bold;text-decoration:none;margin:0;}
#contenu_annonce #visioneuse .navig_proj td a img{border:none;}
#contenu_annonce #visioneuse #presentation{padding:10px 4px 10px 4px;border-bottom:1px solid #2c8c98;}
#contenu_annonce #visioneuse #presentation div{height:75px; overflow:auto;font-size:12px; background:#ffffff; text-align:left;padding:5px; border:1px solid #009edf;}
#contenu_annonce #visioneuse .pied_proj td a{color:#7acef0;font-size:12px; font-weight:bold;}
#contenu_annonce #visioneuse .pied_proj td a img {text-decoration:none; border:none; }
#contenu_annonce #visioneuse .pied_proj td{padding:20px 4px 20px 4px; background:#124558;border-top:1px solid #017395;}

/****************************************************
la page quizz qui ressemble bcp a phototheque et a conseil
************************************************/
#entete_quizz{margin:12px; background: url('../skin/quizz/fond_titre.gif') no-repeat top; text-align:center; color: #ffffff; text-decoration:underline;padding-top:40px; height:45px; font-size:14px; font-weight:bold;}
#menu_quizz {margin:0 12px 0 12px;}
#menu_quizz a { float:left;  margin:2px 1px 2px 1px; height:19px; padding:2px 8px 2px 8px;background:url('../skin/quizz/rondel_off_navig.gif') repeat-x top; border:1px solid #009de0; color:#e4f8ff;font-size:12px;font-weight:bold;}
#menu_quizz .quizz_select{margin:6px 1px 0 1px;border-bottom:none;}
#menu_quizz .quizz_select, #menu_quizz a:hover { background:url('../skin/quizz/rondel_on_navig.gif') repeat-x top; color: #ffffff;}
#contenu_quizz{background:#045163;width:656px;float:left;margin:0 12px 2px 12px;padding:15px; border:1px solid #029de0;}
#cadre_quizz #Quizz_en_cours{width:450px; float:left;}
#Quizz_en_cours th{background:url('../skin/quizz/rondel_nom.gif') repeat-x top ; padding:10px 2px 10px 2px;border:1px solid #063b4d; color:#b9ff00; font-size:16px; text-align:center; font-weight:bold;}
#cadre_quizz #Quizz_en_cours .Q_Quizz{color:#ffffff; font-size:14px; padding:20px 5px 5px 5px; border-bottom:1px solid #79ceed; font-weight:bold;}
#cadre_quizz #Quizz_en_cours .img_Q{float:right;margin:5px;}
#cadre_quizz #Quizz_en_cours td span{display:block;padding:5px 5px 5px 30px; background: url('../skin/quizz/led_blanc.gif') no-repeat left; font-size:12px; color:#ffffff; text-decoration:underline; cursor:pointer;}
#cadre_quizz #Quizz_en_cours td .QQ{font-weight:bold; line-height:16px;}
#cadre_quizz #Quizz_en_cours td .QQ:hover{background: url('../skin/quizz/led_bleu.gif') no-repeat left; color:#00a1de;}
#cadre_quizz #Quizz_en_cours td .Q_F{background: url('../skin/quizz/led_rouge.gif') no-repeat left; color:#ff4f01;font-weight:bold;line-height:16px;}
#cadre_quizz #Quizz_en_cours td .Q_V{background: url('../skin/quizz/led_vert.gif') no-repeat left; color:#b9ff00;font-weight:bold;line-height:16px;}
.Reponse_Q{text-decoration:none;}
#sol_1,#sol_2,#sol_3,#sol_4,#sol_5,#sol_6,#sol_7,#sol_8,#sol_9,#sol_10,#sol_11,#sol_12,#sol_13,#sol_14,#sol_15,#sol_16,#sol_17,#sol_18,#sol_19,#sol_20,#sol_21,#sol_22,#sol_23,#sol_24,#sol_25,#sol_26,#sol_27,#sol_28,#sol_29,#sol_30,#sol_31,#sol_32,#sol_33,#sol_34,#sol_35,#sol_36,#sol_3,#sol_38,#sol_39{display:none;text-align:right;margin-top:20px;text-decoration:none;}
#cadre_quizz #Quizz_en_cours .mauvaiseR,#cadre_quizz #Quizz_en_cours .bonneR{font-size:12px; color:#ffffff;}
#cadre_quizz #Quizz_en_cours .mauvaiseR { background:url('../skin/quizz/perdu.gif') no-repeat left;}
#cadre_quizz #Quizz_en_cours .bonneR { background:url('../skin/quizz/bravo.gif') no-repeat left;}
#cadre_quizz #Quizz_en_cours .mauvaiseR span,#cadre_quizz #Quizz_en_cours .bonneR span{ background:none;text-align:left;padding:10px; margin-left:130px;}
#cadre_quizz #Quizz_en_cours .mauvaiseR span{ border:1px solid #ff4f01;}
#cadre_quizz #Quizz_en_cours .bonneR span{border:1px solid #b9ff00;}
#bas_quizz{border-top:3px solid #7bceee;padding:20px; margin:20px 0 0 0; top:0;}
#note{text-align:center;background:url('../skin/quizz/score.gif') no-repeat left top; margin:0 0 0 30px;color:#ffffff;font-size:14px;width:344px; padding:20px 0 10px 0; top:0;height:33px;display:block;}
#note em{color:#bbfe01;font-weight:bold;font-style: normal;font-size:16px;}
#cadre_quizz #list_quizz{width:166px;float:left;margin: 5px 0 0 30px;}
#cadre_quizz #list_quizz td{text-align:center; background:url('../skin/quizz/listing_tranche.gif') repeat-y left top; padding:0;}
#cadre_quizz #list_quizz p{text-align:center; border-bottom:1px solid #009de0;padding:10px; margin:0 5px 0 5px;}
#cadre_quizz #list_quizz p a{color:#bbfe01; text-decoration:none;font-size:12px ;font-weight:bold;}
#cadre_quizz #list_quizz .p_quizz_select{ background:#045163;}

/*****************************************************
c'est la page clinique 
*****************************************************/
#entete_clinique{margin:12px; background: url('../skin/clinique/fond_titre.gif') no-repeat top; text-align:center; color: #ffffff; text-decoration:underline;padding-top:40px; height:45px; font-size:14px; font-weight:bold;}
#contenu_clinique{background:#dde6eb;width:656px;float:left;margin:0 12px 2px 12px;padding:15px; border:1px solid #029de0;}
.article_clinique h1{color:#009ee0; font-size:14px; font-weight:bold; text-align:left;margin:20px 10px 0 10px;padding:0;}
.article_clinique h2{color:#000000; font-size:12px; font-weight:bold; text-align:left;margin:5px 10px 5px 10px;padding:0;}
.article_clinique table th{text-align:left;}
.article_clinique table td{color:#000000; font-size:12px;  text-align:left; padding:10px; line-height:20px; vertical-align:top;}
.article_clinique table{background: url('../skin/clinique/equipe-tranche.gif') repeat-y top left;}
#plan_visite{background: url('../skin/clinique/fd_visite.gif') no-repeat top;width:100%; height:700px;margin:0;}

/******************************************
c'est la page des liens
***********************************/
#entete_lien{margin:18px; background: url('../skin/liens/fond_titre.gif') no-repeat top; text-align:center; color: #019ee1; padding-top:40px; height:45px; font-size:18px; font-weight:bold;}

/******************************
la page de contact
*******************************/
#contenu_contact{background:#dde6eb;width:656px;float:left;margin:0 12px 2px 12px;padding:15px; border:1px solid #029de0; text-align:center;}
#contenu_contact table td{padding:10px; font-size:14px;color:#045163;font-weight:bold;}
#contenu_contact table{width:650px;}
#form_cont{color:#009ee0; font-weight:bold; font-size:12px; text-align:left;}
.cont_gras{font-size:14px;  color:#045163; text-decoration: underline;}
.adresse{color:#009ee0; margin-top:35px;}

/******************
pour le popup affiche animal
*********************************/
/*popup aff_proprietaire*/
.ident_proprio{ background:#dde6eb; border:1px solid #bee6f2; width:650px; height:auto;padding:10px; font-size:12px; font-weight:bold; color:#009de0; line-height:20px;}
.reponse_proprio,.ident_animal em{ font-style:normal; font-size:12px; color:#000000;}
.ident_animal{border:1px solid #012b3b; float:left;margin:10px; padding:5px; width:180px; font-size:12px; height:210px;overflow:hidden; line-height:20px;}
.ident_animal h1{ margin:0;background: #012b3b; padding:0; color:#ffffff; font-weight:bold; font-size:12px;}
.ident_animal h1 a {color:#ffffff; text-decoration:none;}
.ident_animal h1 a:hover{color:#f9d179; text-decoration:underline; }
.ident_animal h1 a { font-size:10px; font-weight:bold;  padding:5px;width:170px; display:block;color:#65ff00;background:#012b3b;}
.ident_animal h1 a:hover{color:#012b3b;background:#65ff00;}
#event_anim{width:670px; border:1px solid #560362; padding:0;}
#event_anim th{ background:#560362; color:white;padding:5px;margin:0; font-size:12px;}
#event_anim td{ background:#ffffff;padding:10px;border-bottom:1px solid #560362;margin:0;}
#cadre_photo_fiche{float:left; margin:5px;}

