html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}



body {
background: url(../images/bg.jpg) no-repeat center top;
background-color:#e6068f;
margin:0;
padding:0;

}

#conteneur {
width:991px;
height:638px;
margin-right:auto;
margin-left:auto;
background-color:#fff;
}

#absolute {
position:absolute;}

#gauche {
width:380px;
height:637px;
background: url(../images/gauche.png) no-repeat;
position:absolute;
top:0px;
left:0px;
z-index:2;
}

h1 {
	font-size: 2em;
	text-align: center;
	}
h2 {
	margin: 1em 0 0;
	padding: 0;
	border-bottom: 1px solid #d8d8d8;
	
	}
h3 {
	font-size: 1.1em;
	}

h1.t1 {
margin:185px 0 0 50px;
border:none;
text-align:left;
height:25px;
background-color: #dad6d4;
width:546px;
padding:10px;
}

table.form {
background:url(../images/bg_formulaire.png) no-repeat;
width:571px;
height:368px;
margin:0 0 0 45px;
padding:120px 0 0 50px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

table.form td {
height:25px;
color:#d70685;
font-weight:bold;}

table.form td input.i1{
height:16px;
width:170px;
background:#decd6c;
border:none;}

table.form td textarea.message{
height:100px;
width:214px;
background:#decd6c;
border:none;}

table.parc h2 {
font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h2.titre2, h2.titre3 {
margin:15px 0 0 59px;
border:none;
font-family:Arial, Helvetica, sans-serif;}

h2.titre3 {
margin:10px 0 0 59px;
}

table.parc {
margin:0 0 0 59px;
width:550px;}

table.parc ul {
font-size:12px;
color:#443a37;
margin:10px 0 20px 0px;
font-weight:bold;}

table.parc ul li {
background: url(../images/puce_fleche.png) no-repeat;
padding:0 0 0 24px;
font-family:Arial, Helvetica, sans-serif;
margin:0 0 5px 0;}

table.parc ul li span.no_bold {
font-weight:normal;}

table.parc td h2 {
border:none;}


.ss_menu {
position:absolute;
top:350px;
left:58px;}

p.texte1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:520px;
margin:10px 0 0 59px;
color:#383838;
text-align:justify;
line-height:17px;}

span.bold {
font-weight:bold;
color:#d70685;}

a.logotype {
position:absolute;
top:37px;
left:9px;
z-index:3;}

#gauche ul {
margin:180px 0 0 0;}

.calendrier {
position:absolute;
top:180px;
left:172px;}

.voeux {
position:absolute;
top:160px;
left:45px;
z-index:25;}

.et_vous {
position:absolute;
top:495px;
left:36px;}


p.mots_cle {
font-size:8px;
color: #B1B1B1;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
width:300px;
height:100px;
position:absolute;
left:39px;
top:349px;}

#droite, #droite2, #droite3, #droite4, #droiteprint, #droiteplaquette, #droiteaffiche, #droitetv, #droitecarton {
width:629px;
height:637px;
background: url(../images/droite.jpg) no-repeat;
position:absolute;
top:0px;
left:375px;
z-index:0;
}

#droite2 {
background: url(../images/droite2.jpg) no-repeat;
}

#droite3 {
background: url(../images/droite3.jpg) no-repeat;
}
#droite4 {
background: url(../images/droite4.jpg) no-repeat;
}

#droiteprint {
background: url(../images/droiteprint.jpg) no-repeat;
}

#droiteplaquette {
background: url(../images/droiteplaquette.jpg) no-repeat;
}

#droiteaffiche {
background: url(../images/droiteaffiche.jpg) no-repeat;
}

#droitetv {
background: url(../images/droitetv.jpg) no-repeat;
}

#droitecarton {
background: url(../images/droitecarton.jpg) no-repeat;
}


#plan {width:387px; outline:0; margin-top:15px; margin-left:-2px;}

.bt_imp_v {
position:absolute;
top:178px;
left:410px;}

.bt_plan {
position:absolute;
top:346px;
left:410px;}

.bt_devis {
position:absolute;
top:474px;
left:410px;}

div#container {
	width: 400px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.3em;
	}
	
	#gallery {
	position:absolute;
	top:172px;
	left:-11px;
	}
a {
	color: #385898;
	}
ul#sommaire {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul#sommaire li {
	display: inline;
	padding-right: .75em;
	}

h1, h2, h3 {
	color: #038;
	}
h1, h2 {
	font-weight: normal;
	}


code, pre {
	font-family: "Courier New", Courier, monospace;
	font-size: .91em;
	}
pre {
	padding: .25em .5em;
	background: #eee;
	border: 1px dashed #999;
	}
dt, dd {
	padding: 0;
}
dt {
	margin: 1em 0 0;
	}
dd {
	margin: 0 0 1em;
	}
	
	#footer {
	width:991px;
	height:135px;
	background-color:#000;
	position:absolute;
	left:0px;
	top:635px;
	padding:10px 0 0 0;}
	
	.ctookom{
	margin:-1px 0 0 30px;
	}
	
	.player {
	position:absolute;
	top:30px;
	left:794px;}
	
	a.env {
	position:absolute;
	left:520px;
	top:560px;}
	
	.pendules {
	margin:20px 0 0 50px;}