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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	height:100%;
	width:100%;
	font-family: 'Play', sans-serif;
	background:#111;
}

a {
	color:#fff;
	outline: none;
	text-decoration:none;
}

a:hover{
	color:#000;
}

a:visited{
	color:#fff;
}

ol, ul {
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html{
	height:100%;
	width:100%;
}

#container{
	background:url("../../images/wild_oliva.jpg") repeat;
	width:1210px;
	margin:0 auto;
}

nav {
	/*font-family: 'Audiowide', cursive;*/
	float:left;
	height:70px;
	/*text-transform: uppercase;*/
}

nav a{
	color:#fff;
	font-size:18px;
	text-decoration:none;
}

nav a:hover{
	color:#f99920;
}

nav ul{
	padding:27px 0 0 45px;
}

nav ul li{
	float:left;
	padding:0 30px 0 0;
}

nav ul ul{
	margin:25px 0 0 0;
	padding:5px 20px 15px 20px;
	border-left:#888 1px solid;
}

nav ul ul ul{
	margin:-5px 0 0 20px;
	padding:5px 20px 15px 20px;
}

#socialMedia{
	float:right;
}

#logo{
	height:130px;
	background:#fff;
}

#txtLogo{
	float:left;
	padding:48px 0 0 0;
	color:#013064;
}

#adresseLogo{
	float:right;
	padding:33px 20px 0 0;
	color:#013064;
	text-align:right;
}

#caroussel{
	margin:20px 0 20px 0;
}

.blueBox{
	width:460px;
	height:120px;
	background-color: rgba(2,50,99,0.75);
	position:absolute;
	z-index:1;
	bottom:40px;
	right:40px;
	color:#fff;
	padding:20px;
	font-size:22px;
	line-height:30px;
}

#mainBlock{
	background:#fff;
	padding:30px 36px;
}

#mainBlock a{
	color:#666;
}

#mainBlock a:hover{
	color:#f99920;
}

.iconBox{
	/*background: transparent url("../../images/box.png") no-repeat;*/
	height:215px;
	height:215px;
	display:block;
}

.iconBox img{
	display : block;
    margin : auto;
	padding:15px 0;
}

.mainBlockMenu{
	position:relative;
	width:215px;
	height:300px;
	float:left;
	padding:0 15px 0 0;
}

.mainBlockMenu H2{
	font-size:18px;
}

.mainBlockMenu p{
	text-align:center;
	font-size:16px;
}

.buttonConsulter{
	position:absolute;
	bottom:10px;
	left:70px;
	background:#7d7d7d;
	width:130px;
	height:35px;
	color:#fff;
	text-align:center;
	margin:0 auto;
	padding:15px 0 0 0;
	font-size:20px;
}

body::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:url("../../images/bulle1.png") url("../../images/bulle2.png") url("../../images/bulle3.png") url("../../images/bulle4.png") url("../../images/bulle5.png");
}

.iconBox.chariots{
	background: transparent url("../../images/bulle1-over.png") no-repeat;
}

.iconBox.chariots:hover{
	background: transparent url("../../images/bulle1.png") no-repeat;
}

.iconBox.pieces{
	background: transparent url("../../images/bulle2-over.png") no-repeat;
}

.iconBox.pieces:hover{
	background: transparent url("../../images/bulle2.png") no-repeat;
}

.iconBox.entretien{
	background: transparent url("../../images/bulle3-over.png") no-repeat;
}

.iconBox.entretien:hover{
	background: transparent url("../../images/bulle3.png") no-repeat;
}

.iconBox.services{
	background: transparent url("../../images/bulle4-over.png") no-repeat;
}

.iconBox.services:hover{
	background: transparent url("../../images/bulle4.png") no-repeat;
}

.iconBox.formation{
	background: transparent url("../../images/bulle5-over.png") no-repeat;
}

.iconBox.formation:hover{
	background: transparent url("../../images/bulle5.png") no-repeat;
}

