@charset "UTF-8";
/* CSS Eki'p Dental */

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 reset affichage pour ancien navigateurs */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:helvetica neue, helvetica, "Arial Black", Gadget, sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.noborder
{
border: none;
} 

/* Image Background */
html {
	/*background:url(../img/cover.jpg) no-repeat center center fixed;*/
	background-color:#fff;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
}

/*Slider Homepage*/
#wrapper {
  float: left;
  width: 100%;
  margin-bottom: 50px;
  }

.rslides {
  margin: 0 auto;
  }

.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.centered-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 50%;
  left: 0;
  opacity: 0.7;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../img/arrows.gif") no-repeat left top;
  margin-top: -45px;
  }

.centered-btns_nav:active {
  opacity: 1.0;
  }

.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

.transparent-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 0;
  left: 0;
  display: block;
  background: #fff; /* Fix for IE6-9 */
  opacity: 0;
  filter: alpha(opacity=1);
  width: 48%;
  text-indent: -9999px;
  overflow: hidden;
  height: 91%;
  }

.transparent-btns_nav.next {
  left: auto;
  right: 0;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  opacity: 0.6;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background: #000 url("../img/arrows.gif") no-repeat left 50%;
  width: 38px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background-position: right 50%;
  right: 0;
  }

.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
  outline: none;
  }

.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
  margin-top: 10px;
  text-align: center;
  }

.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
  }

.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #ccc;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
  }

.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
  background: #222;
  background: rgba(0,0,0, .8);
  }


/* Titres */
h1 {font-size:1.3em;}
h2 {font-size:1em;}
h3 {font-size:0.9em;}
h4 {font-size:0.8em;}
h5 {font-size:0.7em;}
h6 {font-size:0.6em;}

