/* pied de page linternaute 022008 */
#pied {bottom: -100px; background: #fff;}
#pieddepage-box a {color: #333;}
#pieddepage-dispatch *, #pieddepage-box * {margin: 0px; padding: 0px;}
#pieddepage-dispatch {clear: both; height: 40px; left: 0px; background: #fff; border-bottom: 1px solid #f60;}
#pieddepage-dispatch ul {list-style: none; text-align: center; width: 910px; margin-top: 6px; margin-left: 90px;}
#pieddepage-dispatch li {display: inline; font: normal 10px verdana; color: #5b5b5b; white-space: nowrap; padding-right: 5px; padding-left: 5px; background: url(/image/pieddepage/logo-navigation_separateur.png) center right no-repeat;}
#pieddepage-dispatch li a {font: bold 10px verdana; text-decoration: underline;}
#pieddepage-dispatch li a:hover {text-decoration: none;}
#pieddepage-dispatch li.fin {background: none;}
#pieddepage-box {clear: both; height: 25px; background: #fff8f1; border-top: 1px solid #f60; border-bottom: 1px solid #f60; padding-top: 0px;}
#pieddepage-box #pied_image img {float: left; margin-left: 15px;}
#pieddepage-box #pied_navigation {float: left; height: 20px; margin-left: 40px; margin-top: 4px;}
#pieddepage-box #pied_navigation ul {list-style: none; text-align: center;}
#pieddepage-box #pied_navigation li {display: inline; font: normal 11px Arial; padding-right: 5px; padding-left: 5px; background: url(/image/pieddepage/logo-navigation_separateur.png) center right no-repeat;}
#pieddepage-box #pied_navigation li a { color: #5b5b5b; background: none;}
#pieddepage-box #pied_navigation li.fin {background: none;}
#pieddepage-box #pied_conteneur {width:1000px;}

