/* CSS Document */

	body{
		margin:0;
		padding:0;
		background-color:#fff;
		background-image:url(images/fond.jpg);
		background-repeat:no-repeat;
		background-position:center 20px;
		font-family:verdana;
		font-size:10px;
		color:#1a171b;
	}
	
	a img{
		border:0;
	}
	
	form{
		margin:0;
		padding:0;
	}
	
	.clear{
		clear:both;
		height:1px;
	}
	
	#global{
		width:995px;
		margin:auto;
	}
	
	#accueil{
		padding:18px 0 0 0;
		background-image:url(images/fond-identification.gif);
		background-repeat:no-repeat;
		background-position:center 50px;
	}
	
	h1#accueilTitre{
		margin:0;
	}
	
	#accueilGauche{
		float:left;
		width:152px;
		margin:0 1px 0 0;
		padding:11px 0 0 146px;
		text-align:center;
		font-size:120%;
		color:#ffec00;
		line-height:160%;
	}
	
	#accueilCentre{
		float:left;
		width:396px;
		padding:6px 0 0 0;
	}
	
	#accueilCentre h2{
		margin:0 0 6px 0;
		font-size:160%;
		font-weight:normal;
		color:#a68e3d;
		text-align:center;
	}
	
	.label{
		float:left;
		margin:2px 20px 0 0;
		padding:0 0 0 18px;
		font-size:140%;
	}
	
	.label2{
		float:left;
		width:96px;
		margin:3px 8px 0 0;
		padding:0 0 0 13px;
		font-size:120%;
	}

	.champ, .champ2{
		float:left;
		margin:0 0 6px 0;
	}
	
	.champ2{
		font-size:90%;
	}
	
	.champ input{
		font-family:verdana;
		font-size:14px;
		color:#1a171b;
		padding:1px 2px 1px 2px;
		border:0;
	}
	
	.champ2 input, .champ2 textarea{
		font-family:verdana;
		font-size:12px;
		color:#1a171b;
		padding:2px;
		border:0;
	}
	
	.champ input.grandChamp{
		width:278px;
	}
	
	.champ2 input.grandChamp{
		width:260px;
	}
	
	.champ input.petitChamp{
		width:80px;
	}
	
	.champ2 input.petitChamp{
		width:42px;
	}
	
	.champ input.moyenChamp, .champ2 input.moyenChamp{
		width:150px;
	}
	
	.champ2 textarea.zoneAdresse{
		width:200px;
		height:44px;
	}
	
	.ok{
		float:left;
		margin:-1px 0 0 0;
		padding:0 0 0 11px;
	}
	
	.separateur{
		margin:11px 0 11px 0;
		text-align:center;
	}
	
	#btnInscription{
		display:block;
		width:168px;
		margin:auto;
		filter:alpha(opacity=100);
        -moz-opacity:1; 
        opacity:1;
	}
	
	#btnInscription:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	.opaque{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	.translucide{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#accueilCentre p{
		margin:25px 0 0 0;
		text-align:center;
		font-size:120%;
	}
	
	#accueilDroit{
		float:left;
		width:154px;
		padding:11px 0 0 0;
		text-align:center;
		font-size:120%;
	}
	
	#accueilLogo{
		display:block;
		width:283px;
		margin:auto;
		margin-top:210px;
	}
	
	#accueilPied{
		margin:0 0 0 0;
		text-align:center;
		font-size:110%;
	}
	
	#inscription{
		padding:18px 0 0 0;
		background-image:url(images/fond-inscription.gif);
		background-repeat:no-repeat;
		background-position:center 50px;
	}
	
	#inscriptionGauche{
		float:left;
		width:152px;
		margin:0 1px 0 0;
		padding:0 0 0 146px;
		text-align:right;
		font-size:120%;
		color:#fff;
	}
	
	#inscriptionGaucheHaut, #inscriptionGaucheBas{
		width:138px;
		height:95px;
		margin:0 0 2px 0;
		padding:11px 14px 0 0;
	}

	#inscriptionGaucheCentre{
		width:152px;
		height:195px;
		margin:0 0 0 1px;
	}
	
	#inscriptionDroiteCentre{
		width:154px;
		height:195px;
		margin:0 0 0 0;
		_margin:0 0 0 -1px;
	}

	#inscriptionCentre{
		float:left;
		width:396px;
		padding:6px 0 0 0;
	}
	
	#inscriptionCentre p{
		margin:0 0 16px 0;
		font-size:120%;
		text-align:center;
	}
	
	#envoyerInscription{
		padding:6px 0 0 115px;
	}
	
	#inscriptionDroite{
		float:left;
		width:154px;
		font-size:120%;
		color:#fff;
	}
	
	#inscriptionDroiteHaut{
		width:138px;
		height:76px;
		margin:0 0 2px 0;
		padding:30px 2px 0 14px;
	}
	
	#inscriptionDroiteBas{
		width:127px;
		height:92px;
		margin:0 0 2px 0;
		padding:25px 2px 0 14px;
	}
	
	#inscriptionLivraison{
		margin:30px 0 0 0;
		font-size:120%;
		text-align:center;
	}
	
	#inscriptionLogo{
		display:block;
		width:283px;
		margin:auto;
		margin-top:40px;
	}
	
	
