/**
* Css communes au pages
*/

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

h1 span {color: #000000; padding-left: 10px;}

#mode_emploi {margin-top:-3px;padding-top: 0;}


/**
* 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 {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}
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;}
.capsule a:hover {text-decoration: none!important}

/**
* Liens d'action sur animation
*/
/*
a.animation_supprimer {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/supprimer.gif) no-repeat left bottom; padding-left: 18px;}
a.animation_modifier {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/modifier.gif) no-repeat left bottom; padding-left: 18px;}
a.animation_placer {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/fiche.gif) no-repeat left bottom; padding-left: 18px;}
a.animation_envoyer {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/envoyer.gif) no-repeat left bottom; padding-left: 18px;}
a.animation_creer {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/ajouter.gif) no-repeat left bottom; padding-left: 18px;}
a.animation_lister {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/tous_les.gif) no-repeat left bottom; padding-left: 18px;}
a.animation_home {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/monaccueil.gif) no-repeat left bottom; padding-left: 18px;}
a.animation_abus {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/abus.gif) no-repeat left bottom; padding-left: 18px;}
a.animation_reglage{background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/reglage.gif) no-repeat left bottom; padding-left: 18px;}

a.animation_choisir,
a.animation_apercu {text-decoration: underline!important}

a.animation_choisir {color: #FF7413; font: bold 11px Arial!important;}
a.animation_apercu:hover,
a.animation_choisir:hover{text-decoration: none!important}
*/
/**
* encradré d'apercu d'animation
**/
.animation_apercu_petit {position: relative;background: #D9D6CF;width: 106px; height: 105px;margin: 0 auto;}
.animation_apercu_petit div.contenu {padding:3px!important;width: 100px; height: 80px; position: relative; text-align: center;}
.animation_apercu_petit div.contenu a img {margin: 0!important}
.animation_apercu_petit div.hautdroit {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/liste/coinhautdroit.gif) no-repeat right top; height:3px; position:absolute; right:0px; top:0px; width:3px;}
.animation_apercu_petit div.hautgauche {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/liste/coinhautgauche.gif) no-repeat left top; height:3px;	left:0px; position:absolute; top:0px; width:3px;}
.animation_apercu_petit div.basdroit {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/liste/coinbasdroit.gif) no-repeat right bottom; bottom:0px;	height:3px; position:absolute; right:0px; width:3px;}
.animation_apercu_petit div.basgauche {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/liste/coinbasgauche.gif) no-repeat left bottom;	bottom:0px; height:3px; left:0px; position:absolute; width:3px;}
.animation_apercu_petit a.lien_apercu {padding-left: 18px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/liste/lecture.gif) no-repeat left center;font: bold 11px Arial;}

.taille_180 {width: 186px;height: 150px;}
.taille_140 {width: 146px;height: 118px;}
.taille_100 {width: 106px;height: 86px;}


