* {font:1em Arial, Helvetica, sans-serif; margin:0; padding:0; border:0; list-style-type:none;}

html 		{height:100%;}
body 		{height:100%; padding:0 1px; background-color:#D6CDB3; font:75% Arial, Helvetica, sans-serif;}
#contenant 	{position:relative; min-height:100%;
			 background:transparent url(../images/bkg-contenant.gif) repeat-y 50% 0;}
#contenant.colonnes-d, 
.colonnes-d #page .interne {background:transparent url(../images/bkg-contenant-colonnes-d.png) repeat-y 50% 0;}
#contenant.colonnes-g, 
.colonnes-g #page .interne {background:transparent url(../images/bkg-contenant-colonnes-g.png) repeat-y 50% 0;}

.google {margin-left: 490px;margin-top: -28px;position: absolute;width: 60px;}

/* >>> En-tête ---------------------------------------------------------------- */
.canoe			{width:100%; height:40px; border:none; overflow:hidden;}
#entete 		{background-color:#D6CDB3; border-bottom:3px solid #FFF; font-size:1.3em; font-weight:bold;}
#entete-interne	{width:760px; margin:0 auto;}
#logo 			{display:block; width:100%; height:38px; padding-top:15px /*29px*/;
				 position:relative; color:#594E30; text-decoration:none;}
#logo span		{position:absolute; width:760px; height:38px;  
				 background:url(../images/logo.png) no-repeat 0 100%; cursor:pointer;}
#logo.nolien span {cursor:auto;}
				 
/* >>> Commun ----------------------------------------------------------------- */	
.interne 		{width:754px; margin:0 auto; border-left:3px solid #FFF; border-right:3px solid #FFF;}			 
				 
/* >>> Zone centrale ---------------------------------------------------------- */
#zone-centrale	{background:#69943C url(../images/bkg-zone-centrale.png) repeat-x; 
				 border-bottom:3px solid #FFF;}
#zc-bkg 		{background:#2A5D9C url(../images/bkg-zc.png) repeat-x 0 100%;}
#zc-contenu		{min-height:160px; background:transparent url(../images/visuel-route.png) no-repeat 0 100%;
				 padding:10px 0 10px 305px;}
.slogan			{position:relative; width:449px; margin:52px 0 0;  
				 font-size:1.25em; color:#FFF; text-transform:uppercase;}
#slogan-transferer span {position:absolute; width:449px; height:55px; 
						 background:url(../images/slogan-transferer.png) no-repeat;}
#slogan-modifier span   {position:absolute; width:449px; height:55px; 
						 background:url(../images/slogan-modifier.png) no-repeat;}
						 
/* >>> Navigation ------------------------------------------------------------- */
#navigation		{background-color:#7E6D3C; border-bottom:3px solid #FFF;}
#nv-contenu		{width:744px; padding:0 5px; background-color:#594E30;}
#nv-contenu ul 	{padding:0;}
#nv-contenu li 	{display:inline; padding:0;}
#nv-contenu a	{display:block; float:left; margin:5px 1px; padding:3px 7px; background-color:#594E30;
				 color:#FFF; font-weight:bold; text-decoration:none; text-transform:uppercase; white-space:nowrap;}
#nv-contenu a.actif, #nv-contenu a:hover, #nv-contenu a:focus, #nv-contenu a:active {background-color:#FFF; color:#000;}

a#nav-acces-compte, a#nav-compte, a#nav-deconnexion, a#nav-annuler	{background-color:#877641;}
#nv-contenu li.droite a {float:right;}

/* >>> Pied de page ----------------------------------------------------------- */
#piedpage			{position:absolute; bottom:0; width:100%;}
#piedpage .interne	{width:734px; height:45px; padding:10px 10px 0; background-color:#594E30; border-top:3px solid #FFF; 
					 color:#D6CDB3; font-size:0.9em; text-align:right;}
#piedpage .liens 	{float:left; width:50%; text-align:left;}
#piedpage a			{color:#ECEADE; font-weight:normal;}
#piedpage a:hover, #piedpage a:focus, #piedpage a:active {color:#FFF;}

