/* CSS Document */

* {
padding:0;
margin:0;
list-style-type:none;
text-decoration:none;
color:#FFFFFF;
}

body {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
background-color:#353535;
}

#global {
width:955px;
margin:0 auto;
background:url(images/bg_global.jpg) repeat-y;
}

#menu {
height:25px;
width:915px;
background-color:#df001b;
margin:0 auto;
border-bottom:6px solid #2a1e22;
border-right:1px solid #2a1e22;
border-left:1px solid #2a1e22;
}

#menu li {
display:inline;
}

#menu li a {
font-size:18px;
line-height:18px;
border-left:1px solid #2a1e22;
height:22px;
display:block;
float:left;
padding:4px 25px 0 25px;
}

#bandeau {
background:url(images/bg_bandeau.jpg) no-repeat;
height:181px;
margin:0 auto;
width:915px;
position:relative;
}

#img_bandeau {
position:absolute;
top:12px;
left:570px;
}

#logo {
margin:24px 0 0 55px;
border:none;
}

#menu_bis {
font-size:18px;
line-height:18px;
position:absolute;
top:154px;
left:310px;
}

#menu_bis a {
margin-right:40px;
}

#milieu {
background-color:#595654;
margin:0 auto;
width:915px;
padding-bottom:10px;
border-bottom:6px solid #2a1e22;
}

#gauche {
width:275px;
padding-left:20px;
padding-top:20px;
float:left;
}

#gauche p {
background:url(images/puce.gif) no-repeat 0 8px;
padding-left:8px;
line-height:14px;
padding-bottom:7px;
padding-right:5px;
}

h2 {
color:#df001b;
font-size:18px;
background-color:#222222;
line-height:18px;
padding:4px 8px;
border-bottom:1px solid #919191;
margin-bottom:5px;
}

#droite {
float:left;
width:578px;
padding-left:20px;
padding-top:72px;
}

#droite img {
border:none;
}

.clear {
clear:both;
}

.img_activite {
margin-right:4px;
}

#liste_activite {
padding-top:22px;
}

#liste_activite ul li {
width:259px;
text-align:justify;
padding-left:25px;
padding-right:5px;
float:left;
line-height:14px;
background:url(images/puce.gif) no-repeat 18px 8px;
padding-bottom:10px;
}

#pieds {
width:915px;
background-color:#df001b;
margin:0 auto;
text-align:center;
padding-top:7px;
padding-bottom:7px;
}

#pieds li {
display:inline;
padding:0 3px;
}

#ligne {
line-height:12px;
padding-top:8px;
}

#tt{
    text-align:center;
    margin-top:10px;
}

#tt a{
    font-size:9px;
    color:white;
}

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

/* ################################################## PAGE CARTON ######################################### */

#gauche2 {
width:423px;
padding-left:22px;
padding-top:20px;
float:left;
}

#droite2 {
float:left;
padding-top:145px;
width:380px;
padding-left:35px;
}

#gauche2 p {
background:url(images/puce.gif) no-repeat 0 13px;
padding-left:8px;
line-height:14px;
padding-bottom:4px;
padding-right:5px;
padding-top:5px;
}

#gauche2 .tiret {
background:none;
padding-left:20px;
padding-bottom:2px;
padding-top:0px;
}

.miniatures {
margin:0 5px 5px 0;
cursor:pointer;
}

#diapo_carton {
float:left;
}

/* ################################################## PAGE Contact ######################################### */

#formulaire {
padding-left:22px;
padding-top:20px;
padding-right:22px;
float:left;
width:275px;
}

#contact_milieu {
margin-top:20px;
float:left;
font-size:14px;
font-weight:bold;
background-color:#222222;
line-height:20px;
}

.contact_bloc {
padding-left:12px;
padding-top:6px;
padding-right:30px;
border-bottom:1px solid #919191;
padding-bottom:6px;
}

.rouge {
color:#df001b;
}

.float {
float:left;
padding-right:15px;
}

#plan {
padding-left:22px;
padding-top:110px;
float:left;
}

#plan img {
border:none;
}

/*------------------formulaire-------------*/
/*
#form{
    padding:0;
    margin:0;
	font-size:12px;
	line-height:13px;
}

.input{
    width:270px;
    height:16px;
    border:solid 1px #df001b;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
	background-color:#696868;
	font-size:12px;
	line-height:13px;
}

textarea{
    width:270px;
    height:64px;
    border:solid 1px #df001b;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
	background-color:#696868;
	font-size:12px;
	line-height:13px;
}

#bouton{
    display:block;
    width:80px;
	height:18px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 190px;
    border:solid 1px #df001b;
    cursor:pointer;
	background-color:#696868;
	font-size:12px;
	line-height:13px;
}
*/
#message {
    padding:0;
    margin:0;
	font-size:12px;
	line-height:13px;
}
#message label {
	display: block;
    width:270px;
    /*height:16px;*/
    border:solid 1px #df001b;
    padding:0px 0px 0px 3px;
    margin:0px 0px 5px 0px;
	background-color:#696868;
	font-size:12px;
	line-height:13px;
}
#message .entree {
	background: #696868;
	line-height: 11px;
	padding: 0;
	border: 0;
	font-size: 10px;
	width: 200px;
}
#message .area {
	height: 40px;
	width: 100%;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#message #Envoyer {
    display:block;
    width:80px;
	height:18px;
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 190px;
    border:solid 1px #df001b;
    cursor:pointer;
	background-color:#696868;
	font-size:12px;
	line-height:13px;
}
.commentaire-1 {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
	color: #ddd;
}