/*
.iconBox.chariots{
	background: transparent url("../../images/bulle1.jpg") no-repeat;
}

.iconBox.chariots:hover{
	background: transparent url("../../images/bulle1-over.jpg") no-repeat;
}

.iconBox.pieces{
	background: transparent url("../../images/bulle2.jpg") no-repeat;
}

.iconBox.pieces:hover{
	background: transparent url("../../images/bulle2-over.jpg") no-repeat;
}

.iconBox.entretien{
	background: transparent url("../../images/bulle3.jpg") no-repeat;
}

.iconBox.entretien:hover{
	background: transparent url("../../images/bulle3-over.jpg") no-repeat;
}

.iconBox.services{
	background: transparent url("../../images/bulle4.jpg") no-repeat;
}

.iconBox.services:hover{
	background: transparent url("../../images/bulle4-over.jpg") no-repeat;
}

.iconBox.formation{
	background: transparent url("../../images/bulle5.jpg") no-repeat;
}

.iconBox.formation:hover{
	background: transparent url("../../images/bulle5-over.jpg") no-repeat;
}
*/

#starkeBlock{
	background:#fff;
	padding:0 0 20px 0;
}

#starkeBlock p{
	padding:20px;
	font-size:18px;
	text-align:center;
}

#depositaireImgHolder{
	width:920px;
	padding:10px;
	margin:10px auto;
	
}

#repBlock{
	
}

#repBlock img{
	float:left;
}

#repTxt{
	float:left;
	width:500px;
	padding:125px 45px 45px 45px;
}

#repTxt p{
	text-align:left;
	color:#fff;
	font-size:30px;
	line-height:46px;
}

#repTxt h2{
	text-align:left;
	color:#fff;
	font-size:42px;
}

#pageChariots{
	margin:20px 0 0 0;
}

#pageChariots a{
	color:#1e91ae;
}

#pageChariots a:hover{
	color:#f99920;
}

#contactForm input{
	width:341px;
}

.subTitleContact{
	margin:10px 0 20px 30px;
}

.upTextBox{
	padding:40px;
	border-bottom:3px solid #013064;
	margin:0 0 20px 0;
}

#contact .upTextBox{
	/*float:left;*/
}

.upTextBox p, .upTextBox ul{
	margin:0 0 10px 0;
}

.upTextBox p{
	line-height:24px;
}

.upTextBox li{
	padding:5px 0 0 0;
	list-style-type: disc;
	margin:0 0 0 10px;
}

.grisPale{
	background:#eee;
}

.bleuPale{
	background:#ddd;
}

.noDot li{
	list-style-type: none;
}

#maps{
	float:right;
	padding:10px;
	background:#eee;
	border:#bbb 1px solid;
}

#footer{
	background:#fff url(../../images/bg-footer.jpg) no-repeat;
	height:351px;
	color:#fff;
	text-align:center;
}

#iconFooter{
	padding:60px 0 0 0;
}

#iconFooter a{
	padding:0 25px;
}

#adresseFooter{
	margin:50px 0 0 0;
	font-size:18px;
}

#chariotNeuf{
	background-color:#013064;
	text-align:center;
	padding:15px 30px;
	margin:10px 20px;
	float:left;
}

#chariotUsage{
	background-color:#013064;
	text-align:center;
	padding:15px 30px;
	margin:10px 20px;
	float:left;
}

.subTitle{
	font-size:20px;
	color:#1e91ae;
	margin:30px 0 10px 30px;
}

.didYouKnow{
	padding:15px;
	border:#1e91ae 1px solid;
	background:#fff;
}

.pageSubTitle{
	font-size:24px;
	margin:20px 0 15px 0;
	color:#013064;
	border-top:#013064 3px solid;
	padding:15px 0 0 30px;
}

.itemContainer{
	padding:0 40px;
}

.categoryItem{
	font-size:24px;
	margin:15px 0 15px 0;
}

.categoryDescription{
	font-size:16px;
	margin:15px 0 15px 10px;
}

.itemHolderNeuf{
	padding:30px;
	width:850px;
	background:#eee;
	margin:0 auto 20px;
	border-bottom:15px #c51f25 solid;
}

