.admin_calque {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  
  background-color: #dddddd;
  opacity: 0.5;
  filter:alpha(opacity=50); 
}

.bouton_menu_modif {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 4;
  top: 0px;
  left: 0px;
}

.bouton_menu_modif a img {
  border: 0px;
}

#cadre_boutons_connecte {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-left: 150px;
  padding-right: 10px;
  position: fixed;

  z-index: 9999;
  background-color: #54535E;
  border-bottom: 2px solid #E1E0E0;

  background-image: url(https://www.dieselprod.com/commun/modeles/template1/img/petit-easydostart.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

#cadre_boutons_connecte .bandeau_bouton {
  display: block;
  height: 30px;
  line-height: 30px;
  width: auto;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

#cadre_boutons_connecte a {
  display: block;
  height: 30px;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: left center;

  font-size: 12px;
  color: #FFFFFF;
  text-decoration: none;
}

#cadre_boutons_connecte a:hover {
  color: #0494C0;
}

#cadre_boutons_connecte a#bandeau_admin {
}

#cadre_boutons_connecte a#bandeau_site {
  display: none;
}

#cadre_boutons_connecte a#bandeau_deconnexion {
}

hr {
  border: 1px solid #dddddd;
}

#bandeau_print {
  display: none;
}

body {
	margin:0;
}




@font-face {
    font-family: 'lobster';
    src: url('/commun/modeles/template1/img/lobster_1.4-webfont.eot');
    src: url('/commun/modeles/template1/img/lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'),
         url('/commun/modeles/template1/img/lobster_1.4-webfont.woff') format('woff'),
         url('/commun/modeles/template1/img/lobster_1.4-webfont.ttf') format('truetype'),
         url('/commun/modeles/template1/img/lobster_1.4-webfont.svg#lobster_1.4regular') format('svg');
    font-weight: normal;
    font-style: normal;
}



body {
	font-family:arial, sans serif;
	font-size:12px;
	color:#160905;
}

header {
	height:117px;
	width:100%;
	border-bottom:1px solid #959595;
}

#contenu_header {
	height:117px;
	width:100%;
	max-width:962px;
	margin:0 auto;
	position:relative;
}

#logo, #logo2 {
	display:inline-block;
	height:117px;
	background-repeat:no-repeat;
	background-position:center;
}

#logo {
	width:126px;
	margin-right:15px;
	background-image:url(/commun/modeles/template1/img/logo.png);
}

#logo2 {
	width:75px;
	background-image:url(/commun/modeles/template1/img/logo2.png);
}

#menu_h {
	position:absolute;
	top:83px;
	right:0;
}

#menu_h dl {
	display:inline-block;
	text-transform:uppercase;
	font-size:14px;
	margin:0 0 0 20px;
}

#menu_h dl a {
	color:#535353;
	text-decoration:none;
	transition-duration:0.2s;
}

#menu_h dl a:hover {
	color:#9d063a;
	transition-duration:0.2s;
}

#blocs_accueil .un_bloc {
	width:28.5%;
	margin-right:4%;
	display:inline-block;
	position:relative;
}

#blocs_accueil {
	padding:110px 0 110px 5.7%;
}

#blocs_accueil .un_bloc:last-of-type {
	margin-right:0%;
}

#blocs_accueil .un_bloc .bloc_image {
	background-size:cover;
	width:258px;
	height:335px;
	background-repeat:no-repeat;
}
#blocs_accueil .un_bloc a {
	text-decoration:none;
	display:block;
}

#blocs_accueil .un_bloc .recto h2 {
	background-color:#160905;
	padding:35px 0;
	text-align:center;
	color:#fff;
	font-size:30px;
	font-family:'lobster', arial, sans serif;
	margin:0;
	text-decoration:none;
	font-weight:normal;
}

#blocs_accueil .un_bloc .calque_noir, #blocs_accueil .un_bloc .verso {
	position:absolute;
	top:0;
	left:0;
	height:100% !important;
	width:100% !important;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:5.01%;
	display:none;
	z-index:100;
}

#blocs_accueil ul {
	padding:0;
	margin:0;
	list-style:none;
	width:100% !important;
}

#blocs_accueil ul li {
	margin:0;
	width:100% !important;
}

 


#blocs_accueil .un_bloc .calque_noir {
	background-color:rgba(0,0,0,0.5);
}

#blocs_accueil .un_bloc .verso {
	background-color:#eeeeee;
}

#blocs_accueil .un_bloc .verso h2 {
	color:#160905;
	font-size:30px;
	margin:7% 0 45px;
	font-family:'lobster', arial, sans serif;
	text-align:center;
	font-weight:normal;
}

#blocs_accueil .un_bloc .verso p {
	color:#959595;
	font-size:14px;
	line-height:22px;
	margin:0;
}

