body {
font: 12px Helvetica, sans-serif;
color: #5C5454;
background: url(gfx/background.jpg)repeat-x top left #E9EBED;
text-align: center;
line-height: 16px;
}
a,p,div,h1,h2,h3,h4,h5,h6,li,ul,span,body,tr,td,hr,fieldset,table,form,table{
	margin: 0;
	padding: 0;
}
img {
	border: none;	
}

p {
	padding: 8px 0;	
	line-height: 16px;
}

.top {
background: url(gfx/bandeau_TOP.jpg) no-repeat top left;
height: 220px;
}
.bottom {
background: url(gfx/basarrondie_BOT.gif) no-repeat top left;
height: 81px;
}
a {
color: #646464;
text-decoration: none;
}
a:hover {
color: black;
margin-left: auto;
margin-right: auto;
}
h2 {
	text-transform: uppercase;
	color: #026e8d;
	font-size: 14px;
}

h3 {
	text-transform: uppercase;
	color: #026e8d;
	font-weight: normal;
	font-size: 11px;
}

.menu {
color: #646464;
text-decoration: none;
padding-top: 194px;
line-height: 16px;
font-size: 14px;	
}
.menu a {
color: #646464;
text-decoration: none;

margin-left : 15px;
margin-right: 18px;
}
.menu a:hover {
color: #646464;
text-decoration: none;
margin-left : 15px;
margin-right: 18px;
}
.menu a.select {
	font-style: bold;	
	color: #026E8D;
}
.table {
font: 12px/12px helvetica, sans-serif;
color: #575656;
background-color: white;
text-align: left;
}
.box {
width: 882px;
margin-right: auto;
margin-left: auto;
}
.accueil {
width: 882px;
height: 775px;
background: url(gfx/cartouche_accueil.jpg) no-repeat top left;
}

.presta {
width: 882px;
height: 927px;
background: url(gfx/cartouche_presta.jpg) no-repeat top left;
}

.contact {
width: 882px;
height: 636px;
background: url(gfx/cartouche_contact.jpg) no-repeat top left;
}

.ecrans {
width: 882px;
height: 981px;
background: url(gfx/cartouche_ecrans.jpg) no-repeat top left;
}
.location {
width: 882px;
height: 927px;
background: url(gfx/cartouche_location.jpg) no-repeat top left;
}


.agrandi {
width: 882px;
height: 768px;
background: url(gfx/fond_popup.jpg) no-repeat top left;
z-index: 1;
text-align: left;
}


.ecrans {
	
}
.diaporama {
	padding: 32px 72px;
}

 .diaporama .left {
	float: left;
	width: 465px;
	height: 320px;
}
.diaporama .left .images {
	width: 457px; /* 465-8*/
	height: 228px;
	padding-left: 8px;
}
.diaporama .left .images .image {
	position: absolute;
	width: 465px;
	height: 228px;
	visibility: hidden;
}
.diaporama .left .images .image.active {
	visibility: visible;
}
.diaporama .left .thumbs {
	width: 457px; /* 465 -8 */
	height: 90px;
	padding-top: 10px;
	padding-left: 8px;
	margin-left: -6px;
}

.diaporama .left .thumbs .thumb {
	float: left;
	height: 68px;
	margin-left: 4px;	
	margin-top: 4px;
	cursor: pointer;
	border: 2px solid #d4d4d4;	
}
.ecrans .diaporama .left .thumbs .thumb {	height: 56px;}.location .diaporama .left .thumbs .thumb {	height: 62px;	margin-right: 15px;}.presta .diaporama .left .thumbs {	margin-left: -12px;	}.presta .diaporama .left .thumbs .thumb {	margin-right: 10px;	margin-left: 12px;	}
.diaporama .left .thumbs .thumb.active {
	border: 2px solid #026e8d;	
}
.diaporama .right {
	float: left;	
	height: 320px;
	width: 265px;
}
.diaporama .right .articles {
	position: absolute;
	visibility: hidden;
	width: 257px; /* 265-8 */
	height: 320px;
	padding: 4px 8px 0 0;
}
.diaporama .right .articles.active {
	visibility: visible;
}
.presta .diaporama {	height: 290px;}
.presta .blocs {
	clear: both;
	padding-top: 60px;	padding-left: 32px;
} 
.presta .blocs p {
	width: 600px;
	height: 100px;
	padding: 0px 32px 0 86px; 
	line-height: 13px;
	
}

.ecrans .blocs {
	clear: both;
	padding: 32px 0px 0px 78px;	
}.ecrans .diaporama {	height: 290px;}
.ecrans .diaporama .left {	padding-top: 8px;	}
.blocs .left {
	float: left;
	width: 320px;
	margin-right: 26px;
}

.blocs .right {
	float: left;
	width: 350px;
}

.blocs .clear {
	clear: both;	
} 
.blocs .video {
	padding: 0;
	width: 300px;
	height : 250px;
}

.blocs .zoom {
	margin-top: 36px;
	padding-right: 24px;
}
.location  {
	padding: 76px 0 0  96px;	
}
.location  ul, li {
	list-style-type: none;	
}
.location  ul {
	padding: 6px 0 12px 4px; 	
}
.location .liste_left {
	width: 300px;
	height: 300px;
	float: left;
	margin-right: 40px;
}
.location .liste_right {
	width: 300px;
	height: 300px;
	float: left;
	
}

.location .car_regie {
	clear: left;
	float: left;
	margin-top: 20px;
	padding: 32px 16px 0 0;
	width: 320px;
	height: 300px;
}.location .diaporama {	padding-top: 0px;	margin-top: 32px;}
.location .diaporama .thumbs {
	padding-top: 0px;
	height: 68px;	
}
.location .diaporama .images {
	padding-top: 6px;
	height: 220px;		
}

.location .devis {
	clear: left;
	padding-top: 12px;
	width: 630px;
}

.contact {
	padding-top: 64px;	
}

.contact .adresse {
	margin-left: 336px;
	margin-bottom: 30px;
	padding-top: 20px;
	width: 200px; 
}
.contact .adresse p {
	text-align: center;
	line-height: 16px;
}

.contact .formulaire {
	margin: 0 176px;
	padding-top: 16px;
}
.contact .formulaire div {
	padding-left: 24px;	
}
label {
	padding-top: 6px;
	display: block;
}

.text {
	border: 1px solid #D4D4D4;
	font: 12px Helvetica, sans-serif;
	color: #3e3e3e;
}
input.text {
	width: 200px;
	
}

textarea.text {
	width: 400px;
	height: 100px;
}

.err_msg {
	color: #ff3300;
	font-style: italic;
	font-size: 12px;
	padding-left: 12px;
}

.accueil .blocs {
	padding: 31px 68px 0px 71px;	
}

.accueil .blocs .clin_doeil {
	margin: 40px 0 0 32px;
}

.accueil .blocs .qui {
	padding: 56px 8px;
}

.accueil .blocs .refs {
	margin: 32px 0 0 6px;
	width: 250px;
}

.accueil .blocs .refs .diaporama {
	padding: 0;
}
.accueil .blocs .refs .diaporama .images {
	padding: 0;
	width: 216px;
}
.accueil .blocs .refs .diaporama .images  .image{
	width: 216px;
	height: 156px;
	overflow:hidden;
	text-align: center;
}
.accueil .blocs .ou {
	margin: 28px 0 0 6px;
	width: 450px;
	text-align: left;
}

.mentions_legales {
	padding: 32px; 	
}