/* resize images */
img {height:auto; max-width:100%; width:auto;
/* css3 */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* sélection */
::selection {background:#5ebfb7; color:#fff;}
::-moz-selection {background:#5ebfb7; color:#fff;}
::-webkit-selection {background:#5ebfb7; color:#fff;}

/* liens */
a {color:#333;}
a:hover {color:#333399;}
a.continuer {width:100%; text-align:right; float:right; margin:1% 0; display:inline; text-decoration:none;}
#lien-neutre {color:#666; text-decoration:none; outline:none;}
a.fermer-croix {position:relative; left:650px; text-decoration:none; outline:none;}
a.fermer-croix:hover {position:relative; left:650px; color:#ff9933; text-decoration:none; outline:none;}

/* main conteneur */
#page {margin:20px auto; max-width:960px; width:100%;}

/* header conteneurs */
#header {background:#FFF; height:70px; margin:1% 0;}
#header #topbar {background:F6F6F6; height:32px; width:100%; border-top:4px solid #ec008c; border-bottom:1px solid #EDEDED;}
#header #hcontent {background:#FFF; margin:0 auto; position:relative; width:100%; height:100%;}

/* header topbar */
#header #topbar {width:100%;}
#header #topbar ul.social {display:block; float:right; margin:5px;}
#header #topbar ul.social li {display:inline-block; float:left; height:24px; width:24px; padding:0 2px; opacity:0.5;}
#header #topbar ul.social li:hover {opacity:1; outline:none;}
#header #topbar ul.social li.planmeca {width:120px; padding:0 2px; opacity:0.5;}
#header #topbar ul.social li.planmeca:hover {opacity:1; outline:none;}
#header #topbar ul.social li a {display:block;}
#header #topbar ul.social li a img {height:24px; width:24px;}
#header #topbar ul.social li.planmeca a img {height:24px; width:120px;}

/* header hcontent */
#header #logo {text-align:center;}
#header #logo h1 {display:block; float:left; margin:0 auto; padding:1%;}
#header #logo h1 a {display:inline-block; margin:0 8px; position:relative;}

/* header menu */
#menu {bottom:0; right:0; position:absolute; text-align:center;}
#menu ul li {display:inline-block; margin:0 8px; position:relative;}
#menu ul li a {color:#545454; display:block; font-weight:bold; text-transform:uppercase; text-decoration:none; font-size:1em; width:auto; padding:8% 0;
	/* transition css3 */
		-moz-transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
}
#menu ul li a:hover {
	/* transition css3 */
		-moz-transition: all 0.5s ease 0s;
		-webkit-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		color:#333399;
}

/* slider */

.slider-wrapper { 
	width: 100%; 
	margin: 100px auto;
}

caption, th, td {
	text-align:left;
	font-weight:normal;
}

#slide {margin-top:5px; max-width:960px; width:100%; float:left; border-top:5px solid #EDEDED;}

#slider .imgslide {max-width:960px; width:100%;}
#slider .infoslide {width:30%; float:left; position:absolute; margin:-10% 0 0 4%;}
#slider .infoslide h2 {background:#ff277e; color:#fff; padding:2%; display:inline-block; margin:0; font-size:1.5em; font-weight:bold;}
#slider .infoslide h3 {background:#DEDEDE; padding:1%; display:inline-block; color:#666;}
#slider img {border-bottom:5px solid #EDEDED;max-width: 960px;width: 100%;}
#slider a {text-decoration:none;}

/* accueil */
#accueil {float:left; display:block; width:100%;}
#accueil h2 {background: #333399; color:#fff; padding:1%; display:inline-block; margin:3% 0 0 0; font-size:1.2em; font-weight:bold;}
#accueil .bloc {background-color: rgba(35,64,143,0.1); float:left; width:100%; padding-bottom: 10px; border-bottom:5px solid #333399; opacity:0.8;}
#accueil .bloc .post {float:left; width:96%; margin:0% 1.5%;}
#accueil .bloc .post p {text-align:justify; line-height:1.4em; font-size:14px; color:#666;}
#accueil .bloc .post a.brochure {color:#d71080; font-size:18px;}

/* societe */
#societe {float:left; display:block; width:100%;}
#societe h2 {background: #333399; color:#fff; padding:1%; display:inline-block; margin:3% 0 0 0; font-size:1.2em; font-weight:bold;}
#societe .bloc {background: rgba(35,64,143,0.1); float:left; width:100%; padding-bottom: 10px; border-bottom:5px solid #333399; opacity:0.8;}
#societe .bloc .post {float:left; width:96%; margin:0% 1.5%;}
#societe .bloc .post p {text-align:justify; line-height:1.4em; font-size:14px; color:#666;}

/* affichage produit */
		 
.cachediv {
		position: absolute;
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		}
		
#mondiv1,#mondiv2,#mondiv3,#mondiv4,#mondiv5,#mondiv6,#mondiv7
 {padding-left:20px; padding-right:20px; padding-top:20px; background:#fff; border:2px solid #333399;}

#mondiv8,#mondiv9,#mondiv10,#mondiv11
 {padding-left:20px; padding-right:20px; padding-top:20px; background:#fff; border:2px solid #333399;}

#mondiv12
 {padding-left:20px; padding-right:20px; padding-top:20px; background:#fff; border:2px solid #333399;}
 

/* Produit 1 */
#produit1 {float:left; display:block; width:100%;}
#produit1 h2 {background: #333399; color:#fff; padding:1%; display:inline-block; margin:3% 0 0 0; font-size:1.2em; font-weight:bold;}
#produit1 h3 {color:#ff9933; padding-bottom:10px; display:inline-block; font-size:14px; font-weight:bold; width:250px;}
#produit1 p {text-align:left; line-height:1.4em; font-size:12px; color:#666; height:400px;}
#produit1 img {float:left;}
#produit1 .bloc {background: rgba(35,64,143,0.1); float:left; width:100%; border-bottom:5px solid #333399;}
#produit1 .bloc ul li {margin:1% 1.562%; float:left; padding:2px; border:3px solid rgba(255,255,255,0.0); width:20.48%; max-width:200px;}
#produit1 .bloc ul li a {border:0; margin:0; padding:0; display:block; height:100%; max-height:148px;}
#produit1 .bloc ul li a img {max-width:100%; width:auto; height:auto;
/** css3 **/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#produit1 .bloc ul li:hover {background: #FFF; padding:2px; border:3px solid #FC0;}
#produit1 .bloc ul li:hover a img {opacity:0.5;}

/* Produit 2 */
#produit2 {float:left; display:block; width:100%;}
#produit2 h2 {background: #333399; color:#fff; padding:1%; display:inline-block; margin:3% 0 0 0; font-size:1.2em; font-weight:bold;}
#produit2 h3 {color:#ff9933; padding-bottom:10px; display:inline-block; font-size:14px; font-weight:bold; width:250px;}
#produit2 p {text-align:left; line-height:1.4em; font-size:12px; color:#666; height:400px;}
#produit2 img {float:left;}
#produit2 .bloc {background: rgba(35,64,143,0.1); float:left; width:100%; border-bottom:5px solid #333399;}
#produit2 .bloc ul li {margin:1% 1.562%; float:left; padding:2px; border:3px solid rgba(255,255,255,0.0); width:20.48%; max-width:200px;}
#produit2 .bloc ul li a {border:0; margin:0; padding:0; display:block; height:100%; max-height:148px;}
#produit2 .bloc ul li a img {max-width:100%; width:auto; height:auto;
/** css3 **/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#produit2 .bloc ul li:hover {background:#FFF; padding:2px; border:3px solid #FC0;}
#produit2 .bloc ul li:hover a img {opacity:0.5;}

/* Produit 3 */
#produit3 {float:left; display:block; width:100%;}
#produit3 h2 {background: #333399; color:#fff; padding:1%; display:inline-block; margin:3% 0 0 0; font-size:1.2em; font-weight:bold;}
#produit3 h3 {color:#ff9933; padding-bottom:10px; display:inline-block; font-size:14px; font-weight:bold; width:250px;}
#produit3 p {text-align:left; line-height:1.4em; font-size:12px; color:#666; height:400px;}
#produit3 img {float:left;}
#produit3 .bloc {background: rgba(35,64,143,0.1); float:left; width:100%; border-bottom:5px solid #333399;}
#produit3 .bloc ul li {margin:1% 1.562%; float:left; padding:2px; border:3px solid rgba(255,255,255,0.0); width:20.48%; max-width:200px;}
#produit3 .bloc ul li a {border:0; margin:0; padding:0; display:block; height:100%; max-height:148px;}
#produit3 .bloc ul li a img {max-width:100%; width:auto; height:auto;
/** css3 **/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#produit3 .bloc ul li:hover {background:#FFF; padding:2px; border:3px solid #FC0;}
#produit3 .bloc ul li:hover a img {opacity:0.5;}

/* Actualites */
#actualite {float:left; display:block; width:100%;}
#actualite h2 {background: #333399; color:#fff; padding:1%; display:inline-block; margin:3% 0 0 0; font-size:1.2em; font-weight:bold;}
#actualite h3 {color:#ff9933; padding-bottom:10px; display:inline-block; font-size:14px; font-weight:bold;}
#actualite p {text-align:left; line-height:1.4em; font-size:14px; color:#F00; font-weight:600;}
#actualite img {float:left;}
#actualite .bloc {background:rgba(35,64,143,0.1); float:left; width:100%; height:auto; border-bottom:5px solid #333399;}
#actualite .bloc ul li {margin:1% 1.562%; float:left; padding:2px; border:3px solid #FFF; width:20.48%; max-width:200px;}
#actualite .bloc ul li a {border:0; margin:0; padding:0; display:block; max-height:148px;}
#actualite .bloc ul li a img {max-width:100%; width:auto;
/** css3 **/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#actualite .bloc ul li:hover {background:#FFF; padding:2px; border:3px solid #FC0;}
#actualite .bloc ul li:hover a img {opacity:0.5;}

/* SAV */
#sav {float:left; display:block; width:100%;}
#sav h2 {background:#333399; color:#fff; padding:1%; display:inline-block; margin:3% 0 0 0; font-size:1.2em; font-weight:bold;}
#sav .bloc .post {background: rgba(35,64,143,0.1); float:left; width:100%; margin:0% 0%;}
#sav .bloc .post p {text-align:justify; line-height:1.4em; font-size:14px; color:#666;}
#sav .bloc .post .carte img {opacity:1; padding-top:20px;}
#sav .bloc .post .photos {float:left; width:100%; border-bottom:5px solid #333399;}
#sav .bloc .post .photos h2 {background:#333399; color:#fff; display:inline-block; font-size:1.2em; text-align:left; margin:1% 0 0 0; padding:1%;}
#sav .bloc .post .photos ul li {margin:1% 1.562%; float:left; border:5px solid rgba(255,255,255,0.0); width:20.48%; max-width:200px;}
#sav .bloc .post .photos ul li img {margin:0; padding:0; display:block; height:100%; max-height:150px;}
#sav .bloc .post .photos ul li img p {max-width:100%; width:auto; height:auto;
/** css3 **/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#sav .bloc .post .photos ul li .com h3 {background: #333399; color:#FFF; width:100%; text-align:center; display:inline-block; font-size:15px; padding-top:3px; padding-bottom:3px;}
#sav .bloc .post .photos ul li .com p {font-weight:normal; font-size:0.7em; text-align:center; color:#666; padding-top:5px;}
#sav .bloc .post .photos ul li .com span {font-weight:normal; font-style:italic; font-size:0.9em; text-align:center; color:#999;}
#sav .bloc .post .photos ul li .com h3.dep6 {background: #fcb136; color:#FFF; width:100%; text-align:center; display:inline-block; font-size:15px; padding-top:3px; padding-bottom:3px;}

/* contact */
#contact {float:left; display:block; width:100%;}
#contact p {color:#666;}
#contact h2 {background: #333399; color:#fff; padding:1%; display:inline-block; margin:3% 0 0 0; font-size:1.2em; font-weight:bold;}
#contact .bloc {background: rgba(35,64,143,0.1); float:left; width:100%; border-bottom:5px solid #333399; opacity:0.8;}
#contact .bloc .post {float:left; width:47%; margin:1% 1.5%;}
#contact .bloc .post p {text-align:justify; line-height:1.4em; font-size:0.8em; color:#666; margin-top:3%;}

/* Team */
#team {float:left; display:block; width:100%;}
#team h2 {background: #333399; color:#fff; padding:1%; display:inline-block; margin:3% 0 0 0; font-size:1.2em; font-weight:bold;}
#team .bloc {background: rgba(35,64,143,0.1); float:left; width:100%; border-bottom:5px solid #333399;}
#team .bloc ul li {margin:1% 1.562%; float:left; border:5px solid rgba(255,255,255,0.0); width:20.48%; max-width:200px;}
#team .bloc ul li a {border:0; margin:0; padding:0; display:block; height:100%; max-height:148px;}
#team .bloc ul li a img {max-width:100%; width:auto; height:auto;
/** css3 **/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#team .bloc h3 {background: #333399; color:#FFF; width:100%; text-align:center; display:inline-block; font-size:15px; padding-top:3px; padding-bottom:3px;}
#team .bloc h3.fille {background: #ff277e; color:#FFF; width:100%; text-align:center; display:inline-block; font-size:15px; padding-top:3px; padding-bottom:3px;}
#team .bloc .com p {font-weight:normal; font-size:0.7em; text-align:center; color:#666; padding-top:5px;}
#team .bloc .com span {font-weight:normal; font-style:italic; font-size:0.9em; text-align:center; color:#999;}
#team .bloc h3.dep1 {background: #253d98; color:#FFF; width:100%; text-align:center; display:inline-block; font-size:15px; padding-top:3px; padding-bottom:3px;}
#team .bloc h3.dep2 {background: #d71080; color:#FFF; width:100%; text-align:center; display:inline-block; font-size:15px; padding-top:3px; padding-bottom:3px;}
#team .bloc h3.dep3 {background: #bcd041; color:#FFF; width:100%; text-align:center; display:inline-block; font-size:15px; padding-top:3px; padding-bottom:3px;}
#team .bloc h3.dep4 {background: #333399; color:#FFF; width:100%; text-align:center; display:inline-block; font-size:15px; padding-top:3px; padding-bottom:3px;}
#team .bloc h3.dep5 {background: #5a4891; color:#FFF; width:100%; text-align:center; display:inline-block; font-size:15px; padding-top:3px; padding-bottom:3px;}

/* Partenaires */
#partenaires {float:left; display:block; width:100%;}
#partenaires h2 {background: #333399; color:#fff; padding:1%; display:inline-block; margin:3% 0 0 0; font-size:1.2em; font-weight:bold;}
#partenaires .bloc {background: rgba(35,64,143,0.1); float:left; width:100%; border-bottom:5px solid #333399;}
#partenaires .bloc ul li {margin:1% 1.562%; float:left; border:3px solid rgba(255,255,255,0.0); width:20.48%; max-width:200px;}
#partenaires .bloc ul li a {border:0; margin:0; padding:0; display:block; height:100%; max-height:148px;}
#partenaires .bloc ul li a img {max-width:100%; width:auto; height:auto;
/** css3 **/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#partenaires .bloc ul li:hover {border:3px solid #ff9933; background:rgba(255,153,51,0.2);}
#partenaires .bloc ul li:hover a img {opacity:0.2;}

/* footer */
#footer {margin:3% auto 2%; float:left; width:100%; max-width:960px;}
#fcontent {background-color: rgba(199,225,252,0.3); border-top:5px solid #006699; border-bottom:1px solid #c7e1fc; display:inline-block; max-width:2000px;}
#fcontent .col {margin:1% 2.082%; width:29.15%; float:left; display:inline-block;}
#fcontent .col h2 {color:#006699; padding:1%; display:block; margin:5% auto 10%; font-size:1.2em; font-weight:bold; text-align:center; width:100%; text-shadow:1px 2px 0 #CECECE;}
#fcontent .col p {text-align:justify; line-height:1.2em; font-size:0.8em; color:#666; margin:3% auto;}

/* Formulaire Contact*/
#contact-form {
	width:100%;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	position:relative;
	margin:1% auto;
	padding-top:2px;
}

#contact-form input, 
#contact-form select,  
#contact-form label {
	font-size:12px;
	margin-bottom:5px;
	text-align:left;
}

#contact-form input, 
#contact-form select 
{
	border: 1px solid #CEE1E8;
	float:left;
	width:98%;
	margin:1% 0;
	padding:3px;
	text-align:center;
	color:#CCC;
	font-weight:bold;
}

#contact-form textarea
{
	border: 1px solid #CEE1E8;
	float:left;
	width:100%;
	background:#FFF;
	margin:1% 0;
	padding:5px 0;
	text-align:center;
	color:#CCC;
	font-size:12px;
	font-weight:bold;
	height: 50px;
	resize: none;
}

#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
	border: 1px solid #AFCDD8;
	background-color: #EBF2F4;
	font-size:12px;
	color:#000;
}

#contact-form label {
	display:block;
}

#contact-form .required {
	font-weight:bold;
	color:#F00;	
}

#contact-form #submit-button {
	width:100px;
	background-color:#333;
	color:#FFF;
	border:none;
	display:block;
	float:right;
	margin-bottom:0px;
	background-color:#8FB5C1;
	-moz-border-radius:8px;
}

#contact-form #submit-button:hover {
	background-color: #A6CFDD;
}

#contact-form #submit-button:active {
	position:relative;
	top:1px;
}

