/* -- form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }

/* -- buttons */
#editor-xtd-buttons {
	padding: 5px;
}

.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}

.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #666;
	cursor: pointer;
}

.button2-left span,
.button2-right span {
	cursor: default;
	color: #999;
}

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span {
	padding: 0 6px;
}

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

.button2-left a:hover,
.button2-right a:hover {
	text-decoration: none;
	color: #0B55C4;
}

.button2-left a,
.button2-left span {
	padding: 0 24px 0 6px;
}

.button2-right a,
.button2-right span {
	padding: 0 6px 0 24px;
}

.button2-left {
	background: url(../images_general/j_button2_left.png) no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-right {
	background: url(https://www.plomberie-richard.com/templates/accordservice/images_general/j_button2_right.png) 100% 0 no-repeat;
	float: left;
	margin-left: 5px;
}

.button2-left .image {
	background: url(../images_general/j_button2_image.png) 100% 0 no-repeat;
}

.button2-left .readmore {
	background: url(../images_general/j_button2_readmore.png) 100% 0 no-repeat;
}

.button2-left .pagebreak {
	background: url(../images_general/j_button2_pagebreak.png) 100% 0 no-repeat;
}

/* Tooltips */
div.tooltip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
}

div.tooltip h4 {
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images_general/selector-arrow.png) no-repeat;
}

div.tooltip p {
	font-size: 90%;
	margin: 0;
}

/* Caption fixes */
.img_caption.left {
	float: left;
	margin-right: 1em;
}

.img_caption.right {
	float: right;
	margin-left: 1em;
}

.img_caption.left p {
	clear: left;
	text-align: center;
}

.img_caption.right p {
	clear: right;
	text-align: center;
}

.img_caption.none {
	margin-left:auto;
	margin-right:auto;
}

.img_caption  {
	text-align: center!important;
}

.caption.left {
	float: left;
	margin-right: 1em;
}

.caption.right {
	float: right;
	margin-left: 1em;
}

.caption.left p {
	clear: left;
	text-align: center;
}

.caption.right p {
	clear: right;
	text-align: center;
}

.caption.none {
	margin-left:auto;
	margin-right:auto;
}

.caption  {
	text-align: center!important;
}
/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images_general/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/* System Messages */
#system-message
{
padding: 0 !important;

border:solid 0px;
}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0;  font-weight: bold; float:left; margin:20px; text-indent: 0px;padding:0 }
#system-message dd ul { color: #D90211;float:left;  width:700px; padding:0; list-style: none; padding: 0px; border-top: 3px solid #e81c25; border-bottom: 3px solid #e81c25;}
#system-message dd ul li { list-style:none; width:700px; margin-bottom:5px; color:#53443F;  font-family: GraublauWebRegular;
padding-bottom:5px;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message {  }
#system-message dd.message ul { }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error {  }
#system-message dd.error ul { color: #D90211;margin:0}

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice {  }
#system-message dd.notice ul { color: #D90211; }





/***************************************************/
@media only screen and (max-width:1023px){
	#header{
		width:100%;
	}
	#all{
		width:100%;
	}


img.slogon {
    margin-top: 15px;
}

.nivoSlider img {
    width: 100%;
}
.tel-urgence{
	    font-size: 59px;
}
#slideshow{
	width:100%;
}
.assurance3 {
    width: 100%;
    margin: 0 0 0 0px;
}

.logos {
    width: 100%;
}	
.footercenter {
    width: 100%;
    
}	
	
	
#slider{
	width:100% !important;
}	
#left{
	width:100% !important;
}	
#right {
    float: none;
    width: 100%;
	top:0;
}	
body {
    background: none;
    /*overflow-x: hidden;*/
}
	#hxdmenu{
		width:100%;
	}
	#hxdmoomenu{
		width:100%;
	}
	.devis {
    left: 492px;
    width: 46%;
}
	.intervention {
    top: 43px;
    width: 45%;
}
	.demandedevis {
    width: 26%;
    margin-top: 6px;
}
#right h2{
	width:100%;
	text-align:center;
}
	#right .ckformMOD{
		width:100%;
	}
	#right .ckCSSinput{
		width:100% !important;
	}
	#right p.ckCSSclear {
    width: 100%;
	}
	#right .ckBtnCon #submit_bt{
		left:460px;
	}
	#right .menu{
		width:100%;
	}
	#right .menu li.parent{
		margin-right:5px;
	}
	/*.titres h2 {
	  width: 175px;
	}
	p.ckCSSclear {
    width: 100%;
}*/
#contentarea, #contentarea2{
	width:100%;
}
#main2{
	width:100%;
	padding: 10px 0 20px 5px;
}
.ckBtnCon #submit_bt{
	padding:0;
	width: 48px;
}
.titres h2 {
    width: 265px;
}
.leading p {
    clear: both;
}
.leading{
	width:100%;
}
}


@media only screen and (max-width:768px){
	#header{
		width:100%;
	}
	#all{
		width:100%;
	}


img.slogon {
    margin-top: 15px;
}

.nivoSlider img {
    width: 100%;
}
.tel-urgence{
	    font-size: 59px;
}
#slideshow{
	width:100%;
}
.assurance3 {
    width: 100%;
    margin: 0 0 0 0px;
}