/* ========================= ENTETE */
	#menuHaut{
		margin:0 0 0 143px;
		padding:0 0 0 0;
		border-top:15px solid #fff;
		list-style:none;
		font-size:120%;
	}
	
	#menuHaut li{
		float:left;
		padding:0 24px 0 0;
	}
	
	#menuHaut li a{
		color:#9c9e9f;
		text-decoration:none;
	}
	
	#menuHaut li a:hover{
		color:#a68e3c;
	}
	
	h1#titreMoninShopping{
		width:749px;
		margin:auto;
		margin-top:9px;
		margin-bottom:0;
	}
/* ========================= ENTETE */

	#cocktailsContenu{
		margin:auto;
		width:714px;
		height:460px;
		padding:12px 0 0 0;
		background-image:url(images/fond-cartes-cocktails.gif);
		background-repeat:no-repeat;
	}
	
	#cocktailsContenu h1{
		margin:0 0 21px 135px;
	}
	
	.accueilCocktailsGauche{
		float:left;
		width:252px;
		padding:0 0 0 56px;
	}
	
	.accueilCocktailsGauche h2, .accueilCocktailsDroite h2{
		margin:0 0 7px 0;
	}
	
	.accueilCocktailsGauche p{
		margin:0;
		padding:0 22px 0 0;
		font-family:arial;
		font-style:italic;
		font-size:110%;
		color:#731719;
	}
	
	#btnCreer{
		display:block;
		width:49px;
		height:16px;
		padding:4px 0 0 0;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#btnCreer:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	.accueilCocktailsDroite{
		float:left;
		width:367px;
		padding:0 0 0 0;
	}
	
	.parametresLabel{
		float:left;
		width:63px;
		margin:3px 0 0 0;
		font-size:120%;
		font-weight:bold;
	}
	
	.parametresChamp{
		float:left;
		width:220px;
		margin:0 0 5px 0;
	}
	
	.parametresChamp input, .parametresChamp textarea{
		font-family:verdana;
		font-size:12px;
		color:#1a171b;
		padding:2px;
		border:0;
	}
	
	.parametresImage{
		margin:0 0 5px 63px;
	}
	
	#parametresEnregistrer{
		margin:0 0 27px 63px;
		padding:5px 0 0 0;
	}
	
	#cartesListe, #imprimer, #supprimer{
		float:left;
		margin-right:17px;
	}
	
	#cartesListe{
		font-family:verdana;
		font-size:12px;
		color:#1a171b;
	}
	
	#imprimer, #supprimer{
		display:block;
		margin-top:2px;
		width:73px;
		height:16px;
	}
	
	#imprimer, #supprimer{
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#imprimer:hover, #supprimer:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}

	#acrobat{
		margin:47px 0 0 75px;
	}
	
	#acrobatGauche{
		float:left;
		width:468px;
		font-family:arial;
		text-align:center;
	}
	
	#acrobatDroite{
		float:left;
		display:block;
		width:88px;
		height:31px;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#acrobatDroite:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#cartesCocktailLogo{
		width:283px;
		margin:auto;
		margin-top:40px;
	}
	
	#creerMenu{
		float:left;
		width:235px;
		margin:0 30px 0 0;
		padding:0 0 0 25px;
		list-style:none;
	}
	
	#creerMenu li{
		margin:0 0 2px 0;
		color:#9c9d9f;
	}
	
	#creerMenu li span{
		color:#1a171b;
		font-weight:bold;
	}
	
	#creerContenu{
		float:left;
		width:390px;
	}
	
	#schema{
		margin:-7px 0 0 0;
		padding:0;
		list-style:none;
	}
	
	#schema li{
		float:left;
		width:136px;
		margin:0 28px 0 0;
		text-align:center;
		line-height:220%;
		color:#af0917;
		font-size:120%;
		font-weight:bold;
	}
	
	#creerSuivant{
		margin:22px 0 0 0;
		text-align:center;
	}
	
	#creerContenu h2{
		float:left;
		margin:0 10px 0 0; 
		color:#af0917;
		font-size:120%;
		font-weight:bold;
	}
	
	#carteShema{
		float:left;
		margin:0 15px 0 0;
	}
	
	#carteModele{
		float:left;
	}

	#choixModele{
		margin:30px 0 0 47px;
		padding:0;
		list-style:none;
	}
	
	#choixModele li{
		margin:0 0 16px 0;
		height:63px;
	}
	
	#choixModele input{
		display:block;
		width:20px;
		float:left;
		margin:22px 10px 0 0;
	}
	
	#choixModele a{
		display:block;
		float:left;
		width:89px;
		height:63px;
		margin:0 10px 0 0;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#choixModele a:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#choixModele span{
		float:left;
		display:block;
		margin:24px 0 0 0;
		font-size:120%;
		font-weight:bold;
	}
	
	#listeCocktails{
		float:left;
		width:148px;
		margin:30px 10px 0 0;
	}
	
	#filtre{
		float:left;
		width:148px;
		margin:30px 10px 0 0;
	}
	
	#listeCocktails h3, #selectionCocktails h3, #filtre h3{
		margin:0 0 2px 0;
		text-align:center;
		color:#af0917;
		font-size:120%;
		font-weight:bold;
	}
	
	#listeCocktails select{
		width:148px;
		font-family:verdana;
		font-size:11px;
		color:#1a171b;
	}
	
	#ajouterSupprimer{
		float:left;
		width:73px;
		margin:30px 10px 0 0;
	}
	
	#selectionCocktails{
		float:left;
		width:148px;
		margin:30px 0 0 0;
	}
	
	#selectionCocktails select{
		width:148px;
		font-family:verdana;
		font-size:11px;
		color:#1a171b;
	}
	
	#voirCocktail{
		display:block;
		width:98px;
		height:16px;
		margin:auto;
		margin-top:10px;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#ajouterCocktail{
		display:block;
		width:98px;
		height:16px;
		margin:auto;
		margin-top:4px;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#voirCocktail:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#ajouterCocktailListe{
		display:block;
		width:73px;
		height:16px;
		margin:45px 0 0 0;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#effacerCocktail{
		display:block;
		width:73px;
		height:16px;
		margin:4px 0 0 0;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#ajouterCocktailListe:hover, #effacerCocktail:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}
	
	#nbc{
		margin:2px 0 0 0;
		text-align:center;
		color:#af0917;
		font-size:110%;
		font-weight:bold;
	}
	
	#nomCocktail{
		height:31px;
		margin:0;
		padding:14px 0 0 0;
		background-color:#b0994f;
		font-size:180%;
		font-weight:bold;
		color:#fff;
		text-align:center;
	}
	
	#recetteCocktail{
		height:89px;
		padding:10px;
		border-bottom:1px solid #b0994f;
		border-right:1px solid #b0994f;
		border-left:1px solid #b0994f;
	}
	
	#compositionCocktail{
		height:124px;
		padding:10px;
		border-bottom:1px solid #b0994f;
		border-right:1px solid #b0994f;
		border-left:1px solid #b0994f;
	}
	
	#recetteCocktail h2, #compositionCocktail h2{
		margin:0 0 10px 0;
		font-size:130%;
		font-weight:bold;
		color:#b0994f;
	}
	
	#recetteCocktail p, #compositionCocktail p{
		margin:0;
		font-size:120%;
	}
	
	#ajoutCocktail{
		padding:25px 0 0 100px;
	}
	
	.ajoutCocktailLabel{
		float:left;
		width:95px;
		padding:4px 0 0 0;
		font-size:120%;
	}
	
	.ajoutCocktailChamp{
		float:left;
		width:300px;
		margin:0 0 4px 0;
	}
	
	.ajoutCocktailChamp input, .ajoutCocktailChamp textarea{
		font-family:verdana;
		font-size:12px;
		color:#1a171b;
		padding:2px;
		border:0;
	}
	
	.ajoutCocktailChamp input{
		width:250px;
	}
	
	.ajoutCocktailChamp textarea{
		width:300px;
		height:70px;
	}
	
	#ajoutCocktailEnvoyer{
		margin:3px 0 0 200px;
	}
	
	#cocktailPrix{
		margin:15px 0 0 0;
		width:330px;
	}
	
	.cocktailPrixEntete1{
		width:245px;
		color:#af0917;
		font-size:120%;
		font-weight:bold;
		text-align:left;
		padding:0 0 10px 0;
	}
	
	.cocktailPrixEntete2{
		width:85px;
		color:#af0917;
		font-size:120%;
		font-weight:bold;
		text-align:left;
		padding:0 0 10px 0;
	}
	
	.cocktailPrixCellule1{
		width:245px;
		font-size:120%;
		padding:0 0 3px 0;
	}
	
	.cocktailPrixCellule2{
		width:85px;
		padding:0 0 3px 0;
		text-align:center;
		font-size:120%;
	}
	
	.cocktailPrixCellule2b{
		width:85px;
		font-size:120%;
		padding:0 0 5px 0;
		text-align:center;
	}
	
	.cocktailPrixCellule2 input{
		font-family:verdana;
		font-size:12px;
		color:#1a171b;
		padding:2px;
		border:0;
		width:81px;
		text-align:center;
	}
	
	.labelRecap{
		float:left;
		width:150px;
		padding:4px 0 0 0;
		color:#af0917;
		font-size:120%;
		font-weight:bold;
	}
	
	.champRecap{
		float:left;
		width:230px;
		margin:0 0 5px 0;
	}
	
	.champRecap input{
		font-family:verdana;
		font-size:12px;
		color:#1a171b;
		padding:2px;
		border:0;
		width:216px;
	}
	
	#messageConfirmation{
		margin:0;
		text-align:center;
		color:#af0917;
		font-size:140%;
		font-weight:bold;
	}
	
	#voirCarte{
		margin:10px 0 0 0;
		text-align:center;
		font-size:110%
	}
	
	#voirCarte a{
		color:#a99141;
		font-weight:bold;
		text-decoration:none;
	}
	
	#voirCarte a:hover{
		text-decoration:underline;
	}
	
	#retourCarte{
		display:block;
		width:165px;
		height:16px;
		margin:auto;
		margin-top:30px;
		filter:alpha(opacity=100); 
        -moz-opacity:1; 
        opacity:1;
	}
	
	#retourCarte:hover{
		filter:alpha(opacity=80); 
        -moz-opacity:0.8; 
        opacity:0.8;
	}

	#listeNewsletter{
		width:600px;
		margin:0 57px 0 57px;
	}

	#miniatureImage1{
		float:left;
		width:100px;
		margin:0 50px 0 0;
		text-align:center;
	}
	
	#miniatureImage2{
		float:left;
		width:100px;
		margin:0 0 0 0;
		text-align:center;
	}

	#miniatureImage1 img, #miniatureImage2 img{
		margin:5px 0 20px 0;
	}

	#miniatureImage1 a, #miniatureImage2 a{
		color:#a99141;
		font-weight:bold;
		text-decoration:none;
	}

	#miniatureImage1 a:hover, #miniatureImage2 a:hover{
		text-decoration:underline;
	}
	
	#retourCentre{
		text-align:right;
	}

	#retourCentre a{
	color:#a78f3e;
	font-weight:bold;
	text-decoration:none;
}

	#retourCentre a:hover{
		text-decoration:underline;
	}