#contact-form #loading {
	width:32px;
	height:32px;
	background-image:url(../img/contact/loading.gif) no-repeat;
	display:block;
	position:absolute;
	right:130px;
	bottom:16px;
	display:none;
}

#errors {
	border:solid 1px #E58E8E;
	padding:10px 10px;
	margin:25px 0px;
	display:block;
	width:93%; /*437px*/
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#FFE6E6 url(../img/contact/cancel_48.png) no-repeat 225px bottom;
	display:none;
	font-size:13px;
	color:#F00;
}

#errors li {
	padding:2px;
	list-style:none;	
}

#errors li:before {
	content: ' - ';	
}

#errors #info {
	font-weight:bold;
	font-size:13px;
}

#errors #info:before {
	content: '';	
}

#success {
	border:solid 1px #83D186;
	padding:10px;
	margin-top:25px;
	display:block;
	width:93%; /*437px*/
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	background:#D3EDD3 url(../img/contact/accepted_48.png) no-repeat 225px center;
	font-weight:bold;
	display:none;
}

#success li {
	padding:2px;
	list-style:none;	
}

#success #info {
	font-weight:bold;
	font-size:13px;
	color:#090;
}

#success #info:before {
	content: '';	
}

#errors.visible, #success.visible {
	display:block;	
}