.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(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/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(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/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(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/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(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/lecteur/screen_controleur_100.png) 0 100% no-repeat}
.animation_capture_100 a img {margin: 0!important}

/**
* CSS de pages
*/

/**
* Page d'intro de depose
**/
#animation_demo {float: left; margin: 0 15px 15px 5px; $width: 295px; }
#animation_demo h2 {text-align: center; color: #333333; font-weight: bold; font-size: 14px;}
#animation_demo h2 a:hover {text-decoration: underline}
#animation_demo h2 a {text-decoration: none}
#animation_demo p.titre a{text-decoration: none}
#animation_demo p.titre a:hover{text-decoration: underline}
#animation_demo p.panel_lien {text-align: center; margin-top: 10px;}
#animation_demo a {text-decoration: underline}
#animation_demo a:hover {text-decoration: none}
#panel_demo {text-align: center; margin: 10px;}
#panel_demo a.voir_exemple {}
#panel_demo a.animation_depose {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/bt_creer.png) no-repeat center center; color: #ffffff; font: bold 11px Arial; text-decoration: none; padding: 9px 23px;}
#animation_instruction {width: 315px;float: left; margin-bottom: 15px; position: relative;}
#animation_instruction h1 {text-align: center;}
#animation_instruction a {text-decoration: underline}
#animation_instruction a:hover {text-decoration: none}
#bouton_creation_animation {width: 165px; margin: 10px auto}
#bouton_creation_animation a {text-decoration: none}
#liste_ressource_etape1 {width: auto; float: none; margin-bottom: 0;}
#liste_ressource_etape1 div.module_contenu {padding-top: 0;}



ul#liste_instruction {list-style: none;}
ul#liste_instruction li {padding: 5px 0}
ul#liste_instruction li span {color: #007C57; font-weight: bold; padding-right: 10px}

#liste_ressource_etape1 table.liste_animation td p {width: auto;}
#liste_ressource_etape1 table.liste_animation td div.animation_lien {text-align: center; width: auto}


ul#animation_authentification {list-style: none;}
ul#animation_authentification li {margin: 5px 0;}
ul#animation_authentification li a {font: bold 12px Arial; color: #FF700A}
ul#animation_authentification p {font: bold 12px Arial; color: #FF700A}
ul#animation_authentification a{text-decoration: underline}
ul#animation_authentification a:hover {text-decoration: none}
ul#animation_authentification a.animation_formulaire_mdp_oublie {font-size: 9px;margin-left: 112px;}



ul#animation_authentification input { height: auto;  width: 90px;margin-bottom: 5px}
ul#animation_authentification input#f_anim_identifiant {margin-right: 10px;}
ul#animation_authentification input.bouton_submit {border: none; background: none; width: auto; margin-bottom: 0px}

/**
* Page de choix de depose
*/
#animez_moi {font-size: 12px; position: relative;}
#animez_moi .animation_info{font-size: 11px;}
#animez_moi .animation_info a{font-size: 11px;}
#animez_moi ul.conseil_utilisation {list-style-image: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/puce_orange.gif); padding-left: 15px; margin: 5px 0 15px 0;}
#animez_moi .bloc_choix {border: 1px solid #D7D5C4; width: 200px; text-align: center; background: #FFFFFF;margin: 0 62px; _margin: 0 42px;float: left;position: relative;}
br.vide {clear: both;}
#animez_moi .bloc_choix div.texte {text-align: left;display: block; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/depose/fond_titre_vert.gif) no-repeat top left; width: 190px; height: 45px;padding: 2px 5px; margin: 0;text-transform: uppercase;}
#animez_moi .bloc_choix div.texte a { color: #FFFFFF; font: bold 11px Arial; text-decoration: none}
#animez_moi .bloc_choix div.texte a:hover {text-decoration: underline}
div.choix_etape_contenu .capsule span.capsule_gauche {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/bouton_orange_gauche_bg_blanc.gif) no-repeat top left;}
div.choix_etape_contenu .capsule span.capsule_droit {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/bouton_orange_droite_bg_blanc.gif) no-repeat top right;}

/**
* Page de depose par webcam et par telechargement
*/
#animez_moi .telechargement div.capsule {width: 150px; margin: 5px auto 10px auto ; }
#animez_moi .webcam div.capsule {width: 150px; margin: 5px auto 10px auto ; }
#animation_bloc_previsualisation .module {height: 90px}
#animez_moi .module div.module_contenu {background: #F6F3EB; width: auto;}
.module ul.module_prise li .titre {	line-height:18px;	margin-left:5px;	margin-right:5px;	text-decoration:none;}
div#animation_depose_webcam form {display: block;margin: 0 auto;padding: 5px;}
div#animation_depose_webcam .label_selection {float: left}
div#animation_depose_webcam .zone_erreurs {display: none;color: #ff0000; font-weight: bold; padding-left: 20px;}
div#animation_depose_webcam .valider {text-align: center;}
div#animation_depose_webcam input {background: none; border: none;}

