/**
* 06/12/2007 - Ajout Olivier REYT <reyt@benchmark.com
* Style pour accompagnement copain
**/
.accompagnement { color:#6b3b86;font-weight: bold; }
#papierlarge #accompagnement_accueil,#papierlarge #accompagnement_decale,#papierlarge #accompagnement_aligne {text-align:center;margin: 0 0 5px 0;font-weight:bold;}

/**
* 18/11/2007 - Ajout Olivier REYT <reyt@benchmark.com
* Style pour les informatiosn d'abonnement
**/
table.informations_abonnement {width:100%;font-size:11px;background:#ffffb5; border-color: #ff9900; border-width: 2px; border-style: solid; padding-left:5px;margin-bottom:5px;}
#bloc_tetiere #partie_chaine #recherche form button.valider {
    height: 15px;
    margin-top: 6px;
    width: 22px;
}


/*Ajout Thierry*/

.filet-separation{display: block; height: 1px; margin: 10px 0; _margin: 3px 0; color: #6184A5; background-color: #6184A5; border: 0;}

.titre-categorie-colonne-droite{font: normal 11px Arial; color: #333; text-decoration: none;}
.titre-categorie-colonne-droite:hover{font: normal 11px Arial; color: #333; text-decoration: underline;}

.titre_bloc_colonne{height: 15px; padding-left: 15px; font-family: Verdana; font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #6184A5; background-image: url(http://r.linter.fr/copainsdavant/cartes/image/commun/puceblanche.gif); background-repeat: no-repeat; background-position: 5px center; text-transform: uppercase;}

.fleche-bleu {font-family: Verdana;	font-size: 11px; font-weight: bold;	padding-left: 5px; width: 5px; color: #6184A5;}

.titre-carte-du-jour{font: normal 11px Arial; color: #333; text-decoration: none;}
.titre-carte-du-jour:hover{font: normal 11px Arial; color: #333; text-decoration: underline;}

.interligne-prenom{font: normal 2px Arial;}
.besoin-padding-dans-tableau-prenom{padding-top: 10px;}

/* video et je suis ici */

#papierlarge #tableau_video {width: 360px; height: 346px; padding: 1px;}
#diaporama #tableau_video {width: 360px; height: 346px; padding: 1px;}

.block_condition_general {padding: 5px; width: 600px; height: 115px; overflow: auto; border-color: #6184A5;	border-width: 1px; border-style: solid;}
.titre_jesuisici {font: 17px Verdana, Arial, Helvetica, sans-serif; color: #5A7B9C;	padding-bottom: 10px;}

/* video et je suis ici */

.libelle_categorie_home {
	font: normal 10px Verdana;
	padding: 10px 0 4px 0;
}

.libelle_categorie_home a{
	font: normal 12px Arial;
	font-weight: bold;
}

.titre_tableau_linternaute {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #fff;	text-align: center; padding: 5px; text-transform: uppercase; background-color: #6184A5;}

.texte {font: 10px Verdana, Arial, Helvetica, sans-serif;}

#papierlarge h1, #diaporama h1 {display: block; font-weight: normal; font-size: 20px; color: #6b3b86; line-height: 26px; margin: 10px 0; font-family: 'Oswald',arial,serif; text-transform: uppercase; text-rendering: optimizelegibility}
#papierlarge h1 a, #diaporama h1 a {color: #6b3b86}
#papierlarge h2 {font: bold 14px Arial, Helvetica, sans-serif; line-height: normal; font-size-adjust: none; font-stretch: normal; color: #ff6600; margin-bottom: 15px;}
#diaporama h2 {font: bold 14px Arial, Helvetica, sans-serif; line-height: normal; font-size-adjust: none; font-stretch: normal; color: #ff6600; margin-bottom: 15px;}

/* page de contact */

.asterisque {font-family: Verdana,Helvetica; font-size: 10px; font-weight: bold; color: #FF0000;}
.formulaire_libelle_champ {font-family: Verdana,Helvetica; font-size: 10px; font-weight: bold;}
.alert {font-family: Verdana,Helvetica; font-size: 10px; color: #FF0000;}

/* fin page de contact */

/* mes contacts */


#papierlarge h1.lien_envoyer {position: relative;}
#papierlarge h1.lien_envoyer a {position: absolute; right: 0;bottom: 0;font-size: 11px;}


.mes_contacts_ajouter_un_contact{float:right;font:bold 10px Arial, Helvetica, sans-serif;color:black;text-decoration:underline;}
#papierlarge h1.mes_contacts_titre{display:inline;}
#papierlarge div.alignement_gauche{float:left;}
#papierlarge h2.mes_contacts_liste_contact{font:bold italic 12px Arial, Helvetica, sans-serif;color:grey; margin-top:2px;}
#papierlarge a.cochertous{cursor:hand;}
#papierlarge table.tableau_adresse {border: 1px solid #EAEAEA;border-collapse: collapse;font-size: 12px;margin-bottom: 10px;margin-top:0px}
#papierlarge td.tableau_adresse_checkbox_cellule{border: 1px solid #EAEAEA; text-align:center; width:25px;height:20px}
#papierlarge td.tableau_adresse_pseudonyme_cellule{border: 1px solid #EAEAEA; padding:3px;font:12px Arial, Helvetica, sans-serif;}
#papierlarge td.tableau_adresse_prenomnom_cellule{border: 1px solid #EAEAEA; padding:3px;font:12px Arial, Helvetica, sans-serif;}
#papierlarge td.tableau_adresse_email_cellule{border: 1px solid #EAEAEA; padding:3px;font:12px Arial, Helvetica, sans-serif;}
#papierlarge td.tableau_adresse_modifier_cellule{border: 1px solid #EAEAEA;text-align:center;width:60px; padding:3px;font:10px Verdana, Arial, Helvetica, sans-serif;}
#papierlarge td.tableau_adresse_envoyer_cellule{border: 1px solid #EAEAEA;text-align:center; width:120px;font:10px Verdana, Arial, Helvetica, sans-serif;}
#papierlarge tr.tableau_adresse_entete_ligne{background-color:#EAEAEA;}
#papierlarge td.tableau_adresse_nom_cellule{border: 1px solid #EAEAEA; padding:3px;font:12px Arial, Helvetica, sans-serif;}
#papierlarge td.tableau_adresse_entete_cellule{text-align:center; font:bold 12px Arial, Helvetica, sans-serif;}
#papierlarge td.tableau_adresse_entete_prenom_cellule{text-align:left; font:bold 12px Arial, Helvetica, sans-serif;}
#papierlarge td.tableau_adresse_entete_tri_cellule_asc{background: #EAEAEA url(http://r.linter.fr/copainsdavant/cartes/image/frontoffice/liste/tri_asc.gif) center left no-repeat;padding-left: 10px;text-align:left; font:bold 12px Arial, Helvetica, sans-serif;}
#papierlarge td.tableau_adresse_entete_tri_cellule_desc{background: #EAEAEA url(http://r.linter.fr/copainsdavant/cartes/image/frontoffice/liste/tri_desc.gif) center left no-repeat;padding-left: 10px;text-align:left; font:bold 12px Arial, Helvetica, sans-serif;}
#papierlarge table.tableauContact{padding:0px;border-spacing:0px;}
#papierlarge tr.ligne_formulaire_contact{background-color:#f3f3f3;border:1px solid #000000;}
#papierlarge div.ligne_contact{height:1px;width:100%;display:block;border-bottom: 1px solid #c0c0c0;}
#papierlarge #tableauContact{width:100%;padding:0px;border-spacing:0px;padding-bottom:1px;border-spacing-bottom:1px;;font-family:Arial;font-size:12px;}
#papierlarge #ajout_contact_direct{border: 1px solid #EAEAEA;padding:5px}
#papierlarge #tableauContact tr{background-color:#f9f9f1;height:30px;}
#papierlarge #tableauContact input{width:90px;border:1px solid #DED8DA;height:15px;}
#papierlarge #textarea_contact{width:100px;border:1px solid #DED8DA;}
#papierlarge #tableauContact #nom{text-align:center;border-bottom: 1px solid #c0c0c0;font-size:12px;font-family:Arial;}
#papierlarge #tableauContact #prenom{text-align:center;border-bottom: 1px solid #c0c0c0;font-size:12px;font-family:Arial;}
#papierlarge #tableauContact #pseudo{text-align:center;border-bottom: 1px solid #c0c0c0;font-size:12px;font-family:Arial;}
#papierlarge #tableauContact #email{text-align:center;border-bottom: 1px solid #c0c0c0;font-size:12px;font-family:Arial;}
#papierlarge #boutonAjoutContact{display:block;text-align:center;font:11px,Arial;font-weight:bold;color:#808080;text-decoration:none;}
#papierlarge #bloc-inferieur{margin-left:3px;margin-right:3px;}
#papierlarge #avertissementImportContact{font:11px,Arial;color:#cc0000;text-align:center}
#papierlarge #validationFormulaire{text-align:center}
#papierlarge #bloc_import_contact {padding:5px;}
#papierlarge #bloc_import_contact #avertissement{padding:10px;}
#papierlarge #bloc_import_contact #tablecontainer {background-color:#f9f9f1;padding:5px;;}
#papierlarge #bloc_import_contact #tablecontainer p{text-indent:0;margin:2px;}
#papierlarge #bloc_import_contact #tablecontainer label {text-align: right;width: 250px;padding-right: 5px;display: block;float:left;}
#papierlarge #bloc_import_contact #tablecontainer input {width:100px;border:1px solid #DED8DA;}
#papierlarge #bloc_import_contact #tablecontainer #td3 {float: left;}
#papierlarge #bloc_import_contact #tablecontainer #lien_importer {margin-left:10px; float: left;}
#papierlarge #bloc_import_contact #tablecontainer #lien_importer .lien{font: bold 12px Arial;color:black;}
#papierlarge #bloc_import_contact #tablecontainer #importer {text-align:center;clear:left;}
#papierlarge #avertissement_conditions_utilisation{font:11px,Arial;text-align:center;color:#ff0000;}
#papierlarge #bloc_import_contact_presentation{border: 1px solid #EAEAEA;}

/*#papierlarge #formulaire_contact .modification {width: 400px; margin-top: 0px; margin-left: 100px; padding-bottom: 10px; border: 1px solid #e8e9db; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/fond_historique.gif) top repeat-x;text-align:center;}*/
#papierlarge #formulaire_contact .modification {width: 400px; margin-top: 0px; margin-left: 100px; padding-bottom: 10px; text-align:center;}
#papierlarge #formulaire_contact .modification h5 {position: relative; padding-top: 4px; height: 23px; font: bold 14px Arial; text-indent: 15px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/coin_historique.gif) top left no-repeat; top: -1px; left: -1px;}
#papierlarge #formulaire_contact .modification {margin-top: 15px;}
#papierlarge #formulaire_contact .modification span.etoile {color: #c30;}
#papierlarge #formulaire_contact .modification form {width: 400px; margin-top: 0px; padding-left: 0px;}
#papierlarge #formulaire_contact .modification form p.champ {width: 345px; padding-top: 10px; text-align: left; padding-left: 15px; } /*border-top: 1px solid #e8e9db;*/
#papierlarge #formulaire_contact .modification form p {width: 400px; padding-top: 10px; height: 20px; padding-left: 0px;}
/*#papierlarge #formulaire_contact .modification form p.clair {width: 400px; padding-top: 10px; height: 30px; padding-left: 0px;}
#papierlarge #formulaire_contact .modification form p.fonce {width: 400px; padding-top: 10px; height: 30px; padding-left: 0px; background: #f9f9f1; border-top: 1px solid #e8e9db; border-bottom: 1px solid #e8e9db;}
#papierlarge #formulaire_contact .modification form p.fonce-ville {width: 400px; padding-top: 10px; min-height: 30px; _height: 30px; padding-left: 0px; background: #f9f9f1; border-top: 1px solid #e8e9db; border-bottom: 1px solid #e8e9db;}*/
#papierlarge #formulaire_contact .modification form label {float: left; display: block; width: 180px; text-align: right; margin-right: 15px; padding-top: 3px;font: normal 12px Arial ;color:#333333;}
#papierlarge #formulaire_contact .modification form input {float: left; width: 135px; height: 15px; font: normal 12px Arial;padding: 2px; border: 1px solid #CCCCCC}
#papierlarge #formulaire_contact .modification form select {float: left;}
#papierlarge #formulaire_contact .modification form button {border:0px; width: 56px; height: 15px; margin: 5px 150px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/formulaire_valider.gif) no-repeat; cursor: pointer;}
#papierlarge #formulaire_contact .modification .localisation_choix_ville{text-align: right; padding-left: 124px}
#papierlarge #formulaire_contact p.legal {margin-left: 120px; font: normal 11px Arial;color:#333333; width: 360px; text-align: center;margin-top: 15px;}
#papierlarge #formulaire_contact .message_indispensable{font: normal 10px Arial ;color:#333333;}

#papierlarge #formulaireContacts h5.titre_1 {background:#E8E9DB 2px center no-repeat; border:1px solid #E0E0D0; padding: 2px 2px 2px 24px; font: bold 11px Arial;}
#papierlarge #formulaireContacts h5.titre_2 {background:#E8E9DB 2px center no-repeat; border:1px solid #E0E0D0; padding: 2px 2px 2px 24px; font: bold 11px Arial;}
#papierlarge #formulaireContacts h5.titre_3 {background:#E8E9DB 2px center no-repeat; border:1px solid #E0E0D0; padding: 2px 2px 2px 24px; font: bold 11px Arial;}
/* fin de mes contacts */

/* bloc bloc_foliotage */
#papierlarge table.bloc_foliotage {border-collapse: collapse;margin: 2px 0;width: 100%;}
#papierlarge table.bloc_foliotage * {color: #000000;font: normal 10px Verdana, Arial, Helvetica, sans-serif;margin: 0;padding: 0;}
#papierlarge table.bloc_foliotage ul {white-space: nowrap;}
#papierlarge table.bloc_foliotage li {display: inline;list-style-type: none;}
#papierlarge table.bloc_foliotage li a {text-decoration: underline;}
#papierlarge table.bloc_foliotage .actif,.actif-debut ,.page_courante, .bloc_foliotage .lien_nb_page, .bloc_foliotage .lien_precedent, .bloc_foliotage .lien_suivant, .bloc_foliotage .lien_precedent *, .bloc_foliotage .lien_suivant * {font-weight: bold;}
#papierlarge table.bloc_foliotage .gauche {width: 130px;}
#papierlarge table.bloc_foliotage .droite {text-align: right;width: 130px;}
#papierlarge table.bloc_foliotage .centre {text-align: center;}

#papierlarge .compte_multipage table.bloc_foliotage {background: url(http://r.linter.fr/copainsdavant/cartes/image/frontoffice/liste/trait.gif) top left repeat-x;margin-bottom: 5px;}
#papierlarge .compte_multipage table.bloc_foliotage tr {background: url(http://r.linter.fr/copainsdavant/cartes/image/frontoffice/liste/trait.gif) bottom left repeat-x;}
#papierlarge table.bloc_foliotage td {padding: 8px 0}
/*
#papierlarge table.bloc_foliotage td a.lien_suivant {background: url(http://copainsdavant.linternaute.com/image/commun/fleche_droite.gif) center right no-repeat;padding-right: 15px;margin-right: 5px;}
#papierlarge table.bloc_foliotage td a.lien_precedent {background: url(http://copainsdavant.linternaute.com/image/commun/fleche_gauche.gif) center left no-repeat;padding-left: 15px;margin-left: 5px;}
*/
/*
#papierlarge table.bloc_foliotage td a.lien_suivant {background: url('http://r.linter.fr/cartes/image/frontoffice/liste/fleche_suiv.gif') center right no-repeat;padding-right: 15px;margin-right: 5px;}
#papierlarge table.bloc_foliotage td a.lien_precedent {background: url('http://r.linter.fr/cartes/image/frontoffice/liste/fleche_prec.gif') center left no-repeat;padding-left: 15px;margin-left: 5px;}
*/
#papierlarge table.bloc_foliotage td a.lien_suivant {background: url('http://r.linter.fr/cartes/image/navigation/suivant.png') center right no-repeat;padding-right: 17px;padding-top:4px;padding-bottom:4px;margin-right: 0px;}
#papierlarge table.bloc_foliotage td a.lien_precedent {background: url('http://r.linter.fr/cartes/image/navigation/precedent.png') center left no-repeat;padding-left: 17px;padding-top:4px;padding-bottom:4px;margin-left: 0px;}


/* fil ariane EDIT WEBMASTERING 10.2007 */
#fil-ariane {font: 10px Verdana; margin-bottom: 10px;}
#fil-ariane a {text-decoration: underline;}
#fil-ariane a:hover {text-decoration: none;}
#fil-ariane .fil-intitule { font-weight: bold;}

/* carte video */
.titre_mode_d_emploi {background: #6184A5 url(http://r.linter.fr/copainsdavant/cartes/image/commun/puce_blanche.gif) 5px center no-repeat; color: #fff; font: bold 11px Arial; text-transform: uppercase; padding-left: 15px; margin: 4px;}
#mode_emploi {padding-top: 15px; width: 292px;}
#mode_emploi .bordure {width: 290px; _width: 292px; padding: 0; border: 1px solid #dbd7cf; border-bottom: none;}
#mode_emploi .liste_actions {padding:10px;}
#mode_emploi .liste_actions ul {list-style: none;}
#mode_emploi .liste_actions ul li {background: url(http://r.linter.fr/copainsdavant/cartes/image/commun/puce_bleu.gif) 0px 6px no-repeat; text-indent: 10px;}
#mode_emploi .liste_actions .sous_liste_actions {padding-left:10px;}
#mode_emploi .coin_bas {position: float; height: 10px; width: 292px; background: url(http://r.linter.fr/copainsdavant/cartes/image/commun/coin_include.gif) top no-repeat;}


/* hauteurs */
#contenu {_height: 500px; min-height: 500px; background:#ffffff}
#centre {_height: 500px; min-height: 500px; border: none;}
#papierlarge {border-collapse: collapse;}

/* colonne de droite */
#droite {width: 260px; padding-top: 0px; }
#colonne_droite {padding-top: 0px; }

/* corps */
#tableau_contenu_haut_home {height: 133px; border: solid 1px #6184A5; margin-top: 15px;}
#tableau_contenu_haut_home div {font:10px Arial; color: #335779;}
#tableau_contenu_haut_home a {font:10px Arial; color: #335779;}
#tableau_contenu_haut_home strong {font: bold 12px Arial; color: #335779;}
#tableau_contenu_haut_home .type_carte {width: 141px; float: left; text-align: center;}
#tableau_contenu_haut_home .type_carte_haut {margin: 10px 0px;}
#tableau_contenu_haut_home .type_carte_bas {margin-bottom: 10px; margin-top: 5px;}

#partie_droite {margin: 45px 0px 0px 15px; float:left; width: 426px;}
#partie_droite #liste_categorie_home {width: 100%;}
#partie_droite #liste_categorie_home td {vertical-align: top; text-align: center; width:120px; }

/* footer spécifique (derniere carte | faq) */
#footer_specifique_home {padding-left: 310px;margin :20px 0;}
#footer_specifique_centrer {text-align:center; margin :20px 0;width:100%;clear:both;}

/* bloc "aussi disponible en anglais" */
#aussidispoanglais_decale {text-align:center;}
#aussidispoanglais_centre {text-align: center; width: 100%; margin-top: 15px;}
#aussidispoanglais_decale,
#aussidispoanglais_centre span {font-size: 11px;font-family:Arial;}
#aussidispoanglais_decale a.en_evidence,
#aussidispoanglais_centre a.en_evidence{font-weight: bold;}

/* gestion des onglest backoffice utilisateur */
#papierlarge #onglet {margin-bottom: 15px;}
#papierlarge #onglet ul {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/onglets_tiret.gif) repeat-x bottom;padding: 3px;}
#papierlarge #onglet ul li {display: inline;height: 22px;}
#papierlarge #onglet li {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/onglets_tiret.gif) repeat-x left top;vertical-align: middle;text-align: center;padding: 4px 3px 4px 2px;}
#papierlarge #onglet li.separateur {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/onglets_separateur.gif) no-repeat center 2px;padding: 6px;}
#papierlarge #onglet li.dernier {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/onglets_dernier.gif) no-repeat center 2px;padding: 6px;}
#papierlarge #onglet a {font-weight: bold;text-decoration: none;color: #999999;}
#papierlarge #onglet a:hover {text-decoration: underline;}
#papierlarge #onglet #selectionne * {color: black;font-weight: bold;}

/* message lié a mon compte modification */
.message_modification{color: green; font-weight: bold; margin: 10px 0;}

.compte_avertissement{color:red;padding:5px;margin-bottom:10px;}
.compte_avertissement a{color:red;}

#papierlarge #modification_email_ok p{text-indent: 0; text-align: justify;padding: 5px;}
#diaporama #modification_email_ok p{text-indent: 0; text-align: justify;padding: 5px;}

/* complement carte 102007 creation de compte*/

#contenu {_height: 800px; min-height: 800px;}

#centre {_height: 800px; min-height: 800px;padding-bottom: 60px;}
#diaporama h3,
#papierlarge h3,
#diaporamalarge h3 {font: bold 12px Arial; color: #6184A5; background: url(http://r.linter.fr/copainsdavant/cartes/image/frontoffice/accueil/index_haut.gif) 0px 2px no-repeat; text-indent: 40px;}
#diaporama p,
#papierlarge p {font: normal 12px Arial; margin: 0px;} /*text-indent: 40px;*/
#diaporama p a,
#papierlarge p a,
#diaporamalarge p a {font: bold 12px Arial; color: #6184A5;}

#diaporama #historique,
#papierlarge #historique {margin-top: 15px; border: 1px solid #e8e9db; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/fond_historique.gif) top repeat-x;}
#diaporama #historique hr,
#papierlarge #historique hr {clear: both; height: 0px; border: none; padding-top: 15px; visibility: hidden;}
#diaporama #historique p,
#papierlarge #historique p {text-indent: 0px;}
#diaporama #historique p.invitation,
#papierlarge #historique p.invitation {float: left; width: 340px; margin: 15px 15px 0px 0px; padding-left: 15px;}
#diaporama #historique p.legal,
#papierlarge #historique p.legal {float: right; font: normal 11px Arial;color:#333333; width: 360px; text-align: center; padding-right: 15px; margin-top: 15px;}
#diaporama #historique h4,
#papierlarge #historique h4 {position: relative; padding-top: 2px; height: 23px; font: bold 16px Arial; text-indent: 15px; top: -1px; left: -1px;}
#diaporama #historique h4 span.nouveau,
#papierlarge #historique h4 span.nouveau {font: bold 13px Arial; color: #c30; text-transform: uppercase;}
#diaporama #historique ul,
#papierlarge #historique ul {float: left; list-style: none; width: 185px; margin: 10px 15px 0px 0px; padding-left: 15px;}
#diaporama #historique ul li,
#papierlarge #historique ul li {margin-bottom: 10px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/puce_historique.gif) 0px 6px no-repeat; padding-left: 10px;}
#diaporama #historique .bloc_authentification,
#papierlarge #historique .bloc_authentification {float: left; width: 360px; margin-top: 10px; padding-bottom: 10px; border: 1px solid #e8e9db; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/fond_historique.gif) top repeat-x;}
#diaporama #historique .bloc_authentification h5,
#papierlarge #historique .bloc_authentification h5 {position: relative; padding-top: 4px; height: 23px; font: bold 14px Arial; text-indent: 15px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/coin_historique.gif) top left no-repeat; top: -1px; left: -1px;}
#diaporama #historique .bloc_authentification h5 span.picto,
#papierlarge #historique .bloc_authentification h5 span.picto {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/fleche_historique.gif) 0px 4px no-repeat; padding-left: 15px;}
#diaporama #historique .bloc_authentification h5 span.detail,
#papierlarge #historique .bloc_authentification h5 span.detail {font: normal 12px Arial;}
#diaporama #historique .bloc_authentification form,
#papierlarge #historique .bloc_authentification form {float: left; width: 115px; margin: 10px 0px 0px 0px; padding-left: 15px;}


#diaporama #historique .more,
#papierlarge #historique .more {float:right;margin-right:5px;margin-top:2px;font-size:12px;}


#diaporama #historique .bloc_authentification form label,
#papierlarge #historique .bloc_authentification form label {font: 12px Arial;}
#diaporama #historique .bloc_authentification form input,
#papierlarge #historique .bloc_authentification form input {border: 1px solid #a5a5a5; width: 115px; height: 20px; font: normal 12px Arial;}
#diaporama #historique .bloc_authentification form button,
#papierlarge #historique .bloc_authentification form button {width: 81px; height: 15px; margin: 5px 0px 0px 15px; border: none; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/formulaire_connexion.gif) no-repeat; cursor: pointer;}
#diaporama #historique .bloc_authentification form p,
#papierlarge #historique .bloc_authentification form p {text-align: right; width: 115px; margin: 5px 0px; padding: 0px;}
#diaporama #historique .bloc_authentification form p a,
#papierlarge #historique .bloc_authentification form p a {font: 9px verdana; color: #333;}
#diaporama #historique .bloc_authentification p.autre,
#papierlarge #historique .bloc_authentification p.autre {float: left; width: 205px; margin: 10px 0px 0px 15px; }
#diaporama #historique .bloc_authentification p.autre img,
#papierlarge #historique .bloc_authentification p.autre img {margin:7px 5px 0px 0px;}
#diaporama #historique .bloc_authentification p.autre a.logo_copains,
#papierlarge #historique .bloc_authentification p.autre a.logo_copains {font-weight: bold; color: #44a496; text-decoration: none;}
#diaporama #historique .inscription,
#papierlarge #historique .inscription {margin-top: 15px;}
#diaporama #historique .inscription span.etoile,
#papierlarge #historique .inscription span.etoile {color: #c30;}
#diaporama #historique .inscription form,
#papierlarge #historique .inscription form {width: 360px; margin-top: 0px; padding-left: 0px;}
#diaporama #historique .inscription form p.champ,
#papierlarge #historique .inscription form p.champ {width: 345px; padding-top: 5px; text-align: left; padding-left: 15px; } /*border-top: 1px solid #e8e9db;*/
#diaporama #historique .inscription form p.clair,
#papierlarge #historique .inscription form p.clair {width: 360px; height: 21px; padding-left: 0px;} /*padding-top: 5px;*/
#diaporama #historique .inscription form p.fonce,
#papierlarge #historique .inscription form p.fonce {width: 360px; padding-top: 5px; height: 25px; padding-left: 0px; background: #f9f9f1; border-top: 1px solid #e8e9db; border-bottom: 1px solid #e8e9db;}
#diaporama #historique .inscription form p.fonce-ville,
#papierlarge #historique .inscription form p.fonce-ville {width: 360px; padding-top: 5px; min-height: 25px; _height: 25px; padding-left: 0px; background: #f9f9f1; border-top: 1px solid #e8e9db; border-bottom: 1px solid #e8e9db;}
#diaporama #historique .inscription form label,
#papierlarge #historique .inscription form label {float: left; display: block; width: 175px; text-align: right; margin-right: 10px; padding-top: 3px;font: normal 12px Arial ;color:#333333;}
#diaporama #historique .inscription form input,
#papierlarge #historique .inscription form input {float: left; width: 135px; height: 20px; font: normal 12px Arial;}
#diaporama #historique .inscription form select,
#papierlarge #historique .inscription form select {float: left;}
#diaporama #historique .inscription form button,
#papierlarge #historique .inscription form button {width: 56px; height: 15px; margin: 0px 0px 0px 150px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/formulaire_valider.gif) no-repeat; cursor: pointer;}
#diaporama #historique .inscription .localisation_choix_ville,
#papierlarge #historique .inscription .localisation_choix_ville {text-align: right; padding-left: 124px}
#diaporama #historique .bloc_authentification form input.champ_erreur,
#papierlarge #historique .bloc_authentification form input.champ_erreur {border: 1px solid #ff0000;}

#droite .bloc_divers {width: 260px; border: 1px solid #e8e9db; margin-bottom: 15px;}
#droite .bloc_divers h6 {display: block; color: #fff; font: bold 12px Arial; text-transform: uppercase; background: #6184A5 url(http://r.linter.fr/copainsdavant/cartes/image/carte/puce_divers.gif) 4px 5px no-repeat; text-indent: 15px; margin: 5px;}
#droite .bloc_divers p {font: normal 12px Arial; margin: 0px; margin-left: 5px; text-indent: 0px;}
#droite .bloc_divers p.bloc_divers_coin {position: relative; margin: 0px; width: 260px; height: 11px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/coin_divers.gif) bottom right no-repeat; top: 1px; left: 1px;}

#diaporama #historique .inscription #f_id_pays,
#papierlarge #historique .inscription #f_id_pays {width:135px!important;} /* on force la taille ici */

/* fin complement carte 102007 creation de compte*/

/* page modifcation des données */

#papierlarge #compte_donnees {width: 400px; margin-top: 10px; margin-left: 100px; padding-bottom: 10px; text-align:center;}
#papierlarge #compte_donnees h5 {position: relative; padding-top: 4px; height: 23px; font: bold 14px Arial; text-indent: 15px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/coin_historique.gif) top left no-repeat; top: -1px; left: -1px;}
#papierlarge #compte_donnees {margin-top: 15px;}
#papierlarge #compte_donnees span.etoile {color: #c30;}
#papierlarge #compte_donnees form {width: 400px; margin-top: 0px; padding-left: 0px;}
#papierlarge #compte_donnees form p.champ {width: 345px; padding-top: 10px; text-align: left; padding-left: 15px; } /*border-top: 1px solid #e8e9db;*/
#papierlarge #compte_donnees form p.clair {width: 400px; padding-top: 10px; height: 30px; padding-left: 0px;}
#papierlarge #compte_donnees form p.fonce {width: 400px; padding-top: 10px; height: 30px; padding-left: 0px; }
#papierlarge #compte_donnees form p.fonce-ville {width: 400px; padding-top: 10px; min-height: 30px; _height: 30px; padding-left: 0px; }
#papierlarge #compte_donnees form label {float: left; display: block; width: 180px; text-align: right; margin-right: 15px; padding-top: 3px;font: normal 12px Arial ;color:#333333;}
#papierlarge #compte_donnees form input {float: left; width: 135px; height: 15px; font: normal 12px Arial;padding: 2px; border: 1px solid #CCCCCC}
#papierlarge #compte_donnees form select {float: left;}
#papierlarge #compte_donnees form button {border:none; width: 56px; height: 15px; margin: 5px 150px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/formulaire_valider.gif) no-repeat; cursor: pointer;}
#papierlarge #compte_donnees .localisation_choix_ville{text-align: right; padding-left: 124px}
#papierlarge #compte_donnees p.legal { font: normal 11px Arial;color:#333333; width: 360px; text-align: center;margin-top: 15px;}
#papierlarge #compte_donnees p.precisions {text-indent: 0; text-align: justify;}
#papierlarge #compte_donnees p.precisions .nb{color: #980000; font-weight: bold;}
#papierlarge #compte_donnees input.champ_erreur {border: 1px solid #ff0000;}

/* fin page modifcation des données */

/* page de choix des destinataires */

#diaporama #vos_coordonnees  {margin-top: 15px; margin-bottom:10px; border: 1px solid #e8e9db; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/fond_historique.gif) top repeat-x;}
#diaporama #vos_coordonnees h4 {position: relative; padding-top: 2px; height: 23px; font: bold 16px Arial; text-indent: 15px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/coin_historique.gif) top left no-repeat; top: -1px; left: -1px;}
#diaporama #vos_coordonnees input {height:15px; padding: 2px}
#diaporama #vos_coordonnees #vos_nom_email input {border: 1px solid #CCCCCC; height:15px; padding: 2px}
#diaporama #vos_coordonnees #vos_coordonnees_interne {margin : 10px 0}
#diaporama #vos_coordonnees #vos_coordonnees_interne span.etoile {color: #c30;}
#diaporama form #vos_coordonnees #vos_coordonnees_interne label {float: left; display: block; width: 120px; text-align: right; margin-right: 15px; padding-top: 3px;font: normal 12px Arial ;color:#333333;}
#diaporama #vos_coordonnees #vos_coordonnees_interne .message_indispensable{font: normal 10px Arial ;color:#333333;}
#diaporama #vos_coordonnees #vos_coordonnees_interne table td{font: normal 12px Arial ;color:#333333;}

#diaporama #choix_destinataires  {margin-bottom:20px; border: 1px solid #e8e9db; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/fond_historique.gif) top repeat-x;}
#diaporama #choix_destinataires h4 {position: relative; padding-top: 2px; height: 23px; font: bold 16px Arial; text-indent: 15px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/coin_historique.gif) top left no-repeat; top: -1px; left: -1px;}
#diaporama #choix_destinataires h4 span{margin-left: 15px; font: normal 13px Arial;}
#diaporama #choix_destinataires #saisie_email {margin:15px;border:1px solid #E8E9DB;}
#diaporama #choix_destinataires h5.titre_1{border: 1px solid #E0E0D0;background: #e8e9db 2px no-repeat;padding-left: 24px;padding-top: 2px; font: bold 11px Arial;}
#diaporama #choix_destinataires h5.titre_2{border: 1px solid #E0E0D0;background: #e8e9db 2px no-repeat;padding-left: 24px;padding-top: 2px; font: bold 11px Arial;}
#diaporama #choix_destinataires h5.titre_2 span.complement {font-weight: normal;}
#diaporama #choix_destinataires h5.titre_3 {border: 1px solid #E0E0D0;background: #e8e9db 2px center no-repeat; padding: 2px 2px 2px 24px; font: bold 11px Arial;}
#diaporama #choix_destinataires h5.titre_3 span.complement {font-weight: normal;}
#diaporama #choix_destinataires #saisie_email #indication{width:200px;float:left;padding:10px;}
#diaporama #choix_destinataires #saisie_email #champ_saisie {padding:10px;}
#diaporama #choix_destinataires #saisie_email #champ_saisie textarea {width:300px;height:60px}
#diaporama #choix_destinataires #import_contact {margin:15px;border:1px solid #E8E9DB;}
#diaporama #choix_destinataires #import_contact input {height:15px; padding: 2px}
#diaporama #choix_destinataires #import_contact #avertissement{font: normal 11px Arial; padding: 0 10px 10px 10px;}
#diaporama #choix_destinataires #validation {text-align:center;margin : 10px 0;}

#diaporama #choix_destinataires #import_contact #tablecontainer {background:#F9F9F1;margin: 10px 10px 0 10px;padding:5px;}
#diaporama #choix_destinataires #import_contact #tablecontainer p{text-indent:0;margin-bottom:2px;}
#diaporama #choix_destinataires #import_contact #tablecontainer label {text-align: right;width: 250px;padding-right: 5px;display: block;float:left;}
#diaporama #choix_destinataires #import_contact #tablecontainer input {width:100px;border:1px solid #DED8DA;}
#diaporama #choix_destinataires #import_contact #tablecontainer #td3 {float: left;}
#diaporama #choix_destinataires #import_contact #tablecontainer #lien_importer {margin-left:10px; float: left;}
#diaporama #choix_destinataires #import_contact #tablecontainer #lien_importer .lien{font: normal 12px Arial;color:#CC3300;}
#diaporama #choix_destinataires #import_contact #tablecontainer #importer {text-align:center; clear:left;}
#diaporama #choix_destinataires #import_contact #listecontact {margin-top: 10px;}
#diaporama #choix_destinataires #import_contact #listecontact .lien_javascript {text-align: left; padding-left: 15px;}
#diaporama #choix_destinataires #import_contact #listecontact .lien_javascript #lien_coche_haut,
#diaporama #choix_destinataires #import_contact #listecontact .lien_javascript #lien_coche_bas,
#diaporama #choix_destinataires #import_contact #listecontact .lien_javascript #lien_decoche_haut,
#diaporama #choix_destinataires #import_contact #listecontact .lien_javascript #lien_decoche_bas {font: normal 11px Arial; padding: 5px;}

#diaporama #choix_destinataires #liste_contact {margin:15px; border:1px solid #E8E9DB;}
#diaporama #choix_destinataires #liste_contact #titre_liste_contact {font-weight:bold;}
#diaporama #choix_destinataires #liste_contact #tableau_liste_contact {margin: 5px;width:100%;}
#diaporama #choix_destinataires #liste_contact #tableau_liste_contact td{width:50%; height: 20px;}
#diaporama #choix_destinataires #vos_coordonnees_interne #liste_contact #tableau_liste_contact td .email_contact{font:italic 11px Arial, Helvetica, sans-serif;}

/* input en erreur sur fomulaire d envoi des destinataires */

#diaporama .inputborder1{border: 1px solid #CCCCCC; height:15px; padding: 2px; font: normal 12px Arial;}
#diaporama textarea {font: normal 12px Arial;}
#diaporama form .champ_erreur {border: 1px solid #ff0000;}
#diaporama #vos_coordonnees #vos_coordonnees_interne input.champ_erreur {border: 1px solid #ff0000;}

/* fin input en erreur sur fomulaire d envoi des destinataires */

/* fin  page de choix des destinataires */



#papierlarge p.liste_vide {text-align: center;margin-bottom: 30px;}
#papierlarge p.bloc_bouton {position: relative; margin-bottom: 8px; text-indent: 0;padding-left: 5px}
#papierlarge p.bloc_bouton span {position: absolute; right: 0}
#papierlarge p.bloc_bouton a {color: #000000;font-weight: normal}
#papierlarge p.bloc_bouton label span {position: static;text-decoration: underline;}
#papierlarge p.bloc_bouton label span:hover {text-decoration: none;}
#papierlarge table.liste_carte {border: 1px solid #EAEAEA;border-collapse: collapse;text-align: center;font-size: 12px;margin-bottom: 10px;}
#papierlarge table.liste_carte td {border: 1px solid #EAEAEA;padding: 5px;vertical-align: top;}
#papierlarge table.liste_carte tr {background: #EAEAEA}
#papierlarge table.liste_carte tr.paire {background: #F3F3F3}
#papierlarge table.liste_carte tr.paire input {background: #F3F3F3}
#papierlarge table.liste_carte tr.impaire {background: #FFFFFF}
#papierlarge table.liste_carte td div.voir_carte {color: #6184A5;font-weight: bold}
#papierlarge table.liste_carte td div.voir_carte a {color: #6184A5; font: normal 11px Arial}
#papierlarge table.liste_carte td ul {list-style: none;}
#papierlarge table.liste_carte td ul li {height: 18px;}
#papierlarge table.liste_carte td ul.liste_email {list-style: none;text-align: left;padding-left: 0px;}
#papierlarge table.liste_carte td ul.liste_email li {background: url(http://r.linter.fr/copainsdavant/cartes/image/commun/puce_bleu.gif) 0 8px no-repeat;text-indent: 10px;}
#papierlarge table.liste_carte td ul.liste_etat {list-style: none;}
#papierlarge table.liste_carte td.titre {text-align: left;}
#papierlarge table.liste_carte tfoot td {background: #F3F3F3; color: #FF0000; font-weight: bold}
#papierlarge table.liste_carte a.asc {background: url(http://r.linter.fr/copainsdavant/cartes/image/frontoffice/liste/tri_asc.gif) center left no-repeat;padding-left: 10px}
#papierlarge table.liste_carte a.desc {background: url(http://r.linter.fr/copainsdavant/cartes/image/frontoffice/liste/tri_desc.gif) center left no-repeat;padding-left: 10px}
#papierlarge table.liste_carte div.msg {font-style: italic; margin-bottom: 5px;font-weight: bold;color: #7F7F7F}
#papierlarge table.liste_carte div.err {font-style: italic; margin-bottom: 5px;font-weight: bold;color: #ff0000}


#papierlarge div.lecture_carte{width:400px;}
#papierlarge table.bloc_carte {border-collapse: collapse;width:400px;}
#papierlarge table.bloc_carte th,
#papierlarge table.bloc_carte td {border: 1px solid #EAEAEA;padding: 2px;text-indent: 5px; font-weight: bold}
#papierlarge table.bloc_carte th {width: 20%;text-align: left; font-weight: normal}
#papierlarge table.bloc_carte td.detail {padding: 10px;}
#papierlarge table.bloc_carte td table td {border: none;padding: 0px;font-weight: normal;text-indent: 0;}
#papierlarge p.info_categorie {text-align: center; font-weight: bold;font-size: 10pt;}
#papierlarge div.entete {position: relative;margin-bottom: 15px;}
#papierlarge div.entete p,
#papierlarge div.entete h1 {display: inline;padding-bottom: 0; margin-bottom: 0}
#papierlarge div.entete p {right: 0;bottom: 0;position: absolute;font-size: 10px;}
#papierlarge div.entete p a {font-size: 10px;color: #000000}
#papierlarge p.voir_plus {text-align: right;}
#papierlarge p.voir_plus a {color: #000000}

#papierlarge p.carte_recue_barre_action {text-align: center;margin-bottom: 15px;text-indent: 0}
#papierlarge p.carte_recue_barre_action a {color: #000000;font-weight: normal}
#papierlarge p.carte_recue_barre_action a.lien_supprimer {background: url(http://r.linter.fr/copainsdavant/cartes/image/backoffice/refuser.gif) center left no-repeat ;padding-left: 15px;}

ul#message_erreur,
ul#message_info {list-style-type: none;margin-bottom: 10px;}
ul#message_erreur li,
ul#message_info li {padding: 5px 5px;}
ul#message_info {color: #008000}
ul#message_erreur {color: #FF0000}

#papierlarge #message_info div.compte_information {text-indent: 0; padding: 5px;color: #000000;}
#papierlarge #message_info div.compte_information a {color: #000000;}


/* page envoiok */
#papierlarge #bloc_categories_principales {margin-top:15px;}
#papierlarge #bloc_categories_principales #categories_principales{text-align:center;padding:0 10px}
#papierlarge #bloc_categories_principales #categories_principales table{width:100%}
.libelle_categorie_envoiok {font-weight: bold;padding: 10px 0 4px 0;text-align:center}
.image_categorie_envoiok {padding: 10px 0 4px 0;text-align:center}

/* fin page envoiok */

/* mot de passe oublie */

#papierlarge #mot_de_passe p {text-indent: 0; margin: 10px 10px 10px 0px; }
#papierlarge #mot_de_passe p.merci {font: bold 13px Arial; }
#papierlarge #mot_de_passe p.msg_1 {margin-bottom: 0;}
#papierlarge #mot_de_passe p.msg_2 {margin-top: 0; color:#959492;}
#papierlarge #mot_de_passe p.msg_2 a{color:#959492; font-weight: normal;}
#papierlarge #mot_de_passe table {width: 350px; padding: 0; border: none;}
#papierlarge #mot_de_passe table td.label_input,
#papierlarge #mot_de_passe table td.champ_input {width: 100px; padding: 0 10px 2px 0;}
#papierlarge #mot_de_passe table td.bouton_valider {vertical-align: bottom; padding: 5px 0;}
#papierlarge #mot_de_passe table td.lien_oubli {padding: 0; text-align: right;}
#papierlarge #mot_de_passe table td.lien_oubli a {font: 9px verdana; color: #333;}
#papierlarge #mot_de_passe form label {font: 12px Arial;}
#papierlarge #mot_de_passe form table td.champ_input input,
#papierlarge #mot_de_passe form input.input_email {border: 1px solid #a5a5a5; width: 115px; height: 20px; font: normal 12px Arial;}
#papierlarge #mot_de_passe form button {width: 81px; height: 15px; margin: 5px 0px 0px 15px; border: none; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte/formulaire_connexion.gif) no-repeat; cursor: pointer;}

/* fin mot de passe oublie */

/* liste ressource */
#papierlarge #liste_ressource  {width: 100%; background-color: #6184A5;}
#papierlarge #liste_ressource_perso {width: 100%; background-color: #6184A5;}
#papierlarge #liste_ressource td {width: 33%; text-align: center;}
#papierlarge #liste_ressource_perso td {width: 50%; text-align: center;}
#papierlarge #liste_ressource td table.ressource td.titre_ressource,
#papierlarge #liste_ressource_perso td table.ressource td.titre_ressource {background-color: #E3EBF2; height: 28px; width: 100%; text-align: center; border-bottom: 1px solid #6184A5;}
#papierlarge #liste_ressource td table.ressource td.titre_ressource a,
#papierlarge #liste_ressource_perso td table.ressource td.titre_ressource a {font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
#papierlarge #liste_ressource td table.ressource td.image_ressource,
#papierlarge #liste_ressource_perso td table.ressource td.image_ressource {background-color: #ffffff; vetical-align: middle; text-align: center; height: 184px; border-bottom: 1px solid #6184A5;}
#papierlarge #liste_ressource td table.ressource td.liens_ressource,
#papierlarge #liste_ressource_perso td table.ressource td.liens_ressource {vertical-align: top; background-color: #ffffff; height: 40px; width: 250px;}
#papierlarge #liste_ressource td table.ressource td.liens_ressource table td.lien_animer,
#papierlarge #liste_ressource td table.ressource td.liens_ressource table td.lien_envoyer,
#papierlarge #liste_ressource_perso td table.ressource td.liens_ressource table td.lien_animer,
#papierlarge #liste_ressource_perso td table.ressource td.liens_ressource table td.lien_envoyer  {vertical-align: top; background-color: #ffffff; height: 40px; width: 50%; text-align: center;}
#papierlarge #liste_ressource td table.ressource td.liens_ressource table td.lien_animer a,
#papierlarge #liste_ressource td table.ressource td.liens_ressource table td.lien_envoyer a,
#papierlarge #liste_ressource_perso td table.ressource td.liens_ressource table td.lien_animer a,
#papierlarge #liste_ressource_perso td table.ressource td.liens_ressource table td.lien_envoyer a {font: 11px Arial, Helvetica, sans-serif;}

#diaporama #liste_ressource  {width: 100%; background-color: #6184A5;}
#diaporama #liste_ressource td {width: 33%; text-align: center;}
#diaporama #liste_ressource td table.ressource td.titre_ressource {background-color: #E3EBF2; height: 28px; width: 100%; text-align: center; border-bottom: 1px solid #6184A5;}
#diaporama #liste_ressource td table.ressource td.titre_ressource a {font: bold 10px Verdana, Arial, Helvetica, sans-serif;}
#diaporama #liste_ressource td table.ressource td.image_ressource {background-color: #ffffff; vetical-align: middle; text-align: center; height: 184px; border-bottom: 1px solid #6184A5;}
#diaporama #liste_ressource td table.ressource td.liens_ressource {vertical-align: top; background-color: #ffffff; height: 40px; width: 250px;}
#diaporama #liste_ressource td table.ressource td.liens_ressource table td.lien_animer,
#diaporama #liste_ressource td table.ressource td.liens_ressource table td.lien_envoyer  {vertical-align: top; background-color: #ffffff; height: 40px; width: 50%; text-align: center;}
#diaporama #liste_ressource td table.ressource td.liens_ressource table td.lien_animer a,
#diaporama #liste_ressource td table.ressource td.liens_ressource table td.lien_envoyer a {font: 11px Arial, Helvetica, sans-serif;}


#liste_ressource2 { border-collapse:collapse;padding:0; }
#liste_ressource2 td { border:1px solid #6184A5;padding-bottom:5px;vertical-align:top; }
#liste_ressource2 p.action { padding:0 5px;margin-bottom:5px;}
#liste_ressource2 p a{ font-family:Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; color:#000; }
#liste_ressource2 p.action a { display:block;text-align:center; }
#liste_ressource2 p a.afficher { float:left; }
#liste_ressource2 p a.envoyer { float:right; }
#liste_ressource2 p.image { padding:5px;text-align:center; border-bottom:1px solid #6184A5;min-height:180px;}
#liste_ressource2 h2 { border-bottom:1px solid #6184A5;background:#E3EBF2;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px; text-align:center;margin:0; height:28px; line-height:28px; }

/* fin liste ressource  */


/* affichage de la cartepostale */

#papierlarge #carte_postale table.table_cartepostale {border: none; text-align: center; padding: 0; margin-top: 15px; width: 100%;}
#papierlarge #carte_postale table.table_cartepostale td a {font: bold 16px Arial;color:#7788AA;}

/* fin affichage de la cartepostale */

/* liste_categorie home des categorie */


#papierlarge .tableau-col-gauche-centre {padding: 5px; border:1px solid #6184A5; background-color: #E3EBF2;}
#papierlarge .tableau-col-gauche-bas {background-color: #E3EBF2;height:10px; width:300px; border-left: 1px solid #6184A5; border-bottom: 1px solid #6184A5; }
#papierlarge .tableau-col-gauche-centre input.inputborder1 {border: 1px solid #7F9DB9;}

#papierlarge .tableau-col-gauche-centre ul.liste_categorie {list-style: none;}
#papierlarge .tableau-col-gauche-centre ul.liste_categorie li {min-height: 15px;background: url(http://r.linter.fr/copainsdavant/cartes/image/frontoffice/commun/pixel_bleu.gif) 0 8px no-repeat;padding-left: 10px; font: bold 13px Arial, Helvetica, sans-serif;}
#papierlarge .tableau-col-gauche-centre ul.liste_categorie li.date_jour {min-height: 20px; background: none; padding-left: 10px; font: normal 13px Arial, Helvetica, sans-serif;}
#papierlarge .tableau-col-gauche-centre ul.liste_categorie li.prenom_jour {min-height: 20px; background: none; padding-left: 10px; font: normal 13px Arial, Helvetica, sans-serif;}
#papierlarge .tableau-col-gauche-centre ul.liste_categorie li.image_jour {min-height: 20px; background: none; padding-left: 10px;}

#papierlarge .tableau-col-gauche-centre ul.liste_sous_categorie {list-style: none; float:left}
#papierlarge .tableau-col-gauche-centre ul.liste_sous_categorie li {min-height: 15px; padding-left: 10px; font: normal 10px Arial, Helvetica, sans-serif;}

#papierlarge .tableau-col-gauche-centre .message_en_evidence {margin: 5px 0; color: #333; font: bold 11px Arial;}
#papierlarge .tableau-col-gauche-centre .message_en_evidence_fete {margin: 5px 0px 0px 0px; color: #333; font: bold 11px Arial;}

/* colonne de gauche */

#papierlarge #menu_gauche {width: 152px; padding: 0px; float: left;top:10px;margin-top:10px;}
#papierlarge #menu_gauche #bloc_menu {border: 1px solid #d3d1c9; margin: 0px 0px 15px 0px; padding: 12px 0px 0px 10px; width: 141px;}
#papierlarge #menu_gauche #bloc_menu #presentation_menu {font: normal 12px Arial; color: #333333; padding: 0 2px;}
#papierlarge #menu_gauche #bloc_menu .lien_menu {font: bold 12px Arial; color: #6184A5; clear: left; background:url(http://r.linter.fr/copainsdavant/cartes/image/commun/puce_bleu.gif) 0px 5px no-repeat; padding-left:12px;margin:2px 0;}
#papierlarge #menu_gauche #bloc_menu .coin_bas_droite {background: url(http://r.linter.fr/copainsdavant/cartes/image/commun/puce_coin1.gif) bottom right no-repeat; position: relative; top: 1px; left: 1px;}
#papierlarge .tableau-col-gauche-en-tete {border:1px solid #6184A5; border-bottom: none;}
#papierlarge #menu_gauche .date-col-gauche {font: normal 11px Arial; color: #333;}
#papierlarge #menu_gauche .prenom-col-gauche {font: bold 11px Arial; color: #333; text-decoration: none;}
#papierlarge #menu_gauche .prenom-col-gauche:hover {text-decoration: underline;}
#papierlarge #menu_gauche #new_ecard {margin-top: 15px; font: bold 11px Arial;}
#papierlarge #menu_gauche #new_ecard .rouge {color: #F00;}

#papierlarge td #partie_droite {margin-top:0px;}
/* fin liste_souscategorie home des categorie */

/* page de saisie d une carte + carte perso*/

#diaporama table.saisie_coordonnees_carte {border: none; width: 220px; padding: 0;}
#diaporama table.saisie_coordonnees_carte td {font: bold 13px Arial;}
#diaporama table.saisie_coordonnees_carte td span.texte_simple{font: normal 13px Arial;}
#diaporama table.saisie_coordonnees_carte span.precision_heure {font: italic 10px Verdana;}
#diaporama table.saisie_coordonnees_carte input{font-family: Arial, Helvetica, sans-serif;}
#diaporama table.saisie_coordonnees_carte input.inputborder1{border: 1px solid #7F9DB9;}
#diaporama table.saisie_coordonnees_carte span.titre_champ{font: bold 13px Arial;}

#diaporama table.saisie_coordonnees_carte_perso {border: none; width: 100%; }
#diaporama table.saisie_coordonnees_carte_perso td {font: bold 10px Verdana, Arial;}
#diaporama table.saisie_coordonnees_carte_perso td span.texte_simple{font: normal 12px Arial;}
#diaporama table.saisie_coordonnees_carte_perso span.precision_heure {font: italic 10px Verdana;}
#diaporama table.saisie_coordonnees_carte_perso input{font-family: Arial, Helvetica, sans-serif;}
#diaporama table.saisie_coordonnees_carte_perso input.inputborder1{border: 1px solid #7F9DB9;}
#diaporama table.saisie_coordonnees_carte_perso span.titre_champ{font: bold 13px Arial;}

#diaporama table.saisie_coordonnees_carte_jesuisici {border: none; width: 220px; padding: 0;}
#diaporama table.saisie_coordonnees_carte_jesuisici td {font: bold 10px Verdana, Arial;}
#diaporama table.saisie_coordonnees_carte_jesuisici td span.texte_simple{font: normal 10px Verdana, Arial;}
#diaporama table.saisie_coordonnees_carte_jesuisici span.precision_heure {font: italic 10px Verdana;}
#diaporama table.saisie_coordonnees_carte_jesuisici input{font-family: Arial, Helvetica, sans-serif;}
#diaporama table.saisie_coordonnees_carte_jesuisici input.inputborder1{border: 1px solid #7F9DB9;}
#diaporama table.saisie_coordonnees_carte_jesuisici span.titre_champ{font: bold 13px Arial;}

#diaporama table.saisie_coordonnees_carte_video span.precision_heure {font: italic 10px Verdana;}
#diaporama table.saisie_coordonnees_carte_video span.titre_champ{font: bold 13px Arial;}

/* fin page de saisie d une carte + carte perso*/

/* page de preview d une carte */

#diaporama table.preview_coordonnees_carte {border: none; width: 220px; padding: 0;margin-left:8px;}
#diaporama table.preview_coordonnees_carte td span.titre { font: bold 13px Verdana, Arial, Helvetica sans-serif; width: 220px; overflow: hidden;}
#diaporama table.preview_coordonnees_carte td span.message {font: normal 13px Verdana, Arial, Helvetica sans-serif; width: 220px; overflow: hidden;}
#diaporama table.preview_coordonnees_carte td div.signature {font: italic 13px Verdana, Arial, Helvetica sans-serif; text-align: right; width: 220px; overflow: hidden;}

#diaporama table.preview_coordonnees_carte_perso {border: none; width: 446px; padding: 0;text-align: left;}
#diaporama table.preview_coordonnees_carte_perso td span.titre { font: bold 13px Verdana, Arial, Helvetica sans-serif; width: 446px; overflow: hidden;}
#diaporama table.preview_coordonnees_carte_perso td span.message { font: normal 13px Verdana, Arial, Helvetica sans-serif; width: 446px; overflow: hidden;}
#diaporama table.preview_coordonnees_carte_perso td div.signature {font: italic 13px Verdana, Arial, Helvetica sans-serif; text-align: right; width: 446px; overflow: hidden;}

/* fin page de preview d une carte */

/* page de consultation d une carte */

#diaporama table.view_coordonnees_carte,#papierlarge table.view_coordonnees_carte {border: none; width: 100%; padding: 5px;}
#diaporama table.view_coordonnees_carte td span.titre,#papierlarge table.view_coordonnees_carte td span.titre { font: bold 13px Verdana, Arial, Helvetica sans-serif; width: 220px; overflow: hidden;}
#diaporama table.view_coordonnees_carte td span.message,#papierlarge table.view_coordonnees_carte td span.message {font: normal 13px Verdana, Arial, Helvetica sans-serif; width: 220px; overflow: hidden;}
#diaporama table.view_coordonnees_carte td div.signature,#papierlarge table.view_coordonnees_carte td div.signature {font: italic 13px Verdana, Arial, Helvetica sans-serif; text-align: right; width: 220px; overflow: hidden;}

#diaporama table.view_coordonnees_carte_perso,#papierlarge table.view_coordonnees_carte_perso {border: none; width: 446px; padding: 5px;text-align: left;}
#diaporama table.view_coordonnees_carte_perso td span.titre,#papierlarge table.view_coordonnees_carte_perso td span.titre { font: bold 13px Verdana, Arial, Helvetica sans-serif; width: 446px; overflow: hidden;}
#diaporama table.view_coordonnees_carte_perso td span.message,#papierlarge table.view_coordonnees_carte_perso td span.message {font: normal 13px Verdana, Arial, Helvetica sans-serif; width: 446px; overflow: hidden;}
#diaporama table.view_coordonnees_carte_perso td div.signature,#papierlarge table.view_coordonnees_carte_perso td div.signature {font: italic 13px Verdana, Arial, Helvetica sans-serif; text-align: right; width: 446px; overflow: hidden;}

/* fin page de consultation d une carte */

/* erreur */
#diaporama .titre-erreur {display:block;font: 20px Arial, Helvetica, sans-serif; color: #6184A5; line-height: 18px; margin-bottom: 10px;}
#diaporama .message-erreur {}
/* fin erreur */

/* BLOC MOTEUR DE RECHERCHE RAPIDE DE LA COLONNE DE DROITE */
#bloc_rechercherapide {	background: url(http://r.linter.fr/copainsdavant/cartes/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%;font: 10px Verdana, Arial;}
#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;}
.txtorange	{color: #ff9933;}
.txtmoyen	{font-size:13px;}


#animation_liste_ressource {margin-bottom: 15px;position: relative}
#animation_liste_ressource .animation_info {text-align: right}
#animation_liste_ressource .animation_info a {font-weight: bold; font-size: 11px;}
#animation_liste_ressource table {width: 100%; border: 1px solid #6184A5; border-spacing: 0;}
#animation_liste_ressource table tbody td {width: 33%;}
#animation_liste_ressource table tbody td .animation_capture {margin: 0 auto;}
#animation_liste_ressource table tbody td .animation_lien {margin: 0 auto; height: 20px; margin-top: 0px; text-align: center }
#animation_liste_ressource table tbody td .animation_lien a {font-size: 10px;}
#animation_liste_ressource table tbody td .animation_lien,
#animation_liste_ressource table tbody td .titre {text-align: center}
#animation_liste_ressource table tbody td .titre {margin: 0px 0 5px 0}
#animation_liste_ressource table tbody td .titre a {color: #335779; font-weight: bold; font-size: 11px}
#animation_liste_ressource table thead tr th {width: 100%; background: #6184A5; text-align: left; color: #FFFFFF; padding: 0px 5px 2px 5px;position: relative}
#animation_liste_ressource table thead tr th a {color: #FFFFFF;text-decoration: none}
#animation_liste_ressource table thead tr th a:hover {text-decoration: underline}
#animation_liste_ressource table thead tr th .animation_texte {font-size: 11px; position: absolute; right: 2px; top: 2px;font-weight: normal}
#animation_liste_ressource table thead tr td {width: 100%;padding: 3px;}
#animation_liste_ressource table thead td .animation_texte {font-size: 11px;}
#animation_liste_ressource table tfoot tr td {width: 100%;padding: 3px; font-size: 10px;}
#animation_liste_ressource table tfoot tr td a {color: #335779}

#mode_emploi #animation_liste_ressource {margin-bottom: 0;position: relative}
#mode_emploi #animation_liste_ressource table {border: none; border-spacing: 5px}
#mode_emploi #animation_liste_ressource table td {border: 1px solid #DBD7CF}
#mode_emploi #animation_liste_ressource table td#premiere_cell {border: 1px solid #ff0000}

#papierlarge #faq dd.ancre-top  { font-size: 11px; text-align: right;}
#papierlarge #faq h2.titre-faq { font-size: 14px !important; margin: 10px 0 0 !important; }
#papierlarge #faq ul.liste-faq { list-style-type: none; }
#papierlarge #faq ul.liste-faq a, dd.ancre-top a  { text-decoration: none !important; }
#papierlarge #faq ul.liste-faq a:hover, dd.ancre-top a:hover { text-decoration: underline !important; }
#papierlarge #faq dl.liste-question dt { font-weight: bold;}

/* EXPLOITATION - Yann Goudard <goudard@benchmark.fr> */
#lien_faq {text-align: center; margin-bottom: 30px;}
a.format_16_9 img {height:54px;}

/* bloc linternaute mag */
.bloc_inter {margin-top:15px;}

/* bloc promo col droite */

.bloc_colonne_droite_titre {background-color:#6184A5;color:#FFFFFF;height:17px; padding-left: 5px;}
.bloc_colonne_droite_gauche {font-weight:bold;font-size:12px;font-weight: bold;text-align: left;}
.bloc_colonne_droite_droite_titre {font-size:14px;font-weight: bold;color:#6184A5;text-decoration:none;}
.bloc_colonne_droite_droite_titre:hover {text-decoration:underline;color:#6184A5;}
.bloc_colonne_droite_notice{font-size:9px;}
.bloc_colonne_droite_notice a {text-decoration:underline;}
.bloc_colonne_droite_lien_titre_categorie{color: #6184A5; font-size: 12px;font-weight: bold; display:block; margin-bottom: 5px;}
.bloc_colonne_droite_lien_titre_categorie:hover {color:#6184A5;}
.bloc_colonne_droite_lien_categorie{font-size:9px; text-decoration: underline;display:block; margin-bottom: 5px;}
.bloc_colonne_droite_div_categorie{width:130px;height:110px;float:left;margin:5px 5px 10px 5px;}
.carte_speciale {color:#333333}

/*.bloc_colonne_droite_image_categorie img{ height: 106px;}*/

.bloc_colonne_droite_titre_parlante {background-color:#6184A5;color:#FFFFFF;height:17px; padding-left: 5px;}
.bloc_colonne_droite_titre_parlante a {color:#FFFFFF; font-weight:bold;}

/* fin bloc promo col droite */

br.clear {clear: both;display: block;height: 0px;}
div.clear {clear: both;display: block;}

p#iconecopains {background:transparent url(http://r.linter.fr/cartes/image/picto_copains.gif) no-repeat scroll 173px 0;height:16px;margin-left:-5px;padding-bottom:2px;padding-left:20px;}

div.spacer {clear:both;font-size:1px;}

/* Bloc maillage interne */
#maillage-interne {margin:15px 0;background:transparent url(http://r.linter.fr/copainsdavant/cartes/image/commun/filet_pointille.gif) repeat-x scroll left bottom;}
#maillage-interne h4 {background:transparent url('http://r.linter.fr/copainsdavant/cartes/image/commun/debut-ligne.jpg') no-repeat left center;padding-left:28px;}
#maillage-interne div.pointille {height:10px;background:transparent url(http://r.linter.fr/copainsdavant/cartes/image/commun/filet_pointille.gif) repeat-x scroll left top;}
#maillage-interne .colonne {width:30%;float:left;padding-left:10px;}
#maillage-interne .colonne a {text-decoration:none;}
#maillage-interne .colonne a:hover {text-decoration:underline;}
#maillage-interne .colonne ul {margin-left:4px;list-style:none;text-indent:8px;margin-bottom:4px;}
#maillage-interne .colonne ul li {margin-left:0px;font-size:11px;background:url('http://r.linter.fr/cartes/image/commun/puce_bleu.gif') no-repeat scroll left center;}

#bloc_appel_externe_global {margin-bottom:10px;}
#bloc_appel_externe_global h4 {background:transparent url('http://r.linter.fr/copainsdavant/cartes/image/commun/debut-ligne.jpg') no-repeat left center;padding-left:28px;}
#bloc_appel_externe {border:solid 1px #7E9DB9;padding:5px 0px 5px 0px;text-align:center;font-size:11px;}
#bloc_appel_externe_global .information {font-size:11px;text-align:right;}

#choix_a_cocher {width:96%;border:solid 1px #C0C0C0;margin:auto;padding:4px 0px 4px 0px;}
#choix_a_cocher input {vertical-align:middle;}
#choix_a_cocher label {margin-left:15px;}
#choix_a_cocher span.etoile {color:#CC3300;}

div.abonnement_nl {width:93%;border:solid 1px #C0C0C0;margin:auto;padding:5px 10px;}
div.abonnement_nl input {vertical-align:middle;}

/**
* Bouton/lien orange
*/

.capsule {border: none; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/bouton_orange_fond.gif) repeat-x top left;position: relative; height: 18px; padding: 1px 0 0 0!important;display: block;text-align: center}
button.capsule, button.capsule_grisee {padding: 0}
.capsule span.capsule_gauche {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/bouton_orange_gauche_bg_gris.gif) no-repeat top left; position: absolute;display: block; width: 23px; height: 18px; left: 0;top: 0;}
.capsule span.capsule_droit {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/bouton_orange_droite_bg_gris.gif) no-repeat top right; position: absolute;display: block; width: 23px; height: 18px; right: 0;top: 0;$right: -2px}

.grisee {margin-top:15px;border: none; background:url(http://r.linter.fr/cartes/image/carte_personnalisee/commun/capsule_grisee/bouton_grise_fond.gif) repeat-x top left;position: relative; height: 18px;padding: 2px 0 0 0!important;$padding: 1px 0 0 0!important;display: block;text-align: center}
.grisee span.capsule_gauche {background:#fff url(http://r.linter.fr/cartes/image/carte_personnalisee/commun/capsule_grisee/bouton_grise_gauche_bg_gris.gif) no-repeat top left; position: absolute;display: block; width: 23px; height: 18px; left: 0;top: 0;}
.grisee span.capsule_droit {background:#fff url(http://r.linter.fr/cartes/image/carte_personnalisee/commun/capsule_grisee/bouton_grise_droite_bg_gris.gif) no-repeat top left; position: absolute;display: block; width: 23px; height: 18px; right: 0;top: 0;$right: -2px}
.capsule.grisee a { color:#5A5A5A!important; }


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!important; z-index: 3!important; padding: 0 10px!important; text-decoration: none!important;font: bold 11px Arial!important; color: #FFFFFF!important; cursor: pointer}
.capsule a:hover {text-decoration: none!important;}

#bouton_repondre_consultation {width: 200px; margin: 10px auto}
#bouton_bo_utilisateur {width: 150px; margin:0 0 5px 240px;float:left;}
#bouton_creation_animation {width: 165px; margin: 10px auto}
#bouton_repondre_animation {width: 235px; margin: 10px auto;padding-left:500px;}
#bouton_creation_animation a {text-decoration: none}
#bouton_creation_animation .uneautre {margin: 5px auto;}
#bouton_creation_animation .uneautre #bouton_creation_animation {width:380px;}
#bouton_previsualiser,#bouton_creer {width: 210px; margin: 10px auto}
#bouton_envoyer {width: 140px; margin: 10px auto}
#bouton_revenir_index_typo {width:200px;clear:both;}

#papierlarge div.lien_envoyer {font: bold 12px Arial;color:#6184A5;float:left;width:200px;}
#papierlarge div.lien_envoyer a {}

/* publi-info generique */
.publi-info {width:100%; margin:10px 0;clear:both;}
.publi-info .corps { background:#e5eeff;font-size:12px;padding:10px 10px 5px 0;display:block;float:left;width:472px; text-align: left; margin:0;}
.publi-info img { float:right;margin-bottom:5px;margin-right:5px;}
.publi-info h2 { margin:0;padding:0;font-size:12px;padding-left:10px;color:#cc0044; }
.publi-info p { padding-left:10px; }
.publi-info a.suite  { white-space: nowrap;font-weight:bold;color:#000;text-decoration:underline;background:url(http://www.linternaute.com/sante/breve/image/objsommaire/flecher.gif) 0 5px no-repeat;padding-left:10px; }
.publi-info a.suite:hover { text-decoration:none }
.publi-info h6 {background:transparent;width:462px;margin:0;padding:0;padding:0 0 0 20px;text-align:right;font-size:10px;font-weight:normal;}
.publi-info h6 span{ padding:0px 10px 0px 20px; }
.publi-info h6 span { background-color:#e5eeff;background-image:url(http://r.linter.fr/image/publi-info/fond_publi-info.gif);background-position:bottom left;background-repeat:no-repeat;color:#adc1e2;}
/* affichage du bloc en colonne de droite */
#droite .publi-info .corps {width:290px;}
#droite .publi-info h6 {width:280px;}

#diaporama p a.icone_abus, #papierlarge p a.icone_abus, #diaporamalarge p a.icone_abus {
	background:url(/cartes/image/commun/picto_abus.png) no-repeat scroll 0 0 transparent;
	padding-left:20px;
	color:#aaaaaa;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}
#diaporama p a.icone_abus, #papierlarge p a.icone_abus, #diaporamalarge p a.icone_abus:hover {
	text-decoration:underline;
}



#visuel-carte {width: 600px; background: url(/cartes/image/carte_personnalisee/commun/bg_carte-haut.png) top no-repeat; margin: 10px 0 10px 25px;}
#diaporamalarge #visuel-carte {margin-left:0px;}
#visuel-carte .contenu {padding:15px 0 5px 0; text-align:center;margin:0 5px 0 0;}
#visuel-carte .rejouer {display: block; float: left; margin-left: 15px; font-weight: bold; color: #dfdfd6; text-decoration: none;}
#visuel-carte .son-off {display: block; float: right; margin-right: 15px; font-weight: bold; color: #dfdfd6; text-decoration: none; background: url(/cartes/image/carte_personnalisee/commun/picto-son.png) right top no-repeat; padding-right: 20px;}
#visuel-carte .credits {color:#aaa; clear: both; font-size: 10px; margin-right:20px; text-align:right;}
#visuel-carte .credits a {color:#aaa; text-decoration:none;font:normal 10px Arial, Helvetica, Sans-serif;}
#visuel-carte div.clear {background: url(/cartes/image/carte_personnalisee/commun/bg_carte-bas.png) top no-repeat; height:18px;}
#visuel-carte .lieu_photo {color:#999; text-align:right;padding:2px 25px;font:italic 13px Arial, Helvetica, Sans-serif;}

.message-carte {float: left; width: 100%;margin:5px 5px 5px 13px;}
.message-carte h3 {background: url(/cartes/image/carte_personnalisee/commun/ttr_form_message.png) top no-repeat; padding: 3px 10px; margin-bottom: 10px; font: bold 14px Arial, Helvetica, Sans-serif; color: #6184a5;}
.message-carte p {margin: 5px 15px; text-align: left; font-weight: bold;} 
.message-carte input.txt, 
.message-carte textarea {width: 96%; border: 1px solid #CCC; margin: 5px 0; padding: 2px; font: normal 12px Arial, Helvetica, Sans-serif;}
.message-carte textarea {height:160px;}
.message-carte p.date {font-style: italic; font-weight: normal; margin-left:196px; float:none;}
.message-carte input.bouton, 
#animation_depose_webcam input.bouton,
#imports_amis input.bouton,
#formulaireContacts input.bouton {cursor:pointer; width: 77px; margin: 0 auto; display: block; 
					background: url(/cartes/image/carte_personnalisee/commun/btcopains-valider-off.png) top no-repeat; 
					border: none; height: 25px; padding: 0 0 4px; font-weight: bold; color: #fff;
					font-family: Arial,Helvetica,sans-serif;
					font-size: 10px;}
.message-carte input.bouton:hover, 
#animation_depose_webcam input.bouton:hover,
#formulaireContacts input.bouton:hover {background: url(/cartes/image/carte_personnalisee/commun/btcopains-valider-on.png) top no-repeat;}
/*
.message-carte input.hover, #animation_depose_webcam input.hover {background: url(/cartes/image/carte_personnalisee/commun/btcopains-valider-on.png) top no-repeat;}
*/

.message-carte select {font: normal 11px Arial, Helvetica, Sans-serif; color: #666; border: 1px solid #666;} 
.message-carte #envoi_heures {margin: 5px 15px;}

a.modifier-carte {color:#333;display: block; background: url(/cartes/image/carte_personnalisee/commun/btetape-prec-off.png) top no-repeat; 
			text-align: center; font-weight: bold; text-decoration: none !important; padding: 5px 5px 6px 20px; width: 175px;}
a.modifier-carte:hover {background: url(/cartes/image/carte_personnalisee/commun/btetape-prec-on.png) top no-repeat;}
			
a.envoyer-carte { color:#fff;display: block; background: url(/cartes/image/carte_personnalisee/commun/btcopains-envoyer-off.png) top no-repeat; 
			text-align: center; font-weight: bold; text-decoration: none !important; padding: 5px 5px 6px 20px; width: 175px;}
a.envoyer-carte:hover {background: url(/cartes/image/carte_personnalisee/commun/btcopains-envoyer-on.png) top no-repeat;}

/*#droite a.envoyer-carte{margin-left:50px;}*/
#droite #terminer a.envoyer-carte{margin: 10px auto;}

a.envoyer-carte.haut {float:right;margin-top:-29px;margin-right:35px;}

#terminer {margin:65px 0 15px 0; width: 240px; text-align: center; clear: both; padding: 15px; border: 2px solid #ff6e09; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; }
#terminer h3 {font: bold 16px Arial, Helvetica, Sans-serif; color: #ff6e09;}
#terminer .modifier-carte,
#terminer .envoyer-carte {float: none; margin: 10px auto;}

/*
a.repondre-carte {display: block; background: url(/cartes/image/carte_personnalisee/commun/btcopains-repondre-off.png) top no-repeat; 
			font: bold 14px Arial, Helvetica, Sans-serif; text-decoration: none !important; padding: 12px 0px 18px 80px; 
			width: 259px; margin: 0 auto;}
a.repondre-carte:hover {background: url(/cartes/image/carte_personnalisee/commun/btcopains-repondre-on.png) top no-repeat;}
*/

p.repondre-carte{text-align:center;margin:10px 0;}

a.bouton-repondre-carte{
  background-image:url(/cartes/image/carte_personnalisee/commun/btcopains-repondre-off-gauche.png?3);
  background-repeat:no-repeat;
  background-position:0 -1px;
  height:37px;
  display:inline-block;
  padding-left:32px;
  line-height:42px;
  vertical-align:middle;
  font:bold 14px Arial, Helvetica, Sans-serif;
  text-decoration:none!important;
}
a.bouton-repondre-carte span{
  display:inline-block;
  background-image:url(/cartes/image/carte_personnalisee/commun/btcopains-repondre-off-droite.png?3);
  background-position:right 0;
  background-repeat:no-repeat;
  height:42px; 
  padding:12px 23px 0 11px;
}
a.bouton-repondre-carte:hover{
  background-image:url(/cartes/image/carte_personnalisee/commun/btcopains-repondre-on-gauche.png?2);
}
a.bouton-repondre-carte:hover span{
  background-image:url(/cartes/image/carte_personnalisee/commun/btcopains-repondre-on-droite.png?2);
}

#oas-middle {margin:15px 0}