#blocs_accueil .un_bloc .verso .savoir_plus {
	display:block;
	position:absolute;
	width:31px;
	height:31px;
	background-image:url(/commun/modeles/template1/img/plus.png);
	background-repeat:no-repeat;
	left:50%;
	margin-left:-15px;
	bottom:10%;
	background-position:0 0;
	transition-duration:2s;
}

#blocs_accueil .un_bloc .verso .savoir_plus:hover {
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	transition-duration:2s;
}



#contenu {
	width:100%;
	max-width:962px;
	margin:8px auto 0;
}


footer {
	width:100%;
	border-top:1px solid #959595;
}

#contenu_footer {
	width:100%;
	max-width:962px;
	margin:0 auto;
	padding:30px 0;
}

footer #baseline_menu, footer #baseline_menu dl {
	display:inline-block;
	margin:0;
	vertical-align:middle;
}

footer #baseline_menu {
	margin-top:8px;
}

footer #baseline_menu a {
	color:#959595;
	font-size:14px;
	text-decoration:none;
	transition-duration:0.2s;
}

footer #baseline_menu a:hover {
	color:#9d063a;
	transition-duration:0.2s;
}

footer #reseaux_sociaux, footer #inscription_newsletter {
	float:right;
	vertical-align:middle;
}

footer #inscription_newsletter {
	margin:6px 0 0 25px;
}

footer #inscription_newsletter input[type='text'], footer #inscription_newsletter input[type='submit']  {
	border:0px;
	-webkit-box-shadow:0px 0px 0px;
	-moz-box-shadow:0px 0px 0px;
	-o-box-shadow:0px 0px 0px;
	-ms-box-shadow:0px 0px 0px;
	box-shadow:0px 0px 0px;
	background-color:transparent;
	font-size:14px;
}
	
footer #inscription_newsletter input[type='text'] {
	width:80px;
	color:#c9c9c9;
	font-weight:normal;
	margin:0;
	padding:0;
}

footer #inscription_newsletter input[type='submit'] {
	color:#535353;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
	transition-duration:0.2s;
}

footer #inscription_newsletter input[type='submit']:hover {
	color:#9d063a;
	transition-duration:0.2s;
}

footer h4 {
	font-size:14px;
	color:#535353;
	font-weight:normal;
}

footer h4, footer #reseaux_sociaux div, footer #inscription_newsletter div div, footer #inscription_newsletter input {
	display:inline-block;
	vertical-align:middle;
	margin:0 8px 0 0;
}

footer p {
	margin:0;
}

input, textarea {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -moz-border-radius:0px !important;
  -o-border-radius:0px !important;
  -ms-border-radius:0px !important;
  border-radius:0px !important;
  -moz-box-shadow:0px 0px 0px !important;
  -o-box-shadow:0px 0px 0px !important;
  -ms-box-shadow:0px 0px 0px !important;
  -webkit-box-shadow:0px 0px 0px !important;
  box-shadow:0px 0px 0px !important;
}

#contenu h1, #menu_v p {
	font-size:20px;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
	padding-top:50px;
	margin-bottom:50px;
	margin-top:0;
}

#texte h2 {
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
	margin:25px 0 15px;
	color:#000;
}

#texte a {
	color:#000;
}

#texte ul li {
	list-style:square;
}

form {
	margin:0;
}

.bxslider {
	padding:0;
	margin:0;
	list-style:none;
}

.bxslider img {
	display:block;
	width:962px;
}

.bxslider li {
	overflow:hidden;
}

#slider {
	position:relative;
	overflow:hidden;
	height:442px;
}

#slider, #slider .bx-wrapper, #slider .bx-viewport {
	width:962px !important;
}

.bx-prev, .bx-next {
	position:absolute;
	top:50%;
	height:92px;
	width:50px;
	opacity:0;
	display:block;
	background-image:url(/commun/modeles/template1/img/fleche-slider.png);
	margin-top:-46px;
	text-indent:-9999px;
	transition-duration:0.5s;
	transition-property:opacity;
}

#slider:hover .bx-prev, #slider:hover .bx-next {
	opacity:0.7;
	transition-duration:0.5s;
	transition-property:opacity;
}
#slider .bx-prev:hover, #slider .bx-next:hover {
	opacity:1;
	transition-duration:0.5s;
	transition-property:opacity;
}
#slider:hover .bx-prev.disabled, #slider:hover .bx-next.disabled {
	display:none;
}

.bx-prev {
	left:2%;
}

.bx-next {
	right:2%;
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}

#texte {
	width:100%;
	max-width:590px;
	margin:0 auto;
	font-size:16px;
	line-height:22px;
	color:#535353;
	padding:50px 0 70px;
	text-align:justify;
}

#texte.sans_padding {
	padding-top:0;
} 

#texte a.ancre {
	height:0px;
	display:block;
}

#texte h1:first-of-type {
	padding-top:0;
}

#texte .tableau_contact {
	width:100%;
}

#texte .tableau_contact tr td:first-of-type {
	text-align:right;
	padding-right:1%;
}

