body{ font-family:Arial, Helvetica, sans-serif; text-align:center; }
h1{
	color:#483F27;
	font-weight:bold;
	font-size:20px;
	margin-top:30px;
}
h2{
	color:#483F27;
	font-weight:bold;
	font-size:16px;
	margin-top:0;
}
label{
	clear:both;
	display:block;
}
label span{
	display:block;
	float:left;
	width:130px;
}
img{
	border:0;
}
.chapeau{
	color:#630;
	font-size:12px;
	font-weight:bold;
	text-align:justify;
	width:500px; 
}

#menu{
	float:left;
	width:178px;
}

#header{ background-color:#C6AD6B; background:url('images/angle2.gif') no-repeat top right; border-top:1px solid #000; height:88px; }
#header img{ float:left; margin-top:10px; }
#header a{ color:#FFF; position:absolute; right:40px; font-size:12px; height:55px; text-align:right; text-decoration:none; width:70px; }
#header a img{ float:right; }

#conteneur{
	background-image:url('images/gauche2.gif'); background-repeat:no-repeat; background-position:left bottom;
	background-color:#C6AD6B;
	margin:0 auto;
	position:relative;
	text-align:left;
	width:982px;
}
.corps{
	background-image: url('images/pro_beans2.jpg'); background-repeat: no-repeat; background-position: right bottom;
	background-color:#FFF;
	border:1px solid #000;
	border-bottom:0;
	float:left;
	height:573px;
	padding:0 0 0 15px;
	position:relative;
	width:780px;
}
html>#corps{
	height:auto;
	min-height:573px;
}
#footer{
	clear:both;
}

.encart {
	background-color:#ECE0A7;
	float:right;
	font-size:12px;
	font-weight:normal;
	margin:20px 0 0 0;
	padding:15px;
	width:450px;
}
.encart strong{
	color:#8A794B;
	display:block;
	font-size:14px;
}
.listeLiens{
	background-color:#C6AD6B;
	float:left;
	font-size:11px;
	margin:0;
	padding:15px;
	width:255px;
}
.listeLiens li{
	list-style-type:none;
	margin-bottom:4px;
}
.listeLiens a{
	color:#000;
	font-size:11px;
	text-decoration:underline;
	width:255px;
}
.listeLiens h2{
}

.depot-gratuit{
	display:block;
	position:absolute;
	right:30px;
	top:15px;
}

.popup{ }
.popup .nom-machine{ text-align:left; padding-left:30px; }
.popup img{ float:left; }
.popup a{ position:absolute; bottom:0; right:0; }
.popup p{ font-size:12px; text-align:left; width:300px;}