/**
* page de preview
**/
div#conteneur_flash_calage {margin: 10px auto;}
div#conteneur_flash_lecteur_animation {margin: 10px auto; width: 560px;}
.loi_info ,
.module div.module_contenu .loi_info {font-family:Arial,Helvetica,sans-serif;font-size:10px; text-align: center}
.retour,
.module div.module_contenu .retour {margin-left: 10px;text-align:center;}
.retour,
.module div.module_contenu .retour a {text-decoration: underline;}
.retour,
.module div.module_contenu .retour a:hover {text-decoration: none;}
#formulaire_animation {margin-bottom: 15px;}
#formulaire_animation label {color: #302F2B; font-weight: bold; margin-left: 80px;margin-right: 10px;}
#formulaire_animation button { margin: 6px 10px 0 10px; width: 150px;}
#formulaire_animation .retour {float: left; width: 210px; height: 18px; margin: 0 10px;}
#formulaire_animation .retour a {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/depose/recommencer.gif) no-repeat top left; padding: 3px 0 3px 25px;}


/**
* Page de demo
**/
#bouton_creation_animation_demo {width: 200px;margin: 15px auto 5px auto}

span#animation_titre {padding: 0;}
.panneau_controle h3 { background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/depose/contenu_top.png) no-repeat left top;height:19px;text-indent:5px; color: #666666; padding-left: 10px;padding-top: 2px; font-size: 11px}
.panneau_controle { width: 300px; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/depose/contenu_fond.png) repeat-y left top}
.panneau_controle .bordure { padding: 0; background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/depose/contenu_bottom.png) no-repeat left bottom}
.panneau_controle .liste_actions {padding:15px;}
.panneau_controle div.separateur {background: url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/depose/trait.png) repeat-x left bottom; height: 2px; margin-top: 10px; font-size: 0;}