#req-field-desc {
	font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	-o-box-shadow:none;
	box-shadow:none;
}

/* Normalize placeholder styles */

/* browser chrome, safari */
::-webkit-input-placeholder {
	color:#CCC;
	font-style:italic;
}

/* browser mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
	color:#CCC;
	font-style:italic;
}

/* browser ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  { 
	color:#CCC;
	font-style:italic;
}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

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

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

/* commentaire du footer */
#fcontent .col .com h3 {font-weight:bold; font-size:0.8em; text-align:left; color:#666;}
#fcontent .col .com span {font-weight:normal; font-style:italic; font-size:0.7em; text-align:left; color:#999;}
#fcontent .col .com p {margin:1% 0 3%; padding-bottom:4%;}
#fcontent .col .com p.border {border-bottom:1px dotted #ccc; margin:2% auto 5%;}

/* bfooter */
#bfooter {background:#ff9933; height:2px; margin-top:-2px;}
#bfooter .left, #bfooter .right {width:50%; float:left;}
#bfooter .left h5 {padding:2%; color:#999;}

#bfooter .right ul.footer {display:block; float:right; margin:1.5% 3%;}
#bfooter .right ul.footer li {display:inline;}
#bfooter .right ul.footer li a {color:#444; text-decoration:none; font-size:0.7em;}
#bfooter .right ul.footer li a:hover {color:#333399; text-decoration:underline;}