/* abecedaire */
#abecedaire {background:none repeat scroll 0 0 #FFF8F1;border-top:1px solid #FF6600;height:25px;padding-top:10px;padding-left:130px;}
div#abecedaire dl.liste_premiere_lettre{clear:both;line-height:34px;padding-left:195px;margin-top:-26px;width:550px;}
div#abecedaire dl.liste_premiere_lettre dt{display:inline;margin:-1px;padding:0;vertical-align:middle}
div#abecedaire dl.liste_premiere_lettre dt{width:22px}
div#abecedaire dl.liste_premiere_lettre dt a{position:relative;display:inline-block;text-transform:uppercase;color:#614343;border:1px solid #a59595;padding:1px;font-weight:bold;font-size:14px;text-decoration:none;line-height:20px;vertical-align:middle;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;behavior:url(/framework/lib/js/html_include/PIE-1.0beta2/PIE.htc);text-align:center;}
div#abecedaire dl.liste_premiere_lettre dt a{width:16px;}
div#abecedaire dl.liste_premiere_lettre dt.selection a, div#abecedaire dl.liste_premiere_lettre dt a:hover{font-size:20px;color:#FF9C00;padding:5px 1px}
/* reinit */
#colonne_gauche *, #colonne_droite *, #tetiere-box *, body, html, ul, li {margin: 0; padding: 0}
body {background: #fff; font: 11px Arial, Helvetica, sans-serif}
ul, li {list-style-type: none}

/* div non utilisées */
#colonne_coin_haut, #colonne_coin_bas {display: none}

/* REDEFINITION pour enlever le filet à droite */
#global {position: relative; zoom: 1}
#contenu {z-index: 2; position: relative; width: 100%; min-width: 1000px; _height: 800px; min-height: 800px; top: 80px; vertical-align: top; background: url(/image/gen_standard/contenu_fond.gif) left repeat-y}
#contenu.sans_colgauche{background: none; min-width: 1000px}
#contenu_pleine_page_tetiere_plate {position: relative; top: 35px; background: none}
#contenu_pleine_page_grande_tetiere {position: relative; top: 95px; background: none}
#contenu_pleine_page.diaporamaPleinePage {_height: 300px; min-height: 300px; top: 35px; background: none}
#contenu.reduit {background: url(/image/gen_standard/contenu_fond_reduit.gif) left repeat-y}
#contenu.sansColDroite {background: url(/image/gen_standard/contenu_fond_sans_colonne_droite.gif) left repeat-y}
#centre {float: left; width: 515px; min-height: 2250px; _height: 2250px; padding: 0 0 10px 170px; background: url(/image/gen_standard/filet_centre.png) right repeat-y; margin-top: 0px}
#centre.sansColGauche {width: 715px; _height: 1050px; min-height: 430px; padding: 0 0 15px 0; border-bottom: 0 solid pink}
#centre.sans_colgauche {width: 695px; _height: 1050px; min-height: 430px; padding: 0 0 15px 0; border-bottom: 0 solid pink}
#centre_sans_droite.reduit {width: 562px}

#droite {float: left; _position: absolute; margin: 10px 0 0 10px; border: 0; text-align: left}
#contenu_colonne_droite {margin: 0px; margin-top: 20px; border: 0; text-align: left; width: 300px}

#pied {z-index: 5; border-bottom: 40px solid #fff; clear: both}
#tetiere {z-index: 1; position: absolute; width: 100%; left: 0; top: 0; background: #fff}
#gauche {z-index: 3; position: absolute; width: 168px; left: 0; top: 80px}
/*Augmentation colonne de gauche*/
#centre_sans_droite {float: left; width: 795px; _height: 1850px; min-height: 1850px; padding: 0 0 15px 170px; background: none right repeat-y}
#sans_colonne_gauche.pleinePage {width: 965px; padding-bottom: 15px; background: none right repeat-y}
#sans_colonne_gauche.pleinePage table#papier {width: 965px; margin-top: 10px; margin-left: 10px}
#droite_vide {display: none; float: left; width: 35px; height: 57px}

/* style pour les publicités OAS */
.publicite_Right3{margin-top: 10px; margin-left: 10px}
#centre_sans_droite #papier .publicite_Right3{text-align: center; margin: 10px}
.liens-sponsos{text-align:center;width:100%}

/* STYLES APPLIQUÉS AUX BALISES HTML ------------------------------------------------- */
a {text-decoration: none; color: #000; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: inherit}
a:active, a:hover {text-decoration: none}
a:hover {text-decoration: underline}
p {margin-bottom: 0}
b, strong {font-weight: bold; /* border: 1px solid pink; */}
b a {/*color : inherit; */}
br {line-height: normal}

h1, h1 a, h1 a:hover {margin: 0 0 10px 0; font-size: 20px; font-weight: bold; color: #008770}
h2, h2 a, h2 a:hover {font: bold 16px Arial, Helvetica, sans-serif; color: #008770; margin: 0 0 5px 0}
h3, h3 a, h3 a:hover {font: bold 13px Arial, Helvetica, sans-serif; color: #4C667C}

table {font: 12px Arial, Helvetica, sans-serif; /* color: #5B5B5B; */}
img {border: 0}
/* element de formulaire */
form {margin: 0; padding: 0}
textarea {background: #fff; font: 11px Arial, Helvetica, sans-serif; border: 1px solid #7f9db9; padding: 2px 4px}
select {background: #fff; font-size: 12px; padding: 0; margin: 0}
input {font: 11px Arial,Helvetica,sans-serif}

.fond-titre h2 {margin: 1px 0}

/* checkbox et boutons radios et submit : enlever le contour */
.checkboxes {border: 0}
.boutonradio {border: 0}
.boutonsubmit {border: 0; height: auto}
.selectborder {border: 1px solid; padding-left: 2px}
.bt_ok {width: 18px; height: 18px; border: 0; background: transparent url(/framework/lib/commun/image/parcours/map.png) 0 -903px no-repeat; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) 0 -903px no-repeat}

/* div msg ajax inscritption*/
#div_homonyme UL {padding-left: 15px}
#div_homonyme li {}

/* class */
.texte {font: normal 12px Arial, Helvetica, sans-serif; text-align: left; vertical-align: top; text-decoration: none; text-indent: inherit; text-shadow: none; text-transform: none}
.date {font: 9px Verdana, Arial, Helvetica, sans-serif; float: right}
.legende {font: bold 9px Verdana; text-align: left; padding: 5px 0}
.credit {font: 9px Verdana, Arial, Helvetica, sans-serif}
.exergue {font: bold italic 16px Verdana; color: #4C667C; padding: 10px 0 5px 0}
.legende_centrage {text-align: center; font: 9px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0; background: #d4d9c7}
.copyright {float: right; clear: both; font: 10px Arial; color: #5B5B5B; text-decoration: underline; margin-top: 5px; margin-bottom: 15px; margin-right: 15px}
.copyright a {color: #5B5B5B; text-decoration: underline}
.question {font: bold 12px Arial, Helvetica, sans-serif; margin-top: 10px}
.reponse {font: normal 12px Arial, Helvetica, sans-serif}
.savoir-plus {font: 13px Arial, Helvetica, sans-serif; clear: left; background: #fff url(/framework/lib/commun/image/parcours/map.png) 0 -1304px no-repeat; _background: #fff url(/framework/lib/commun/image/parcours/map.gif) 0 -1304px no-repeat; padding-left: 8px; margin-top: 5px}
.savoir-plus a {text-decoration: underline}
.pointille {background: url(/image/gen_standard/pointille_fond.gif) top repeat-x; width: 100%}
div.ligne_pointille {clear: both; background: url(/framework/lib/commun/image/parcours/pointille.png) top repeat-x; height: 2px; margin: 5px; padding: 0}
.align-top{vertical-align: top}
.fond-fonce {background: #d7d4c6}
.fond-clair {background: #fff}
.blanc {display: inline}
.blanc a{color: #fff}
.fond-fonce-auto {background: #f4f8f9}
.fond-clair-auto {background: #fff8db}
.menu_v		{font-size: 11px; color: #008770; font-weight: bold; text-decoration: none}

.sousmenu_v		{font-size: 11px; color: #000}
.menu_h		{font-size: 11px; color: #fff; font-weight: bold}
.sousmenu_h		{font-size: 10px; color: #FF6600}
.titre		{font-family: Arial,Helvetica,sans-serif; font-size: 16px; color: #FF6600; font-weight: bold}
.information	{font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #008770; font-weight: bold}
.erreur {color: red; font-weight: bold}
.txtcopainplus	*	{font-size: 12px; font-family: Arial}
.txtgeant	{font-size: 19px}
.txtgrand	{font-size: 16px}
.txtmoyen	{font-size: 13px}
.txtpetit	{font-size: 10px}
.txtorange	{color: #f93}
.image_interligne {padding-top: 6px; 	padding-bottom: 6px}
.justifie	{text-align: justify}
.lien_souligne { text-decoration: underline}
.lien_souligne_orange {text-decoration: underline; font-size: 11px; color: #FF6600}
.lien_souligne_orange_gras {text-decoration: underline; font-size: 12px; color: #FF6600; font-weight: bold}
.lien_fonctionnel {  text-decoration: underline !important}
.lien_souligne: visited, .lien_fonctionnel: visited	{text-decoration: underline}
.date {font: 10px Arial, Helvetica, sans-serif; float: right; margin-bottom: 5px}
.legende {font: bold 9px verdana, sans-serif; color: #008770; margin: 5px 0; display: block}
.credit {font: 9px verdana, sans-serif; padding-bottom: 5px}
.texte {font: normal 12px Arial, Helvetica, sans-serif; text-align: left; vertical-align: top; text-decoration: none; text-indent: inherit; text-shadow: none; text-transform: none}
.savoir-plus {clear: left; background: #fff url(/framework/lib/commun/image/parcours/map.png) 0 -1424px no-repeat; _background: #fff url(/framework/lib/commun/image/parcours/map.gif) 0 -1424px no-repeat; padding-left: 10px; margin: 5px 0}
.fond-fonce {background: #f8faf5}
.fond-clair {background: #fff}
.copyright {float: right; clear: both; font: 10px Arial; color: #008770; text-decoration: underline; margin-top: 5px; margin-bottom: 15px; margin-right: 15px}
.copyright a {color: #008770; text-decoration: underline}
.nb_encadre {font-weight: bold}
.gras {font: bold 12px arial}

/* look les blocs exemple blocs sur la home*/
.bloc_titre_long {width: 100%; background: #FF6600; color: #fff}
.bloc_titre_court {width: 300px; background: #FF6600; color: #fff}
.bloc_titre_court_suite {float: right; text-align: right}
.bloc_contenant {width: auto; border: 1px #f60 solid; padding: 0px; margin-bottom: 0px}
.module_contenu .bloc_contenant {border: 0}
.bloc_contenant_padding {margin: 5px}
.bloc_titre {width: 100%; height: 18px; background: #fee3cc; text-align: center; padding-top: 3px; font-size: 12px; font-weight: bold}
.bloc_titre a {font-size: 12px; font-weight: bold; text-decoration: underline}
.bloc_titre_description_blog {font-size: 12px; background: #e5f5f4; padding: 5px 5px 5px 0px; position: relative}
.bloc_titre_description_blog td{padding: 4px}
.bloc_titre_blog a{font-size: 22px; font-weight: bold}
.bloc_titre_article a{font-size: 14px; font-style: none; color: #56ad9f; font-weight: bold}
.bloc_titre_article_home {padding-top: 4px; padding-bottom: 4px}
.bloc_titre_article_home a {font-size: 14px; font-style: none; font-weight: bold}
.bloc_article {border-bottom: solid #56ad9f 1px; padding-bottom: 10px}
.bloc_article a{text-decoration: none}
.bloc_article_corps a{color: #000; text-decoration: underline; font-size: 13px}
a.lien_titre_article {text-decoration: none}
a.lien_titre_article:hover {text-decoration: none}
.bloc_auteur_article{font-weight: bold; text-decoration: underline}
.bloc_signaler_un_abus{width: 100%; text-align: center; color: #f96e08; font-weight: bold}
.lien_signaler_un_abus{color: #f96e08; text-decoration: underline}
.bloc_titre_section_colonne{padding: 4px; text-align: left; font-size: 12px; background: #56ad9f; font-weight: bold; color: #fff}
.bloc_lien_article_home a{text-decoration: underline; color: #f60}
.bloc_titre_article_recent a {text-decoration: underline; font-weight: bold}
.bloc_ligne_separation {padding-top: 0px; width: 100%; height: 15px; background: #eeeeee; text-align: center; padding-top: 1px; padding-bottom: 2px; font-size: 12px; font-weight: bold}
.bloc_ligne_bas {text-align: right; width: 100%}
.bloc_pied_court {margin-top: -1px; width: 300px; float: right; border: 1px #FF6600 solid; background: #fee3cc; text-align: right}
.blog_image_centree {text-align: center; float: block; clear: both}


/* blocs rajoutés (Nantes, ..) */
.intertitre { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #cc3300; height: 18px; text-transform: uppercase}
.intertitre-fond {background-image: url('http: //www.linternaute.com/image/gen_standard/barre.gif'); background-repeat: repeat-x}
.accroche {font-weight: bold; color: #980202}
.accroche a {font-weight: bold; color: #980202}
.alaune_chaine {width: 260px}
.alaune_chaine img {margin-right: 4px}
.alaune_chaine td {font-family: Verdana, Arial, Helvetica, sans-serif; 	font-size: 9px}
.alaune_chaine table td {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px}
.alaune_chaine_fils {padding: 10px 5px 20px 5px}
.lien_home {padding-bottom: 20px; font-family: Arial; font-size: 11px; font-weight: bold}
.lien_home a {color: #b1ada1; padding-bottom: 20px; font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: underline}

/* ################### peut-etre non utilisé ###################### */
.bloc-fiche-membre{ border-bottom: 1px solid #4E6578; margin-top: 10px; padding-bottom: 10px}
.fiche_membre_presentation{ font-family: Arial,Helvetica,sans-serif; font-size: 13px; color: #5B5B5B}

.formulaire-element-erreur {border: 2px solid #f00}
.obligatoire {font: bold 11px Verdana; color: #f00}
span.formulaire-element-erreur {display: inline-block; padding: 1px 0 2px 0; border-top-width: 4px; #padding: 0; #border-top-width: 2px}
div.formulaire-element-erreur{background : red}
#bloc-image-gauche, #bloc-image-droite {width: 20px}

/* lien generique */
.lien, .lien a, .lien-fonctionnel, .lien-fonctionnel a, .lien-video, .lien-video a  {text-decoration: underline}
.lien-video, .lien-video a {font-weight: bold; color: #ff6600; padding-left: 15px; background: url(/image/magazine/clip.gif) no-repeat 0% 50%}
.lien, .lien a {font-weight: normal}
.lien-fonctionnel, .lien-fonctionnel a {font-weight: normal}
.lien a:hover, a.lien:hover, .lien-fonctionnel a:hover, a.lien-fonctionnel:hover, .lien-video a:hover, a.lien-video:hover {text-decoration: none}
.lien-video a:hover, a.lien-video:hover {color: #ff6600}

.objmultipage{ height: 20px}
.objmultipage .page-prec{ padding-left : 10px; background: url(/framework/lib/commun/image/parcours/map.png) 0 -1263px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1263px no-repeat}
.objmultipage .page-suiv{ padding-right: 10px; background: url(/framework/lib/commun/image/parcours/map.png) 0 -1243px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1243px no-repeat}
/* ### */

/* ################### class utilisées dans la section magazine ###################### */
#signature {float: right; padding: 10px 0; font: 10px Arial, Helvetica, sans-serif}
#signature a {text-decoration: underline}

/* multipage */
#bloc_foliotage {border-collapse: collapse; width: 100%; height: 30px}
#bloc_foliotage #foliotage {font: 11px Arial; color: #5b5b5b; text-align: center}
#bloc_foliotage #foliotage ul {white-space: nowrap}
#bloc_foliotage #foliotage li {display: inline; list-style-type: none}
#bloc_foliotage #foliotage li a {padding-right: 2px; padding-left: 6px; font: 10px Arial; text-decoration: underline; background: url(/image/commun/separateur.gif) no-repeat left 2px}
#bloc_foliotage #foliotage li a.debut, #bloc_foliotage #foliotage li a.sur, #bloc_foliotage #foliotage li a.sur, #bloc_foliotage #foliotage li.actif-debut {background: none}
#bloc_foliotage #foliotage li.actif {font-weight: bold; color: #f60; background: url(/image/commun/separateur.gif) no-repeat left 3px; padding: 0 2px 0 6px}
#bloc_foliotage #foliotage li.actif-debut {font-weight: bold; color: #f60}
#bloc_foliotage .gauche, #bloc_foliotage  .droite {width: 115px}
#bloc_foliotage .droite {text-align: right}
#bloc_foliotage .centre {text-align: center}
#bloc_foliotage .lien_precedent {font: 11px Arial; color: #5b5b5b; background: url(/framework/lib/commun/image/parcours/map.png) 0 -1263px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1263px no-repeat; padding-left: 13px; text-decoration: underline}
#bloc_foliotage .lien_suivant {font: 11px Arial; color: #5b5b5b; background: url(/framework/lib/commun/image/parcours/map.png) 0 -1243px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1243px no-repeat; padding-right: 13px; padding-left: 20px; text-decoration: underline}

.notification_automatique, .message_alerte_abonnement, .bloc_formulaire {background: #fff6ef; border: dotted 1px #f60; padding: 5px; margin-top: 5px}
.notification_automatique a, .message_alerte_abonnement a {text-decoration: underline}
.notification_automatique a:hover, .message_alerte_abonnement a:hover {text-decoration: none}
td .cocher_tous {padding-top: 10px}

/* bloc en images */
#en-image, #en-image_navigation {width: 100%; margin-bottom: 5px}
#en-image td {text-align: center}
#en-image #en-image-titre {font: 12px Arial, Helvetica, sans-serif; padding-bottom: 4px}
#en-image .en-image-titre-decoration {font: bold 9px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #ff6600}
#en-image_navigation #en-image-lien {text-align: right; padding-left: 60px}
#en-image_navigation #en-image-separateur {text-align: center; padding: 0 4px 0 4px; background: url(/image/magazine/separation1.gif) center center no-repeat}
#en-image_navigation #en-image-tout {text-align: left}

/* bloc sommaire + bloc savoir-plus */
#bloc-sommaire {float: right; margin: 0 0 15px 15px; background: #f8faf5; border-collapse: collapse}
#bloc-savoirplus {float: right; clear: right; margin: 15px 0 15px 15px; background: #f8faf5; border-collapse: collapse}
#bloc-sommaire .bloc-titre, #bloc-savoirplus .bloc-titre {background: #bfe1db; border-top: 1px solid #008770; border-bottom: 1px solid #008770; text-align: center; font: bold 10px Verdana; color: #5B5B5B; line-height: 20px}
#bloc-sommaire .bordure-topg, #bloc-savoirplus .bordure-topg, #bloc-sommaire .bordure-topd, #bloc-savoirplus .bordure-topd {padding: 0; width: 10px; border-top: 1px solid #008770; border-bottom: 1px solid #008770; background: #bfe1db; vertical-align: top}
#bloc-sommaire .bordure-topg, #bloc-savoirplus .bordure-topg {border-left: 1px solid #008770}
#bloc-sommaire .bordure-topd, #bloc-savoirplus .bordure-topd {border-right: 1px solid #008770}
#bloc-sommaire .bordure-topg center, #bloc-savoirplus .bordure-topg center, #bloc-sommaire .bordure-topd center, #bloc-savoirplus .bordure-topd center {position: relative; width: 10px; height: 10px; top: -1px}
#bloc-sommaire .bordure-topg center, #bloc-savoirplus .bordure-topg center {background: url(/image/magazine/blocimage_topg.png) no-repeat; left: -1px}
#bloc-sommaire .bordure-topd center, #bloc-savoirplus .bordure-topd center {background: url(/image/magazine/blocimage_topd.png) no-repeat; left: 1px}
#bloc-sommaire .bloc-contenu, #bloc-savoirplus .bloc-contenu {margin: 0px; padding: 0; padding-bottom: 5px; width: 100px; text-align: center; background: #f8faf5; border-bottom: 1px solid #008770}
#bloc-sommaire .bloc-contenu img, #bloc-savoirplus .bloc-contenu img {margin-top: 10px; margin-bottom: 5px; _margin-bottom: 0; border: 1px solid #008770}
#bloc-sommaire .bloc-contenu ul, #bloc-savoirplus .bloc-contenu ul {text-align: left; font: 9px Verdana; color: #5B5B5B; list-style-type: none; margin: 0; margin-bottom: 10px; padding: 0}
#bloc-sommaire .bloc-contenu li, #bloc-savoirplus .bloc-contenu li {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1304px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1304px no-repeat; line-height: 15px; padding-left: 6px}
#bloc-sommaire .bloc-contenu li a, #bloc-savoirplus .bloc-contenu li a {text-decoration: underline; color: #5B5B5B}
#bloc-sommaire .bloc-contenu li a:hover, #bloc-savoirplus .bloc-contenu li a:hover {text-decoration: none}
#bloc-sommaire .bordure-bottomg, #bloc-sommaire .bordure-bottomd, #bloc-savoirplus .bordure-bottomg, #bloc-savoirplus .bordure-bottomd {padding: 0; width: 10px; border-bottom: 1px solid #008770; background: #f8faf5; vertical-align: bottom; font: 1px arial}
#bloc-sommaire .bordure-bottomg, #bloc-savoirplus .bordure-bottomg {border-left: 1px solid #008770}
#bloc-sommaire .bordure-bottomd, #bloc-savoirplus .bordure-bottomd {border-right: 1px solid #008770}
#bloc-sommaire .bordure-bottomg center, #bloc-sommaire .bordure-bottomd center, #bloc-savoirplus .bordure-bottomg center, #bloc-savoirplus .bordure-bottomd center {position: relative; width: 10px; height: 10px; bottom: -1px}
#bloc-sommaire .bordure-bottomg center, #bloc-savoirplus .bordure-bottomg center {background: url(/image/magazine/blocimage_bottomg.png) no-repeat; left: -1px}
#bloc-sommaire .bordure-bottomd center, #bloc-savoirplus .bordure-bottomd center {background: url(/image/magazine/blocimage_bottomd.png) no-repeat; left: 1px}

/* bloc navigation */
.navigation {font: 9px Verdana; color: #ff6600; width: 100%; margin: 0; clear: both}
.navigation a {text-decoration: underline; line-height: 25px; color: #ff6600}
.navigation a:hover {text-decoration: none}
.navigation .navigation-contexte {text-align: center}
.navigation .navigation-precedent {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1403px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1403px no-repeat; text-align: left; width: 155px}
.navigation .navigation-precedent a {float: left; padding-left: 25px}
.navigation .navigation-separateur {vertical-align: bottom}
.navigation .navigation-suivant {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1323px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1323px no-repeat; text-align: right; width: 155px}
.navigation .navigation-suivant a {float: right; padding-right: 25px}

/* bloc savoir-plus navigation */
#savoirplus-navigation {font: 9px Verdana; width: 100%; margin-bottom: 5px; padding-bottom: 4px}
#savoirplus-navigation #savoirplus-precedent, #savoirplus-navigation #savoirplus-suivant {width: 190px}
#savoirplus-navigation #savoirplus-precedent a, #savoirplus-navigation #savoirplus-suivant a {padding-top: 5px; height: 22px}
#savoirplus-navigation #savoirplus-precedent {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1403px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1403px no-repeat; text-align: left}
#savoirplus-navigation #savoirplus-precedent a {float: left; padding-left: 15px}
#savoirplus-navigation #savoirplus-suivant {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1323px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1323px no-repeat; text-align: right}
#savoirplus-navigation #savoirplus-suivant a {float: right; padding-right: 15px}
#savoirplus-navigation #savoirplus-lien {text-align: right}
#savoirplus-navigation #savoirplus-separateur {text-align: center; padding: 0 4px 0 4px; background: url(/image/magazine/logo-navigation_separateur.png) center center no-repeat}
#savoirplus-navigation #savoirplus-tout {text-align: left}
#savoirplus-navigation #savoirplus-lien a, #savoirplus-navigation #savoirplus-tout a {display: inline}

/* bloc outil */
.outil {font: 10px Arial; width: 100%; margin-bottom: 0; clear: both}
.outil a {text-decoration: underline}
.outil a:hover {text-decoration: none}
.outil .outil-sommaire {width: 50%}
.outil .outil-sommaire a {font: bold 11px Arial; color: #ff6600}
.outil .outil-mailto, .outil .outil-printer {height: 22px; width: 22px}
.outil .outil-mailto a, .outil .outil-printer a {width: 100%; display: block; white-space: nowrap}
.outil .outil-mailto {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1363px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1363px no-repeat}
.outil .outil-mailto a {padding-left: 15px}
.outil .outil-separateur {padding: 0 8px 0 8px; background: url(/image/magazine/separation1.gif) center center no-repeat}
.outil .outil-printer {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1383px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1383px no-repeat}
.outil .outil-printer a {padding-left: 20px}
.outil .outil-haut {width: 50%; text-align: right}
/* ### */

/* ################### class utilise dans la section imprimer et magazine ###################### */
#chapeau {font: bold 13px Arial; color: #5B5B5B; margin-bottom: 10px; width: 100%}
#chapeau td {vertical-align: top}
#chapeau img {margin-right: 10px}
#chapeau #chapeau-texte {width: 100%}
/* ### */

/* pub */
.pub-5 {clear: both; text-align: center; margin-top: 20px}
.pub-mjx {margin-left: 110px; margin-top: 20px}
.x26 {position: absolute; width: 100px; height: 100px; top: 0; left: 0}
.topleft {position: absolute; top: 0; left: 0}
.x01 {position: absolute; top: 0; left: 0}

/* fil ariane */
#fil-ariane {font: 10px Arial; color: #4C667C; height: 27px; padding-top: 0; margin-bottom: 0px; margin-left: 170px; background: url(/image/gen_standard/filet_fildariane.png) 0 -5px repeat-x}
#fil-ariane.pleinePage {margin-left: 0px; margin-top: 5px}
#fil-ariane.sans_colgauche {margin-left: 0px}
#fil-ariane a {text-decoration: underline; color: #F96E08}
#fil-ariane a:hover {text-decoration: none}
#fil-ariane a.debut {margin: 0 0 0 15px}
#fil-ariane a.fil-intitule {text-decoration: none}
#fil-ariane a.fil-intitule:hover {text-decoration: underline}

/* fil ariane sans filet pour les zones 'sanscoldroite' et 'pleine page'*/
#fil-ariane-sansfilet {font: 10px Arial; color: #4C667C; height: 27px; padding-top: 0; margin-bottom: 0px; margin-left: 170px}
#fil-ariane-sansfilet.pleinePage {margin-left: 0px}

/* bloc tableau */
.tableau {clear: right; display: table; width: 100%; border-collapse: collapse}
.tableau td {padding: 2px; border-bottom: 0 solid #4e6578}
.tableau table {padding: 0; border: 0 solid #4e6578}
.tableau td td {padding: 0px 5px  ; border-bottom: 0 solid #4e6578}
.tableau .tableau-legende {background: #fff; border-bottom: 1px solid #4e6578; text-align: center}
.tableau .bordure-topg {padding: 0; background: #d0ddde; border-left: 1px solid #4e6578; border-top: 1px solid #4e6578; width: 18px; vertical-align: top}
.tableau .bordure-topg center {position: relative; width: 18px; height: 18px; background: url(/image/magazine/bloctableau_topg.png); left: -1px; top: -1px}
.tableau .bordure-topd {padding: 0; background: #d0ddde; border-right: 1px solid #4e6578; border-top: 1px solid #4e6578; width: 18px; vertical-align: top; 	}
.tableau .bordure-topd center {position: relative; width: 18px; height: 18px; background: url(/image/magazine/bloctableau_topd.png); left: 1px; top: -1px}
.tableau .bordure-bottomg {padding: 0; border-left: 1px solid #4e6578; border-bottom: 1px solid #4e6578; width: 18px; vertical-align: bottom; 	}
.tableau .bordure-bottomg center {	position: relative; width: 18px; height: 18px; background: url(/image/magazine/bloctableau_bottomg.gif); left: -1px; bottom: -1px; 	}
.tableau .bordure-bottomd {padding: 0; border-right: 1px solid #4e6578; border-bottom: 1px solid #4e6578; width: 18px; vertical-align: bottom}
.tableau .bordure-bottomd center {	position: relative; width: 18px; height: 18px; background: url(/image/magazine/bloctableau_bottomd.gif); left: 1px; bottom: -1px; 	}
.tableau .bordure-left {border-left: 1px solid #4e6578}
.tableau .bordure-right {border-right: 1px solid #4e6578}
.tableau .fond-fonce td {background: #fff8db}
.tableau .fond-titre td {background: #fff2b7}
.tableau .bordure-fond-fonce {background: #d0ddde}
.tableau .tableau-titre-fond-fonce {background: #d0ddde; border-top: 1px solid #4e6578; border-bottom: 0 solid #4e6578; text-align: center; font: 9px Verdana; color: #5B5B5B; line-height: 10px}
.tableau .tableau .tableau-legende a, .tableau .fond-clair td a, .tableau .fond-fonce td a, .tableau .fond-titre td a {text-decoration: none; color: #5B5B5B}
.tableau .tableau .tableau-legende a:hover, .tableau .fond-clair td a:hover, .tableau .fond-fonce td a:hover, .tableau .fond-titre td a:hover {text-decoration: underline}
.tableau-titre-fond-fonce a {text-decoration: none; color: #4C667C}
.tableau-titre-fond-fonce a:hover {text-decoration: none; color: #4C667C}
.tableau .separateur{ background: #4E6578; border-right: 1px solid #4e6578; border-left: 1px solid #4e6578; height: 1px}
.tableau .fond-bordure{background: #D0DDDE}

.grand-tableau td {/*background: #f00; */}
.grand-tableau {font: 9px Verdana}
.grand-tableau .fond-titre{ height: 27px}
.grand-tableau .fond-fonce{ height: 23px}
.grand-tableau .fond-clair{ height: 23px}
.grand-tableau .position-image{ margin-top: 5px}

.moyen-tableau td {/*background: #0f0; */}
.moyen-tableau {font: 9px Verdana}
.moyen-tableau .fond-titre{ height: 20px}
.moyen-tableau .fond-fonce{ height: 23px}
.moyen-tableau .fond-clair{ height: 23px}
.moyen-tableau .position-image{ margin: 3px 0}

.petit-tableau td {/*background: #00f; */}
.petit-tableau {font: 9px Verdana}
.petit-tableau .fond-titre{ height: 20px}
.petit-tableau .fond-fonce{ height: 18px}
.petit-tableau .fond-clair{ height: 18px}

.fond-fonce td {background: #fff8db}
.fond-titre td {background: #fff2b7; border-top : 1px solid #4e6578}
.fond-titre-paragraphe { background: #D0DDDE}
.ligne_separation_formulaire_inscription { background: #CCCCCC}
.position-image A {}

.carte-de-france-liste-dept { margin: 20px 0 10px 0}
.carte-de-france{ margin: 20px 0 0 0}

.tableau-avantage{}
.tableau-avantage TD{padding : 4px}
.tableau-avantage OL{padding: 0px 20px}
.tableau-avantage OL LI{margin : 4px 0; font-weight: bold}
.tableau-avantage .titre{font-weight: bold; background: #D0DDDE}
.tableau-avantage .fond-corps{background: #CCCCCC}
.tableau-avantage .fond-corps TD {width: 98%}

.modification-secteurActivitefille{width: 210px; text-align: right}
.inscription-secteurActivitefille{width: 125px; text-align: left}
.recherche-secteurActivitefille{width: 160px; padding-right: 0px; margin-right: 22px; text-align: right; border: 0px solid pink}

/* colonne de gauche */
#colonne_gauche {width: 170px}
#colonne_gauche select { border: 1px solid #7F9DB9}

/* bloc_authentification */
#colonne_gauche #bloc_authentification {width: 169px; height: 92px; background: url(/image/gen_standard/authentification_fond.gif) repeat-x}
#colonne_gauche #bloc_authentification p.membre {font: bold 12px Arial; color: #fff; margin-left: 10px; padding-top: 5px}
#colonne_gauche #bloc_authentification form {margin-left: 6px; font: 11px Arial; color: #fff; line-height: 16px; margin-right: 23px}
#colonne_gauche #bloc_authentification form .champ {float: right}
#colonne_gauche #bloc_authentification form .champ input {padding : 1px 0 1px 2px; height: 14px; width: 68px; margin-top: 5px; _margin-top: 4px; color: #444444; border: 1px solid #4e6578}
#colonne_gauche #bloc_authentification form .compte {clear: both; display: block; font: 10px Arial; height: 20px; padding-top: 5px; _padding-top: 4px}
#colonne_gauche #bloc_authentification form .compte a {color: #5b5b5b; text-decoration: underline}
#colonne_gauche #bloc_authentification form .compte a:hover {text-decoration: none}
#colonne_gauche #bloc_authentification form IMG.image,
#colonne_gauche #bloc_authentification form INPUT.image {border: 0; position: absolute; height: 18px; width: 18px; left: 147px; top: 44px; /*_top: 45px; left: 148px; top: 47px; */}

/* bloc_navigation */
#colonne_gauche dl.bloc_navigation {background: url(/image/gen_standard/pointille_fond.gif) top repeat-x}
#colonne_gauche dl.bloc_navigation dt {clear: both; padding-top: 5px; margin-bottom: 5px}
#colonne_gauche dl.bloc_navigation dt a {display: block; font: bold 12px Arial; color: #5b5b5b; padding-left: 25px}
#colonne_gauche dl.bloc_navigation dt a.picto_accueil {background: url(/framework/lib/commun/image/parcours/map.png) 0px -3px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0px -3px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_aide {background: url(/framework/lib/commun/image/parcours/map.png) 7px -182px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 7px -182px no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_reseau {background: url(/framework/lib/commun/image/parcours/map.png) 0px -1980px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0px -1980px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_question {background: url(/framework/lib/commun/image/parcours/map.png) 7px -182px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 7px -182px no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_magazine {background: url(/framework/lib/commun/image/parcours/map.png) 6px -243px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 6px -243px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_journal {background: url(/framework/lib/commun/image/parcours/map.png) 4px -2006px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 4px -2006px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_sejour{background: url(/framework/lib/commun/image/parcours/map.png) 4px -223px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 4px -223px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_comptefils {background: url(/framework/lib/commun/image/parcours/map.png) 5px -282px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 5px -282px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_photo {background: url(/framework/lib/commun/image/parcours/map.png) 6px -103px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 6px -103px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_parrainage {background: url(/framework/lib/commun/image/parcours/map.png) 6px -302px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 6px -302px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_arbre {background: url(/framework/lib/commun/image/parcours/map.png) 6px -321px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 6px -321px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_favori {background: url(/framework/lib/commun/image/parcours/map.png) 6px -342px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 6px -342px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_recherche {background: url(/framework/lib/commun/image/parcours/map.png) 7px -123px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 7px -123px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_messagerie {background: url(/framework/lib/commun/image/parcours/map.png) 4px -63px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 4px -63px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_option {background: url(/framework/lib/commun/image/parcours/map.png) 5px -261px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 5px -261px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_cadeau {background: url(/framework/lib/commun/image/parcours/map.png) 4px -203px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 4px -203px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_boutiquecadeau {background: url(/framework/lib/commun/image/parcours/map.png) 4px -203px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 4px -203px  no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_linternaute {display: block; height: 16px; background: url(/framework/lib/commun/image/parcours/map.png) 4px -1762px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 4px -1762px  no-repeat}
/** @todo enlever le ?tmp quand possible (nouvelle picto dans la map, pas de versionning de celle-ci encore */
#colonne_gauche dl.bloc_navigation dt a.picto_jeu {display: block; height: 16px; background: url(/framework/lib/commun/image/parcours/map.png?tmp) -3px -1927px no-repeat;_background: url(/framework/lib/commun/image/parcours/map.gif?tmp) -3px -1927px no-repeat}
#colonne_gauche dl.bloc_navigation dt a.picto_objectif {background: url(/framework/lib/commun/image/parcours/map.png) 3px -1958px  no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 3px -1958px  no-repeat}

#colonne_gauche dl.bloc_navigation dd {margin-bottom: 5px; padding-left: 18px;}
#colonne_gauche dl.bloc_navigation dd a {display: block; font: 11px Arial; color: #5b5b5b; margin-left: 7px}
#colonne_gauche dl.bloc_navigation dd a.messages {display: inline; font: bold 11px Arial; color: #ff700a; padding: 0}
#colonne_gauche dl.bloc_navigation dd a.picto_message_non_lu {height: 16px; background: url(/framework/lib/objmessagerie/image/nouveau_message.gif) left -1px no-repeat; padding: 4px 0 0 21px; white-space: nowrap; margin-left: -17px}
#colonne_gauche dl.bloc_navigation dd a.picto_carte_non_lue {background: transparent url(/image/tetiere/picto_cartes_plus.gif) no-repeat scroll -3px 0; height: 20px; padding: 8px 0 0 21px; white-space: nowrap}
#colonne_gauche dl.bloc_navigation dd a.en_cours {background: #fee3cc; border-left: 5px solid #ff700a; width: 152px; padding-left: 5px}
#colonne_gauche dl.premier_bloc {background: none}
#colonne_gauche dl.dernier_bloc{background: url(/image/gen_standard/pointille_fond.gif) bottom repeat-x}
#colonne_gauche dl.bloc_intermediaire {background: none}
#colonne_gauche dl.bloc_intermediaire dt {padding-top: 0; margin-top: -3px;}

#colonne_gauche dl.bloc_navigation dd ul li a {color: #ff700a; padding-left: 10px; display: inline;}


/* spécifique au choix de compte */
#colonne_gauche dl.bloc_navigation dt span {display: block; font: bold 12px Arial; color: #5b5b5b; padding-left: 25px}
#colonne_gauche dl.bloc_navigation dt span.picto_cadenas{background: transparent url(/image/tetiere/picto_moncompte-orange.gif) 8px 0 no-repeat}
#colonne_gauche dl.bloc_navigation dd.choix_compte_fils{padding-left: 5px; padding-bottom: 5px}

#colonne_gauche .libelle_bloc {display: block; height: 19px; width: 162px; background: #fee3cc; border-width: 1px 0 0 1px; border-style: solid; border-color: #f60; padding: 5px 0 0 6px}
#colonne_gauche .libelle_bas {border-bottom-width: 1px}
#colonne_gauche .libelle_clair {border-color: #4f6475; background: #f4f7fc}
#colonne_gauche .libelle_bloc a {display: block; width: 100%}

/* formulaires : espacement */
#bloc_formulaire td {padding: 2px; margin: 2px}

/* page reseau */
.formulaire_filtre_reseau{margin: 3px 0}

/* bloc recherche rapide */
.recherche_rapide_sans_cadre .label{text-align: right}
.recherche_rapide_sans_cadre INPUT {margin: 5px}

/* bloc_inscription */
.bloc_inscription {	width: 320px; background: #f4f8f9; text-align: center}
.bloc_inscription TABLE {width: 100%; text-align: center; padding: 5px 5px 0 5px; border: 1px solid #59646a; border-width: 0 1px; 	background: #f4f8f9}
.bloc_inscription TABLE TABLE {text-align: left; width: 90%; left: 5%; border : 0 solid}
.bloc_inscription TABLE TABLE TR{height: 23px}
.bloc_inscription SELECT, .bloc_inscription .champ {text-align: left; width: 200px}
.bloc_inscription .libelle{width: 110px; padding-right: 8px}
/*.bloc_inscription_titre {background: url(/image/gen_standard/creation_compte_haut.gif) no-repeat; font: bold 11px verdana; color: #fff; padding: 2px; text-align: center}
.bloc_inscription_fin {background: url(/image/gen_standard/creation_compte_bas.gif) no-repeat; height: 9px}*/

/* bloc_authentification *//*
.bloc_authentification{width: 248px; background: #f4f8f9; text-align: center; border : 0 solid red}
.bloc_authentification TABLE {width: 100%; text-align: center; padding: 0px 0; border: 1px solid #59646a; border-width: 0 1px; background: #f4f8f9}
.bloc_authentification TABLE TABLE{margin: 0px 0; text-align: left; width: 90%; left: 5%; border : 0 solid}
.bloc_authentification TABLE TABLE TR{height: 23px}
.bloc_authentification .champ {width: 150px}
.bloc_authentification .libelle{width: 110px; padding-right: 8px}
.bloc_authentification_titre{background: url(/image/gen_standard/creation_compte_haut_248px.gif) no-repeat; font: bold 11px verdana; color: #fff; padding: 2px; text-align: center}
.bloc_authentification_fin {background: url(/image/gen_standard/creation_compte_bas_248px.gif) no-repeat; height: 9px}
*/

#formulaire_signaler_abus{text-align: center}
#formulaire_signaler_abus DIV {padding: 5px; clear: both; text-align: left; overflow: auto}
#formulaire_signaler_abus DIV LABEL{float: left; display: block; width: 130px; text-align: right}
#formulaire_signaler_abus DIV SELECT, #formulaire_signaler_abus DIV TEXTAREA {float: left; margin-left: 5px}
#formulaire_signaler_abus DIV SELECT 	{width: 300px}
#formulaire_signaler_abus DIV TEXTAREA 	{width: 290px}

dreamfilter{z-index: "\"/*"}
  #contenu {z-index: 1}
  #gauche  {z-index: 2}
  #tetiere {z-index: 3}
  #dater   {z-index: 4}
  #pied    {z-index: 5}

.align-top{vertical-align: top}
#formulaire_signaler_abus{text-align: center}
#formulaire_signaler_abus DIV {margin: 5px; clear: both; text-align: left; overflow: auto}
#formulaire_signaler_abus DIV LABEL{float: left; display: block; width: 130px; text-align: right}
#formulaire_signaler_abus DIV SELECT, #formulaire_signaler_abus DIV TEXTAREA {float: left; margin-left: 5px}
#formulaire_signaler_abus DIV SELECT 	{width: 300px}
#formulaire_signaler_abus DIV TEXTAREA 	{width: 290px}

/* BLOC MOTEUR DE RECHERCHE RAPIDE DE LA COLONNE DE DROITE */
/*#bloc_rechercherapide {	background: url(/image/commun/rechercherapide_cadre_entier.gif) top left no-repeat; width: 260px; height: 107px; text-align: left}
#bloc_rechercherapide INPUT.selectborder {height: 14px; margin : 2px 4px}
#bloc_rechercherapide TABLE {width: 100%}
#bloc_rechercherapide TABLE TD {margin: 0px; padding : 0}
#bloc_rechercherapide .align_recherche_titre{ text-align: center; padding : 2px 0 0 0}
#bloc_rechercherapide .align_recherche{	text-align: right}*/
#bloc_recherche * {margin: 0; padding: 0}

/* bloc recherche et recherche d'amis*/
#bloc_recherche , #bloc_recherche_amis{margin-bottom:15px;width:300px;border: 1px solid #56ac9f}
#bloc_recherche h3 , #bloc_recherche_amis h3 {margin: 0; padding: 0; color: #ffffff; text-indent: 5px; height: 19px; background: url(/image/zone_papier/bloc_recherche-titre_fond.png) top left repeat-x}
#bloc_recherche form , #bloc_recherche_amis form {}
#bloc_recherche label, #bloc_recherche_amis label{font: bold 12px arial; float: left; clear: left; margin-left: 5px; margin-top: 10px; #margin-top: 9px}
#bloc_recherche input {border: 1px solid #c3c2be; float: right; clear: right; width: 150px; margin-right: 50px; margin-top: 8px}
#bloc_recherche button {float: right; clear: both; margin-top: -15px; margin-right: 20px; padding-bottom: 2px; height: 18px; width: 18px; background: url(/image/zone_papier/bouton_rond.gif) top left no-repeat; font: bold 11px arial; color: #fff; border: 0px; cursor: pointer}
#bloc_recherche p {clear: both; text-align: right; padding: 5px 20px 5px 0px; font: normal 11px arial}
#bloc_recherche p a {color: #f60; text-decoration: underline}
#bloc_recherche p a:hover {text-decoration: none}
#bloc_recherche_amis textarea {margin : 0; padding : 0}

/* bloc d'identification sur page de création de compte hors session*/
#bloc_identification_compte { background: url(/image/commun/dejamembre_central_cadre_entier.gif) no-repeat; width: 260px; height: 107px}
#bloc_identification_compte td { padding-left: 10px}

.couleur_valide	{color: #0a0}
.couleur_invalide	{color: #f00}
.couleur_attente	{color: #f60}

.avis_gratuit {border: 1px solid #a5acb2; padding: 5px; margin-top: 10px}

/* Bloc avec les gros coins arrondis */
.bloc_arrondi {border: 1px solid #008770; height: 100%}
.bloc_arrondi_haut {height: 20px; background: #bfe1db}
.bloc_arrondi_haut_gauche {position: relative; top: -1px; left: -1px; float: left; width: 20px; height: 20px; background: transparent url(/image/commun/table_haut_gauche_arrondi.gif) left top no-repeat}
.bloc_arrondi_haut_droite {position: relative; top: -1px; right: -1px; float: right; width: 20px; height: 20px; background: transparent url(/image/commun/table_haut_droite_arrondi.gif) right top no-repeat}
.bloc_arrondi_bas {height: 20px; line-height: 0; font-size: 0; clear: both}
.bloc_arrondi_bas_gauche {position: relative; bottom: -1px; left: -1px; float: left; width: 20px; height: 20px; background: transparent url(/image/commun/table_bas_gauche_arrondi.gif) no-repeat}
.bloc_arrondi_bas_droite {position: relative; bottom: -1px; right: -1px; float: right; width: 20px; height: 20px; background: transparent url(/image/commun/table_bas_droite_arrondi.gif) no-repeat}
.bloc_arrondi_titre_principal {position: absolute; font: bold 14px Verdana; color: #fff; height: 19px; line-height: 19px; vertical-align: center; margin-left: 5px; #margin-left: -5px}
.bloc_arrondi_titre_principal a, .bloc_arrondi_titre_principal a:hover {font: bold 12px Arial; color: #fff; height: 19px; line-height: 19px; vertical-align: center}
.bloc_arrondi_titre {line-height: 20px; background: #e9e9e9; text-align: center}
.bloc_arrondi_contenu {height: auto; padding: 5px 5px 0 5px}
.bloc_arrondi_contenu_introduction {font-weight: bold; font-size: 13px; padding: 10px 0}
.bloc_arrondi_contenu_bouton_action {text-align: center; margin-top: 15px}

/* Bloc avec les petits coins arrondis (vert) */
.bloc_petit_arrondi {border: 1px solid #008770; height: 100%}
.bloc_petit_arrondi .bloc_arrondi_haut {height: 10px; background: #bfe1db}
.bloc_petit_arrondi .bloc_arrondi_haut_gauche {position: relative; top: -1px; left: -1px; float: left; width: 10px; height: 10px; background: transparent url(/image/commun/table_haut_gauche_petit_arrondi_vert.gif) left top no-repeat}
.bloc_petit_arrondi .bloc_arrondi_haut_droite {position: relative; top: -1px; right: -1px; float: right; width: 10px; height: 10px; background: transparent url(/image/commun/table_haut_droite_petit_arrondi_vert.gif) right top no-repeat}
.bloc_petit_arrondi .bloc_arrondi_contenu {padding: 0 5px}
.bloc_petit_arrondi .bloc_arrondi_bas {height: 10px; line-height: 0; font-size: 0; clear: both}
.bloc_petit_arrondi .bloc_arrondi_bas_gauche {position: relative; bottom: -1px; left: -1px; float: left; width: 10px; height: 10px; background: transparent url(/image/commun/table_bas_gauche_petit_arrondi_vert.gif) no-repeat}
.bloc_petit_arrondi .bloc_arrondi_bas_droite {position: relative; bottom: -1px; right: -1px; float: right; width: 10px; height: 10px; background: transparent url(/image/commun/table_bas_droite_petit_arrondi_vert.gif) no-repeat}

/* Bloc secondaire avec les petits coins arrondis (orange) */
.bloc_petit_arrondi_secondaire {border: 1px solid #f96e08; height: 100%; margin: 5px 0 10px 0}
.bloc_petit_arrondi_secondaire .bloc_arrondi_haut {height: 10px; background: #fff8f1}
.bloc_petit_arrondi_secondaire .bloc_arrondi_haut_secondaire {height: 20px; _height: 95px; background: #f96e08}
.bloc_petit_arrondi_secondaire .bloc_arrondi_haut_gauche {position: relative; top: -1px; left: -1px; float: left; width: 10px; height: 10px; background: transparent url(/image/commun/table_haut_gauche_petit_arrondi_orange_secondaire.gif) left top no-repeat}
.bloc_petit_arrondi_secondaire .bloc_arrondi_haut_droite {position: relative; top: -1px; right: -1px; float: right; width: 10px; height: 10px; background: transparent url(/image/commun/table_haut_droite_petit_arrondi_orange_secondaire.gif) right top no-repeat}
.bloc_petit_arrondi_secondaire .bloc_arrondi_contenu, .bloc_petit_arrondi_secondaire .bloc_arrondi_contenu_secondaire {padding: 0 5px; background: #fff8f1; _margin-top: -5px}
.bloc_petit_arrondi_secondaire .bloc_arrondi_contenu_secondaire {font-size: 13px}
.bloc_petit_arrondi_secondaire .bloc_arrondi_bas {height: 10px; line-height: 0; font-size: 0; clear: both; background: #fff8f1}
.bloc_petit_arrondi_secondaire .bloc_arrondi_bas_gauche {position: relative; bottom: -1px; left: -1px; float: left; width: 10px; height: 10px; background: transparent url(/image/commun/table_bas_gauche_petit_arrondi_orange.gif) no-repeat}
.bloc_petit_arrondi_secondaire .bloc_arrondi_bas_droite {position: relative; bottom: -1px; right: -1px; float: right; width: 10px; height: 10px; background: transparent url(/image/commun/table_bas_droite_petit_arrondi_orange.gif) no-repeat}

#bloc_home_exploration {display: block; width: 200px; height: 20px; margin-left: 416px; margin-top: -10px; #margin-top: -30px; font-weight: bold; background: transparent url(/framework/lib/commun/image/parcours/map.png) 0 -1223px no-repeat; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) 0 -1223px no-repeat; padding: 7px 0 7px 20px}
.lien_home_exploration {font-weight: bold; text-decoration: underline}

.bloc_explorer {margin: 15px 0 0 0}
.bloc_explorer .bloc_arrondi_titre {text-align: left; padding-left: 10px; font-weight: bold}
.bloc_explorer .liste_recherche_exploration {margin: 0 0 0 180px}
.bloc_explorer .liste_recherche_exploration a {font-size: 12px}
.liste_recherche_exploration a {font-size: 12px}
.liste_recherche_exploration li.item_menu_exploration {display:block;float:left;width : 240px;}
.bloc_explorer .liste_recherche_exploration_double_colonne {float: left; width: 225px; margin: 0 0 0 15px}
.bloc_explorer .liste_recherche_exploration_triple_colonne {float: left; width: 147px; margin: 0 0 0 15px}
.bloc_explorer .liste_recherche_exploration_tableau {width: 100%}
.bloc_explorer .liste_recherche_exploration_tableau td {padding: 2px 5px}
.bloc_explorer .liste_recherche_exploration_ligne_impaire {background: #fff}
.bloc_explorer .liste_recherche_exploration_ligne_paire {background: #f8faf5}
.bloc_explorer .liste_recherche_exploration li, .bloc_explorer .liste_recherche_exploration_double_colonne li, .bloc_explorer .liste_recherche_exploration_triple_colonne li {clear: both; margin-top: 5px; height: 14px}
.bloc_explorer .liste_recherche_exploration_titre {background: #bfe1db; height: 14px}
.bloc_explorer .liste_recherche_exploration_titre a, .bloc_explorer .liste_recherche_exploration_titre span {font-weight: bold; text-transform: uppercase}
.bloc_explorer li.liste_recherche_exploration_titre, .bloc_explorer .liste_recherche_exploration_titre td {padding: 2px}
.bloc_explorer .liste_recherche_exploration_abecedaire {background: #e9e9e9; padding: 2px; font-weight: bold; text-transform: uppercase}
.bloc_explorer .aligne_droite {text-align: right}
.bloc_explorer .aligne_centre {text-align: center}
.bloc_explorer .flottant_droite {float: right}
.bloc_explorer .flottant_gauche {float: left}
.bloc_explorer .formulaire_exploration {text-align: center; margin: 15px 13px 15px 0}
.bloc_explorer .abecedaire {padding: 10px 0 20px 0; margin-left: 20px}
.bloc_explorer .abecedaire li {float: left; height: 12px; line-height: 12px}
.bloc_explorer .abecedaire a, .bloc_explorer .abecedaire span {float: left; padding: 0 5px; height: 12px; line-height: 12px}
.bloc_explorer .abecedaire_separateur {border-right: 1px solid #000}
.bloc_explorer .abecedaire_courant span {color: #f60; font: bold 11px Arial; margin-top: -1px}
.bloc_explorer .exploration_message_fin {height: 0; text-align: center; font: bold 11px Arial; color: #f60}

.liste_video_ligne {margin-bottom: 10px}
.liste_video_ligne .colonne_miniature {float: left; width: 196px; vertical-align: top; text-align: center}
.liste_video_ligne .colonne_info {float: left; width: 291px; vertical-align: top; margin-left: 3px}
.liste_video_ligne .ligne_info {margin-bottom: 3px}
.liste_video_ligne .ligne_info strong {display: block; float: left; width: 48px}
.liste_video_ligne .ligne_info_lien {text-align: right; margin-right: 3px}
.liste_video_ligne .colonne_miniature .principale {margin-top: 5px}

.miniature_video, .principale_video {background: #e9e9e9; width: 106px; text-align: center; padding: 2px 0; margin: 0 auto}
.principale_video {width: 186px}
#fiche_membre .principale_video {margin: 0 5px}
.miniature_video img, .principale_video img {margin-bottom: 3px}
.puce_play {background: transparent url(/framework/lib/commun/image/parcours/map.png) 0 -524px no-repeat; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) 0 -524px no-repeat; padding-left: 18px}

.formulaire_ligne {margin-bottom: 10px; text-align: center}
.formulaire_ligne_titre {margin-bottom: 10px; text-transform: uppercase; padding: 2px 5px; color: #fff; font-weight: bold; background: #ff9c00}
.formulaire_colonne_libelle {float: left; width: 196px; text-align: right; vertical-align: top; margin-top: 2px}
.formulaire_colonne_info {float: left; width: 291px; text-align: left; vertical-align: top; margin-left: 3px}
.input_text {#margin-left: -3px; width: 180px}
.input_checkbox {margin-left: 0; #margin-left: -4px; _margin-left: -4px}
.bouton_valider {text-align: center; margin: 15px 0}
.info_depose_flash {text-align: justify; padding: 0 4px}
.message_patienter {text-align: center; margin: 15px 0; color: #00b800; font-weight: bold; text-decoration: blink}
.description_etape_depose {margin-bottom: 15px}
#formulaire_video textarea {width: 281px; height: 42px; overflow: auto; #margin-left: -3px}

.saut {clear: both; line-height: 0; font-size: 0; height: 0}
.saut_ie {line-height: 0; font-size: 0; height: 0; margin-top: -10px; _margin-top: 0}

#mode_emploi {font-size: 11px; font-family: Arial; margin-bottom: 15px}
#mode_emploi .mode_emploi_titre {font-size: 13px; font-weight: bold; color: #008770; background: transparent url(/framework/lib/commun/image/parcours/map.png) 0 -1223px no-repeat; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) 0 -1223px no-repeat; padding-left: 20px}
#media_recorder {border: 2px solid #ff9c00; height: 300px; width: 320px; margin: 0 auto}
#video_barre_etape {margin: 15px 0; text-align: center}

.video_diaporama ul {width: 456px; padding: 0 5px; min-height: 20px; background: #f0f0f0; border-width: 1px 0; border-style: solid; border-color: #aaa; margin: 15px auto 0 auto}
.video_diaporama li {float: left; list-style: none; width: 114px; text-align: center; padding: 4px 0}
.video_diaporama .element_fin {width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; clear: both; float: none}
.video_diaporama img {border: 2px solid #e9e9e9}

.video_fiche ul {width: 488px; min-height: 20px; margin-left: -4px}
.video_fiche li {float: left; list-style: none; width: 100px; height: auto; margin: 0 11px; _margin: 0 7px}
.video_fiche .element_fin {width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; clear: both; float: none}
.video_fiche .lien_complementaire {float: right; margin: 10px 5px 5px 0; font-weight: bold; text-decoration: underline}

.image_video {display: block; height: 81px; overflow: hidden}
.principale_video .image_video {height: 141px}
.titre_video {display: block; height: 28px; overflow: hidden; margin: 0 3px}
.titre_video img {border: 0; vertical-align: text-top}

.bloc_video {margin-top: 15px}
.bloc_video .menu_bas {margin-top: 10px}
.bloc_video .menu_bas_gauche {width: 200px; float: left}
.bloc_video .menu_bas_droite {width: 60px; float: right; text-align: center}
.bloc_video .bloc_arrondi_contenu {text-align: center}
.bloc_video .video_infos {margin-top: 15px}

.bloc_miniature_video .bloc_petit_arrondi {width: 134px; margin: 0 auto; #margin-bottom: -3px}
.bloc_miniature_video .bloc_arrondi_contenu {background: #bfe1db; text-align: center; padding: 0; font: 11px Arial}
.bloc_miniature_video .bloc_arrondi_bas {background: #bfe1db}

.puce_valide {padding-left: 15px; background: url(/framework/lib/commun/image/parcours/map.png) 0 -1203px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1203px no-repeat; color: #00b800}
.puce_invalide {padding-left: 15px; background: url(/framework/lib/commun/image/parcours/map.png) 0 -1183px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1183px no-repeat; color: #db9400}

.lien_video_telecharger {display: block; border: 1px solid #000; width: 157px; height: 14px; font-weight: bold; background: url(/image/commun/telechargement.gif) 5px 3px no-repeat; padding: 6px 5px 6px 35px; margin: 15px auto}
.lien_video_webcam {display: block; border: 1px solid #000; width: 161px; height: 28px; font-weight: bold; background: url(/image/commun/webcam.gif) 5px 1px no-repeat; padding: 3px 5px 3px 40px; margin: 15px auto}


.lien_photo_vide {display: block; text-align: left; width: 93px; height: 40px; border: 1px solid #000; background: #fff; padding: 5px 5px 5px 50px; text-decoration: none; font-weight: bold; line-height: 20px; background: #fff url(/image/commun/photo.gif) no-repeat 10px 10px; margin: 0 auto 10px auto}
.lien_video_vide {width: 138px; text-indent: 40px; border: 1px solid #000; padding: 14px 5px 5px 5px; text-decoration: none; margin: 0 auto; line-height: 20px; background: #fff url(/image/commun/webcam.gif) no-repeat 12px 5px}

.titre_bloc {margin-left: 10px}

/* pages passions */

a.passion{color: #ff6e0e; text-decoration: underline; font-weight: bold}
a.passion:hover{color: #ff6e0e; text-decoration: underline; font-weight: bold}

.passion_titre{font: bold 16px Arial, Helvetica, sans-serif; color: #000}

a.passion_titre{font: bold 16px Arial, Helvetica, sans-serif; color: #000; text-decoration: none}
a.passion_titre:hover{font: bold 16px Arial, Helvetica, sans-serif; color: #000; text-decoration: none}

a.passion_lien_categorie{color: #57ADA0; text-decoration: none; font-weight: bold; font-size: 16px}

a.passion_lien_titrebloc{color: #fff; font-weight: bold; text-decoration: none}
a.passion_lien_titrebloc:hover{color: #fff; font-weight: bold; text-decoration: none}

a.passion_lien_passionne_libelle{text-decoration: underline}
a.passion_lien_passionne_libelle:hover{text-decoration: underline}

a.passion_lien_passionne_nombre{color: #f00; text-decoration: underline; font-weight: normal}
a.passion_lien_passionne_nombre:hover{color: #f00; text-decoration: underline; font-weight: normal}

a.passion_lien_categorie:hover{color: #57ada0; text-decoration: underline; font-weight: bold; font-size: 16px}

.passion_lien_passionne_bas{width: 300px; border-left: 1px; border-right: 1px; border-bottom: 1px; border-right-style: solid; border-left-style: solid; border-bottom-style: solid; border-color: #ff6600; background-color: #fee3cc; text-align: right}

.passion_entete_categorie_gauche{background: #dff3f2; font-weight: bold; padding-left: 5px; font-size: 12px}
.passion_entete_categorie_droite{background: #dff3f2; font-weight: bold; padding-right: 5px; font-size: 12px}

.passion_titre_categorie{padding: 0 5px}
.passion_cellule_gauche{padding: 1px 0 1px 5px}
.passion_cellule_droite{padding: 1px 5px 1px 0}

.passion_liste_personne_ligne1{background: #dff3f2; height: 55px}
.passion_liste_personne_ligne2{background: #f6fcfc; height: 55px}

.passion_liste_personne_premiere_lettre_selectionnee{font-weight: bold}

/*
#message_de_confirmation {width: 600px; margin: 5px auto; padding: 5px 10px 5px 7px; text-align: center; border: 1px solid #f00; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity=60); text-decoration: none; z-index: 100}
*/
.notification_page {width: 600px; margin: 10px auto !important}
#tablecontainer {color: #bbb; border: 1px solid #f93; text-align: center}

#message_de_confirmation { margin:0 0 20px 0;  padding:10px 20px; border: 1px solid #75BCB1; background: #FFFFFF url(/framework/lib/objmessagenotification/image/parcours/objmessagenotification_alerte.gif) no-repeat; clear:both; }
#message_de_confirmation_erreur { margin:0 0 20px 0;  padding:10px 20px; border: 1px solid #FE5E0A; background: #FFF8F1 url(/framework/lib/objmessagenotification/image/parcours/objmessagenotification_alerte_orange.gif) no-repeat; clear:both; }

/* pour remplacer les boules vertes */
.menu_onglet {width: 100%; display: block; float: left; border-bottom: 1px solid #ff9843; padding-bottom: 5px; margin-bottom: 10px}
.menu_onglet li {margin: 2px; text-align: center; display: block; float: left; list-style-type: none; text-align: center; background-color: #fff8f1; border: 1px solid #ff9843; padding: 2px 4px}
.menu_onglet li a {font: bold 12px Arial, helvetica sans-serif; color: #ff700a}
.menu_onglet li.active {background-image: url(/image/commun/degrade.gif); background-repeat: repeat-x; padding: 2px 4px}
.menu_onglet li.active a {font: bold 12px Arial, helvetica sans-serif; color: #fff}

.relation_lien_parente_cache {display: none; text-align: right}


/* DEBUT UPLOAD PHOTO */
.colonne_album_libelle {float: left; width: 160px; padding: 5px 8px 0 0; text-align: right}
.colonne_album_info {float: left; width: 355px; padding-top: 5px}
.bord_second {border-color: #ccc; border-style: solid none none; border-width: 1px 0pt 0pt; height: 0pt; margin: 6px 0pt}
.album_bouton_valide {text-align: center}
.album_lien_validation {text-align: center}
.album_lien_validation a {font: bold 14px Arial, Helvetica, sans-serif; color: #f60; text-decoration: underline}
.liste_miniature a {font-weight: bold; text-decoration: underline;}
.liste_miniature a:hover {text-decoration: none;}
.album_modif_info {text-align: center; margin-top: 20px; font-size: 10px}

.album_intitule_droit { background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll -2px -623px; padding-left: 15px; /* height: 20px; line-height: 20px; */}
.album_liste_droit {width: 165px; /* float: left; */}
.album_liste_droit input {/*float: left; */}
.album_liste_droit .titre_droit {padding-top: 3px; /*width: 140px; */}
.liste_info_sup {display: none}
#album_photo_parametrage ul.album_info_sup li.ouvrir a {width: 70px; padding-left: 18px; background: url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 5px -703px; text-decoration: underline}
#album_photo_parametrage ul.album_info_sup li.reduire a {width: 70px; padding-left: 18px; background: url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 5px -725px; text-decoration: underline}
/*#album_photo_parametrage ul.album_info_sup li.ouvrir a {width: 70px; padding-left: 18px; background: url(/image/zone_papier/fleche_ouvrir.png) no-repeat; text-decoration: underline}
#album_photo_parametrage ul.album_info_sup li.reduire a {width: 70px; padding-left: 18px; background: url(/image/zone_papier/fleche_reduire.png) no-repeat; text-decoration: underline}*/
#album_photo_parametrage div.album_liste_droit label {vertical-align: middle;}
#album_photo_parametrage div.album_liste_droit input {vertical-align: middle;}
#album_photo_parametrage div#ligne_groupe label {vertical-align: middle;}
#album_photo_parametrage div#ligne_groupe input {vertical-align: middle;}
#album_photo_parametrage div#ligne_commentaire label {vertical-align: middle;}
#album_photo_parametrage div#ligne_commentaire input {vertical-align: middle;}


#gestion_album #donnees_album {width: 527px; float: left}
#gestion_album #donnees_album .sans_vignette {margin: 50px auto; width: 163px}
#gestion_album #donnees_album a {font-size:12px;}

#menu_gestion_album {border-bottom: 2px solid #ff700a; height: 25px; margin-bottom: 7px}

#gestion_album_ajout_photo #donnees_album {width: 650px; float: left}

#mes_albums #donnees_album, #album_reseau #donnees_album {width: 527px; float: left}
#mes_albums #liste_mes_albums .info_album, #album_reseau #liste_album_reseau .info_album, #liste_photo_groupe .photo_info {padding-top: 5px}
#mes_albums #liste_mes_albums .sans_vignette, #album_reseau #liste_album_reseau .sans_vignette {padding-top: 25px; text-align: center}
#mes_albums #liste_mes_albums .info_album .detail_album, #album_reseau #liste_album_reseau .info_album .detail_album {overflow: hidden}

#album_reseau #liste_album_reseau .album_liaison_active {color: green; font-weight: bold}
#album_reseau #liste_album_reseau .album_liaison_attente {color: #FF700A; font-weight: bold}
.album_reseau_cache {display: none}

#album_photo_mode_emploi {float: left; width: 250px; _width: 249px; margin-left: 10px}
#colonne_droite_diaporama_album {float: left; width: 300px}
#album_photo_mode_emploi label {font-weight: bold}
#album_photo_mode_emploi .titre {font: bold 13px Arial, Helvetica, sans-serif; color: #008770; background: transparent url(/framework/lib/commun/image/parcours/map.png) 0 -1218px no-repeat; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) 0 -1218px no-repeat; height: 50px; padding: 5px 0 7px 20px}
#album_photo_mode_emploi .titre {font: bold 13px Arial, Helvetica, sans-serif; color: #008770; padding: 5px 0 7px 20px}
#album_photo_mode_emploi .contenu {background: #FFF8F1; border: 1px solid #FF700A; padding: 5px}

#liste_image_album {border: 0px solid #f60}
#liste_image_album .ligne_image {clear: both}
#liste_image_album .image_image {float: left; border: 1px solid #ccc; margin: 2px; padding: 2px 3px; width: 162px; text-align: center; height: 166px}
#album_image_noncreateur #liste_image_album .image_image {width: 151px}
#liste_image_album .image_image a.libelle_image {display: block; margin-bottom: 5px; font: bold 12px Arial, Helvetica, sans-serif; height: 14.5px; overflow: hidden; text-decoration: underline}
#liste_image_album .image_image a.vignette_image {display: block; height: 100px}
#liste_image_album .image_image a.commentaire_image {display: block; height: 38px; line-height: 13px; overflow: hidden; text-decoration: underline}
#liste_image_album .image_image a.commenter_image {display: block; margin-top: 20px; line-height: 13px; overflow: hidden; text-decoration: underline}

#liste_image_diaporama_album {width: 615px; float: left; margin-right: 10px; /*background: transparent url(/image/gen/filet_centre.png) repeat-y scroll right center; padding-right: 5px; */}
#liste_image_diaporama_album div.contenu_image_diaporama {border: 1px solid #56AC9F; padding: 5px;}
#liste_image_diaporama_album .navigation {padding: 10px; clear: both; text-align: center; width: 595px;}
#liste_image_diaporama_album .navigation a {font-size: 12px;}
#liste_image_diaporama_album .navigation .lien_precedent {float: left; text-align: left; width: 15%;}
#liste_image_diaporama_album .navigation .titre_image {float: left; text-align: center; width: 70%; font: bold 18px Arial, Helvetica, sans-serif; color: #008770}
#liste_image_diaporama_album .navigation .lien_suivant {float: right; text-align: right; width: 15%;}
#liste_image_diaporama_album .navigation .lien_abus {float: left; text-align: center; width: 70%;}
#liste_image_diaporama_album .navigation .lien_abus a {font-size: 11px; padding-left: 17px; text-decoration: none; color: #000; background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -1563px;}
* html #liste_image_diaporama_album .navigation .lien_abus a {background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -1563px;}
#liste_image_diaporama_album .navigation .lien_abus a:hover {text-decoration: underline;}
#liste_image_diaporama_album .navigation_haut {padding-top: 0px;}
#liste_image_diaporama_album .image_miniature {float: left; margin: 2px 2px 2px 0px; height: 54px}
#liste_image_diaporama_album .image_miniature img {margin-top: 4px}
#liste_image_diaporama_album .image_miniature img.image_encadree {border: 3px solid #FF700A; padding: 1px; margin-top: 0px}
#liste_image_diaporama_album .image_agrandie {margin: 15px auto 0px auto; text-align: center}
#liste_image_diaporama_album .liste_miniature {clear: left; padding: 5px;}
#liste_image_diaporama_album .liste_miniature a {font-size: 12px;}
#liste_image_diaporama_album .commentaire_image {padding: 5px;}
#liste_image_diaporama_album .miniatures {background: #fff8f1; padding: 5px;}
#liste_image_diaporama_album .commentaire_image {border: 1px solid #56AC9F; margin-top: 5px; font-weight: bold; text-align: left}
#liste_image_diaporama_album .image_donnees {width: 100%; margin-top: 5px}
#liste_image_diaporama_album .image_donnees label {float: left; width: 125px; margin: 0px 10px 10px 0px; text-align: right}
#liste_image_diaporama_album .image_donnees .colonne_image_info {float: left; width: 400px; text-align: left; margin-bottom: 10px;}
#liste_image_diaporama_album .image_donnees .colonne_image_info li {text-align: left;}
#liste_image_diaporama_album .diaporama_detail_album {margin-bottom: 10px}
#liste_image_diaporama_album .diaporama_detail_album .description_album {width: 100%;}
#liste_image_diaporama_album .diaporama_detail_album .description_album div {float: left; font-style: italic;}
#liste_image_diaporama_album .diaporama_detail_album .description_album div.texte_description {width: 450px; font-style: italic;}
#liste_image_diaporama_album .diaporama_detail_album a.lien_fiche {text-decoration: none;}
#liste_image_diaporama_album .diaporama_detail_album a.lien_fiche:hover {text-decoration: underline;}
#liste_image_diaporama_album .lien_action_photo {clear: left; margin: 10px 0px; font-weight: bold; background: transparent url('/image/album_photo/fond_gris_degrade.gif') repeat-x left top; height: 21px; padding: 0px 5px; line-height: 21px;}
#liste_image_diaporama_album .lien_action_photo div {float: left;}
#liste_image_diaporama_album .lien_action_photo span {float: left;}
#liste_image_diaporama_album .lien_action_photo a {font-size: 12px;}
#liste_image_diaporama_album .lien_action_photo a.ancre span {text-decoration: underline;}
#liste_image_diaporama_album .lien_action_photo a.ancre:hover span {text-decoration: none; cursor: pointer;}
#liste_image_diaporama_album .lien_action_photo div.lien_tshirt {float: right;}
#liste_image_diaporama_album .lien_action_photo div.lien_tshirt a {padding-left: 21px; background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -203px;}
* html #liste_image_diaporama_album .lien_action_photo div.lien_tshirt a {background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -203px;}
#liste_image_diaporama_album .lien_action_photo a {text-decoration: underline;}
#liste_image_diaporama_album .lien_action_photo a:hover {text-decoration: none;}
#liste_image_diaporama_album .lien_action_photo a.ofcc_a {padding-left: 20px; background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -242px;}
* html #liste_image_diaporama_album .lien_action_photo a.ofcc_a {background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -242px;}
#liste_image_diaporama_album .phylactere_incitation {background: transparent url(/image/album_photo/phylactere_incitation.gif) no-repeat scroll left top; height: 35px; padding: 15px 0px 0px 25px; margin-left: 67px;}
* html #liste_image_diaporama_album .phylactere_incitation {margin-left: 65px;}
#liste_image_diaporama_album .phylactere_incitation a {font-size: 12px; text-decoration: underline;}
#liste_image_diaporama_album .phylactere_incitation a:hover {text-decoration: none;}
#liste_image_diaporama_album .phylactere_incitation_photo {margin-left: 7px;}
* html #liste_image_diaporama_album .phylactere_incitation_photo {margin-left: 15px;}
#liste_image_diaporama_album .incitation {text-align: center; font-weight: bold; margin-bottom: 10px;}
#liste_image_diaporama_album .incitation a {text-decoration: underline; padding-left: 20px; background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -242px;}
* html #liste_image_diaporama_album .incitation a {background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -242px;}
#liste_image_diaporama_album .incitation a:hover {text-decoration: none;}
#liste_image_diaporama_album a.lien_souligne_orange {font-size: 11px;}
#liste_image_diaporama_album a.lien_souligne_orange:hover {text-decoration: none;}

/* Les pseudos diaporama sont utilisés dans le cadre de l'affichage des photos pour les séjours et les weekends */
#pseudo_diaporama {margin: 10px auto; width: 495px; text-align: center}
#pseudo_diaporama #liste_image_diaporama_album {width: 488px; float: none; margin: 10px 0 0 0; padding: 0 2px 4px 2px; _padding: 0 2px; background: #fff8f1; border: 1px solid #ff700a}

#titre_encart_liste_album {background: #f60; color: #fff; font-weight: bold; width: 300px; padding-left: 2px}
.home_service_contenu {clear: both}
.home_service_contenu .ligne_album_photo, .home_service_contenu .ligne_album_photo_reseau, .home_service_contenu .ligne_photo_groupe {clear: both; height: 153px; overflow: hidden; margin-left: -2px; _margin-right: -4px; padding-left: 5px}
.home_service_contenu .album_photo, .home_service_contenu .album_photo_reseau, .home_service_contenu .photo_groupe {float: left; border: 1px solid #FFA35F; margin: 2px; padding: 3px 3px; width: 147px; text-align: center; height: 141px}
.home_service_contenu .ligne_album_photo_reseau, .home_service_contenu .ligne_photo_groupe {height: 153px}
.home_service_contenu .album_photo_reseau, .home_service_contenu .photo_groupe {height: 141px}
.home_service_contenu .album_photo .libelle_album, .home_service_contenu .album_photo_reseau .libelle_album, .home_service_contenu .photo_groupe .libelle_photo {height: 13px; overflow: hidden}
.home_service_contenu .album_photo .libelle_album .nom_album {font-weight: bold;}
.home_service_contenu .album_photo a.nombre_photo {text-decoration: underline;}
.home_service_contenu .album_photo a.nombre_photo:hover {text-decoration: none;}
.home_service_contenu .album_photo .vignette_album, .home_service_contenu .album_photo_reseau .vignette_album, .home_service_contenu .photo_groupe .vignette_photo {height: 100px}
.home_service_contenu .album_photo .vignette_album .sans_vignette {padding-top: 40px; width: 100px; margin: 0 auto}
.home_service_contenu .album_photo .commentaire_album {width: 148px; height: 40px; overflow: hidden}
.home_service_contenu .album_photo_reseau .lien_proprietaire {height: 14px; overflow: hidden}
.home_service_contenu .nouvel_album {width: 151px; margin-top: 36px}
.home_service_contenu .lien_pied {text-align: right; margin-right: 5px}

#installe_active_x .elt_centrer {text-align: center}
#installe_active_x .bouton_num {margin-right: 2px; height: 18px; width: 18px; background: url(/image/zone_papier/bouton_rond.gif) top left no-repeat; font: normal 11px arial; color: #fff; border: 0px; cursor: text}

#liste_album_photo_personne .ligne_album_photo {clear: both}
#liste_album_photo_personne .album_photo .libelle_album {height: 12px;}
#liste_album_photo_personne .album_photo .vignette_album {height: 100px}
#liste_album_photo_personne .album_photo .commentaire_album {width: 148px; height: 40px; overflow: hidden}
#liste_album_photo_personne .album_photo {float: left; border: 1px solid #FFA35F; margin: 2px 2px; padding: 3px 3px; width: 30%; text-align: center; height: 127px}
#liste_album_photo_personne_complete a {color: #333;}
#liste_album_photo_personne_complete a.lien_voir {color: #333; text-decoration: none;}
#liste_album_photo_personne_complete a.lien_voir:hover {text-decoration: underline;}
#liste_album_photo_personne_complete a.nombre_photo {text-decoration: underline;}
#liste_album_photo_personne_complete a.nombre_photo:hover {text-decoration: none;}
#liste_album_photo_personne_complete .ligne_album_photo {clear: both}
#liste_album_photo_personne_complete .album_photo .libelle_album {height: 12px; overflow: hidden; font-weight: bold;}
#liste_album_photo_personne_complete .album_photo .vignette_album {height: 100px}
#liste_album_photo_personne_complete .album_photo .commentaire_album {width: 148px; height: 42px; overflow: hidden}
#liste_album_photo_personne_complete .album_photo {float: left; border: 1px solid #FFA35F; margin: 2px 2px; padding: 3px 3px; width: 30%; text-align: center;}
#liste_modif_image_album {border-top: 1px solid #ccc; margin-top: 10px; padding-bottom: 10px}
#liste_modif_image_album .ligne_image {/*clear: both; */ border-bottom: 1px solid #ccc; padding: 10px 0}
#liste_modif_image_album .image_image {float: left; width: 225px}
#liste_modif_image_album .image_image input {float: left; position: absolute; margin: 0; padding: 0; #margin: -4px 0 0 -4px}
#liste_modif_image_album .image_donnees {float: left; width: 300px}
#liste_modif_image_album .image_donnees label {font-weight: bold}
#liste_modif_image_album .ligne_image .image_action {text-align: center}
#liste_image_album_ranger {height: auto; width: 500px; border: 0}
#liste_image_album_ranger .sorthelper{float: left}
.sortableitem{float: left; width: 100px; height: 100px; background: #ffeedf; padding: 5px; margin: 2px; text-align: center}
.menu_album {float: left; height: 20px; padding-bottom: 2px}
.menu_album li {height: 20px; line-height: 20px; float: left; border: 1px solid #ff700a; background: #fff8f1; text-align: center; padding: 0px 4px; margin: 0 2px}
.menu_album a, .menu_album a:hover {display: block; color: #ff700a; font-weight: bold}
.menu_album .onglet_courant {background: #FF700A}
.menu_album .onglet_courant a, .onglet_courant a:hover {color: #fff}
.menu_album .onglet_fin {width: 0; height: 0; margin: 0; padding: 0; font-size: 0; line-height: 0; clear: both; float: none; background: none; border: none}

a.lien_nouvel_album {float: right; margin-top: 10px; text-decoration: underline}

#album_photo_envoi #album_photo_envoi_ami, #album_photo_envoi #album_photo_envoi_mail, #album_photo_envoi #album_photo_envoi_carnet, #album_photo_autorise #album_photo_envoi_ami {padding-bottom: 10px}
#album_photo_envoi .bloc_liste_relation, #album_photo_autorise .bloc_liste_relation {border: 1px solid #f93; padding: 5px 0}
#album_photo_envoi .titre_relation, #album_photo_autorise .titre_relation {font-weight: bold; clear: both; padding: 7px 0 2px 3px}
#album_photo_envoi .liste_relation, #album_photo_autorise .liste_relation {width: 175px; float: left}
#album_photo_envoi .liste_relation input, #album_photo_autorise .liste_relation input {float: left}
#album_photo_envoi .liste_relation .relation_nom, #album_photo_autorise .liste_relation .relation_nom {overflow: hidden; width: 150px; padding-top: 3px}
#album_photo_envoi .liste_relation .relation_info, #album_photo_autorise .liste_relation .relation_info {font-style: italic; color: #CAC8BB}
#album_photo_envoi #tablecontainer {margin: 0 !important; width: 518px !important; border: 0px none !important}
#album_photo_envoi .englobe_tablecontainer {border: 1px solid #f93; padding: 4px}
#album_photo_envoi textarea {border: 1px solid #f93; width: 517px; overflow-y: scroll}
#album_photo_autorise p.bouton_contextuel a {display: block; padding-top: 2px; height: 16px; width: 150px; font: bold 11px arial; color: #fff; letter-spacing: -0px; word-spacing: -0.5px; background: url(/image/zone_papier/bouton_150.gif) top left no-repeat; text-align: center; text-decoration: none; margin: auto}
.album_photo_separation {clear: both; line-height: 1; font-size: 1; height: 1; border-bottom: 1px solid #ccc; margin: 3px 3px}
.album_vignette_gauche, .photo_vignette {float: left; margin: 5px; width: 100px; height: 100px; text-align: center}
.photo_vignette {margin-bottom: 21px}
.photo_vignette img {margin-bottom: 1px}
.album_sans_album {height: 200px; padding-top: 50px; /* aucun album a afficher sur la page en cours */}
#album_photo_envoi .commentaire_fin_formulaire {color: #555; padding: 0; margin: 0}

a.lien_agrandir {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1041px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1041px no-repeat; padding: 2px 2px 2px 18px; text-decoration: underline}
a.lien_supprimer {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1060px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1060px no-repeat; padding: 2px 2px 2px 18px; text-decoration: underline}
a.lien_voir {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1080px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1080px no-repeat; padding: 2px 2px 2px 20px; text-decoration: underline; color: #f60}
a.lien_commenter {background: url(/framework/lib/commun/image/parcours/map.png) 0 -240px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -240px no-repeat; padding: 2px 2px 2px 20px;}
a.supprimer {line-height: 20px; background: url(/framework/lib/commun/image/parcours/map.png) -2px -1341px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1343px no-repeat; padding: 2px 2px 2px 20px}
a.statut_messagerie_instantanee {font-size:11px;text-decoration:underline;}
a.statut_messagerie_instantanee:hover {font-size:11px;text-decoration:none;}
a#statut_messagerie_lien {position:relative;bottom:3px;padding-left:2px;color:#000000;font-weight:normal;}
a#statut_messagerie_image {padding-left:10px;text-decoration:none;}

.bouton_150 {padding-bottom: 4px; $padding-bottom: 2px; height: 18px; width: 150px; background: url(/image/commun/bouton_150.gif) top left no-repeat;
font: bold 10px arial; color: #fff; border: 0px; text-align: center; letter-spacing: -0px; word-spacing: -0.5px; cursor: pointer}

.input_upload_alternatif {margin-bottom: 15px}
/* FIN UPLOAD PHOTO */

/* DEBUT UPLOAD PHOTO GENERIQUE */
.couleur_secondaire {color: #ff700a}
.liste_mode_emploi {margin-bottom: -10px}
.liste_mode_emploi li {text-indent: 10px; background: url(/image/commun/puce.gif) 0 4px no-repeat; margin: 0 0 10px 0}
.liste_mode_emploi_inscription {margin-bottom: -5px; height: 100px}
.liste_mode_emploi_inscription li {margin: 0 0 5px 5px; height: 30px}
.liste_mode_emploi_inscription li .fleche_incitation {float: left; width: 18px; height: 15px; background: url(/framework/lib/commun/image/parcours/map.png) 0 -1223px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1223px no-repeat}
.liste_mode_emploi_inscription li .texte_incitation {float: left; clear: right; width: 260px}
.home_service_bloc {margin: 15px 0}
.home_service_titre_principal {background: #f60; color: #fff; border-top: 1px solid #f60; font-weight: bold; width: 300px; padding-left: 2px; float: left}
.home_service_titre_complementaire {text-align: right; /*border-color: #f60; border-style: solid; border-width: 1px 1px 0px 0px; */}
.home_service_contenu {border: 1px solid #f60; margin: 2px}
.home_service_contenu .premier_element {padding: 5px; _height: 1px}
.puce_un, .puce_deux, .puce_trois, .puce_quatre {font-weight: bold; text-indent: 24px; line-height: 19px}
.puce_un {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1121px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1120px no-repeat}
.puce_deux {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1141px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1140px no-repeat}
.puce_trois {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1161px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1160px no-repeat}
.puce_quatre {background: url(/image/album_photo/puce_quatre.gif) 0 0 no-repeat}

.album_incitation_relation { _margin-top: 10px; #margin-top: 10px}
.album_incitation_relation .picto{ float: left; margin: 14px 7px 0px 5px; _margin-top: 5px; #margin-top: 5px}
.album_incitation_relation .cellule_vignette {float: left; width: 150px; ; padding: 10px 5px; overflow: hidden}
.album_incitation_relation .cellule_vignette .vignette26 {float: left; margin: 0 10px 5px 5px; _margin: 0 5px 5px 5px}
.album_incitation_relation .cellule_vignette .texte_vignette26 {position: relative; overflow: hidden}
.album_incitation_relation .album_relation_ajouter {margin: 5px 0px 0px 0px; padding: 0 0 0 64px; font-size: 11px; display: block; height: 30px; /*width: 491px; */color: #5c5a5b; font-weight: bold; background: url(/image/album_photo/bg_bandeau_gris.gif) top left no-repeat}
.album_incitation_relation .album_relation_ajouter p {display: block; float: left; height: 26px; line-height: 28px; padding: 0 10px; margin: 0}
.album_incitation_relation .album_relation_ajouter ul { display: block; float: left; font-weight: normal; list-style: none; padding: 0; height: 26px; line-height: 26px; ; margin: 3px 0 0 0}
.album_incitation_relation .album_relation_ajouter ul li{display: block; float: left; color: #5b595a; margin: 0; margin-right: 5px}
.album_incitation_relation .album_relation_ajouter ul li label input {position: relative; top: 2px}
.album_incitation_relation .album_relation_ajouter .album_relation_ajouter_ok input {display: block; float: left; cursor: pointer; margin: 4px 0 0 6px; background: url(/image/blocdonnees/bg_bt_ok.gif) top left no-repeat; width: 18px; height: 18px; border: 0}

/* FIN UPLOAD PHOTO GENERIQUE */

.bloc_inscription_categorie{width: 491px; padding: 2px; background: #ff6600; color: #fff; font-weight: bold; text-decoration: none}
.bloc_inscription_categorie_entreprise{width: 491px; padding: 5px 2px; background: #ff6600; color: #fff; font-weight: bold; text-decoration: none}

.recherche_texte{border: 1px solid ; padding-left: 2px; width: 175px}

/* week-end */
.weekend {font: 11px Arial, Helvetica, sans-serif}
a.weekend {font: 11px, Arial, Helvetica, sans-serif; text-decoration: underline}
.champ_vide {border: 3px solid #f00}
.apercu_weekend td {font: 11px Arial, Helvetica, sans-serif; padding: 3px; vertical-align: top}
.apercu_weekend tr.ligne_titre {background: #fee3cc}
.weekend_refuse {font: bold 11px Verdana; background-color: #f00; color: #fff; padding: 2px}
.weekend_refuse a {color: #fff}
#description_complet {display: none}
#appreciation_complet {display: none}
hr.vert2 {border: 0px; color: #fff; border-top: 1px solid #00aa70}
/*
.formulaire_weekend {width: 100%}
.formulaire_weekend td {vertical-align: top}
.bouton_valider_questionnaire {padding: 1px; text-align: center; border: 1px solid #ff6600; width: 25%; background-color: #fee3cc}
*/
.formulaire_weekend td {padding: 2px 0; vertical-align: top}
.formulaire_weekend label {display: block; width: 200px; float: left; margin-bottom: 5px; clear: both}
.formulaire_weekend .element {width: 200px; float: left; margin-bottom: 5px}
.formulaire_weekend button {padding: 0; border: none; display: block; background: url(/image/commun/btn_valider.gif) no-repeat top left; width: 48px; height: 18px; margin: 10px auto; cursor: pointer}
.formulaire_weekend button span {display: none}

/* fiche_membre_bloc_relation_ajout */
/* MISE EN COMMENTAIRE THOMAS 18/02/2009 MODULE REMPLACE
#fiche_membre_bloc_relation_ajout {width: 100%}
#fiche_membre_bloc_relation_ajout div, #fiche_membre_bloc_relation_ajout td {padding: 2px 5px; width: auto}
#fiche_membre_bloc_relation_ajout div.padding_champ {padding: 0}
#fiche_membre_bloc_relation_ajout label {display: block; float: left; width: 220px; font-weight: bold}
#fiche_membre_bloc_relation_ajout label.commentaire {display: block; float: left; width: 220px; text-align: right; font-weight: normal}
//#fiche_membre_bloc_relation_ajout .bouton_relation {margin: 5px; padding: 1px; text-align: center; border: 1px solid #ff6600; width: 25%; background-color: #fee3cc}
*/
/* home parrainage */
#home_bloc_parrainage {width: 100%}
#home_bloc_parrainage div  {width: auto}
#home_bloc_parrainage div.padding_champ {padding: 0}
#home_bloc_parrainage .textarea {height: 100px; width: 280px}
#home_bloc_parrainage .textarea_moyen {height: 50px; width: 397px}
#home_bloc_parrainage .textarea_grand {height: 130px; width: 397px}

/* menu communautaire */
.menu_communautaire {border: 1px solid #ccc; width: 190px; margin: 5px}
.menu_communautaire .menu_bloc {}
.menu_communautaire .menu_titre {padding: 2px 0 2px 5px ; font: bold 11px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; background-color: #56AD9F}
.menu_communautaire .menu_items li {padding: 2px 0px 2px 5px; list-style-type: none}
.menu_communautaire .menu_items a {font-weight: bold; padding-left: 10px; background: url(/image/menu_communautaire/puce_item.gif) left center no-repeat}
.menu_communautaire .menu_items a:hover{text-decoration: none}
.menu_communautaire hr.item_separateur {border-style: solid none none; border-width: 1px 0pt 0pt; height: 0pt; margin: 0; border-color: #D7D4C6; background:#FFFFFF}
.menu_communautaire .menu_sous_bloc {padding-left: 5px; border-top: 1px solid #56AD9F}
.menu_communautaire .menu_sous_bloc .titre_sousbloc {font-weight: bold; color: #56AD9F}
.menu_libelle_groupe {float: left; width: 100px; text-decoration: underline}
.menu_communautaire .menu_description_groupe {color: #B2B2B2; float: left}
/* fin menu communautaire */

/* groupe */
.groupe_titre {font: bold 16px Arial, Helvetica, sans-serif; color: #000}
.groupe_titre a {font: bold 16px Arial, Helvetica, sans-serif; color: #000; text-decoration: none}
.groupe_titre a:hover{font: bold 16px Arial, Helvetica, sans-serif; color: #000; text-decoration: none}

a.groupe {color: #ff6e0e; text-decoration: underline; font-weight: bold}
a.groupe:hover{color: #ff6e0e; text-decoration: underline; font-weight: bold}

.liste_groupe {}
.liste_sous_categorie .element_gauche, .liste_groupe .element_gauche {padding: 1px 0 1px 5px}
.liste_sous_categorie .element_droit, .liste_groupe .element_droit {padding: 1px 5px 1px 0}
.liste_sous_categorie .colonne_groupe, .liste_groupe .colonne_groupe {float: left; padding: 0 2px}
.liste_sous_categorie .cellule_groupe, .liste_groupe .cellule_groupe {padding-left: 5px; font-weight: bold}
.liste_sous_categorie .cellule_categorie, .liste_groupe .cellule_categorie {padding: 0 5px}
.liste_sous_categorie .cellule_categorie a, .liste_groupe .cellule_categorie a {color: #57ADA0; text-decoration: none; font-weight: bold; font-size: 16px}
.liste_sous_categorie .cellule_categorie a:hover, .liste_groupe .cellule_categorie a:hover {color: #57ADA0; text-decoration: none; font-weight: bold; font-size: 16px}
.liste_sous_categorie .entete_categorie, .liste_groupe .entete_categorie{background: #dff3f2; font-weight: bold; padding: 2px 5px; font-size: 12px}
.liste_sous_categorie .titre_categorie, .liste_groupe .titre_categorie {background: #dff3f2; font-weight: bold; font-size: 12px}
.liste_sous_categorie .fin_categorie, .liste_groupe .fin_categorie {text-align: right; margin-bottom: 15px; padding: 1px 5px 1px 0}
.liste_groupe_utilisateur_ligne{height: 55px}
.ligne_groupe_detail_formulaire {display: none}
.liste_groupe_utilisateur_entete{background: #F3F2F4; height: 30px; font-weight: bold}
.liste_groupe_filet{height: 1px; background-color: #F3F2F4}
.recherche_inscription {float: left; width: 200px}
.detail_inscription {float: left; width: 300px}
.formulaire_inscription {padding-bottom: 100px}
.categorie_inscription {display: none}
/* FIN groupe */

a.lien_photo_suivante {background: url(/framework/lib/commun/image/parcours/map.png) 0 -1100px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1100px no-repeat; color: #f60; text-decoration: underline; font: bold 11px Verdana; padding: 4px 20px 4px 25px}

/* bloc selection shopping */
#selection_shopping {clear: both; width: 300px; margin-top: 20px; margin-bottom: 20px}
#selection_shopping p {margin: 0px; padding: 0px}
#selection_shopping .bloc_champ {background: transparent; border: 1px solid #908D88; background: transparent}
#selection_shopping .bloc_champ a.selection_titre {display: block; _position: relative; float: left; margin-top: -7px; margin-left: 15px; _margin-left: 5px}
#selection_shopping .bloc_champ .selection_corps {margin: 15px 0px 15px 10px; $margin-top: 5px}
#selection_shopping .bloc_champ .selection_corps img {clear: left; margin-right: 10px}
#selection_shopping .bloc_champ .selection_corps .selection_nom, #selection_shopping .bloc_champ .selection_corps .selection_nom a {font: bold 14px Arial; color: #333}
#selection_shopping .bloc_champ .selection_corps .selection_prix, #selection_shopping .bloc_champ .selection_corps .selection_prix a {font: bold 13px Arial; color: #ca3300}
#selection_shopping .bloc_champ .selection_corps ul {list-style: none; $width: 180px}
#selection_shopping .bloc_champ .selection_corps li {display: block; background: url(/framework/lib/commun/image/parcours/map.png) 0 -1464px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -1464px no-repeat; padding-left: 10px}
#selection_shopping .bloc_champ .selection_corps li a {font: normal 12px Arial; color: #333}
#selection_shopping .bloc_champ .selection_corps a.flechehome {color: #f60; font: bold 10px Verdana; text-decoration: underline; background: url(/framework/lib/commun/image/parcours/map.png) 0 1424px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 1424px no-repeat; padding-left: 10px}
#selection_shopping .bloc_champ .selection_corps a.flechehome:hover {text-decoration: none}
#selection_shopping .bloc_coinhg, #selection_shopping .bloc_coinhd, #selection_shopping .bloc_coinbg, #selection_shopping .bloc_coinbd {height: 12px; width: 12px}
.publicite_position1 {text-align: center; clear: both}
.publicite_position3 {text-align: center; margin-bottom: 15px; margin-top: 15px; clear: both}

#PubRight3 {min-height: 250px; _height: 250px; margin-bottom: 30px}

/**
* bloc de donnée
* icones pour les liens
*/
a.lien_icone_modifie {background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -603px; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -603px; margin-left: 5px; padding-left: 20px}
a.lien_icone_ajout {background: url(/framework/lib/commun/image/parcours/map.png) 0 -423px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -423px no-repeat; padding-left: 20px; margin-left: 5px}
a.lien_icone_tous {background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -364px; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -364px; margin-left: 5px; padding-left: 20px}
a.lien_icone_agrandie {background: url(/framework/lib/commun/image/parcours/map.png) 0 -383px no-repeat; _background: url(/framework/lib/commun/image/parcours/map.gif) 0 -383px no-repeat; padding-left: 20px; margin-left: 5px}
.fond_gris_clair {background-color: #f6f3ec}
.titre_vert{-x-system-font: none; color: #008770; font-family: arial; font-size: 12px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; text-decoration: none}

/* tout sauf liens fonctionnels */
.text_blocdonnee{font-size: 12px; padding: 2px}
}

/* Autocompleter (styles sortis de application.css, papier.css et quartier.css) */
#autocompleteHelper {z-index: 30000; display: block; background: #f6f3ec; border: 1px solid #c3c2be; top: 100; left: 100}
.autocompleter {border: 1px solid #c3c2be; width: 320px; background: #f6f3ec}
.autocompleter ul li {padding: 2px 5px; white-space: nowrap; font-size: 11px; font-weight: bold}
.selectAutocompleter {background: #e1e3ce}
#selectedCity {border: 1px solid #eee; width: 250px; padding: 10px; float: right}

/**
* partie relative aux onglets génériques (cf objongletgenerique ) :
*/
ul.ongletsGeneriques {background: #FFFFFF url(/image/onglets/pixel_orange.gif) repeat-x 0px 22px; height: 22px; padding: 0 0 1px 0; margin: 0px 0px 0px 0px!important}
ul.ongletsGeneriques li {width: auto; border: 0; background: none; display: block; float: left; margin: 0; padding: 0}
ul.ongletsGeneriques li a {cursor: pointer; display: block; float: left; color: #8D8D8D; height: 22px; line-height: 22px; padding-right: 0px; margin-right: 4px}
ul.ongletsGeneriques li a span { font-size: 12px; height: 22px; display: block; float: left; font-weight: bold}
ul.ongletsGeneriques li a span.onglet_gauche { background: url(/image/onglets/gauche.gif) no-repeat; width: 14px}
ul.ongletsGeneriques li a span.onglet_centre { background: url(/image/onglets/fond.gif) repeat-x}
ul.ongletsGeneriques li a span.onglet_droite { background: url(/image/onglets/droite.gif) no-repeat; width: 14px;}
ul.ongletsGeneriques li a:hover {color: #FFFFFF}
ul.ongletsGeneriques li a:hover span , ul.ongletsGeneriques li.onglet_courant a span { background-position: bottom right; color: #FFFFFF}
ul.ongletsGeneriques li a:hover span.onglet_droite, #ongletsGeneriques li a:hover span.onglet_gauche {text-decoration: none}
/**
* Fin onglets
**/

/* Bloc contenant une annonce d'établissement */
.annonce_etablissement { border: 1px solid #FF6600; background: #FF6600; width: 300px}
.annonce_etablissement .titre_bloc { color: #FFFFFF; padding-left: 10px; font: bold 11px arial}
.annonce_etablissement .contenu { background: #f6f3ec; padding: 5px}
.annonce_etablissement .contenu td { padding-left: 10px}
.annonce_etablissement p.visualisation { background: url(/image/commun/fleche_orange.jpg) 0 5px no-repeat; padding-left: 10px}
.annonce_etablissement p.visualisation a { text-decoration: none; font-family: Arial,Helvetica,sans-serif; font-size: 12px}
.annonce_etablissement p.visualisation a:hover { text-decoration: underline}
.annonce_etablissement p.visualisation .lien_orange { text-decoration: underline; color: #FF6600}
div.annonce_pied {font-family: arial, sans-serif; font-size: 11px; text-align: right; width: 300px; color: #333; text-decoration: none}

#specimen { width: auto; height: auto; position: relative; padding-bottom: 2px}
#specimen_gauche { top: 0; left: 0; margin: 0; width: 90px; height: 100%; background-image: url(/image/commun/filet_gris.gif); background-repeat: no-repeat; background-position: center; position: absolute}
#specimen_droit { top: 0; right: 0; width: 90px; height: 100%; background-image: url(/image/commun/filet_gris.gif); background-repeat: no-repeat; background-position: center; position: absolute}
#specimen_centre { margin: 0 90px; font-family: arial; font-size: 11px; font-weight: bold; color: #999; text-align: center}

/* Page d'achat immediat Copains+ */
#presentation_copainsplus * {color: #5b5b5b}
#presentation_copainsplus p {margin: 0}
#presentation_copainsplus p.puce_plus {background: transparent url(/image/commun/plus.gif) left 1px no-repeat; padding-left: 17px}
#presentation_copainsplus a.lien_suivant {background: transparent url(/image/commun/suivant_orange.gif) right center no-repeat; padding: 2px 22px 2px 0; color: #f60; text-decoration: underline}
#presentation_copainsplus a.lien_suivant_non_souligne {padding: 2px 2px 2px 0; color: #f60; text-decoration: none}
#presentation_copainsplus .tableau_comparatif_avantage {width: 100%}
#presentation_copainsplus .tableau_comparatif_avantage .ligne_titre {height: 36px; font-weight: bold}
#presentation_copainsplus .tableau_comparatif_avantage .ligne_titre td {padding: 5px 10px; background: #fff url(/image/commun/tableau_comparatif_titre.gif) repeat-x left bottom}
#presentation_copainsplus .tableau_comparatif_avantage td {padding: 10px 5px 5px 10px; background: #fff}
#presentation_copainsplus .tableau_comparatif_avantage td.cellule_titre {font-size: 15px; color: #f60}
#presentation_copainsplus .tableau_comparatif_avantage td.cellule_titre_copains_classique {font-size: 13px; text-align: center; color: #5b5b5b}
#presentation_copainsplus .tableau_comparatif_avantage td.cellule_titre_copains_plus {font-size: 13px; text-align: center; color: #008770}
#presentation_copainsplus .tableau_comparatif_avantage td.cellule_copains_classique {background: #fff url(/image/commun/tick_gris.gif) center 7px no-repeat}
#presentation_copainsplus .tableau_comparatif_avantage td.cellule_copains_plus {background: #fff url(/image/commun/tick_vert.gif) center 7px no-repeat}
#presentation_copainsplus .tableau_comparatif_avantage tr.ligne_contenu td {border-top: 1px solid #d0d0d0}
#presentation_copainsplus .bloc_ombre {margin: 10px 3px}
#presentation_copainsplus .ombre_haut {height: 6px; background: transparent url(/image/commun/ombre_haut.gif) no-repeat left top}
#presentation_copainsplus .ombre_milieu {padding: 0 3px; background: transparent url(/image/commun/ombre_milieu.gif) repeat-y scroll left top}
#presentation_copainsplus .ombre_bas {height: 6px; background: transparent url(/image/commun/ombre_bas.gif) no-repeat left top}
#presentation_copainsplus a.lien_encapsule_tableau {display: block}
#presentation_copainsplus a.lien_encapsule_tableau:hover {text-decoration: none; cursor: pointer}
table.bloc_promotion_copains_plus {width: 100%; margin: 10px 0; background: transparent url(/image/commun/bloc_promotion_copains_plus.gif) top left no-repeat}
table.bloc_promotion_copains_plus td {padding: 10px 18px}

/* Module mes animaux */
#mes_animaux_contenu a.lien_groupe {font-size: 12px}
.mon_animal {padding: 5px}
.colonne_animal_libelle {float: left; width: 135px; padding: 5px 8px 0 0; text-align: right}
.colonne_animal_info {float: left; width: 330px; padding-top: 5px}
.animal_icone_supprimer {margin-bottom: -3px}
a.icone_supprime {background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -443px; padding-left: 20px}
a.icone_supprime:hover {cursor: pointer}
/* objValeurParDefaut : */
.valeurParDefaut { color: #b1b1b1}
a.icone_supprime:hover {cursor: pointer}

/* Module quiz */
.home_service_contenu .ligne_quiz {clear: both; overflow: hidden; padding-left: 5px}
.home_service_contenu .cellule_quiz {float: left; height: auto; padding: 3px 3px; width: 47%}
.home_service_contenu .cellule_quiz .image_quiz {float: left; margin-right: 7px}
.home_service_contenu .quiz_cache {display: none}
.home_service_contenu .cellule_quiz .nom_chaine {color: #008770}
.home_service_contenu .cellule_quiz .nom_quiz {font-weight: bold}
.home_service_contenu .cellule_quiz .quiz_lien {color: #FF7413 !important; text-decoration: underline !important}
.home_service_contenu .score_quiz {color: #FF7413; font-weight: bold; margin-left: 5px}
.home_service_contenu .recap_score {text-align: center}
.home_service_contenu .lien_gras {font-weight: bold; text-decoration: underline !important}
.faire_quiz {padding: 5px; text-align: center}

/* Bouton formaté Copains */
.bouton_genere {background: transparent url(/framework/lib/commun/image/parcours/bouton/bouton_orange_fond.gif) repeat-x scroll left top; border: medium none; display: block; height: 18px; margin: 5px auto; padding-top: 1px; position: relative; text-align: center}
.bouton_genere span.bouton_genere_gauche {background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -851px; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -851px; display: block; height: 18px; left: -9px; position: absolute; top: 0; width: 23px}
.bouton_genere span.bouton_genere_droit {	background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -810px; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -810px; display: block; height: 18px; position: absolute; right: -9px; top: 0; width: 23px}
.bouton_genere a {position: relative; z-index: 3; display: block; padding: 1px 10px 0 10px; text-decoration: none; font: bold 11px Arial!important; color: #FFFFFF!important}

/* Module Les photos de groupe où j'apparais */
a.icone_fleche {background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -364px; padding-left: 20px}
a.icone_agrandir {background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 5px -123px; padding-left: 20px}
a.icone_selectionner {background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -402px; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -402px; padding-left: 20px}
button.bouton_rond {background: url(/image/zone_papier/bouton_rond.gif) top left no-repeat; width: 18px; height: 18px; padding-bottom: 2px; margin-left: 5px; font: bold 11px arial; color: #fff; border: 0px; cursor: pointer}
a.icone_abus {background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -1483px; padding-left: 15px}


#mavie_checkbox_partenaire input { height: 15px; width:auto; }
#mavie_checkbox_partenaire label { color:#000000; font-weight:normal; width:430px; clear:none; }
#mavie_checkbox_partenaire span.checkbox_partenaire_ligne2 { color:#000000; font-size:11px; font-style:italic; font-weight:normal; margin-left:22px; }

#inscription_checkbox_partenaire input { height: 15px; width:auto; }
#inscription_checkbox_partenaire label { color:#000000; font-weight:normal; width:430px; clear:none; }
#inscription_checkbox_partenaire span.checkbox_partenaire_ligne2 { color:#000000; font-size:11px; font-style:italic; font-weight:normal; }

/* Surcharge styles de listes de commentaires */
div.liste_avis a.supprimer_commentaire, div.liste_avis a.restaurer_commentaire, div.liste_avis a.olls_suite {font-weight: bold; font-size: 11px; padding-left: 0px; color: #FF6600; background: none; text-decoration: underline;}
div.liste_avis a.supprimer_commentaire {background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -1062px; padding-left: 16px;}
* html div.liste_avis a.supprimer_commentaire {background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -1062px;}
div.liste_avis a.supprimer_commentaire:hover, div.liste_avis a.restaurer_commentaire:hover, div.liste_avis a.olls_suite:hover {text-decoration: none;}
div.liste_avis ul.liste_avis_contenu .contenu_commentaire {background: none; padding-top: 5px; padding-left: 10px; margin-bottom: 5px;}
div.liste_avis ul.liste_avis_contenu .contenu_commentaire_supprime {background: none; padding-top: 5px; padding-left: 10px; margin-bottom: 5px;}
div.liste_avis ul.liste_avis_contenu li p.note {width: 50px; height: 50px; padding-right: 0px; margin: 0px;}
div.liste_avis ul.liste_avis_contenu li p.texte_commentaire {float: none; padding-left: 65px; margin: 0px;}
div.liste_avis ul.liste_avis_contenu li.pair {background: #EFEFEF;}
/* hack IE6 */
* html div.liste_avis ul.liste_avis_contenu li p.texte_commentaire {padding-left: 65px;}

/* Lien vie privée sur les pages de modification des données du compte */
.lien_vie_privee {background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0px -623px; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0px -623px; padding-left: 18px;}

/* Styles pour les listes de commentaires et le bandeau présent sous la photo, pour les photos de classe */
.lien_action_photo {clear: left; margin: 10px 0px; font-weight: bold; background: transparent url('/image/album_photo/fond_gris_degrade.gif') repeat-x left top; height: 19px; padding: 2px 5px 0px 5px;}
.lien_action_photo div {float: left;}
.lien_action_photo span {float: left;}
.lien_action_photo a.icone_selectionner {float: right; _background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -402px;}
.lien_action_photo a.icone_selectionner:hover {text-decoration: none !important;}
.lien_action_photo a {font-size: 12px;}
.lien_action_photo a.ancre span {text-decoration: underline;}
.lien_action_photo a.ancre:hover span {text-decoration: none; cursor: pointer;}
.lien_action_photo a {text-decoration: underline;}
.lien_action_photo a:hover {text-decoration: none;}
.lien_action_photo a.ofcc_a, .lien_action_photo a.inscription_etablissement {padding-left: 20px; background: transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -242px;}
* html .lien_action_photo a.ofcc_a,* html .lien_action_photo a.inscription_etablissement {background: transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -242px;}

.bloc_commentaires {clear: left; text-align: left; padding: 0px; margin: 0px;}
.bloc_commentaires .bandeau_titre_commentaires {color: #FFF; padding: 0px 5px; margin-bottom: 10px; font-weight: bold; background: transparent url('/image/album_photo/fond_vert_degrade.gif') repeat-x left top; height: 21px; padding: 0px 5px; line-height: 21px;}
.bloc_commentaires .phylactere_incitation {background: transparent url(/image/album_photo/phylactere_incitation.gif) no-repeat scroll left top; height: 35px; padding: 15px 0px 0px 25px; margin-left: 67px;}
* html .bloc_commentaires .phylactere_incitation {margin-left: 65px;}
.bloc_commentaires .phylactere_incitation a {font-size: 12px; text-decoration: underline;}
.bloc_commentaires .phylactere_incitation a:hover {text-decoration: none;}
.bloc_commentaires .phylactere_incitation_photo {float: left; margin-left: 15px; margin-left: 7px; _margin-left: 7px;}
* html .bloc_commentaires .phylactere_incitation_photo {margin-left: 15px;}


/* import de contact */
#importcontact2 table {border:1px solid #FF9933;width:80%;}
#importcontact2 table #ligne_service {background-color:#f8faf5;}
#importcontact2 table #ligne_mdp {background-color:#f8faf5;}
#importcontact2 table #validation {color:#FF700A;font-weight:bold;font-size:12px;}
#importcontact2 div.lien_action {text-align:center;padding:10px;}

html > body #contenu_colonne_droite #microApplicationAjax{border:1px solid lightgrey;width:300px;padding-top:20px;background:url("http://copainsdavant.linternaute.com/maa/image/maa/mini_tetiere.JPG") no-repeat scroll 0 0 transparent;}

#papier { width: 495px; margin-left: 10px; background: #fff; margin-top:10px;}
#papier.sansColGauche{ border:0px solid pink;margin-left: 0px;margin: auto;width: 95%;}
#papier.sans_colgauche{ border:0px solid pink; width: 95%;}
#papier.sans_marge { margin-left: 0px; margin-top:0px;}

/*#centre_sans_droite #papier {width: 750px;}*/
#centre_sans_droite #papier {width: 787px;}
#centre_sans_droite.reduit #papier {width: 590px; padding-left: 10px; #width: 580px;}

#onglet_compte table tr td img {margin:0px;}

/*#papier img {border: 0; margin-right: 5px; margin-bottom: 5px; }*/

/* bloc tableau photo */
#papier .tableau-photo {clear: both; display: table; width: 100%; font: 9px Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse;}
#papier .tableau-photo td {padding: 2px; border-bottom: 1px solid #333333;}
#papier .tableau-photo td td {padding: 5px; border-bottom: 3px solid #333333;}
#papier .tableau-photo .tableau-titre-fond-fonce {background: #000; text-align: left; font: bold 10px Verdana; color: #ffffff; line-height: 10px; padding: 5px 0px;}
#papier .tableau-photo .tableau-titre-fond-fonce a {text-decoration: none; color: #ffffff;}
#papier .tableau-photo .tableau-legende {background: #ffffff; text-align: right; border-bottom: none;}
#papier .tableau-photo .tableau-legende a {text-decoration: none;}
#papier .tableau-photo .bordure-topg, #papier .tableau-photo .bordure-topd {padding: 0px; width: 5px; vertical-align: top; background: #000;}
#papier .tableau-photo .bordure-bottomg, #papier .tableau-photo .bordure-bottomd {padding: 0px; border-bottom: none; width: 5px;}
#papier .tableau-photo .bordure-topg center, #papier .tableau-photo .bordure-topd center {position: relative; width: 5px; height: 15px;}
#papier .tableau-photo .bordure-bottomg center, #papier .tableau-photo .bordure-bottomd center {position: relative; width: 5px; height: 15px;}
#papier .tableau-photo .photo-apercu {padding:10px 15px 10px 0px; border-bottom: 1px solid #008770; width: 90px; min-width: 90px;}
#papier .tableau-photo .photo-entete {padding: 4px;padding-left: 0px; border-bottom: 1px solid #008770; font-weight: bold;}

/* bloc image gauche */
#papier #bloc-image-gauche {float: left; margin: 0px 15px 15px 1px; width: 20px; border-collapse: collapse; clear: left;}
#papier #bloc-image-gauche .bloc-image {text-align: center;}
#papier #bloc-image-gauche .bloc-image img {margin: 0px; padding: 0px;}
#papier #bloc-image-gauche .bloc-contenu {margin: 0px;padding: 0px 2px; width: 250px; padding-bottom: 5px; background: #bfe1db;}
#papier #bloc-image-gauche .bordure-bottomg {padding: 0px; width: 0px; background: #bfe1db; vertical-align: bottom;}
#papier #bloc-image-gauche .bordure-bottomg center {position: relative; width: 0px; height: 15px;}
#papier #bloc-image-gauche .bordure-bottomd {padding: 0px; width: 0px; background: #bfe1db; vertical-align: bottom;}
#papier #bloc-image-gauche .bordure-bottomd center {position: relative; width: 0px; height: 15px;}

/* bloc image droite */
#papier #bloc-image-droite {float: right; margin: 0px 1px 15px 15px; width: 20px; border-collapse: collapse; clear: right;}
#papier #bloc-image-droite .bloc-image {text-align: center;}
#papier #bloc-image-droite .bloc-image img {margin: 0px; padding: 0px;}
#papier #bloc-image-droite .bloc-contenu {margin:0px; padding: 0px 2px; width: 250px; padding-bottom: 5px; background: #bfe1db;}
#papier #bloc-image-droite .bordure-bottomg {padding: 0px; width: 0px; background: #bfe1db; vertical-align: bottom;}
#papier #bloc-image-droite .bordure-bottomg center {position: relative; width: 0px; height: 15px;}
#papier #bloc-image-droite .bordure-bottomd {padding: 0px; width: 0px; background: #bfe1db; vertical-align: bottom;}
#papier #bloc-image-droite .bordure-bottomd center {position: relative; width: 0px; height: 15px;}

/*
 * Sejour
 */

div.sejour {font-size:12px;}
div.fiche_sejour {margin-bottom:10px;font-size:12px;}
div.fiche_sejour span.titre {color:#000;font-size:12px;}
div.fiche_sejour h1 {color:#008770;font-size:20px;margin-bottom:10px;margin-top:0;}
div.fiche_sejour div.vignette {float:left;width:100px;text-align:center;margin-right:10px;}
div.fiche_sejour div.detail {float:left;}
div.fiche_sejour div.avec_vignette {width:300px;}
div.fiche_sejour div.detail a.ville {color:#FF9843;font-weight:bold;}

/* Page Liste */
/* Listing */
.liste_sejour_ligne div.vignette {width:140px;float:left;text-align:right;padding-right:10px;}
.liste_sejour_ligne div.detail {width:345px;float:left;}
.liste_sejour_ligne div.detail a.sejour_nom_lien,
.liste_sejour_ligne div.detail a.sejour_nom_lien:hover {font-weight:bold;text-decoration:none;color:#000;display: block; float: left; width: 205px;}
.liste_sejour_ligne div.detail a.sejour_nom_lien:hover {text-decoration:underline;}
.liste_sejour_ligne div.detail_zoom a.sejour_nom_lien,
.liste_sejour_ligne div.detail_zoom a.sejour_nom_lien:hover {font-weight:bold;text-decoration:none;color:#000;}
.liste_sejour_ligne div.detail {float:left;}
.liste_sejour_ligne div.detail .etat_moderation {color:#A6A69C;font-size:11px; display: block;width: 100px;}
.liste_sejour_ligne div.detail .date {color:#A6A69C;font-size:11px; display: block;width: 100px; float: right; text-align: right;}
.liste_sejour_ligne div.detail_zoom .date {color:#A6A69C;font-size:11px; display: block;width: 80px; position:absolute; right:0px; bottom:-5px;text-align:right;padding-bottom:0px;padding-top:2px;}
.liste_sejour_ligne div.detail a.sejour_suite_lien,
.liste_sejour_ligne div.detail a.sejour_suite_lien:hover {font-weight:bold;text-decoration:underline;color:#EF710D;}

/* Zoom */
div.liste_sejour_ligne_zoom {width:320px;font-size: 11px; font-family: arial; }
div.detail_zoom {width:310px;position:relative;padding:0px;}
div.detail_zoom img { display:block;}
div.detail_zoom div.contenu {position:absolute;bottom:0;right:0;}
div.avec_visuel div.contenu {left:55px;}
div.sans_visuel { margin-top:10px;}
div.sans_visuel div.contenu {left:0;}
div.detail_zoom div.contenu a.gauche {float:left;}
div.detail_zoom div.contenu span.droite {float:right;}

div.detail {text-align:left; }
div.liste_sejour_ligne_zoom div.vignette {text-align:right;padding-right:10px;}
div.liste_sejour_ligne_zoom div.detail_zoom a {font-weight:bold;text-decoration:none;color:#000;}
div.liste_sejour_ligne_zoom div.detail_zoom a:hover {text-decoration:underline;}
div.liste_sejour_ligne_zoom div.detail_zoom span {color:#A6A69C;}
.liste_sejour_ligne_zoom div.detail a.sejour_suite_lien,
.liste_sejour_ligne_zoom div.detail a.sejour_suite_lien:hover {font-weight:bold;text-decoration:underline;color:#EF710D;}

/* Fin - Page Liste */

div.colone_droite {margin:10px 0 10px 0;width:259px;}
div.spacer {clear:both;height:1px;line-height:1px;font-size:1px;}
div.colone_droite h1 {background:url(/image/sejour/colonne_droite_h1.gif) top left no-repeat;font-size:12px;padding:5px 5px 0 10px;margin:0;float:left;width:260px;}
div.colone_droite div.contenu {background:url(/image/sejour/colonne_droite.gif) top left repeat-y;padding:0 5px 0 10px;float:left;width:245px;font-size:12px;}
div.colone_droite div.contenu a.lire{background:url(/framework/lib/commun/image/parcours/map.png) 0 -1223px no-repeat;_background:url(/framework/lib/commun/image/parcours/map.gif) 0 -1223px no-repeat;padding-left:8px;}
div.colone_droite div.contenu p {margin:1px 0;}
div.colone_droite h6 {background:#fff url(/image/sejour/colonne_droite_h6.gif) bottom left no-repeat;font-size:12px;line-height:12px;padding:5px 15px 10px 10px;margin:0;text-align:left;float:left;width:250px;font-weight:normal;}
div.colone_droite h6 a {color:#F96E08;}

#guide_voyage {clear:both;padding-top:20px;font-size:12px;}
#guide_voyage h1 {color:#000;font-size:14px;}
#guide_voyage h2 {color:#f00;font-size:14px;}
#guide_voyage div.liste_image,
#guide_voyage div.sommaire {border:1px solid #D7D7BD;}
#guide_voyage div.liste_image table {width:100%;}
#guide_voyage p.pied {background:#D7D7BD;padding:2px 10px 2px 10px;text-align:right;margin-bottom:10px;margin-top:0;}
#guide_voyage p.pied img {margin-left:2px;position:relative;top:2px;}
#guide_voyage p.pied a {color:#6F6E6B;}
#guide_voyage div.sommaire {}
#guide_voyage div.sommaire p.groupe {background:#D7D7BD;color:#6F6E6B;font-size:12px;padding:1px 5px 1px 5px;font-weight:bold;margin:0;}
#guide_voyage div.sommaire p.groupe a {text-decoration:underline;color:#6F6E6B;}
#guide_voyage div.sommaire ul {margin:5px;}
#guide_voyage div.sommaire ul.rubrique li {display:block;background:url(/framework/lib/commun/image/parcours/map.png) 0 -1443px no-repeat;_background:url(/framework/lib/commun/image/parcours/map.gif) 0 1443px no-repeat;padding-left:10px;}
#guide_voyage div.sommaire a {padding-right:10px;text-decoration:underline;}
p.pied {text-align:center;margin-top:10px;margin-bottom:10px;font-size:12px;color:#F96E08;color:#000;clear:both;}
p.pied a {color:#F96E08;color:#000;text-decoration:underline;}

/* Sejours */
#formulaire_sejour textarea {height: 150px; width: 285px;}
#formulaire_sejour input#f_ville {width: 150px; margin-right: 100px;}
#formulaire_sejour select {border: 1px solid #7f9db9;}
#formulaire_sejour .classerreur {border: 1px solid #f00;}
#formulaire_sejour label { width: 200px; float: left; margin-bottom: 5px; }
#formulaire_sejour .element {width: 200px; float: left; margin-bottom: 5px;}
#formulaire_sejour button {padding: 0; border: none; display: block; background: url(/image/commun/btn_valider.gif) no-repeat top left; width: 48px; height: 18px; margin: 10px auto; cursor: pointer;}
#formulaire_sejour button span {display: none}
#suggestion_ville {height: 100px; width: 200px; border: 1px solid #000; padding: 0; display: none; margin-left: 200px; margin-bottom: 5px; overflow: auto;}
#suggestion_ville li {padding: 2px 5px;}
.apercu_sejour td {padding: 3px; vertical-align: top;}

/* Bloc mes séjours*/
#contour_bloc_sejour {border-width:1px;border-style:solid;border-color:#ff6500}
#entete_bloc_sejour {color:white;background-color:#ff6500;font-weight:bold;width:200px;}
#barre_orange {background-image:url('/image/sejour/pixel_orange_clair.png');background-repeat:none;background-position:center;background-repeat:repeat-x;width:100%;height:1px;display:block;padding-top:3px;padding-bottom:3px;}
#carte_sejour {display:block;height:120px;width:110px;float:left;margin-top:5px;margin-left:5px}
#carte_googlemap_sejour {text-align:center;color:#5f5f5f;font-size:11px;}
#liste_dernier_sejour {display:block;height:width:350px;float:right;margin-top:5px;margin-right:5px;}
#ville_sejour {font-weight:bold;text-align:left;}
#date_sejour {color:grey;text-align:right;}
#commande_bloc_sejour {text-align:center;padding-bottom:10px;padding-top:5px;}
#commande_lien_bloc_sejour{color:#5f5f5f;font-weight:bold;}
#conseil_bloc_sejour{display:block;height:100px;width:350px;float:left;padding-top:10px;padding-left:10px;}
button.form_sejour {padding:0px; margin:0px; border:0px; background:url(/framework/lib/commun/image/parcours/map.png) 0 -900px no-repeat;_background:url(/framework/lib/commun/image/parcours/map.gif) 0 -900px no-repeat; width: 20px; height:20px; cursor:pointer; position:relative; top:-2px; $top:1px;}

/* quoideneuf */
#quoideneuf {width:100%;}

#quoideneuf div {width: auto; font: 12px Arial; color:#5b5b5b;}
#quoideneuf div.clair, #quoideneuf div.fonce {padding:4px; font: 12px Arial; color:#5b5b5b;}
#quoideneuf font.intitule {font: bold 13px Arial; color: #FF700A;}
#quoideneuf font.libelle {font: bold 13px Arial;}
#quoideneuf span.titre {float:left;}
#quoideneuf div.padding_champ {padding: 2px 0px;}
#quoideneuf label {display:block;float:left;width:130px;font-weight:bold;}

#quoideneuf label.commentaire {display:block;float:left;width:130px; text-align:right; font-weight:normal;}
#quoideneuf .bouton_quoideneuf {margin:5px; padding: 1px;text-align: center; border: 1px solid #ff6600;width: 25%; background-color: #fee3cc;}

.quoideneuf_form_ligne {display:none;}
.quoideneuf_form_ligne label {display:block;float:left;width:180px;}
.quoideneuf_form_ligne .bouton_quoideneuf {margin-left:220px; padding: 1px;text-align: center; border: 1px solid #ff6600;width:60px; background-color: #fee3cc;}

#quoideneuf_type {width:482px; padding:10px 5px; font: 12px Arial; color: #5b5b5b; vertical-align: top;}
#quoideneuf_type label {float:left; width:180px;}
#quoideneuf_type button {margin-top:4px;margin-left:5px; border:0px; background:url(/image/commun/btn_valider_2.gif) no-repeat top left;width: 50px; height: 20px;cursor: pointer;position:relative;top:-2px;$top:1px;}

#quoideneuf li {float:left;width:224px;_width:200px;margin:0px 8px;}
#quoideneuf .masque {display:none;}

label.avant {color:#F8801E;clear:none;}
div.avant_message {font-weight:bold !important;width:170px !important;}
div.avant_commentaire {font-weight:normal;font-style:italic !important;width:200px !important;}
div.avant_commande {}
div.avant_date {color:lightGrey !important;text-align:right;}
div.avant_date a {background:transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 51px -442px;_background:transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 51px -442px;padding-right:16px;color:lightGrey !important;text-align:right;}
div.avant_reste {background:transparent url(/framework/lib/commun/image/parcours/map.png) no-repeat scroll 0 -583px;_background:transparent url(/framework/lib/commun/image/parcours/map.gif) no-repeat scroll 0 -583px;display:block;float:right;margin-left:5px;padding-left:20px;}
div.quoideneuf_avant {min-height:28px;margin-top:5px;}
div.avant_commentaire_message {width:100px !important;padding-left:0px !important;}
table.tableau_avant {margin:0px;padding:0px;width:100%;border:0px;border-collapse:collapse;}
table.tableau_avant td {vertical-align:top;}
table.tableau_avant td.label {width:120px;text-align:right;padding-right:2px;}
table.tableau_avant td.message {}
table.tableau_avant td.supprimer {vertical-align:bottom;width:160px;}


#menu_quoideneuf  {width:100%;display:block;float:left;border-bottom:1px solid #ff9843;padding-bottom: 5px;margin-bottom:5px;}
#menu_quoideneuf  li {margin:2px; text-align: center;display: block;float:left; list-style-type: none; text-align: center; background-color:#fff8f1; border:1px solid #ff9843; padding: 2px 4px;}
#menu_quoideneuf  li a {font: bold 12px Arial, helvetica sans-serif; color:#ff700a;}
#menu_quoideneuf  li.type_courant {background-image:url('/image/quoideneuf/degrade.gif');background-repeat:repeat-x;padding: 2px 4px;}
#menu_quoideneuf  li.type_courant a {font: bold 12px Arial, helvetica sans-serif; color:#ffffff;}

.boutton_quoideneuf {margin-left:5px; border:0px; background:url(/image/commun/btn_valider.gif) no-repeat top left;width: 50px; height: 20px;cursor: pointer;position:relative;top:-2px;$top:1px;}
.ligne_quoideneuf {border:0px; border-top:1px solid #ff9843;}
.quoideneuf_liste {font:12px Arial; color: #5b5b5b;}
.quoideneuf_date {font:12px Arial; color:#A5A294;}
.quoideneuf_commentaire {padding:3px; padding-left:22px;}

.quoideneuf_note { height:17px;left:130px;position:relative;width:185px !important;}
.quoideneuf_note .liste_notes {position:relative;top:-20px;}
.quoideneuf_note span.precision {left:95px;position:relative;top:-16px;}

.lien_quoideneuf {font: 11px Arial; color: #FF700A;}
.lien_quoideneuf img.supprimer {$top:1px;}
.filet_quoideneuf {width:100%; height:10px; border-bottom:1px solid #ff9843;}
.bloc_titre_quoideneuf {background-color: #fee3cc; padding:3px; font: bold 11px Arial, helvetica sans-serif; color:#ff700a;}

#quoideneuf input.checkbox, .quoideneuf_form_ligne input.checkbox, #quoideneuf_type input.checkbox {margin-left:0;width:14px;height:14px;}
#quoideneuf input.libelle, #quoideneuf_type input.libelle, .quoideneuf_form_ligne input.libelle {width:215px;_width:210px; /*reload */ margin:5px 0px;}

#quoideneuf textarea, #quoideneuf_type textarea, .quoideneuf_form_ligne textarea {width:332px;}

a.quoideneuf_lien_groupe {text-decoration:underline !important;font-size:12px !important;}
a:hover.quoideneuf_lien_groupe {text-decoration:none !important;}


img.quoideneuf_chargement {position:relative;left:232px;padding-top:20px;padding-bottom:20px;}
.quoideneuf_actif {background-color:#fff0cf !important;}
#quoideneuf .gris {color:#999;font-weight:normal;}
#quoideneuf .valeurParDefaut {font: 12px Arial;}
#quoideneuf input, #quoideneuf select, #quoideneuf textarea {font: 12px Arial;}
#quoideneuf select {color:#B1B1B1;}
#quoideneuf .quoideneuf_avant {margin:0px 0px 12px 5px;font:bold 11px Arial;}

/* par tableau : */
table.quoideneuf_tableau {width:100%;padding:0px;margin:0px;border-collapse:collapse;}
table.quoideneuf_tableau tr td.label {vertical-align:middle;text-align:right;width:130px;font-weight:bold;padding-right:2px;}
table.quoideneuf_tableau tr td.label.top {vertical-align:top;padding-top:4px;}
table.quoideneuf_tableau tr td.saisie {vertical-align:middle;text-align:right;}
table.quoideneuf_tableau tr td.saisie textarea {margin-top:4px;}
table.quoideneuf_tableau tr td.centre {vertical-align:top;text-align:center;}
table.quoideneuf_tableau tr td.droite {vertical-align:top;text-align:right;}
table.quoideneuf_tableau tr td.droite span.gauche {position:relative;left:138px;top:10px;width:260px;display:block;text-align:left;}

table.quoideneuf_tableau tr td.droite button { position:relative !important;top:-4px !important;}
* html table.quoideneuf_tableau tr td.droite span.gauche {left:-88px}
* + html table.quoideneuf_tableau tr td.droite span.gauche {left:-88px}

table.quoideneuf_tableau tr.masque,table.quoideneuf_tableau tr td span.masque {display:none;}

* html div.bloc_contenant table.quoideneuf_tableau tr td.saisie div.scoreEtoileDiv { position:relative;left:-50px;}
* + html div.bloc_contenant table.quoideneuf_tableau tr td.saisie div.scoreEtoileDiv { position:relative;left:-50px;}
#quoideneuf #quoideneuf_humeur select {width:219px;margin-top:5px;margin-bottom:2px;!margin-bottom:8px;}

/* fin quoideneuf */


/* score */
div.scoreDescription {float:left;font-size:11px !important;font-weight:bold !important;padding-left:10px;padding-top:2px;}
div.scoreEtoileDivFiche { width : 290px; height : 16px; position:relative; left:4px; }
div.scoreEtoileDiv { width : 290px; height : 16px; }
div.scoreEtoileOn	{background:transparent url(/framework/lib/objscore/html_include/image/etoile_jaune.gif) no-repeat scroll 0 0px; width : 16px !important; height : 16px; float:left;}
div.scoreEtoileOff {background:transparent url(/framework/lib/objscore/html_include/image/etoile_grise.gif) no-repeat scroll 0 0px; width : 16px !important; height : 16px; float:left;}
div.scoreEtoileHover {background:transparent url(/framework/lib/objscore/html_include/image/etoile_orange.gif) no-repeat scroll 0 0px; width : 16px !important; height : 16px; float:left;cursor:pointer;}

/* bloc de feed sur la home */
#feed_relation {margin: 15px 0 30px 0;}
#feed_perso {margin: 0 0 0 0;}
.liste_feed .bloc_contenant {overflow: auto;}
.liste_feed ul li {float: left;$float: none;clear: both;width: 100%;$width: auto;padding: 2px 0 2px 0;font-size: 11px;}
.liste_feed ul li span.feed_date,
.liste_feed ul li span.feed_texte,
.liste_feed ul li span.feed_gestion {display: block; float: left;}
.liste_feed ul li span.feed_date {width: 80px;text-indent: 5px;padding-left:5px;}
.liste_feed ul li span.feed_texte {width: 350px;}
.liste_feed_gestion ul li span.feed_texte {width: 350px;}
.liste_feed_gestion ul li span.feed_gestion {float: right;padding-right: 5px;height: 12px; width: 22px;}
.liste_feed_gestion ul li span img.feed_attente {height: 12px; width: 12px;_height: 11px; _width: 11px;}
.liste_feed ul li span a {font-weight: bold; color: #000}
.liste_feed ul li span a.gestion_feed {padding: 2px;display: block}
.liste_feed ul li span a.lien_lire {text-decoration: underline;}
.liste_feed ul li span img {margin-top: 2px;}

/**
 animation
**/
#animation_lecteur {padding: 10px;padding-bottom: 0;}

a.animation_choisir,
a.animation_apercu {text-decoration: underline!important}
a.animation_voir {background:transparent url(/framework/lib/commun/image/parcours/liste.png) no-repeat scroll -16px -194px; padding-left: 20px}
#animation_lecteur a.animation_creer {display: inline; float: none}

a.animation_choisir {color: #FF7413!important; font: bold 11px Arial!important;}
a.animation_apercu:hover,
a.animation_choisir:hover{text-decoration: none!important}

.animation_capture_300 {width: 300px;margin: 0 auto;}
.animation_capture_300 a {margin: 0 auto;background: none; padding: 0;display: block;height: 257px; background: url(/image/animezmoi/lecteur/screen_controleur_300.png) 0 100% no-repeat}
.animation_capture_300 a img {margin: 0!important}

.animation_capture_180 {width: 180px;margin: 0 auto;}
.animation_capture_180 a {background: none; padding: 0;display: block;height: 154px; background: url(/image/animezmoi/lecteur/screen_controleur_180.png) 0 100% no-repeat}
.animation_capture_180 a img {margin: 0!important}

.animation_capture_140 {width: 140px;margin: 0 auto;}
.animation_capture_140 a {background: none; padding: 0;display: block;height: 120px; background: url(/image/animezmoi/lecteur/screen_controleur_140.png) 0 100% no-repeat}
.animation_capture_140 a img {margin: 0!important}

.animation_capture_100 {width: 100px;margin: 0 auto;}
.animation_capture_100 a {background: none; padding: 0;display: block;height: 86px; background: url(/image/animezmoi/lecteur/screen_controleur_100.png) 0 100% no-repeat}
.animation_capture_100 a img {margin: 0!important}

.animation_capture_100_b {width: 100px;margin: 0 auto;}
.animation_capture_100_b a {background: none; padding: 0;display: block;height: 100px;}
.animation_capture_100_b a img {margin: 0!important}

.animation_capture_140_b {width: 130px;margin: 0 auto;}
.animation_capture_140_b a {background: none; padding: 0;display: block;height: 90px; }
.animation_capture_140_b a img {margin: 0!important}


.formulaire_animation {margin: 10px; text-align: center}
.formulaire_animation button {display: block; height: 18px; width: 48px;background: url(/image/commun/btn_valider.gif) top left no-repeat;border: none; margin: 5px auto;}
.formulaire_animation button span{display: none}
#animation_place_lecteur {margin: 0px auto 0 auto; border: 1px solid #C4C2BB; width: 450px;}
#animation_place_lecteur a {background: none; padding: 0;display: block;height: 385px; background: url(/image/animezmoi/lecteur/screen_controleur.png) 0 100% no-repeat}
#animation_place_lecteur a img {display: block; margin: auto}
#animation_panel_action div {margin: 5px 0;text-align: left;clear: both;}
#animation_panel_action div a {float: left; width: 55px;margin-right: 17px; $margin-right: 14px;}
#animation_panel_action div a.icone_envoie {margin-right: 0px; width: 45px;}
#animation_panel_action div a.animation_lister {float: right; margin-right: 0px; width: 110px;margin-right: 10px; $margin-right: 10px}
#animation_panel_action div a.animation_creer {display: block; float: left;width: 97px;margin-right: 0px; margin-left: -10px;}
#animation_panel_action_2 {margin-bottom: 5px;}

#titre_nouvelles_animations {margin-left:-10px;margin-right:-10px;padding-top:5px;background-color:#F6F3EC;-x-system-font:none;font-family:arial;font-size:12px;font-size-adjust:none;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:bold;height:22px;line-height:normal;padding-left:5px;vertical-align:middle;}
table.liste_animation {width: 100%; border-spacing: 6px; margin-top: -5px;empty-cells: hide; border-collapse: separate}

table.liste_animation td { vertical-align: top; width: 33%;}
table.liste_animation td.vide {border: none;width: 147px}
table.liste_animation td a {font: 11px Arial}
table.liste_animation td div.animation_lien {margin: 6px;padding: 0;width: 133px;}
table.liste_animation td p.titre a {font: bold 12px Arial; color: #5B5B5B;}
table.liste_animation td p.titre {margin: 5px auto 0 auto; padding: 0; border-spacing: 0; text-align: center}

table.animation_liste_ressource {$margin-left: 5px; $margin-right: 5px;}
table.animation_liste_ressource td p {width: auto;}
table.animation_liste_ressource td div.animation_lien {text-align: center; width: auto}
table.animation_liste_ressource {margin-top: 0;}
table.animation_liste_ressource p.titre{ padding: 5px;}

#animation_promo table.liste_animation {width: 100%; $width: 473px;}

/**
* Bouton/lien orange
*/
.capsule {border: none; background: url(/image/animezmoi/commun/bouton_orange_fond.gif) repeat-x top left;position: relative; height: 18px; padding-top: 1px;display: block; text-align: center}
button.capsule {padding: 0}
.capsule span.capsule_gauche {background: url(/image/animezmoi/commun/bouton_orange_gauche_bg_blanc.gif) no-repeat top left; position: absolute;display: block; width: 23px; height: 18px; left: 0;top: 0;}
.capsule span.capsule_droit {background: url(/image/animezmoi/commun/bouton_orange_droite_bg_blanc.gif) no-repeat top right; position: absolute;display: block; width: 23px; height: 18px; right: 0;top: 0;$right: -2px}
button.capsule span.capsule_gauche { left: -3px;top: -3px; $left: 0; $top: 0;}
button.capsule span.capsule_droit { right: -3px;top: -3px; $right: 0; $top: 0;}
button.capsule span.libelle {top: -2px; $top: 0}
button.capsule span.libelle,
.capsule a {position: relative; z-index: 3;display: block; padding: 1px 10px 0 10px; text-decoration: none;font: bold 11px Arial!important; color: #FFFFFF!important;}
.capsule a:hover {text-decoration: none}

#animation_promo #animation_promo_texte {margin: 5px 10px;}
#animation_promo #animation_promo_texte #bouton_creation_animation {width: 147px; margin: 10px auto;}
#animation_promo #animation_promo_texte a {text-decoration: underline; font-weight: bold; font-size: 12px;}
#animation_promo #animation_promo_texte a:hover {text-decoration: none}
#animation_promo #animation_promo_texte #bouton_creation_animation a {text-decoration: none;}
#animation_promo a.animation_lister { margin: -5px 5px 5px 5px; $margin: -5px 3px -5px 5px;font-weight: normal}


/**
* 18/04/2008 Olivier Reyt <reyt@benchmark.fr>
* Modules mes passions
*/
.liste_mes_passions textarea { width: 220px;}
.img_association_exterieur {float: left; padding-right: 5px; text-align: center; width: 55px; overflow: hidden;}

/**
* 28/07/2008 Anthony Terrien <terrien@benchmark.fr>
* Modules Mon caractère
*/
#module_caractere_contenu { margin-top: 0px;}

/**
* 28/04/2008 Olivier Reyt <reyt@benchmark.fr>
* Nouveau pied de page
*/
div.pied_de_page {margin-top: 20px;}
div.pied_de_page a,
div.pied_de_page a:hover {font: normal 11px arial;text-decoration: underline;}
div.pied_de_page a:hover {text-decoration: none;}



/** Message de notification
 * @since 02/02/2009
 */
.message_notification_alerte { margin:20px 0px;  padding:10px 20px; border: 1px solid #75BCB1; background: #FFFFFF url(/framework/lib/objmessagenotification/image/parcours/objmessagenotification_alerte.gif) no-repeat; clear:both; }
.message_notification_information { margin:20px 0px;  padding:10px 20px; border: 1px solid #FE5E0A; background: #FFF8F1 url(/framework/lib/objmessagenotification/image/parcours/objmessagenotification_alerte_orange.gif) no-repeat; clear:both; }


/* magazine */
#papier td.bloc-image{ padding-top:12px; }

/* Lien vers la fiche sur la home, après passage en têtière v3. */
h2.titre_accueil { position: relative; }
h2.titre_accueil a.lien_fiche_home{ font-size: 11px; color: #000; font-weight: normal; position: absolute; top: 0; right: 0;}