/* ############################### CONTACT PLAN ##########################*/

#carte1 {
	display: none;
	position: absolute;
	top: 0px;
	left: 54px;
	height: 600px;
	width: 800px;
	border: 1px solid #df001b;
	z-index: 1000;
}
#carte1 img {
	border:none;
}

.fermer-carte {
	background: #df001b;
	line-height: 16px;
	height: 18px;
	padding-right: 1px;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
}
.fermer-carte a {
	color: white;
	display: block;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.fermer-carte a:hover {
	color: #222222;
	text-decoration: none;
}
.cadreX {
	border: 1px #df001b solid;
	padding: 0px 3px;
}

/* #################################################### PAGE EMBALLAGE ################################################# */

#emballage {
padding:20px 0 0 20px;
width:468px;
float:left;
}

.img_emballage {
margin-right:9px;
}

#emballage_droite {
padding:72px 0 0 20px;
float:left;
width:390px;
}

.miniatures2 {
	cursor:pointer;
	border: #000 solid 1px;
	margin: 0 5px 5px 0;
}

.miniatures5 {
	cursor:pointer;
	border: #000 solid 1px;
	margin: 0 8px 5px 0;
}

.miniatures3 {
	cursor:pointer;
	border: #000 solid 1px;
	margin: 0 0 5px 0;
}

.diapo {
text-align:center;
padding:5px 0 9px 0;
}

.diapo img{
border:#000 solid 1px;
}

#emballage p {
background:url(images/puce.gif) no-repeat 0 8px;
padding-left:8px;
line-height:14px;
padding-bottom:7px;
padding-right:5px;
margin-left:10px;
}

#emballage p.pht {
background:none;
padding-left:8px;
line-height:14px;
padding-bottom:7px;
padding-right:5px;
margin-left:10px;
}

#emballage .tiret2 {
padding:0 0 7px 30px;
background:none;
}

/* #################################################### PAGE CAISSERIE ################################################# */

#caisserie {
padding:20px 0 0 20px;
width:390px;
float:left;
}

#caisserie p {
background:url(images/puce.gif) no-repeat 0 8px;
padding-left:8px;
line-height:14px;
padding-bottom:7px;
padding-right:5px;
margin-left:10px;
}

#caisserie .tiret2 {
padding:0 0 7px 30px;
background:none;
}

.tiret2 {
padding:0 0 7px 30px;
background:none;
}

#caisserie_droite {
padding:70px 0 0 20px;
width:460px;
float:left;
}

#vignettes_caisserie {
width:225px;
float:left;
padding-top:6px;
}

.miniatures4 {
height:38px;
width:48px;
border:1px solid black;
margin:0 5px 5px 0;
cursor:pointer;
}

#diapo_caisserie {
float:left;
padding-top:6px;
}

#diapo_caisserie img {
border:1px solid black;
}

/* ##################################################### PAGE Agencement ############################################### */

.img_agencement {
	border:1px solid black;
	margin: 0 5px 5px 0;
}

.img_agencement2 {
border:1px solid black;
margin: 0 0 5px 0;
}

.lien {
text-decoration:underline;
margin-left:140px;
}

.lien:hover {
text-decoration:none;
}

/* ##################################################### PAGE Réalisations ############################################### */

#realisations {
padding:20px 0 0 20px;
width:540px;
text-align:center;
float:left;
}

#realisations_droite {
float:left;
text-align:center;
padding:180px 0 0 30px;
}

#realisations_droite p {
padding-left:8px;
line-height:14px;
padding-bottom:7px;
padding-right:5px;
margin-left:10px;
font-weight:bold;
}

#realisations p {
padding-left:8px;
line-height:14px;
padding-bottom:7px;
padding-right:5px;
margin-left:10px;
font-weight:bold;
}

#realisations img {
border:1px solid black;
margin-right:10px;
}

/* ##################################################### PAGE MENTIONS LEGALES ############################################### */

#mentions {
padding:20px 0 0 18px;
width:555px;
text-align:center;
}

#mentions .titre_mentions {
font-weight:bold;
padding:8px 0 3px 0;
}