.action_saisie p {font-weight: bold;}
.action_saisie form {text-align: center; margin-bottom: 10px;}
.action_saisie form ul {margin: 10px 0; list-style-type : none}
.action_saisie form ul li{text-align: right;margin: 5px 0 5px 0;font-weight: normal; position: relative;}
.action_saisie form ul li span.libelle {text-align: left;position: absolute; left: 0; _left: -100px; }
.action_saisie form ul li input {width: 150px;}
.action_saisie form ul li.en_erreur input {border: 2px solid #ff0000}
.action_saisie form ul li.en_erreur span {color: #ff0000; font-weight: bold;}
.action_saisie form button {margin: 5px auto}
.action_saisie form button#previsualiser {width: 140px}
.action_saisie form button#valider {width: 110px}
.action_saisie #message_erreur {color: #ff0000}

.action_msg textarea{ width: 262px!important}
.action_msg .message-erreur{ margin-bottom: 10px;}

.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: 90px; _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(http://r.linter.fr/copainsdavant/cartes/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(http://r.linter.fr/copainsdavant/cartes/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(http://r.linter.fr/copainsdavant/cartes/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(http://r.linter.fr/copainsdavant/cartes/image/commun/table_bas_droite_petit_arrondi_orange.gif) no-repeat;}
.liste_mode_emploi_inscription {margin-bottom: -5px;}
.liste_mode_emploi_inscription li {list-style-type: none;padding-left: 12px; background: url(http://r.linter.fr/copainsdavant/cartes/image/commun/fleche.gif) 0 3px no-repeat; margin: 0 0 5px 0;}
.couleur_secondaire {color:#FF700A;}
.bloc_arrondi_contenu_introduction {font-size: 13px;font-weight: bold;padding: 10px 0pt;}
.bloc_arrondi_contenu_bouton_action {margin-top: 15px;text-align: center;}
.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;}


/*
*	page de visualisation
*/
#animation_message {width: 560px; margin: 10px auto;}
#animation_message p.libelle{margin-bottom: 10px; font-weight: bold;}
#animation_message p.description{text-align: left;}
#animation_message p.signature{text-align: right; font-style: italic;}

#bouton_revenir_message {width: 191px; position: absolute; top: 1pt; right: 0;$right: 15px;}
#bouton_revenir_index {width: 100px; position: absolute; top: 1pt; right: 0; $right: 15px;}
#bouton_revenir_ajuster {width: 233px; position: absolute; top: 1pt; right: 0;$right: 15px;}
#bouton_revenir_texte {width: 182px; position: absolute; top: 1pt; right: 0;$right: 15px;}
#bouton_revenir_depose_photo {width: 198px; position: absolute; top: 1pt; right: 0;$right: 15px;}

.action_visualiser a.animation_envoyer {background:transparent url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/commun/envoyer20x20.gif) no-repeat scroll left bottom;padding-left:25px;font-size: 16px; font-weight: bold}

table.liste_generale {border: 1px solid #57AD9F; border-spacing: 0; border-collapse: collapse;}
table.liste_generale td {border: 1px solid #57AD9F}
table.liste_generale td div.titre{text-align: center; background: #DFF3F2; height: 22px;padding-top: 6px;border-bottom: 1px solid #9EAABE}
table.liste_generale td div.titre a {font: bold 10px Verdana,Arial,Helvetica,sans-serif;}
table.liste_generale td div.animation_capture{margin: 15px auto 0 auto}
table.liste_generale td .animation_lien {position: relative; margin: 0 auto; height: 20px; margin-top: 5px; text-align: center; height: 35px; }
table.liste_generale td .animation_lien .animation_apercu {position: absolute; top: 0; left: 0; width: 50%;}
table.liste_generale td .animation_lien .animation_choisir {position: absolute; top: 0; right: 0; width: 50%;}
table.liste_generale td .animation_lien a {font-size: 11px;}

.etoile {color: #FF0000}
.obligatoire {color: #FF0000; font-size: 10px;}

/**
* surclassage pour nouveau menu :
*/
#bloc_menu {border:1px solid #E3E4E5;height:66px;margin-bottom:7px;padding:0;width:596px;padding-top:9px;}
.menu_colone{float:left;width:135px;padding-left:10px;}
#bloc_menu .lien_menu {font: bold 12px Arial; color: #6184A5; clear: left; background:url(http://cr.linter.fr/image/commun/puce_bleu.gif) 0px 5px no-repeat; padding-left:12px;margin:2px 0;}
#carte-voeux {
border:0px solid #D8D6CF;
margin-bottom:12px;
width:585px;
}
#carte-voeux ul {background:none;}
p#texte_pied {padding-top:30px;text-align:justify;}

/**
* page de liste des types de cadeaux +
*/
.liste_choix_type_carte_conteneur{float:left;background:transparent url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/liste/fond_selection_type_carte.gif) repeat-x scroll 0 0;overflow:hidden;width:274px;border:0px;padding:8px;margin:0px;text-align:center;height:240px;}
.liste_choix_type_carte_libelle {margin-bottom:4px;padding-top:10px;padding-bottom:10px;}
.liste_choix_type_carte_libelle a , .liste_choix_type_carte_lien a {color:#333333;font-weight:bold;font-size:14px;}
.liste_choix_type_carte_image img {height:150px;border:solid 1px #b2c4cc;padding:5px;background-color:#FFFFFF;}
.liste_choix_type_carte_description{font-size:12px;}
.liste_choix_type_carte_information_supplementaire{font-size:11px;}
.liste_choix_type_carte_conteneur_cartes_parlantes{background:transparent url(http://r.linter.fr/copainsdavant/cartes/image/carte_plus/liste/fond_selection_type_carte.gif) repeat-x scroll 0 0;height:260px;}
.liste_choix_type_carte_conteneur_cartes_parlantes div.liste_choix_type_carte_libelle a , .liste_choix_type_carte_conteneur_cartes_parlantes div.liste_choix_type_carte_description , .liste_choix_type_carte_conteneur_cartes_parlantes div.liste_choix_type_carte_lien a , .liste_choix_type_carte_conteneur_cartes_parlantes div.liste_choix_type_carte_information_supplementaire , .liste_choix_type_carte_conteneur_cartes_parlantes div.liste_choix_type_carte_information_supplementaire { color:#426f98;}