#bfooter .right ul.footer li:after {content:" /"; color:#999; font-size:0.7em;}
#bfooter .right ul.footer li:last-child:after {content:"";}


/***************************************************************/
/************************ MEDIA QUERIES ************************/
/***************************************************************/

/* ipad retina et écran d'une largeur supérieur à 1100px */
@media screen and (min-width:1100px) {
	/* slide */
	#slider .infoslide {top:270px; margin:7% 0 0 4%; width:auto;}
	#slider .infoslide h2 {font-size:1.5em;}
	#slider .infoslide h3 {font-size:1em;}
}

/* ipad 1 & 2 * 768px à 1024px */
@media screen and (min-width:768px) and (max-width:1024px) {
	#page {margin:0;}
	/* slide */
	#slider .infoslide {top:270px; margin:12% 0 0 4%;}
	#slider .infoslide h2 {font-size:1.3em;}
	#slider .infoslide h3 {font-size:0.8em;}
	/* travaux */
	#travaux .bloc ul li a span.eye {margin:7% 8%;}
	/* footer */
	#fcontent .col .getintouch label {width:21%;}
	#fcontent .col .getintouch input[type="text"], #fcontent .col .getintouch input[type="email"] {width:75%;}
}

/* Entre 420px et 496px */
@media screen and (min-width:420px) and (max-width:496px) {
	#page {margin:0;}
	/* header */
	#header {height:85px;}
	#hcontent {height:92px;}
	/* logo */
	#logo {text-align:center; width:100%;}
	#logo h1 {display:block; width:100%; float:left;}
	#logo h1 a {padding:1%;}
	/* menu */
	#menu {bottom:0; display:block; position:absolute; width:100%;}
	#menu ul {width:100%; display:block; float:left;}
	#menu ul li a {font-size:0.8em;}
	/* slide */
	#slider .infoslide {margin:-15% 0 0 4%; width:50%;}
	#slider .infoslide h2 {font-size:1em;}
	#slider .infoslide h3 {font-size:0.8em;}
	/* travaux */
	#travaux .bloc ul li {border: 5px solid #FFF; margin:1% 3%; max-width:200px; width:100%;}
	/* blog */
	#blog .bloc .post {width:96%;}
	/* footer */
	#fcontent {display:none;}
	#bfooter .right {display:none;}
	#bfooter .left h5 {padding:4%;}
}