/* >>> Contenu ---------------------------------------------------------------- */
#page 			{background:#D6CDB3 url(../images/bkg-page.png) repeat-x;}
#page .interne	{min-height:350px; padding:0 0 58px; background-color:#FFF;}

/* Gabarits */
.gab-colonne1 {padding:30px 65px;}
.gab-colonne1 .formulaire {padding:0 17px 10px; border:none;}
.gab-colonne2-d .colonne-g {float:left; width:225px;} 
.gab-colonne2-d .colonne-d {float:left; width:526px; margin-left:3px;}
.gab-colonne2-g .colonne-g {float:left; width:526px;} 
.gab-colonne2-g .colonne-d {float:left; width:225px; margin-left:3px;}
.bloc {border-bottom:3px solid #FFF; background-color:#D5E9F0;} 

/* Module de recherche */
#titre-recherche 		{padding:0 0 10px; color:#FFF; font-size:1.2em; font-weight:bold; text-transform:uppercase;}					
/*#titre-recherche span 	{position:absolute; width:445px; height:19px; 
						 background:url(../images/titre-recherche.png) no-repeat;}*/
#form-recherche .colonne-g {float:left; width:190px;}
#form-recherche .colonne-g .champ {margin-bottom:5px;}
#form-recherche .colonne-g select {width:188px;}
#form-recherche .colonne-d {margin-left:200px; padding-right:10px;}
#form-recherche fieldset {margin-bottom:10px; color:#FFF;}
#form-recherche legend {padding:0 0 5px; font-weight:bold; color:#FFF;}
#form-recherche select 	{border-color:#2A3D77;}
#form-recherche .colonne-d label, #form-recherche .colonne-d select {margin-right:2px;}
#form-recherche .colonne-d select {width:98px;}
#form-recherche .boutons {margin-top:5px;}

/* Accueil */
#mission {border-bottom:3px solid #FFF;}
#mission a {padding-left:0.5em;}
#apropos {margin-top:1.5em;}
#apropos.espace-mini {margin-top:3px;}
#apropos .titre {padding:0;}

.p_accueil {margin:1em 20px;}

.groupe-baux		{margin-left:5px;}
.groupe-baux .bail 	{float:left; width:163px; padding:10px 5px 0 4px;}
.groupe-baux a {display:block; min-height:223px; padding:4px 4px 10px; color:#000; font-weight:normal;  text-align:center; line-height:1.35em;text-decoration:none; background-color:#EDEDED;} 
.groupe-baux a:hover, .groupe-baux a:focus, .groupe-baux a:active {color:#000; background-color:#D5E9F0;}
.groupe-baux .privilege a {background:#E7F4D5 url(../images/bkg-vedette-accueil.png) no-repeat 100% 128px;}
.groupe-baux .privilege a:hover, .groupe-baux .privilege a:focus, .groupe-baux .privilege a:active {background-color:#D5E9F0; background-image:url(../images/bkg-vedette-accueil-rl.png);}
.bail img, .groupe-baux .privilege a:hover img, .groupe-baux .privilege a:focus img, .groupe-baux .privilege a:active img {margin-bottom:5px; border:1px solid #2A3D77;}
.groupe-baux .privilege img {border-color:#360;}

.economies, .economies * {color:#339; font-weight:bold;}
.gab-colonne2-d .colonne-g h2, 
.gab-colonne2-g .colonne-d h2 {text-transform:uppercase; font-weight:bold;}

/* Texte Pourquoi */
.bloc {padding:10px;}
.pourquoi 		{position:relative; padding:10px 15px 15px; background-color:#BEDDE8;min-height:30px}
.pourquoi h2 	{height:34px;}
.pourquoi h2 div {padding:7px 5px;font-weight:bold;}
.pourquoi h2 span {background:#2A3D77;padding:5px;font-weight:bold;color:#FFF;}
.pourquoi h2 span font{font-weight:bold;font-size:14px}
.pourquoi-texte	{padding-top:50px;}

#lien-pourquoi-transferer {display:block; width:195px; height:54px; position:absolute; top:0; left:0; background:url(../images/titre-transferer.png) no-repeat;}
#lien-pourquoi-reprendre {display:block; width:225px; height:54px; position:absolute; top:0; left:0; background:url(../images/titre-reprendre.png) no-repeat;}
#lien-pourquoi-annoncer {display:block;}
/*#lien-pourquoi-annoncer span {width:225px; height:54px; position:absolute; top:0; left:0; background:url(../images/titre-annoncer.png) no-repeat; cursor:pointer;}*/
#lien-demande-credit {display:block;}
/*#lien-demande-credit span {width:225px; height:54px; position:absolute; top:0; left:0; background:url(../images/titre-credit.png) no-repeat; cursor:pointer;}*/

/* Liste des pages statiques */
#baux-marque h2, #baux-modele h2, #baux-ville h2 {margin-bottom:.75em;}
#baux-marque a, #baux-modele a, #baux-ville a {font-weight:normal;}
#baux-marque ul {float:left; width:100px;}

/* Info-transfert */
.article-colonnes {width:100%; padding-top:.5em; background:transparent url(../images/bkg-article-colonnes.gif) repeat-y 50% 0;}
.article-colonnes .article {float:left; width:282px; padding-top:0; border:none;}
.article	{padding:15px 15px 20px; border-top:1px solid #D6CDB3;}
.article .niveau1 {padding:0; border:0;}
.article .image {float:left; width:120px; padding:0 0 10px; text-align:center;}
.article .intro {margin-left:120px;}
#article .image {float:right; width:175px; margin:0 0 1.5em; padding-top:15px; text-align:center;}
#article .intro {margin:0 190px 1.5em 0; padding:15px; background-color:#E7F4D5;}			 

/* Fiche d'un transfert */
#bail-transfere {position:relative; width:402px; top:15px; left:10px;}
#fiche {position:relative; padding:15px 10px 10px;}
#titre-fiche {position:absolute; top:15px; width:392px; padding:10px; background-color:#BEDDE8; font-size:1.2em; font-weight:bold;}
#titre-fiche .sous-titre {display:block; margin-bottom:0.25em; font-size:0.75em; font-weight:normal; text-transform:uppercase;}
#titre-fiche .note {font-weight:bold;}
#fiche .colonne-g {float:left; width:402px; padding:5em 10px 0 0;}
#fiche .colonne-d {float:left; width:322px;}
#fiche.bail-transfere .colonne-d {margin-top:-2.1em;}
#fiche .colonne-g .details {margin:10px 0 15px 10px;}
#fiche .colonne-d .details {margin:10px 10px 15px;}
#fiche .details a {font-weight:normal;}
.transfere	{margin-bottom:4px; padding:3px 5px; background-color:#FC0; text-align:center; text-transform:uppercase; font-weight:bold;}
#economies {margin:-.25em -10px .5em 0; padding:5px 43px 5px 5px; background:#FC0 url(../images/puce-economies-jaune.png) no-repeat 100% 50%; text-align:right;}

#photo-principale {margin-bottom:4px;}
#photo-principale img {display:block; border:1px solid #594E30;}
#photos-secondaires a {outline:0;}
#photos-secondaires a img { border:1px solid #944000;}
#photos-secondaires a.actif img {border-color:#FFF !important; cursor:default;}
#photos-secondaires a:hover img, #photos-secondaires a:focus img, #photos-secondaires a:active img {border-color:#98CC29/*360*/;}
#info-fiche {padding:0 0 10px; text-align:right;}
.stats 		{float:left; padding-right:15px;}

#details-location .economies 		 {background-repeat:no-repeat; background-position:center right;}
#details-location .pair .economies   {background-image:url(../images/puce-economies-blanc.png);}
#details-location .impair .economies {background-image:url(../images/puce-economies-bleu.png);}

#tb-coordonnees th {padding:2px 5px 2px 0; width:100px;}
#tb-coordonnees td {padding:2px 0 2px 5px;}
.tb-details th {width:226px;}
.tb-details .impair th, .tb-details .impair td {background-color:#E0EFF4;}
#tb-vehicule th {width:175px;}

#form-ecrire-annonceur .champ {margin-bottom:7px;}
#form-ecrire-annonceur label {display:block; margin-bottom:3px;}
#form-ecrire-annonceur .saisie, #form-ecrire-annonceur textarea {width:294px;}
#form-ecrire-annonceur .important label {display:inline; padding-right:7px;}
#form-ecrire-annonceur .important #question {width:50px;}
#form-ecrire-annonceur .boutons {text-align:center;}
#form-ecrire-annonceur #erreur ul {padding-left:0;}
#form-ecrire-annonceur #erreur 	  {margin-bottom:.25em;}
#form-ecrire-annonceur #succes	  {margin:11px 10px 1em; padding-left:19px; font-weight:bold; background:#FFF url(../images/puce-succes.png) no-repeat; color:#408000;}

.utilitaires {padding:5px 10px; background-color:#ECEADE; text-align:right;}
.utilitaires a {font-weight:normal;}

/* Résultats de recherche */
.tri {margin-bottom:3px; padding:5px 10px; background-color:#D4D2C7;}
.tri select {margin-right:15px;}
.tri .espace {margin-right:5px;}
.tri button {margin-left:5px; top:-2px;}
.pagination {padding:3px 10px 6px; background-color:#ECEADE;}
.pagination .nb-resultats {float:left; width:180px; position:relative; top:6px;}
.pagination .page {margin-left:108px; text-align:right;}
.pagination select {width:60px;}
.pagination button {margin:0 5px; top:-1px;}
.pagination img {position:relative; top:5px;}
.pagination .bt-precedent {margin-right:7px;}
.pagination .bt-suivant {margin-left:7px;}
.pagination.bas {margin-top:25px;}

#resultat_aucun {margin:25px 0; text-align:center;}
.resultat {position:relative; padding:25px 30px 0;}
.resultat h2 {/*position:absolute; left:185px; width:291px;*/ margin-left:155px; padding:5px 10px; background-color:#2A3D77; color:#FFF;}
.resultat.privilege h2 {background-color:#577737;}
.resultat h2 a {color:#FFF; text-decoration:none;}
.resultat h2 a:hover, .resultat h2 a:focus, .resultat h2 a:active {text-decoration:underline;}
.resultat .id {float:right; padding-left:20px; font-size:0.9em;}
.resultat .image {position:absolute; top:25px; width:155px;/*position:relative; float:left; width:155px;*/}
.resultat img {border:1px solid #2A3D77;}
.resultat .img-bail-transfere {position:absolute; width:74px; height:74px; top:1px; left:1px; background:transparent url(../images/bail-transfere.gif) no-repeat;}
.resultat.privilege img {border-color:#577737;}
.resultat .description {margin:5px 0 0 160px;/*margin:2.5em 0 0 160px;*/ padding:7px 10px 10px; background-color:#EDEDED;}
.resultat.privilege .description {background:#E7F4D5 url(../images/bkg-vedette-recherche.png) no-repeat 100% 0;}
.tb-resultat {margin-bottom:.75em;}
.tb-resultat th {width:100px;}
.tb-resultat th, .tb-resultat td {padding:2px 0;}
.tb-resultat .economies {display:block; margin-top:2px;}

.bail-privilege h3	{margin-bottom:.5em;}
.bail-privilege h3 a {color:#000; text-decoration:none;}
.bail-privilege h3 a:hover, .bail-privilege h3 a:focus, .bail-privilege h3 a:active {text-decoration:underline;}
.bail-privilege img {float:left; border:1px solid #2A3D77;}
.bail-privilege .description {margin-left:107px; font-size:0.9em; line-height:1.35em;}
.bail-privilege .lien {clear:both; padding-top:.5em;}

/* Connexion */
.connexion			  {width:100%; background:#FFF url(../images/bkg-connexion.gif) repeat-y;}
.connexion.colonne1	  {background-image:none;}
.connexion .colonne-g {float:left; width:302px;} 
.connexion .colonne-d {float:left; width:302px; margin-left:20px;}
.connexion .titre 	  {margin-bottom:0; border-bottom:5px solid #FFF;}
.connexion .erreur,
.connexion .succes	  {padding:5px 10px 10px 27px; font-weight:bold;}
.connexion .erreur	  {background:#FFF url(../images/puce-erreur.gif) no-repeat 10px 6px; color:#C00;}
.connexion .succes	  {background:#FFF url(../images/puce-succes.png) no-repeat 10px 6px; color:#408000;}
.connexion form 	  {margin-left:10px; padding:15px 20px; background-color:#ECEADE;}
.connexion .champ	  {margin-bottom:1em;}
.connexion label	  {display:block; margin-bottom:3px;}
.connexion .saisie 	  {width:240px;}
.connexion .boutons   {text-align:center;}
#form-connexion .boutons {margin-top:27px;}

/* Transférer votre bail */
#navigation-onglets ul {padding:0 1px;}
#navigation-onglets li {display:block; float:left; width:148px; margin:0 3px 0 0; line-height:normal; text-transform:uppercase; font-weight:bold;}
#navigation-onglets .fin {margin:0;}
#navigation-onglets a  {display:block; width:128px; padding:5px 10px; background-color:#D5E9F0; border-bottom:3px solid #FFF; text-decoration:none; color:#4D4D4D;}
#navigation-onglets a:hover, #navigation-onglets a:focus, #navigation-onglets a:active {background-color:#BEDDE8; color:#000;}
#navigation-onglets .actif {width:128px; padding:5px 10px; background-color:#BEDDE8; border-bottom:3px solid #BEDDE8; color:#000;}
#navigation-onglets .inactif {width:128px; padding:5px 10px; background-color:#EDEDED; border-bottom:3px solid #FFF; color:#808080;}


#navigation-onglets .etape {display:block; width:4.2em; margin:0 0 3px -5px; padding:3px 5px; background-color:#5E71AB; color:#FFF; font-weight:bold;}
#navigation-onglets .actif .etape, #navigation-onglets a:hover .etape, #navigation-onglets a:focus .etape, #navigation-onglets a:active .etape {background-color:#2A3D77;}
#navigation-onglets .inactif .etape {background-color:#999;}

/* Safari */
#navigation-onglets.extensible li {min-width:148px; width:auto;}
#navigation-onglets.extensible a {min-width:128px; width:auto;}
#navigation-onglets.extensible .actif {min-width:128px; width:auto;}
#navigation-onglets.extensible .inactif {min-width:128px; width:auto;}


#formulaire {margin:0 1px; padding:30px 75px; border:7px solid #BEDDE8;}
.formulaire fieldset {padding-bottom:1.5em;}
.formulaire legend {padding:3px 7px; background-color:#594E30; color:#FFF; text-transform:uppercase;}
.formulaire .boutons, .bordure {margin-top:20px; padding-top:10px; border-top:1px solid #D6CDB3; text-align:center;}
.form-contour {padding-top:10px; border-top:1px solid #D6CDB3;}
.tb-form th {width:175px; background-color:#F0ECE1; border-bottom:1px solid #FFF; text-align:right;}
.tb-form td {border-bottom:1px solid #D6CDB3;}
form .tb-form ul {padding:0;}
.tb-form .fin th, .tb-form .fin td {border:0;}
.tb-form .saisie, .tb-form select {width:300px;}

.espace {margin-top:.5em;}
.exemple {padding-left:10px; font-size:0.9em; color:#594E30;}
.champ_pref {position:relative;}
input.motpasse {width:125px;}

/* Étape : Détails du bail */
#groupe-desc-bail .saisie, #groupe-incitatifs .saisie {width:70px;}
#modele_ajout {width:183px;}
#edition, #fin_bail_mois, #garantie_km, #garantie_an, #nb_portes, #nb_cylindres {width:100px;}
#annee, #fin_bail_annee.saisie {width:50px;}
#fin_bail_jour.saisie {width:25px;}
.ch_garantie label {float:left; width:75px;}
#couleur_ext, #couleur_int, #carburant, #traction {width:155px;}
#champ_pref_transmission .oblig_pref {position:absolute; top:.25em; left:8em;}
#commentaires {width:370px; height:152px;}
#groupe-incitatifs .espace {margin:5px 25px 10px;}

/* Étape : Photos */
#saut-haut {margin:5px 0 20px; padding-bottom:10px; border-bottom:1px solid #D6CDB3; text-align:center;}
#saut-bas {margin-top:20px; padding-top:10px; border-top:1px solid #D6CDB3; text-align:center;}
#form-ajout-photos .boutons, #form-photos .boutons {clear:both; margin:0; border:0;}
#form-photos .image 		{float:left; width:111px; margin:0.5em 3px 0; padding-bottom:3px; text-align:center;}
#form-photos .image img		{display:block; border:1px solid #D6CDB3;}
#form-photos .image input	{margin-top:5px;}
#img-choix					{float:left; width:153px; height:115px; margin-top:0.25em; margin-right:15px; border:1px solid #D6CDB3;}
#form-photos .aucun-choix	{background-color:#F0ECE1;}
#form-photos .aucun-choix p {margin:0; padding:30px 10px 0; font-weight:bold; text-align:center;}
#img-instruction			{margin-left:170px;}

/* Étape : Coordonnées */
#code_postal {width:60px;}
#telephone, #telephone1, #telephone2 {width:100px;}
#poste, #poste1, #poste2 {width:35px;}
#disponibilite1, #disponibilite2 {width:110px;}
#l_poste, #l_poste2 {margin-left:.9em;}
#champ_pref_contact .oblig_pref {position:absolute; top:.25em; left:9em;}

/* Étape : Prévisualisation */
#fiche.previsualisation {width:674px; margin:20px -54px 10px; padding:10px 10px 0; border:1px solid #D6CDB3;}
#fiche.previsualisation #titre-fiche {width:352px; top:10px;}
#fiche.previsualisation .colonne-g {width:362px;}
#fiche.previsualisation .colonne-d {width:302px;}
#fiche.previsualisation .tb-details th {width:196px;}
#fiche.previsualisation #tb-vehicule th {width:155px;}

/* Étape 5 : Paiement */
.forfait 			  {margin:0 30px; padding:10px 0;}
.forfait .libelle 	  {float:left; width:128px;}
.forfait .nom 		  {width:114px; padding:3px 7px; background-color:#594E30/*577737*/; text-transform:uppercase; color:#FFF;}
.forfait .nom strong  {white-space:nowrap;}
.forfait .prix 		  {width:104px; margin:5px 0 0 10px; padding:5px 7px; background-color:#F0ECE1/*E7F4D5*/; text-align:right;}
.forfait .prix strong {display:block; font-size:1.2em;}
.forfait .avantages   {margin-left:133px; width:360px; min-height:73px; padding:10px; border:2px solid #D6CDB3/*97BF40*/;}
.form-paiement .boutons {clear:both; border:0; margin:0; padding:0 0 20px;}

/* Votre compte */
.gerer-annonce 					{width:100%; padding:5px 0 20px;}
.gerer-annonce img 				{float:left; width:171px; border:1px solid #594E30;}
.gerer-annonce .desc-annonce 	{margin-left:173px;}
.gerer-annonce .titre-annonce 	{padding:10px; background-color:#BEDDE8; font-size:1.2em; font-weight:bold;}
.titre-annonce .sous-titre 		{display:block; margin-bottom:0.25em; font-size:0.8em; font-weight:normal; text-transform:uppercase;}
.info-annonce 					{padding:5px 10px 7px; text-align:right;}
.info-forfaits					{clear:left; padding:5px 10px 0;}
.nav-annonce 					{padding:0 0 0 10px;}
.nav-annonce a 					{display:block; float:left; width:181px; margin:2px 4px 2px 0; background-color:#F0ECE1; color:#000; 
								text-transform:uppercase; text-decoration:none; padding:4px 7px;font-size:0.9em;}
.nav-annonce a:hover, .nav-annonce a:focus, .nav-annonce a:active {background-color:#DEDAD1; color:#000;}

/* Afficher Bail transféré */
#form-afficher-transfere fieldset, 
#form-afficher-transfere .gerer-annonce {margin-top:1.5em; padding:0;}
#form-afficher-transfere .boutons		{padding:0 0 20px; border:0;}

/* Nous joindre */
#message {width:370px; height:152px;}
#champ_message .oblig_pref {position:absolute; top:.25em; left:379px;}

/* Publicité */
.publicite-entete .publicite	{display:block; margin:7px 0 0 16px;}
.publicite-accueil .publicite	{display:block; float:left; width:318px; position:relative; top:6px; padding-left:17px;}
.publicite-resultats .publicite {display:block; margin-top:25px; text-align:center;}
.publicite-fiche .publicite 	{display:block; margin-bottom:15px; text-align:center;}
.publicite-pgst	.publicite		{display:block; width:300px; margin:10px 0 0 113px;}

/* >>> Contenu : Mise en forme ------------------------------------------------ */
strong, strong * {font-weight:bold;}
em, em * {font-style:italic;}
a {color:#944000; font-weight:bold;}
a:hover, a:focus, a:active {color:#360/*560*/;}
p, li {line-height:1.5em;}
p {margin:0 0 1em;}
p.espace-haut {padding-top:2em;}
p.espace-bas  {padding-bottom:1em;}
.fin {margin:0; border:0;}
.retrait-gd {margin-left:25px; margin-right:25px;}

.nobr		{white-space:nowrap;}
.centre		{text-align:center;}
.droite		{text-align:right;}
.note		{font-size:0.9em;}
.discret	{color:#594E30;}

/* Listes */
ul {padding-bottom:.5em; padding-left:25px;}
li {margin-bottom:.5em; list-style-image:url(../images/puce.gif);}
.sans-puce		{padding-left:0;}
.sans-puce li 	{list-style-image:none;}
.sans-espace li {margin-bottom:0;}

/* Titres */
.titre		{margin-bottom:3px; padding:5px 10px; text-transform:uppercase; font-weight:bold;}
.principal	{background-color:#2A3D77; color:#FFF;}
.secondaire	{background-color:#594E30; color:#FFF;}
.principal a,
.secondaire	a {color:#FFF; text-decoration:none;}

.niveau1 	{margin-bottom:1em; padding-bottom:5px; border-bottom:2px solid #D6CDB3; 
	 		 font-size:1.2em; font-weight:bold; color:#594E30;}
.niveau2	{margin-bottom:1em; padding:.5em 0 3px 0;
			 border-bottom:1px solid #98CC29; font-weight:bold; color:#360; text-transform:uppercase;}
.niveau3 	{margin-bottom:1em; padding:.5em 0 0; color:#360; font-weight:bold; text-transform:uppercase;}
.niveau4 	{margin-bottom:1em; padding-left:13px; color:#360; background:#FFF url(../images/bkg-titre-h2.gif) no-repeat 0 3px; font-weight:bold;}
.niveau5	{margin-bottom:1em; color:#594E30; font-weight:bold; text-transform:uppercase;}
.niveau5 a 	{color:#594E30;}

/* Tableaux */
table {width:100%; border-collapse:collapse;}
th {vertical-align:top;}
th, td {padding:5px 7px; text-align:left;}

/* Image */
.img_gauche {float:left; margin:0 15px 0.5em 0;}
.img_droite {float:right; margin:0 0 0.5em 0.5em;}

/* Formulaires */
select, textarea, input.saisie, input.motpasse, input.fichier {border:1px solid #594E30; padding:2px;}
.erreur, input.erreur {border-color:#C00;}
option {padding:0 3px;}
.espace-c {margin:0 10px;}
.erreur-l th, .erreur-c th {background-color:#F6DAD2;}
.msg-errc {margin-top:5px; padding-left:18px; background:#FFF url(../images/puce-erreur.gif) no-repeat 1px 1px; font-size:0.9em; color:#C00;}
.erreur-c .saisie, .erreur-c .motpasse, .erreur-c .fichier, .erreur-c select, .erreur-c textarea {border-color:#C00;}
.boutons {margin-top:1em;}
.instruction {margin-top:5px; padding-left:18px; background:#FFF url(../images/puce-instruction.gif) no-repeat; font-size:0.9em; color:#333;}
.conseil {padding:5px 0 5px 35px; background:#FFF url(../images/puce-conseil.png) no-repeat 0 2px; color:#8B6936; }
.conseil p {margin:0 0 .5em; font-style:italic; line-height:1.3em;}

#erreur 		{margin:0 20px 1em;}
#erreur p		{padding:5px 10px; background-color:#B72F2F; font-size:1.1em; color:#FFF; text-align:center;line-height:1.3em;}
#erreur p a   	{color:#FFF; font-weight:normal;}
#erreur p a:hover, #erreur p a:focus, #erreur p a:active {color:#F4E0E0;}
#erreur ul		{padding-left:97px;}
#erreur li 	  	{margin-bottom:0; list-style-image:url(../images/puce-erreur.gif); color:#C00;}
#erreur li a  	{text-decoration:none; color:#C00; font-weight:normal;}

#confirmation   {padding:5px 15px;}
.titre-erreur, 
.titre-succes	{margin:0 0 .75em; font-size:1.2em;}
.titre-erreur	{color:#C00;}
.titre-succes	{color:#408000;}
.titre-promotion {margin:2.5em 0 .75em; font-size:1.1em; text-transform:uppercase; font-weight:bold; color:#2A3D77;}

/* Boutons */
a.bouton, button 	{position:relative; border:0; padding:0 7px 0 0; cursor:pointer; overflow:visible;/*IE*/
			 		 text-align:center; background:transparent url(../images/bkg-bouton-large.png) no-repeat 100% -30px;}
a.bouton.petit, button.bouton-petit	{padding:0 5px 0 0; background:transparent url(../images/bkg-bouton-petit.png) no-repeat 100% -22px;}
a.bouton span, button span {position:relative; display:block; white-space:nowrap;}
.bouton span 		{padding:6px 0 0 8px; font-weight:bold; height:21px; 
					 background:transparent url(../images/bkg-bouton-large.png) no-repeat;}
a.bouton.petit span, .bouton-petit span 	{padding:2px 0 0 6px; font-weight:bold; font-size:0.9em; height:17px; 
					 background:transparent url(../images/bkg-bouton-petit.png) no-repeat;}
button::-moz-focus-inner {border:none;/*Firefox*/}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	button span {margin-top:-1px;} /*Safari, Google Chrome*/
}

a.bouton, a.bouton:hover, a.bouton:focus, a.bouton:active	
{display:block; color:#000; text-decoration:none; text-align:center;}
a.bouton.large {width:270px;}
a.bouton.moyen {width:150px;}

#boutons_transferer_etape0 {width:575px; margin:1.5em auto 1em;}
.choix a.bouton  {float:left; margin:0 5px;}
.centre a.bouton {margin-left:auto; margin-right:auto;}
a.btn-annuler {width:55px; margin-top:7px;}


/* Zone-info */
.important 		{padding:5px 10px; background-color:#ECEADE;}
.info 			{padding:10px; font-size:0.9em; color:#594E30;}
.info p			{line-height:1.35em;}
.info .niveau5 	{margin-bottom:0.5em;}

/* >>> Autres ----------------------------------------------------------------- */	
.clear 	 {clear:both;}
.cacher	 {display:none;}
.masquer {display:block; position:absolute; left:-500em; line-height:0;} /* Uniquement pour les lecteurs d'écran */

#compare-box{width: 635px; margin-left: -25px; text-align: center ! important;}
#compare-box tr{border-bottom: 1px solid;}
#compare-box tr td{text-align:center !important;border-right:1px solid;}
#compare-box tr td.title{border-top:1px solid;}
#compare-box tr td.desc{border-left:1px solid;}