.logos {
    width: 100%;
}	
.footercenter {
    width: 100%;
    
}	
	
	
#slider{
	width:100% !important;
}	
#left{
	width:100% !important;
}	
#right {
    float: none;
    width: 100%;
	top:0;
}	
body {
    background: none;
    /*overflow-x: hidden;*/
}
	#hxdmenu{
		width:100%;
	}
	#hxdmoomenu{
		width:100%;
	}
	.devis {
    left: 404px;
    width: 46%;
}
	.intervention {
    top: 43px;
    width: 45%;
}
	.demandedevis {
    width: 26%;
    margin-top: 6px;
}
#right h2{
	width:100%;
	text-align:center;
}
	#right .ckformMOD{
		width:100%;
	}
	#right .ckCSSinput{
		width:100% !important;
	}
	#right p.ckCSSclear {
    width: 100%;
	}
	#right .ckBtnCon #submit_bt{
		left:460px;
	}
	#right .menu{
		width:100%;
	}
	#right .menu li.parent{
		margin-right:5px;
	}
	/*.titres h2 {
	  width: 175px;
	}
	p.ckCSSclear {
    width: 100%;
}*/
#contentarea, #contentarea2{
	width:100%;
}
#main2{
	width:100%;
	padding: 10px 0 20px 5px;
}
.ckBtnCon #submit_bt{
	padding:0;
	width: 48px;
}
.titres h2 {
width: 189px;
}
}
@media only screen and (max-width:425px){
	.intervention {
    top: 43px;
    width: 59%;
	left: 34px;
	font-size: 22px;
}
.logo-image {
    width: 20%;
    height: auto;
	margin:0;
}
.slogon {
    
    margin-left: 62px;
    width: 62%;
}
.img-logo {
    width: 139px;
}
.tel-urgence{
	width:100%!important;
	font-size: 37px;
	margin-top:46px;
}
.tel-urgence img{
	width:57%;
}
.leading{
	width:100%;
}
.leading p{
	clear:both;
}	
#main .leading h2, #main2 .leading h2{
	width:100%;
}
#right .ckCSSinput {
    width: 100% !important;
}
#right h2 {
    width: 44%;
}
.encart-contact{
	width:100%;
}	
#right .menu li.parent{
	margin:0;
	/* width:100%; */
}	
.titres h2 {
    width: 155px;
}
#main2 #ckform6 .ckCSSinput{
	width:35%;
}
table#ckformcontainer tbody tr td h2 {
    width: 100%;
	text-align:left;
}	
p.ckCSSclear {
    width: 100%;
}
img.marque1 {
    margin-right: 29px;
}
/*.ckformMOD {
    display: none;
}*/
#page{
	width:62%;
}	
#left #page h1{
	width:100%;
}	
#left #page h2{
	width:100%;
}
#contentarea, #contentarea2{
	width:100%;
	margin-top: 59px;
}
#main2{
	width:92%;
}
.devis {
    left: 0;
    width: 46%;
	position: relative;
    top: 370px;
}
.ckformMOD .ckCSSlabel{
	color:#3cb0c1;
	font-weight: bold;
}
.ckBtnCon #submit_bt{
	    top: 61px;
}
#right .ckBtnCon #submit_bt {
    left: 150px;
}
#left h1{
	width:100%;

}
}
@media only screen and (max-width:375px){
.img-logo {
    width: 127px;
}
.intervention {
    top: 43px;
    width: 69%;
    left: 0px;
}
#left {
    width: 100% !important;
}
#right h2 {
    width: 38%;
}
#right .ckformMOD {
    width: 100%;
}
#right .menu {
    width: 100%;
    margin: 0 ;
}
.encart-contact {
    width: 100%;
    margin: 0;
}
.titres h2 {
    width: 36%;
    font-size: 17px;
}	
#main2 #ckform6 .ckCSSinput{
	width:35%;
}
table#ckformcontainer tbody tr td h2 {
    width: 57%;
	text-align:left;
}	
/*body{
	overflow-x:hidden;
}*/
#page{
	width:62%;
}	
#left #page h1{
	width:100%;
}	
#left #page h2{
	width:100%;
}
#main2{
	width:92%;
}
#right .ckBtnCon #submit_bt {
    left: 105px;
}
.ckBtnCon #submit_bt {
    top: 57px;
}
}

@media only screen and (max-width:320px){
.slogon {
    margin-left: 50px;
    width: 59%;
}
.intervention {
    top: 53px;
    width: 72%;
    left: 0;
}
.img-logo {
    width: 105px;
}
ul#hxdmenu li {
    width: 19%;
}

ul#hxdmenu li a span {
    font-size: 11px;
    padding: 0px 7px;
}	
#left {
    width: 100% !important;
}
#right h2 {
    width: 32%;
}
#right .ckCSSinput {
    width: 100% !important;
}
.titres h2 {
    width: 33%;
    font-size: 14px;
}
.assurance2 {
    margin: 0 0 0 60px;
}	
#hxdmenu li.item57 a span {
    padding-right: 46px;
}
#hxdmenu li.item58 a span{
	    padding-right: 28px;
}	
.imgcontenu {
    width: 100%;
}
.tel-urgence {
    width: 100%!important;
    font-size: 30px;
    margin-top: 71px;
}
#page {
    width: 62%;
}
#main2 #ckform6 .ckCSSinput{
	width:38%;
}
table#ckformcontainer tbody tr td h2 {
    width: 100%;
	text-align:left;
}	
/*body{
	overflow-x:hidden;
}	*/
#left #page h1{
	width:100%;
}	
#left #page h2{
	width:100%;
}
#main2{
	width:90%;
}	
#contentarea, #contentarea2 {
    width: 100%;
}	
#right .ckBtnCon #submit_bt {
    left: 50px;
}	
#left h1{
	width:100%;
}
.devis .ckformMOD .ckCSSinputnormal, .ckformMOD .ckCSSinputnowidth, .ckformMOD .ckCSSinput{
	font-size: 12px;
	width: 135px;
}
.ckBtnCon #submit_bt {
    top: 53px;
	left: 277px;
}
}