/* largeur inférieur ou égal à 356px */
@media screen and (max-width:356px) {
	#page {margin:-4px auto;}
	/* header */
	#header {display:block; height:115px;}
	#header #hcontent {height:83px; position:absolute;}
	/* logo */
	#logo h1 {width:100%; padding:5px 0;}
	#logo h1 a {padding:0;}
	#logo h1 a img {height:101px; width:148px;}
	/* menu */
	#menu {top:58px;width:100%;}
	#menu ul li {margin:0 3%;}
	#menu ul li a {font-size:0.6em;}
	#menu select {width:50%;}
	/* slide */
	#slider .infoslide {margin:0 0 0 4%; width:45%; left:15px; top:200px;}
	#slider .infoslide h2 {font-size:0.7em;}
	#slider .infoslide h3 {font-size:0.6em;}
	/* accueil */
	#accueil h2 {margin:2% 0 0; font-size:0.8em;}
	#accueil .bloc .post {width:93%; float:left; margin:2% 3.5%;}
	#accueil .bloc .post h3 {margin:3% 0; font-size:0.9em;}
	#accueil .bloc .post p {color:#666; font-size:0.7em; line-height:1.2em;}
	/* societe */
	#societe h2 {margin:2% 0 0; font-size:0.8em;}
	#societe .bloc .post {width:93%; float:left; margin:2% 3.5%;}
	#societe .bloc .post h3 {margin:3% 0; font-size:0.9em;}
	#societe .bloc .post p {color:#666; font-size:0.7em; line-height:1.2em;}
	/* Produit 1 */
	#produit1 h2 {margin:2% 0 0; font-size:0.8em;}
	#produit1 .bloc ul li {margin:1%; max-width:143px; width:100%;}
	/* Produit 2 */
	#produit2 h2 {margin:2% 0 0; font-size:0.8em;}
	#produit2 .bloc ul li {margin:1%; max-width:143px; width:100%;}
	/* Produit 3 */
	#produit3 h2 {margin:2% 0 0; font-size:0.8em;}
	#produit3 .bloc ul li {margin:1%; max-width:143px; width:100%;}
	/* actualités */
	#actualite h2 {margin:2% 0 0; font-size:0.8em;}
	#actualite .bloc ul li {margin:1%; max-width:143px; width:100%;}
	/* SAV */
	#sav h2 {margin:2% 0 0; font-size:0.8em;}
	#sav .bloc ul li {margin:1%; max-width:143px; width:100%;}
	/* contact */
	#contact h2 {margin:2% 0 0; font-size:0.8em;}
	#contact .bloc .post {width:93%; float:left; margin:2% 3.5%;}
	#contact .bloc .post h3 {margin:3% 0; font-size:0.9em;}
	#contact .bloc .post p {color:#666; font-size:0.7em; line-height:1.2em;}
	/* Team */
	#team h2 {margin:2% 0 0; font-size:0.8em;}
	#team .bloc ul li {margin:1%; max-width:143px; width:100%;}
	/* Partenaires */
	#partenaires h2 {margin:2% 0 0; font-size:0.8em;}
	#partenaires .bloc ul li {margin:1%; max-width:143px; width:100%;}
	/* blog */
	#blog h2 {margin:2% 0 0; font-size:0.8em;}
	#blog .bloc .post {width:93%; float:left; margin:2% 3.5%;}
	#blog .bloc .post h3 {margin:3% 0; font-size:0.9em;}
	#blog .bloc .post p {color:#666; font-size:0.7em; line-height:1.2em;}
	/* footer */
	#fcontent {display:none;}
	#bfooter .left {display:none;}
	#bfooter .left h5 {padding:4.5%;}
	#bfooter .right {width:100%;}
	#bfooter .right ul.footer li a {font-size:1em;}
	#bfooter .right li, #bfooter .right li a {font-size:0.74em;}	
}

