/* CSS Document */


* {
margin: 0;
}

html, body 
{ 
height:100%;
padding:0;
background-color: #FFFFFF;
font-family: "Arial", Helvetica, sans-serif;
font-size: 11pt;
}

a { color: #000000; text-decoration:none;}
a:hover { color: #CCCCCC; }

.topmenu-texte a { color: #000000; text-decoration:none;}
.topmenu-texte a:hover { color: #f92a24; }

.menu a { color: #FFFFFF; text-decoration:none;}
.menu a:hover { color: #222222; }

.footer a { color: #FFFFFF; text-decoration:underline;}
.footer a:hover { color: #CCCCCC; }

.box2-finance a { color: #222222; text-decoration:underline;}
.box2-finance a:hover { color: #797979; }

.bouton1 a img { border:1px solid #222222; }
.bouton1 a:hover img { border:1px solid #CCCCCC; }
.bouton1 a:hover {  /* wakeup IE */ border-width: 0; }

.texte a { color: #222222;}
.texte a:hover { color: #f92a24; }

.texte2 a { color: #222222; text-decoration:underline;}
.texte2 a:hover { color: #f92a24; }

.texte3 a { color: #222222; text-decoration:underline;}
.texte3 a:hover { color: #f92a24; }

.texte-finance2 a { color: #f92a24; text-decoration:underline;}
.texte-finance2 a:hover { color: #222222; }

.droite a { color: #222222; text-decoration:underline;}
.droite a:hover { color: #797979; }

.map a { color: #f92a24; text-decoration:underline;}
.map a:hover { color: #222222; }

p { padding-bottom: 15px; line-height: 1.45; }

ul { padding-left: 2.5em; padding-bottom: 15px; line-height: 1.35; font-size: 10pt; color: #797979; }

h1 { font-size: 13pt; color: #f92a24; }
.box1-texte h1 { font-size: 13pt; color: #f92a24; padding-bottom: 15px }
.box2-texte h1 { font-size: 13pt; color: #f92a24; padding-bottom: 15px }
h2 { font-size: 12pt; color: #000000; }
h3 { font-size: 11pt; color: #000000; font-weight: bold; padding-bottom: 15px}
h4 { font-size: 11pt; color: #000000; font-weight: bold; padding-bottom: 5px}


.breadcrump {font-size: 9pt; color: #797979; padding-top: 10px; }

.texte {font-size: 10pt; color: #797979; }
.texte2 {font-size:.8em; color: #222222; }
.texte3 {font-size:.7em; color: #222222; float: left; padding-right: 25px;}
.texte4 {font-size:.7em; color: #222222; float: left; padding-right: 10px;}
.texte-finance { font-size: 10pt; color: #797979;padding: 15px; }
.texte-finance2 { font-size: 10pt; color: #000000; font-weight: bold; padding-bottom: 15px}
.form {font-size:.9em; color: #222222; padding-left: 25px; padding-top: 15px; width:308px;}
.droite {font-size:.8em; color: #222222; padding-left: 25px; padding-top: 15px; width:308px;}

.container
{ 
width:100%;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0 auto -134px; /* the bottom margin is the negative value of the footer's height */
padding:0;
background-color: #FFFFFF;
}

.topmenu
{ 
width:926px;
height:32px;
margin-left: auto;
margin-right: auto;
}

.topmenu-texte
{ 
width:926px;
height:32px;
font-size:.75em;
color: #f92a24;
text-align: right;
padding-top: 10px;
}

.entete
{ 
width:100%;
height:266px;
background-color: #2c2c2c;
background-image: URL(images/back-entete.jpg);
background-repeat: repeat-x;
background-position:top center;
}

.entete-content
{ 
width:926px;
height:266px;
background-color: #2c2c2c;
margin-left: auto;
margin-right: auto;
background-image: URL(images/entete.jpg);
background-repeat: no-repeat;
background-position:top center;
}

.entete-content-en
{ 
width:926px;
height:266px;
background-color: #2c2c2c;
margin-left: auto;
margin-right: auto;
background-image: URL(images/entete-en.jpg);
background-repeat: no-repeat;
background-position:top center;
}

.mask
{ 
visibility: hidden;
}

.menu
{ 
width:100%;
height:33px;
background-color: #2c2c2c;
background-image: URL(images/menu.jpg);
background-repeat: repeat-x;
background-position:top center;
margin-left: auto;
margin-right: auto;
}

.menu-content
{ 
width:926px;
height:33px;
margin-left: auto;
margin-right: auto;
}

.content
{ 
width:100%;
}

.content-text
{ 
width:880px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
padding-bottom: 40px;
}

.content-text2
{ 
width:926px;
margin-left: auto;
margin-right: auto;
padding-left:5px;
}



.box1
{ 
width:540px;
padding-top: 20px;
padding-bottom: 20px;
float: left;
}

.box2
{ 
width:360px;
height: 272px;
padding-top: 18px;
padding-bottom: 25px;
padding-left: 16px;
float: left;
}

.box3
{ 
width:360px;
padding-top: 18px;
padding-bottom: 25px;
}

.box1-texte
{ 
width:520px;
padding-bottom: 20px;
padding-right: 20px;
float: left;
}

.box1-texte-plan
{ 
width:926px;
height: 520px;
font-size: 10pt; 
color: #797979;
}

.box1-profil
{ 
width:520px;
height: 500px;
padding-bottom: 20px;
padding-right: 20px;
float: left;
}

.box1-contact
{ 
width:525px;
padding-bottom: 20px;
padding-right: 15px;
float: left;
}

.box2-texte
{ 
width:360px;
height: 272px;
padding-bottom: 25px;
padding-left: 16px;
float: left;
}

.box2-contact
{ 
width:363px;
padding-bottom: 25px;
margin-left: 16px;
background-repeat: no-repeat;
background-position:top center;
background-image: URL(images/fond-droite.jpg);
float: left;
}

.box-droite-fond {
background-repeat: no-repeat;
background-position:top center;
background-image: URL(images/fond-droite.jpg);
margin-top: 20px;
height: 320px;
}

.box2-finance
{ 
width:363px;
height:260px;
padding-bottom: 25px;
margin-left: 16px;
background-repeat: no-repeat;
background-position:top center;
background-image: URL(images/fond-droite.jpg);
float: left;
}



.facebook
{ 
width:363px;
height: 65px;
background-color: #ffffff;
}

.box-camions-1
{ 
width:260px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
padding-right: 48px;
}

.box-camions-2
{ 
width:260px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
padding-right: 20px;
padding-left: 20px;
}

.box-camions-3
{ 
width:260px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
padding-left: 48px;
}


.bouton1
{ 
margin-top: 10px;
border-width: thin;
}

.logo
{ 
margin-top: 15px;
}


.video
{ 
height: 318px;
}

#video2
{ 
height: 318px;
display: none;
}

#preview
{ 
height: 318px;
}



.video-debosselage
{ 
height: 250px;
z-index: 1;
}

.debosselage
{ 
z-index: 500;
}


.video-profil
{ 
padding-bottom: 20px;
margin-left: -5px;
}

.map
{ 
width: 520px;
border-spacing: 7px;
margin-left: -5px;
font-size:.7em;
}

.heures
{ 
font-weight: bold;
color: #f92a24;
}

.footer
{
width: 100%;
height: 134px;
background-image: URL(images/footer.jpg);
background-repeat: repeat-x;
background-position: top center;
}

.footer-content
{
width: 926px;
height: 134px;
margin-left: auto;
margin-right: auto;
background-image: URL(images/footer2.jpg);
background-repeat: no-repeat;
}

.footer-text1
{
font-size:.7em;
text-align: left;
width: 205px;
color: #FFFFFF;
padding-top: 15px;
margin-left: 25px;
float: left;
}

.footer-text2
{
color: #f92a24;
font-weight: bold;
}


.footer, .push {
	height: 134px; /* .push must be the same height as .footer */
	clear: both;
}


.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

input {
	border: 1px solid;
	border-color: #222222;
	width:180px;
	padding: 3px;
	margin-bottom: 4px;
}

textarea {
	border: 1px solid;
	border-color: #222222;
	width:300px;
	padding: 3px;
	height:60px;
}


/* HORIZONTAL MENU */

.cyb.horizontal {
	width: 926px;
	height: 26px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background: #FFFFFF url(images/menu.jpg) top left;
}

table.menu { font-weight: bold; font-size: 0.9em; width: 926px; height: 33px; }
table.menu td.first { border-left: solid 2px #ffffff;}
table.menu td { text-align: center; border-right: solid 2px #ffffff; padding: 0px; margin: 0px; vertical-align: top; }
table.menu td a { display: block; padding: 10px 10px 10px 10px; }
table.menu td.highlight a { background: transparent url(images/menu4.jpg) bottom left repeat-x; margin-left: -2px; }
table.menu td.highlight2 a { background: transparent url(images/menu4.jpg) bottom left repeat-x; }
table.menu td a:hover { background: transparent url(images/menu4.jpg) bottom left repeat-x; }
table.menu span.menu_r { line-height: 1;  }


/* END HORIZONTAL MENU */

/* HOVER */

.cyb.noir ul li a:hover,
.cyb.noir ul li.highlight a {
	background: transparent url(images/menu4.jpg) bottom left repeat-x;
}