#texte .tableau_contact tr td input, #texte .tableau_contact tr td textarea {
	width:98%;
	padding:3px 1%;
	border:1px solid #959595;
	margin:5px 0;
	resize:none;
	font-size:14px;
	color:#959595;
	font-family:arial, sans serif;
}

#texte input[type='submit'] {
	float:right;
	background-color:#160905;
	color:#fff;
	border-radius:0px;
	border:0px;
	text-transform:uppercase;
	padding:3px 1%;
	cursor:pointer;
}

#btn_responsive {
	display:none;
}

img {
	max-width:100%;
}

a {
	border:0px;
}

a img {
	border:0px;
}

.clear {
	clear:both;
}

.reseaux_sociaux > div {
	display:inline-block;
	vertical-align:top;
	width:49.5%;
	margin-bottom:20px;
}

.reseaux_sociaux > div img {
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
	width:32px;
}
.reseaux_sociaux > div p {
	display:inline-block;
	vertical-align:top;
	max-width:calc(100% - 58px);
	margin-right:10px;
	margin:5px 0;
}

.reseaux_sociaux > div a {
	text-decoration:none;
}



@media screen and (min-width: 981px) {
	#slider li {
		width:962px !important;
	}

	#blocs_accueil .un_bloc .bloc_image {
		width:100%;
	}
}

@media screen and (max-width: 980px) {

	header, footer {
		padding:0 2%;
		width:96%;
	}

	#contenu {
		width:96%;
		margin-left:2%;
	}

	#menu_h dl {
		margin-left:12px;
		font-size:13px;
	}
	
	#slider, #slider .bx-wrapper, #slider .bx-viewport, #slider img {
		width:100% !important;
	}
		
	#slider {
		height:auto;
	}
		
}

@media screen and (max-width: 945px) {


	#blocs_accueil {
	    padding: 30px 0 30px 2%;
	}

	#blocs_accueil .un_bloc {
	    margin-right: 2%;
			width:31%;
	}
	
}


@media screen and (max-width: 860px) {

	#blocs_accueil .un_bloc .verso h2 {
		margin-bottom:15px;
	}

}


@media screen and (max-width: 800px) {

	#blocs_accueil .un_bloc .verso .savoir_plus {
		bottom:5%;
	}

	#blocs_accueil .un_bloc .verso p {
		line-height:19px;
	}

	#btn_responsive {
		display:block;
		height:41px;
		width:60px;
		background-image:url(/commun/modeles/template1/img/btn-responsive.png);
		background-repeat:no-repeat;
		position:absolute;
		top:40px;
		right:2%;
		cursor:pointer;
	}

	#menu_h {
		display:none;
		position:relative;
		top:0;
	}

	#menu_h dl {
		margin:0;
		width:100%;
		padding:15px 0;
		border-top:1px solid #c9c9c9;
	}

	#menu_h dl a {
		display:block;
		width:100%;
		text-align:center;
		font-size:14px;
	}
	
	header, #contenu_header {
		min-height:117px;
		height:auto;
	}

	#texte {
	    width: 100%;
	}

	
}


@media screen and (max-width: 700px) {

	#blocs_accueil .un_bloc .verso h2 {
		margin-top:3%;
	}
	
	#blocs_accueil .un_bloc .verso .savoir_plus {
		bottom:3%;
	}

	#blocs_accueil .un_bloc .verso p {
		line-height:18px;
		font-size:13px;
	}

	#baseline_menu, #inscription_newsletter, #reseaux_sociaux {
		float:none !important;
		display:block !important;
		margin:30px auto !important;
		text-align:center !important;
	}

	#contenu_footer {
		padding:5px 0;
	}

	 footer #inscription_newsletter div div, footer #inscription_newsletter input {
	 	margin-right:0 !important;
	 }
	
}


@media screen and (max-width: 650px) {

	#blocs_accueil .un_bloc .verso p {
		line-height:16px;
		font-size:12px;
	}
	
	#blocs_accueil .un_bloc .verso h2 {
		font-size:24px;
		margin-bottom:5px;
	}
}

@media screen and (max-width: 550px) {

	#blocs_accueil .un_bloc {
	    margin-right: 0;
		width:100%;
		margin-bottom:15px;
	}

	.bloc_image {
		background-image:none !important;
	}
	
	#blocs_accueil .un_bloc .recto {
		display:none;
	}
	
	#blocs_accueil .un_bloc .verso {
		display:block !important;
		height:auto;
		position:relative;
		padding-bottom:50px;
	}
	
	#contenu h1, #menu_v p {
	    font-size: 18px;
	    margin-bottom: 30px;
	    padding-top: 20px;
	}

	#texte h2 {
	    font-size: 16px;
	}

	#texte {
		padding-top:20px;
	}

	#texte h1:first-of-type {
	    padding-top: 20px;
	}

	.reseaux_sociaux > div {
		width:100%;
	}
	


}