@media screen and (max-width:350px) {
	/* header */
	#header #hcontent {height:81px;}
	/* menu */
	#menu ul {display:none;}
	#menu select {display:inline-block;}
}

@media screen and (min-width:351px) {
	#menu select {display:none;}
}

@media screen and (max-width:260px) {
	/* header */
	#header #hcontent {height:81px;}
	#logo h1 a img {height:33px; width:126.75px;}
	#header #topbar ul.social {padding:0 7px;}
	/* slide */
	#slider .infoslide {margin:0;width:100%; left:0; top:204px;}
	#slider .infoslide h2 {display:block; text-align:center;}
	#slider .infoslide h3 {display:none;}
	/* accueil */
	#accueil .bloc ul li {margin:0.5%; max-width:107px; width:100%;}
	/* societe */
	#societe .bloc ul li {margin:0.5%; max-width:107px; width:100%;}
	/* Produit 1 */
	#produit1 .bloc ul li {margin:0.5%; max-width:107px; width:100%;}
	/* Produit 2 */
	#produit2 .bloc ul li {margin:0.5%; max-width:107px; width:100%;}
	/* Produit 3 */
	#produit3 .bloc ul li {margin:0.5%; max-width:107px; width:100%;}
	/* actualités */
	#actualite .bloc ul li {margin:0.5%; max-width:107px; width:100%;}
	/* SAV */
	#sav .bloc ul li {margin:0.5%; max-width:107px; width:100%;}
	/* contact */
	#contact .bloc ul li {margin:0.5%; max-width:107px; width:100%;}
	/* Team */
	#team .bloc ul li {margin:0.5%; max-width:107px; width:100%;}
	/* Partenaires */
	#partenaires .bloc ul li {margin:0.5%; max-width:107px; width:100%;}
	/* footer */
	#bfooter .right ul.footer li a {font-size:0.7em;}	
}