.menu { font-family: arial; font-size: 10px; color: #000; text-decoration:none; }
.menu:hover { font-family: arial; font-size: 10px; color: #FFF; text-decoration:none; background-color:#EF3038; }

.txt {
	font-family: arial;
	font-size: 11px;
	color: #333;
}

.padding10	{ padding:10px; }
.txtRouge {
	font-family: arial;
	font-size: 24px;
	color: #EC0302;
}

.txtRougeSR {
	font-family: arial;	
	color: #EC0302;
}
.txtBlackSR {
	font-family: arial;	
	color: #000;
}
.stitre {
	font-family: arial;
	font-size: 14px;
	color: #545229;
}
.stitre16 {
	font-family: arial;
	font-size: 16px;
	color: #545229;
}

.margin { margin:0 20px 20px 0; }
.nommachine {
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	
}
.accroche {
	font-family: arial;
	font-size: 16px;
	color: #ABAF9A;
}

.accroche15 {
	font-family: arial;
	font-size: 15px;
	color: #ABAF9A;
}
.txtBlanc {
	font-family: arial;
	font-size: 13px;
	color: #FFF;
}
.txtBlancGoogle {
	font-family: arial;
	font-size: 8px;
	color: #FFF;
}

.hideme {
position : absolute;
left : -2000px;
}

input,textarea
{
width:300px;
font-family:Arial;
font-size:11px;
}

.txtPA {
	font-family: arial;
	font-size: 18px;
	color: #EC0302;
	}

.txtPA_black {
	font-family: arial;
	font-size: 18px;
	color: #000;
	}

.titleTxt {
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	}

#home { padding:0; width:795px; height:520px; }
#home .logoCHR{ float:left; margin-top:20px; }
#home ul { padding:0; list-style-type:none; margin:0; }

#home .listeLiens		{ padding-bottom:20px; }
#home .listeLiens a,
#home .listeLiens span{ color:#630; font-size:14px; font-weight:bold; text-decoration:none; }

#homeDroite				{ border-left:1px solid #000; float:left; height:100%; width:200px; }
	#home .encart		{ border:1px solid #000; background-color:#FFFAD5; margin:0; }
	#home .encart,
	#home .listeLiens 	{ border:1px solid #000; border-width:0 0 1px 1px; clear:both; float:none; padding-right:2px; width:80%; }
	.intro				{ border:1px solid #000; border-width:0 0 0 0px; clear:both; text-align:justify; width:50%; }
	.intro h2			{ display:block; text-align:right; width:100%; }
	#home .encart,
	#home .listeLiens,
	.intro				{ font-size:14px; }
	
#home .listeLiens { border-bottom:1px solid #000; }
#home .listeLiens li{ width:auto; padding-right:20px; float:left; }
.blocAnims { display:block; float:left; }

.lienAnim { color:#483F27; font-weight:bold; font-size:16px; text-decoration:none; display:block; }

#equipe { height:200px; }
#listeEquipe	{ float:right; width:300px; }
.blocPhotos2 { width:185px; margin-right:48px; float:right; }
.blocPhotos2 img { margin-bottom:5px; }
#engagement { height:700px; }

.gamme-machines{ clear:both; overflow:auto; }
.machine{ float:left; margin-bottom:15px; width:160px; }
.nom-machine { background-color:#B5B195; font-size: 14px; font-weight: bold; color: #FFF; padding-left:8px; margin-bottom:8px; }
.photo-machine{ height:120px; margin:15px 0; position:relative; }
.photo-machine img{ position:absolute; bottom:0; width:auto; }
.description-machine a{ display:block; margin-top:12px; }
.description-machine{ font-size:11px; padding:12px 8px 0 0; }

#machines-automatiques, #machines-petit-dejeuner{ height:740px; }
#machines-automatiques{ height:890px; }
#machines-automatiques .photo-machine{ height:180px; }
#machines-automatiques em{ font-weight:bold; }

#machines-petit-dejeuner { height:890px; }
#machines-petit-dejeuner .photo-machine{ height:180px; }
#machines-petit-dejeuner .petit{ height:130px; }

#boissons-froides .machine{ width:410px; }
#boissons-froides .photo-machine{ float:left; width:145px; }
#boissons-froides .description-machine{ float:left; margin-top:20px; width:250px; }

#boissons-chaudes{ height:620px; }
#boissons-chaudes .photo-machine{ height:250px; }

#boissons-froides .photo-machine{ height:220px; }

#distributeurs-confiseries{ height:520px; }
#distributeurs-confiseries .machine{ width:370px; }
#distributeurs-confiseries .machine img{ float:left; margin-right:12px; }
#distributeurs-confiseries .description-machine{ float:left; margin-top:20px; width:200px; }

#repas-sandwichs{ height:520px; }
#repas-sandwichs .machine{ width:250px; }
#repas-sandwichs .photo-machine{ height:245px; }

#systemes-monetiques{ height:520px; }
#systemes-monetiques .chapeau{ margin-bottom:25px; width:700px; }
#systemes-monetiques .machine{ width:175px; }
#systemes-monetiques .description-machine{ width:145px; }

#presta1{ height:680px; font-size:12px; }
#presta1 .fond{ background:url('images/france.gif') no-repeat center top; padding-bottom:100px; }
#presta1 .illustration{ float:right; margin-top:66px; }
#presta1 .texte{ width:585px; }
#presta1 h2{ margin-top:40px; }

#promotions{ padding-left:0; width:795px; }
#promotions .encart{ border:1px solid #CCC; float:none; margin:0; width:250px; margin-left:10px; }
#promotions .liste1, #promotions .liste2{ color:#000; list-style-type:none; color:#FFF; font-weight:bold; font-size:16px; margin:15px 15px 15px 0; padding:0; }
#promotions .liste2{ font-weight:normal; }
#promos{ float:left; width:300px; }
#promotions h1{ display:block; margin-left:15px; }
#promotions .promo{ padding:10px 15px; }
.promo{ height:110px; }
.promo img{ float:left; margin:0; }
.promo1, .promo2{ border-bottom:1px dashed #000; }
.promo1 img{ display:block; float:none; clear:both; }
#promotions .droite{ float:left; width:420px; margin:0; }
#promotions .listeLiens{ background-color:inherit; float:none; margin:0; }
#promotions .liste1, #promotions .liste2{ font-size:12px; margin:15px 0 0 0; }
#promotions .encart{ background-color:#FFF; }
#promotions .liste1 li, #promotions .liste2 li{ color:#000; }

#consommables ul { float:left; font-size:14px; font-weight:bold; list-style-type:none; margin:30px 60px 0 0; padding:0; }
#consommables ul li { width:143px; }
#consommables .logos { border:1px solid #999; border-width:1px 0; float:none; overflow:auto; padding:8px 0; width:500px; }
#consommables .logos li { float:left; width:100px; }
.consommables	{ clear:both; }

#contact{ height:750px; }

#espace-emploi{ height:650px; }
#espace-emploi .chapeau{ margin-bottom:20px; width:440px; float:left; }
#espace-emploi form{ font-size:11px; float:left; width:440px; }
#espace-emploi label{ display:inline; float:left ; font-size:12px; font-weight:bold; text-align:left; width:150px; }
#espace-emploi input, #espace-emploi textarea{ float:left; margin-bottom:3px; width:230px; }
#espace-emploi .submit{ clear:both; margin:20px 0 0 140px; width:100px; }
#photosEmploi{ float:left; margin:0 0 5px 15px; width:200px; } 
#photosEmploi img{ margin-bottom:5px; } 


#equipe{height:590px; }
#equipe div{ clear:both; }
#equipe ul{ clear:none; float:left; font-size:12px; list-style-type:none; width:380px; }
#equipe ul img{ margin:15px 5px 0 0; float:right; } 
#equipe .equipe { clear:none; float:left; }
#equipe .equipe img{ display:block; margin-bottom:5px; }
#equipe .dix{ margin:5px 5px 0 0; }


#references{ }
.listeLogos{ border:1px dashed #000; border-width:0 0 0 1px; float:left; height:380px; margin:0; padding:0 0 0 10px; width:165px; }
.listeLogos li{ clear:both; list-style-type:none; text-align:center; }
.listeLogos img{ border:0; margin:0 0 5px 0; padding:0; }
.listeLogos h2{ text-align:center; height:50px; }
.txtmenu { font-family: arial; font-size: 10px; color: #000; }