body, html { width:100%; }
body { color:#4d4d4d; /* gris par défaut*/ 
background:url(img/fond-maison.png) repeat-x;   }


@font-face {
	font-family: 'hand_of_seanregular';
	src: url('/index/handsean-webfont.eot');
	src: url('/index/handsean-webfont.eot?#iefix') format('embedded-opentype'), url('/index/handsean-webfont.woff') format('woff'), url('/index/handsean-webfont.ttf') format('truetype'), url('/index/handsean-webfont.svg#hand_of_seanregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* layout
.liner { border-top: 0.25em solid #393939; } */
.wrapper { max-width: 980px; margin: 0 auto; }
header, footer, section { clear:both; }
header {height:100px; padding-top:28px; }
footer { background-color:#393939; width:100%; padding:1.75% 0; }
footer a:hover{ text-decoration: underline; }

.Frutiger { font-family: "Frutiger", Arial, Helvetica, sans-serif;  }
.inblock{
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
}
.vtop{ vertical-align: top;}
.monda  { font-family: "Monda", Arial, Helvetica, sans-serif;  }

/* couleurs */
.greytext { color:#4D4D4D; }
.reddish { color:#E5412D; }
.whitely { color:#FFFFFF; }
.orangeblock {background-color: #E5412D;color: #FFFFFF; padding: 3%;}
.greenmenu { background-color: #39AA35; color:#FFF; padding:3%}
.lightgrey { background-color: #f4f4f4; color: #4D4D4D; padding:3%; }
.coloredblock {  background-color:#E5412D; color:#FFF; padding:5%; }
.bloodblock {  background-color:#c33225; color:#FFF; padding:3%; }
.greyblock {  background-color:#F4F4F4; color:#565655; padding:3%; }
.stoneblock {  background-color:#393939; color:#FFF; padding:3%; }
.greenishblock { background-color:#C3EEDA; color:#FFF; padding:3%; }
.blueblock { background-color: #69AFE3; color:#FFF;}
.yellowblock{ background-color: #EFAC39; color:#FFF;}
.greenblock{ background-color: #18CA76; color:#FFF;}
.reddishblock{ background-color: #FF5F4C; color:#FFF;}
.whiteblock {background-color: #fff;}
.stonebutton {  background-color:#393939; color:#FFF;}

li.checked {
	list-style-type:none; 
	background-image:url(/s/img/icons/check.png); 
	background-repeat:no-repeat; 
	padding-left:2.5em; 
	background-position:0 0.35em;  
}

/* balisage surchargé */
p { 
  font-size:1em; 
  line-height:1.75em;
  margin-bottom:3%; 
}

p b, ul li b {
	 color:#E5412D;
}

p a, li a { 
  color:#2d77ff;  
}

p a.button { 
	color:#fff; 
}
input{
	border: 0;
}

blockquote {
  width:66%;
  font-size:1.5em;
  line-height:1.4em;  
  margin-bottom:1em;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  font-weight:bold;
  font-style:italic;
}

blockquote:before {
  content: '“ ';
  font-size:1.2em;
}

blockquote:after {
  content: ' ”';
  font-size:1.2em;
}

/* buttons */
.button { 
	border-radius: 5px; 
	text-align: center; 
	font-family: "Monda", Arial, helvetica, sans-serif; 
	font-weight: bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
}

.black-tiny-btn { 
	padding:1.5%; 
	background-color:#393939; 
	font-size:0.8em;
	color:#FFF; 
	white-space: nowrap; 
}

.green-medium-btn { 
	padding:2% 3%; 
	background-color:#39aa35; 
	white-space: nowrap; 
	text-transform: uppercase; 
	border-bottom:0.2em solid #94c11f; 
}

.green-large-btn { 
	background-color:#39aa35; 
	white-space: nowrap; 
	text-transform: uppercase;
	border-bottom:0.2em solid #94c11f;
}

.green-large-btn:hover {
	background-color: #E5412D;
} 

.red-large-btn { 
	padding:2.5%; 
	background-color:#E5412D;   
	white-space: nowrap; 
	text-transform: uppercase;  
}

/* classes générales */

.bpadding_0{
	margin-bottom: 0;
}

.vpadding_1 {
  padding-top:1%;
  padding-bottom:1%;
  /*vody*/
}

.vpadding_2 {
	padding-top:2.5%;
	padding-bottom:2.5%;
}
.vappdingtop_5{
	padding-top: 5%;
}
.vpadding_bot_5{
	padding-bottom: 5%
}
.vpadding_5 {
	padding-top:5%;
	padding-bottom:5%;
}
.vpadding_10 {
	padding-top:10%;
	padding-bottom:10%;
}
.hpadding_2 {
	padding-left:2%;
	padding-right:2%;
}

.hpadding_5 {
	padding-left:5%;
	padding-right:5%;
}

.hpadding_10 {
	padding-left:10%;
	padding-right:10%;
}
.hpadding_20{
	padding-left:20%;
	padding-right:20%;
}
.hpadding_25 {
	padding-left:25%;
	padding-right:25%;
}

.spadding {
	padding:1.5%;	
}


/* separateurs */ 
.large-separator {
		width:90%;
		height:2px;
		border:medium none;
		background: #d1d1d1; /* Old browsers */
		background: -moz-linear-gradient(left,  #ffffff 0%, #d1d1d1 15%, #d1d1d1 85%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(15%,#d1d1d1), color-stop(85%,#d1d1d1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  #ffffff 0%,#d1d1d1 15%,#d1d1d1 85%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  #ffffff 0%,#d1d1d1 15%,#d1d1d1 85%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  #ffffff 0%,#d1d1d1 15%,#d1d1d1 85%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to right,  #ffffff 0%,#d1d1d1 15%,#d1d1d1 85%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
		margin-left:auto;
		margin-right:auto;
}
.red-large-separator{
	border-top:1px solid #ce382b;
	border-bottom:1px solid #f09a91;
	width: 100%;
}

/* header */
 #idzone { 
  text-align: center;
  position: absolute;
  top:35px; 
  right:180px;  
}

#idzone  a {
	font-size:0.875em;
	font-family:"Monda", Arial, helvetica, sans-serif;
	margin-bottom:3%;
	display: block;
	color:#ffffff;
	font-weight: bold;
	padding: 7% 0 10% 7%;	
}
#idzone .box {
	text-align:left;
	width:180px;
	position: fixed;
}

#idzone li { /*overflow:hidden; */ }
#idzone li a { width:165px; position:relative; left:145px;  padding-left:3em; z-index:80; padding-top: 8.5% }
#idzone a span { display:inline-block;  }
#idzone a i { display:inline-block;  }
#idzone a i:before { 
	display:inline-block; color:#fff; font-size:1.325em; padding-top:0.7em; padding-left:0.5em;
}
#idzone li a.stoneblock i:before {
	padding-top:0.8em;	
}

#idzone .combobox { width:90%; }
#idzone .ddcommon { padding:1% 0%;}
#idzone a.stoneblock { z-index:100; padding-top: 8.5% }
#idzone .ddTitle  { width:inherit;}

.rounded-r{ border-radius:5px 0 0 5px;}
.box a img {margin: -7% 10%;}

/* Nav */
header nav { text-align: right; margin-top:4%; line-height:2em; }
header nav li { width:auto; display:inline; }
header nav li > a { 
  color:#E5412D;
  font-size: 1.3em;
}
header nav li > span {
	font-size: 1.3em;	
}
header nav li img{ margin:0 2%;}

/* footer */
footer section { 
	background-image: url('/s/img/modules/index/footer-column-separator.png'); 
	background-repeat: no-repeat; 
	background-position: right top; 
} 
footer .last { background-image: none;  } 
footer section ul li { line-height: 1.46em; } 
footer .last ul li { text-align: right; } 
footer .last ul li.last { margin-top:1em; } 
footer section ul li a { font:0.75em "Monda", Arial, helvetica, sans-serif; color:#FFFFFF;} 
footer section #calling-us { margin:-0.5em 0; }
footer section #email-us { margin:1.9em 0; }
footer section #calling-us a,
footer section #email-us a { font:1em "Frutiger", Arial, helvetica, sans-serif; color:#FFFFFF; text-align: center; display:block; margin-bottom:6%; } 
footer section #calling-us a i { position:relative; top:1.063em; left:-0.688em; }
footer section #email-us a i  {  position:relative; top:0.42em; left:-0.375em; }
footer section #talk-about-us {  margin:12% auto 0%; width:90%; } 
footer section #talk-about-us li {  display:inline-block; width:22%; text-align: center; } 

/* headings */
h1, h2, h3, h4, h5, h6{
   color:#4D4D4D; /* gris par défaut*/   
   font-family: "Frutiger", Arial, Helvetica, sans-serif; 
   line-height:normal;
   margin-top:0;   
   margin-bottom:3%; 
}

h1, h2 {
   margin-bottom:2%; 
   width:100%;  
   font-weight:bold;
   text-align:center;
}

h1 { 
	text-transform:uppercase; 
}

h3 {
	text-align:center;	
}
h3, h4 {
	font-weight:bold;
}

h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
   color:#E5412D; /* b -> passe en rouge */   
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
   display:block; /* strong -> passe à la ligne */   
}

h2 {
	margin-bottom:4%; 
}

/* lists */
.disc {
	list-style-type:disc;  
	padding:0 3%; 
}
.table-2col { 
	display:block; 
	padding:2%; 
}
.table-2col li { 
	background-image:none; 
	display:inline-block;
	vertical-align:top; 
	width:42%; 
	margin:2%; 
  	padding:5% 2%;
}

.table-2col h3 { 
	min-height:67px; 
}

.table-2col .icon { 
	min-height:42px; 
	margin:0; 
}

.table-2col .medium { 
	min-height:75px; 
}
.table-2col .superior { 
	min-height:125px; 
}
.table-2col li a { 
	text-transform:uppercase; 
	padding:2% 5%; 
}

.2col-border {	
	border-bottom:1px solid white;
}


/* aside text */
aside.col p { font-size:1.325em; margin-bottom:6%; width:85%; margin-left:auto;  font-weight: bold; text-align:center; }
aside.col ol { text-align: left; width:85%; margin-left:auto; }
aside.col ol li { text-transform: uppercase; display:block; margin-bottom:6%;  }
aside.col ol li:hover a,
aside.col ol li.active a {  border:1px solid #E5412D; background-color:#FFFFFF; color:#E5412D;  }
aside.col ol li.link a {  text-align:center; color:#FFF; background-color:#39aa35;  border-bottom:0.2em solid #94c11f;  }
aside.col ol li.link a:hover{ background-color:#3DB739; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
aside.col ol li a { display:block; width:100%; font-size: 0.9em; font-weight: bold; line-height:2em; background-color:#f4f4f4; border:1px solid #f4f4f4; color:#4d4d4d;  padding:6% 0; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; } 
.separator{ background: url();}
.img-thick-border { border:0.75em solid #F4F4F4; }

.img-medium-border { border:0.5em solid #F4F4F4; }

.gallery li { display:inline-block; width:32%; text-align: center; }


input, select, textarea, .liste{
	background-color: #fff;
	border : 0;
	color: #4d4d4d;
	font-size: 1.15em;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:1.1% 0;	
}
input{ text-indent: 15px; }

input[type="submit"]{ text-indent: 0; }

article {padding-right: 2%; padding-bottom:1.5%; }

.rightborder{ border-right: 1px solid #F4F4F4; padding-right: 5.5%; }
.redborder{
	border-top : 3px solid #e0e0e0 ;
	border-bottom: 3px solid #ca3d30;
}

.grey-shadow-box{
	border: 0;
	box-shadow: inset 0 4px 0 #333333, 0 0, 0 -4px 0 #848484, 0 0;
	-moz-box-shadow: inset 0 4px 0 #333333, 0 0, 0 -4px 0 #848484, 0 0;
	-webkit-box-shadow: inset 0 4px 0 #333333, 0 0, 0 -4px 0 #848484, 0 0;
}

.clr { clear:right; }

.wrapper { *width:980px; }


#sticker {
	float: none; 
	position: fixed; 
	top: 40%; 
	right:0;
	margin-right:3%;
}

#sticker p {
	font-size:16px;	
	line-height:18px;
	width:90px;
	text-align:center;
}

#sticker a:link,
#sticker a:visited,
#sticker a:hover,
#sticker a:active{
	color:#E5412D;
}


#sticker .sticker-btn {
	background-color:#393939;;
	width:79px;
	height:56px;
	border:2px solid white;
	border-radius:4px;
	display:block;
	padding-top:19%;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.7);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.7);
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.7);
}


/* forms */
.contact label{
  padding-top: 9px;
}
.contact input, #msdrpdd21_title .ddlabel{ font-family: arial, sans-serif; color: #4d4d4d;}
.contact input.button{ color:#fff;}
.formfail {
	background: url('/s/img/icons/hachures.png');	
	font-weight: bold;
}

.block{display: block;}
textarea.formfail {
	background: url('/s/img/modules/textarea.png') no-repeat;	
} 

/* ie 10 */
@media screen and (min-width:0\0) {  
    input[type="radio"],
	input[type="checkbox"]{
		background-color: transparent;
		border: 0;
		margin-right: 5px;
		background-image: none;
	}
	#idzone a i:before{
		font-size: 0.6em;
	}
	.box a img {
		margin: -3.7% 10% 0 0;
	}
}