.photoHolderNeuf{
	float:left;
	width:300px;
}

.txtHolderNeuf{
	float:left;
	width:500px;
	margin:0 0 0 10px;
}

.catType{
	color:#c51f25;
	font-size:22px;
	margin:0 0 10px 0;
}

.slogan{
	font-size:16px;
	margin:0 0 10px 0;
}

.txtDescriptionNeuf p{
	font-size:15px;
	margin:0 0 10px 0;
}

.txtDispoNeuf{
	font-size:14px;
	margin:0 0 10px 0;
}

.itemHolder{
	padding:15px;
	width:220px;
	background:#eee;
	float:left;
	margin:0 10px 20px;
}

.itemInfo td{
	padding:5px 0 0 5px;
}

.label{
	width:75px;
}

.brand{
	margin:0 0 0 0;
	padding:0;
	font-size:20px;
	color:#222;
	height:40px;
}

.model{
	height:40px;
}

.model p{
	font-size:16px;
	color:#555;
	margin:0 0 10px 0;
	padding:0;
}

.imageUsagee{
	height:200px;
}

.prix{
	text-align:center;
	color:#013064;
	font-size:24px;
}

.prixNeuf{
	text-align:center;
	color:#013064;
	font-size:16px;
}

.itemInfo a{
	color:#fff;
}

.boutonDetailsNeuf{
	color:#fff;
	background:#888;
	height:20px;
	margin:10px 10px 10px 0;
	padding:10px;
	text-align:center;
	float:left;
}

.boutonDetailsNeuf img{
	vertical-align:middle;
}

.boutonDetails{
	color:#fff;
	background:#888;
	width:150px;
	margin:10px auto;
	padding:10px;
	text-align:center;
}

.boutonDetails img{
	vertical-align:middle;
}

.listDetails{
	padding:5px;
	text-align:right;
	font-size:15px;
	color:#666;
}

.padDetails{
	padding:10px 0 0 20px;
}

#printDetails div{
	background-color:#013064;
	text-align:center;
	padding:15px 30px;
	margin:10px 20px;
}

#printDetails a{
	color:#fff;
}

#printDetails a:hover{
	color:#a4cfff;
}

#ericPieces{
	float:left;
	margin:0 25px 25px 0;
}
/********** Fonts ***********/

h1{
	font-size:30px;
	color:#013064;
	margin:0 0 25px 0;
}

h2{
	font-size:23px;
	color:#000;
	margin:10px 0 25px 0;
	text-align:center;
}

h3{
	font-size:22px;
	color:#000;
	margin:25px 0 10px 0;
}

.prixDetails{
	font-size:22px;
	color:#013064;
	text-align:center;
}

.marque{
	font-size:35px;
	color:#c51f25;
}

.modele{
	font-size:20px;
	color:#777;
}

.serie{
	
}

.bold{
	margin:20px 0 10px 0;
	font-weight:bold;
}

.active{
	color:#f99920;
}

.clear {
	clear:both;
}

.separator{
	display:block;
	background:#013064;
	height:2px;
	padding:0 10px;
	margin: 0 0 40px 0;
}

.butLink{

}

.floatLeft{
	float:left;
}

.logoBg{
	background:#ddd url(../../images/logo-bg.png) no-repeat center center;
}

#photoLocaux{
	background: #eee none repeat scroll 0 0;
    border: 1px solid #bbb;
    float: right;
    padding: 10px;
	margin: 0 0 10px 0;
}

.servicesPage ol {
    counter-reset: foo;
    display: table;
}

.servicesPage ol > li {
    counter-increment: foo;
    display: table-row;
}

.servicesPage ol > li::before {
    content: counter(foo) ")\00a0";
    display: table-cell; /* aha! */
    text-align: right;
	padding:10px 0 0 10px;
}

.formationPage ul {
    /*counter-reset: foo;*/
    display: table;
}

.formationPage ul > li {
    display: table-row;
}

.formationPage ul > li::before {
    content: "-\00a0";
    display: table-cell; /* aha! */
    text-align: right;
	padding:5px 0 0 5px;
}