/*MES STYLES*/

/* Theme Name: Mon theme
Theme URL : http://www.cth.fr
Description:Thème CTH
Version: 10.3950
Author: Audrey DEJOUY
CTH Theme by CTH GROUPE
*/

/*RESET*/
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, 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;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	text-decoration:none;
	font-family: 'centurygt',sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
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;
}

strong{
	font-weight:bold;
}
sup {
    vertical-align: super;
    font-size: smaller;
}

/*FIN RESET*/

/*POLICE*/

@font-face {
    font-family: "centurygt";
    src: url('font/GOTHIC.woff');
}
@font-face {
    font-family: "centurygt";
    font-weight:bold;
    src: url('font/GOTHICB.woff');
}
@font-face {
    font-family: "centurygt-bi";
    font-weight:bold;
    font-style: italic;
    src: url('font/GOTHICBI.woff');
}
@font-face {
    font-family: "centurygt";
    font-style: italic;
    src: url('font/GOTHICI.woff');
}

/*FIN POLICE*/

html{width:100%;min-height:100%;background-color:#414d48;}

body { text-align: center; font-family:'centurygt', sans-serif;}
#wrapper { display: block;  width:100%;  height:100%; margin:0px auto; background-color: #414d48;}
#sidebar { width: 23%;  float: right; }
#delimiter { clear: both; }
.title { font-size: 11pt; font-family: 'centurygt',sans-serif; font-weight: bold; }

/*HEADER*/

#header { 
	width:100%;
	height:50px;
	top:10px;
	position:absolute;
	z-index:2;

 }

.logo{
	width:9%;
	height:170%;
	float:left;
	position:absolute;
}

.logo img{
	width:100px;
	height:100px;
	left:10px;
}

nav{
	width:49%;
	height:100%;
	float:right;
	font-weight:bold;

}



nav a{
	color:#fff;
	font-size:14px;
	line-height:50px;
	text-transform : uppercase;
}

nav button{
	width:0;
	height:0;
	opacity:0;
}

.current-menu-item a{
	color:#222;
}

li{
	width:16%;
	height:100%;
	float:left;
	color:#fff;
}

.co{
	width:11%;
	height:100%;
	color:#fff;
	float:left;
	padding:13px 0;
}

.co:hover{
	color:#222;
}

.co p{
	font-size:8px;
	margin-top:4px;
}


nav a .co{
	line-height:10px;
}

.ico_menu{
	height: 20px;
    width: 20px;
    overflow: hidden;
    margin: 0 auto;
}

.co .ico_menu{
    background: url(http://www.cth.fr/wp-content/themes/montheme/images/mon_espace-sprites.png) 0 0 no-repeat;
}



.re .ico_menu{
	height: 45px;
    background: url(http://www.cth.fr/wp-content/themes/montheme/images/loupe_sprites.png) 0 center no-repeat;
}

.re .ico_menu:hover {
    background: url(http://www.cth.fr/wp-content/themes/montheme/images/loupe_sprites.png) right center no-repeat;
   }

.re{
	width:7%;
	height:100%;
	color:#fff;
	float:left;
	padding:5px 0;
}

#langue {
    width: 104px;
    height: 24px;
	position:absolute;
	z-index:3;
	top:0;
	right:0;
	background-color: #222;
	overflow: hidden;
}
#langue li{
	float:left;
	display: block;
	width:33.3%;
	height: 24px;
}

#langue li a img{
	height: 70%;
    margin: 8%;
}

#langue li:hover{
	color:#222;
	background-color: #009cc9;
}

/*FIN HEADER*/

/*SIDEBAR*/

#sidebar{
	width:auto;
	height:auto;
	position:absolute;
	float:left;
	left:0;
	top:190px;
	font-weight:bold;
	z-index:2;
}

#sidebar a{
	color:#fff;
}

#sidebar a:hover{
	color:#222;
}

#callback{
	width:175px;
	height:50px;
	clear:both;
	position:fixed;
	overflow:hidden;
	margin-left:-125px;
	transition:0.5s;
	background-color:#009cc9;
	font-size:15px;
}

#callback:hover{
	margin-left:0;
}

#callback p{
	width:125px;
	height:50px;
	float:left;
	color:#fff;
	line-height:50px;
}

#callback .tel{
	width:50px;
	height:50px;
	float:right;
	background:url(http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png) 0 0 no-repeat;
	border: none;
    cursor: auto;
}

#mailto{
	width:175px;
	height:50px;
	clear:both;
	position:fixed;
	margin-top:60px;
	overflow:hidden;
	margin-left:-125px;
	transition:0.5s;
	background-color:#009cc9;
	font-size:15px;
}

#mailto:hover{
	margin-left:0;
}

#mailto p{
	width:125px;
	height:50px;
	float:left;
	color:#fff;
	line-height:50px;
}

#mailto .mail{
	background:url("http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png") -50px 0 no-repeat;
	float:right;
	    width: 50px;
    height: 50px;
    border: none;
    cursor: auto;
}

#meteo{
	width:175px;
	height:50px;
	clear:both;
	position:fixed;
	margin-top:305px;
	overflow:hidden;
	margin-left:-125px;
	transition:0.5s;
	background-color:#f5a630;
	font-size:15px;
}

#meteo:hover{
	margin-left:0;
}

#meteo p{
	width:125px;
	height:50px;
	float:left;
	color:#fff;
	line-height:50px;
}

#meteo .soleil{
	background:url("http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png") -100px 0 no-repeat;
	float:right;
	width:50px;
	height:50px;
	border: none;
    cursor: auto;
}

#outilcalc{
	width:175px;
	height:100px;
	clear:both;
	position:fixed;
	margin-top:365px;
	margin-left:-125px;
	transition:0.5s;
	font-size:15px;

}

#outilcalc:hover{
	margin-left:0;
}

#outilcalc .outiltexte{
	width:125px;
	height:138px;
	float:left;
	text-align:left;
	padding-left:5px;
	background-color:#f5a630;
	color:#fff;
}

.outiltexte p span{
	display:block;
	height:50px;
	font-size:15px;
	line-height:50px;
}

.outiltexte p{
	clear:both;
	font-size:14px;
	line-height:16px;
}


#outilcalc .outil{
	background:url("http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png") -150px 0 no-repeat;
	width:50px;
	height:50px;
	float:right;
	background-color:#f5a630;
	border: none;
    cursor: auto;
}

#fb{
	width:175px;
	height:50px;
	clear:both;
	position:fixed;
	margin-top:119px;
	overflow:hidden;
	margin-left:-125px;
	transition:0.5s;
	background-color:#009cc9;
	font-size:15px;
}

#fb:hover{
	margin-left:0;
}

#fb p{
	width:125px;
	height:50px;
	float:left;
	color:#fff;
	line-height:50px;
}

#fb .fbico{
	width:50px;
	height:50px;
	float:right;
	background:url("http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png") -200px 0 no-repeat;
	border: none;
    cursor: auto;
}


#tw{
	width:175px;
	height:50px;
	clear:both;
	position:fixed;
	margin-top:177px;
	overflow:hidden;
	margin-left:-125px;
	transition:0.5s;
	background-color:#009cc9;
	font-size:15px;
}

#tw:hover{
	margin-left:0;
}

#tw p{
	width:125px;
	height:50px;
	float:left;
	color:#fff;
	line-height:50px;
}

#tw .twico{
	width:50px;
	height:50px;
	float:right;
	background:url("http://www.cth.fr/wp-content/themes/montheme/images/twico.png") 0px 0 no-repeat;
	border: none;
    cursor: auto;
}

#yt{
	width:175px;
	height:50px;
	clear:both;
	position:fixed;
	margin-top:240px;
	overflow:hidden;
	margin-left:-125px;
	transition:0.5s;
	background-color:#e85421;
	font-size:15px;
}

#yt:hover{
	margin-left:0;
}

#yt p{
	width:125px;
	height:50px;
	float:left;
	color:#fff;
	line-height:50px;
}

#yt .ytico{
	width:50px;
	height:50px;
	float:right;
	background:url("http://www.cth.fr/wp-content/themes/montheme/images/yt.png") 0px 0 no-repeat;
	border: none;
    cursor: auto;
}


/*FIN SIDEBAR*/

/*FOOTER*/

#footer{
	width:100%;
	height:3%;
	overflow:hidden;
	bottom:0;
	position:absolute;
	color:#fff;
	z-index:2;
}

#flag{
	float:left;
	height:10px;
	margin-left:5px;
}

#infolegal{
	width:50%;
	height:100%;
	float:left;
	padding-left:10px;
}

#infolegal p{
	float:left;
	font-size:12px;
	color:#fff;
}

#infolegal p.legal{
	text-decoration : underline;
}

#infolegal p.legal:hover{
	color:#222;
}

#infosociete{
	width:50%;
	height:100%;
	float:right;
	padding-right:10px;
}

#infosociete p{
	font-size:12px;
	font-weight:bold;
	text-align:right;
}

/*FIN FOOTER*/

/*HOME*/

#contentindex .ytp-title{
	opacity:0;
}

#fondmenu{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url('images/fondarbre.jpg');
	background-position:center -100px;
	background-repeat:no-repeat;
	background-color:#414d48;
	overflow:hidden;
}

#contentsociete{
	width:100%;
	height:100%;
	float:left;
	padding:8% 0 3% 0;
}

#categories{
	width:1000px;
	height:510px;
	float:right;
	margin-right:0;
	margin-top:100px;
}

h6.ps{
	    margin-top: 20px;
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

#categories.progsan, #categories.progsanx4{
	width: 43%;
    height: 510px;
    float: none;
    margin: 0 auto;
    margin-top: 30px;
}

#categories.progsanx4{
	width: 337px;
}

#categories.progsan .carre p, #categories.progsanx4 .carre p{
	font-size:14px;
}

.carre{
	width:150px;
	height:150px;
	float:left;
	margin-right:30px;
	margin-bottom: 10px;
	background-color:#414d48;
	box-shadow: 3px 2px 7px #000;
	transition:0.5s;
}


#categories.progsan .carre.compnutri:hover{
	background-color: #f3ce00;
}

#categories.progsan .carre.traiteau:hover{
	background-color: #64c5e3;
}

#categories.progsan .carre.hygi:hover{
	background-color: #f5a630;
}

.rectangle{
	width:250px;
	height:150px;
	float:left;
	margin-right:10px;
	margin-bottom: 10px;
	background-color:#222222;
	overflow: hidden;
	position: relative;
	z-index:1;
}

/*MODIF FLIP EFFECT*/

.panel.compnutri  .front .box1{
	background-color: #f3ce00;
}

.panel.traiteau  .front .box1{
	background-color: #64c5e3;
}

.panel.hygi  .front .box1{
	background-color: #f5a630;
}

.panel.compnutri  .back .box2{
	background-color: #fbe986;
}
.panel.traiteau  .back .box2{
	background-color: #a9d9e8;
}
.panel.hygi  .back .box2{
	background-color: #efc382;
}



.carre:hover{
	background-color: #414d48;
	border-radius:30px 0 30px 0;
	transition:0.5s;
}

.panel h2{
	display:block;
	width:150px;
	height:150px;
	color:#fff;
	font-weight:bold;
	font-size:105px;
	margin-top:5px;
	text-align:center;
	position:absolute;
	z-index:2;
	text-shadow: 3px 2px 7px #000;
	
}

.panel p{
	display:block;
	width:150px;
	height:150px;
	color:#fff;
	padding-top:107px;
	margin-top:0px;
	font-weight:bold;
	position:relative;
	z-index:1;
}

.panel.troisl p{
	padding-top: 89px; 
}

/* Le parent */
.rectangle .wrappervideo {
position: relative;
padding-bottom: 56.25%; /* 16:9 */

height: 100%;
}
/* L'enfant */
.rectangle .wrappervideo iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



#contentindex #categories .carre .cn{
	color:#9a8301;
}

#contentindex #categories .carre .cn:hover{
	color:#f3ce00;
}

#contentindex #categories .carre.fixe .cn:hover{
	color:#9a8301;
}

#contentindex #categories .carre .te{
	color:#0e6b7b;
}

#contentindex #categories .carre .te:hover{
	color:#64c5e3;
}

#contentindex #categories .carre.fixe .te:hover{
	color:#0e6b7b;
}

#contentindex #categories .carre .h{
	color:#91631f;
}

#contentindex #categories .carre .h:hover{
	color:#f5a630;
}

#contentindex #categories .carre.fixe .h:hover{
	color:#91631f;
}

/*SLIDER TENTATIVE*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/*FIN DE LA TENTATIVE*/

/*FIN HOME*/

/*PRODUITS_PAGE TRI ESPECE*/

/*FLIP*//*MODIF FLIP EFFECT*/

.panel {
	width:150px;
	height: 150px;  

    margin-right: 30px;
    margin-bottom: 10px;
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	float: left;
}

.panel .front,
.panel .back {
	text-align: center;
}
	
.panel .front {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 900;
	text-align: center;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	   -moz-transform: rotateX(0deg) rotateY(0deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}

.panel .back {
	height: inherit;
	position: absolute;
	top: 0;
	z-index: 1000;
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	   -moz-transition: all .4s ease-in-out;
		-ms-transition: all .4s ease-in-out;
		 -o-transition: all .4s ease-in-out;
			transition: all .4s ease-in-out;
}
.panel.flip .front {
	z-index: 900;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
}
.panel.flip .back {
	z-index: 1000;
	-webkit-transform: rotateX(0deg) rotateY(0deg);
	-moz-transform: rotateX(0deg) rotateY(0deg);
}
.box1{
	width: 150px;
	height: 150px;
    float: left;
    background-color: #414d48;
    box-shadow: 3px 2px 7px #2a4256;
}
.box2{
	background-color: #ff7e70;
	width: 150px;
	height: 150px;
	padding: 20px;
    box-shadow: 3px 2px 7px #2a4256;
    border-radius: 30px 0;
}

#fondgris .box1,#fondgris .box2{

    box-shadow: 3px 2px 7px #222;
}

.panel .back p {
    display: block;
   width: auto;
    height: auto;
    color: #fff;
    padding-top: 75px;
    margin-top: 0px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    font-size: 21px;
}

.panel.compnutri .back p,.panel.traiteau .back p,.panel.hygi .back p{
    display: block;
   width: auto;
    height: auto;
    color: #fff;
    padding-top: 26px;
    margin-top: 0px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    font-size: 21px;
}

.panel.actu .box1{
	background-image:url('images/index/journal.png'); 
	background-repeat: no-repeat;
	background-color: #1d582e;
	background-position: center 10px ;
}

.panel.triespe .box1{
	background-image: url('images/index/tri.png');
	background-size:100%;
	background-repeat: no-repeat;
	transition:0.5s;
}
.panel.triespe .box2{
	background-image: url('images/index/tri2.png');
	transition:0.5s;
	background-size:100%;
}

.panel.triespe-en .box1{
	background-image: url('images/index/tri-en.png');
	background-size:100%;
	background-repeat: no-repeat;
	transition:0.5s;
}

.panel.triespe-en .box2{
	background-image: url('images/index/tri2-en.png');
	transition:0.5s;
	background-size:100%;
}

.panel.triespe-es .box1{
	background-image: url('images/index/tri-es.png');
	background-size:100%;
	background-repeat: no-repeat;
	transition:0.5s;
}

.panel.triespe-es .box2{
	background-image: url('images/index/tri2-es.png');
	transition:0.5s;
	background-size:100%;
}

.panel.connectezvous .box1{
	background-color: #009cc9;
	background-image:url('images/index/mon-espace_grand.png'); 
	background-repeat: no-repeat;
	background-position: center 10px ;
}


.panel.connectezvous .box2{
	background-color: #66b5cc;
}


.panel.new .box1{
	background-color: #e85421;
	background-image:url('images/NEW.png'); 
	background-repeat: no-repeat;
	background-position: center 10px ;
    width: 510px;
    height: 150px;
    text-align: center;
}


.panel.new .box2{
	background-color: #ed7c5d;
    width: 510px;
}

.panel.connectezvous .box2 p{
    padding-top: 13px;
}

.panel.actu .box2{
	background-color: #222;
}

.panel.actu .box2 img{

	width:100%;
	height:100%;
}

.carre form{
	
    width: 100%;
    height: 100%;
    padding-top: 30%;

}

.carre form #s{
	width:80%;
}

.carre form button{
	
    margin-top: 10px;
    width: 80%;
    height: 25px;
    color: #fff;
    background-color: #009cc9;
    border: none;
    overflow: hidden;

}

.carre form button:hover{
    color: #222;
    background-color: #fff;
}

#categories .bovin .front .box1{
	background-image: url('images/produits/bovins-nb_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .bovin .back .box2{
	background-image: url('images/produits/bovins_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .ovin .front .box1{
	background-image: url('images/produits/ovins-nb_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .ovin .back .box2{
	background-image: url('images/produits/ovins_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .caprin .front .box1{
	background-image: url('images/produits/caprins-nb_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .caprin .back .box2{
	background-image: url('images/produits/caprins_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .porc .front .box1{
	background-image: url('images/produits/porcs-nb_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .porc .back .box2{
	background-image: url('images/produits/porcs_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .volaille .front .box1{
	background-image: url('images/produits/volailles-nb_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .volaille .back .box2{
	background-image: url('images/produits/volailles_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .gvegetale .front .box1{
	background-image: url('images/produits/carbo-nb_150x150.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
}

#categories .gvegetale .back .box2{
	background-image: url('images/produits/carbo_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .cheval .front .box1{
	background-image: url('images/produits/cheval-nb_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .cheval .back .box2{
	background-image: url('images/produits/cheval_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .canard .front .box1{
	background-image: url('images/produits/canard-nb_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .canard .back .box2{
	background-image: url('images/produits/canard_150x150.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#categories .panel p{
	    text-shadow: 2px 2px 2px #000;
}
 
#categories .panel p.h , #categories .panel p.cn, #categories .panel p.te{
    text-shadow: none;
    color: #222;
}
/*FIN PRODUITS_PAGE TRI ESPECE*/

/*SERVICES*/



.carre.fixe:hover{
	border-radius: 0px 0px 0px 0px;
}

.carre.fixe.compnutri:hover{
	background-color: #f3ce00;
}

.carre.fixe .cn:hover{
	color: #222;
}

.carre.fixe.traiteau:hover{
	background-color: #64c5e3;
}

.carre.fixe .te:hover{
	color: #222;
}

.carre.fixe.hygi:hover{
	background-color: #f5a630;
}

.carre.fixe .h:hover{
	color: #222;
}

.carre.fixe .new:hover{
	color: #444;
}

.presta  .front .box1{
	background-image:url('images/services/presta.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.presta .back .box2{
	background-image:url('images/services/presta-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.formation .front .box1{
	background-image:url('images/services/formation.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.formation .back .box2{
	background-image:url('images/services/formation-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.tuto  .front .box1{
	background-image:url('images/services/tuto.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.tuto .back .box2{
	background-image:url('images/services/tuto-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.ps  .front .box1{
	background-image:url('images/services/ps.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.ps .back .box2{
	background-image:url('images/services/ps-c.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
}

.audit .front .box1{
	background-image:url('images/services/audit.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
}

.audit .back .box2{
	background-image:url('images/services/audit-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.sav .front .box1{
	background-image:url('images/services/sav.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.sav .back .box2{
	background-image:url('images/services/sav-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.manuel .front .box1{
	background-image:url('images/services/livre.jpg');
	background-size: 100%;
	background-repeat: no-repeat;
}

.manuel .back .box2{
	background-image:url('images/services/livre-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

.fds .front .box1{
	background-image:url('images/services/fds.jpg');
	background-repeat: no-repeat;
	background-size: 100%;

}

.fds .back .box2{
	background-image:url('images/services/fds-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}
/*MODIF FLIP EFFECT*/
.panel.fds .front .box1 p{
	color:#222;
	padding-top:125px;
}
.panel.fds .back .box2 p{
	padding-top:100px;
	color: #222;
}
.panel.manuel .back .box2 p,.panel.sav .back .box2 p,.panel.presta .back .box2 p,.panel.tuto .back .box2 p,.panel.ps .back .box2 p,.panel.audit .back .box2 p, .progsanx4 .panel p{
	padding-top:100px;
	color: #fff;
}

.progsanx4 .panel .box1 p{
	padding-top:120px;
}

/*PS STYLE*/


.imgveau .front .box1{
	    background-image: url(images/ps/veau-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgveau .back .box2{
	    background-image: url(images/ps/veau.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgvl .front .box1{
	    background-image: url(images/ps/vl-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;

}

.imgvl .back .box2{
	    background-image: url(images/ps/vl.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgvaci .front .box1{
	    background-image: url(images/ps/va-ci-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgvaci .back .box2{
	    background-image: url(images/ps/va-ci.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgvace .front .box1{
	    background-image: url(images/ps/bovins-nb_150x150.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgvace .back .box2{
	    background-image: url(images/ps/bovins_150x150.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgpoulets .front .box1{
	    background-image: url(images/ps/poulest-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgpoulets .back .box2{
	    background-image: url(images/ps/poulest.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgpouletl .front .box1{
	    background-image: url(images/ps/poulela-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;

}

.imgpouletl .back .box2{
	    background-image: url(images/ps/poulela.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgpoulep .front .box1{
	    background-image: url(images/ps/volailles-nb_150x150.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgpoulep .back .box2{
	    background-image: url(images/ps/volailles_150x150.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgcanard .front .box1{
	    background-image: url(images/ps/canard-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgcanard .back .box2{
	    background-image: url(images/ps/canard.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgcanardpag .front .box1{
	    background-image: url(images/ps/canardpag-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgcanardpag .back .box2{
	    background-image: url(images/ps/canardpag.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgdinde .front .box1{
	    background-image: url(images/ps/dinde-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgdinde .back .box2{
	background-repeat: no-repeat;
	    background-image: url(images/ps/dinde.jpg);
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgvignes .front .box1{
	    background-image: url(images/ps/vignes-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgvignes .back .box2{
	background-repeat: no-repeat;
	    background-image: url(images/ps/vignes.jpg);
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgcereales .front .box1{
	    background-image: url(images/ps/cereales-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgcereales .back .box2{
	background-repeat: no-repeat;
	    background-image: url(images/ps/cereales.jpg);
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgnoyer .front .box1{
	    background-image: url(images/ps/noyer-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgnoyer .back .box2{
	background-repeat: no-repeat;
	    background-image: url(images/ps/noyer.jpg);
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.imgprairies .front .box1{
	    background-image: url(images/ps/prairies-nb.jpg);
	background-repeat: no-repeat;
    background-size: 100%;
        transition: .5s;
}

.imgprairies .back .box2{
	background-repeat: no-repeat;
	    background-image: url(images/ps/prairies.jpg);
    background-size: 100%;
        border-radius: 30px 0 30px 0;
            transition: .5s;
}

.progsanx4 .panel p.troisligne{
	padding-top: 93px;
}

#cachel
{
	width:25%;
	height:100%;
	background-color:#fff;
	position:fixed;
	left:0;
	top:0;
	z-index:1;
}

#cacher
{
	width:25%;
	height:100%;
	background-color:#fff;
	position:fixed;
	right:0;
	top:0;
	z-index:1;
}

#contain
{
	width:200%;
	height:400px;
	margin-top:250px;
	margin-left:25%;
	padding-right:25%;
}

.content
{
	overflow:auto;
	position:relative;
	background:transparent;
	margin:10px;
	width:740px;
	max-width:97%;
	height:400px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#cn
{
	width:3320px;
	height:100px;
	background-color:#fff9d6;
}

#te
{
	width:3320px;
	height:100px;
	background-color:#dbe4e6;
}

#h
{
	width:3320px;
	height:100px;
	background-color:#f7e3c5;
}

#tcarbo{
	width:1660px;
	height:100px;
	background-color:#f0f4ee;
}

#tphyto{
	width:1660px;
	height:50px;
	background-color:#a1b98a;
}

#therbi{
	width:1660px;
	height:50px;
	background-color:#557d2f;
}


#ztexte
{
	width:3320px;
	height:180px;
}

.vignes #ztexte{
	width:1660px;
}


.pl #cn
{
	width:2822px;
	background-color:#fff9d6;
}

.pl #te
{
	width:2822px;
	background-color:#dbe4e6;
}

.pl #h
{
	width:2822px;
	background-color:#f7e3c5;
}

.pl #ztexte
{
	width:2822px;
}

.pp #cn
{
	width:2656px;
	background-color:#fff9d6;
}

.pp #te
{
	width:2656px;
	background-color:#dbe4e6;
}

.pp #h
{
	width:2656px;
	background-color:#f7e3c5;
}

.pp #ztexte
{
	width:2656px;
}

.can #cn
{
	width:3154px;
	background-color:#fff9d6;
}

.can #te
{
	width:3154px;
	background-color:#dbe4e6;
}

.can #h
{
	width:3154px;
	background-color:#f7e3c5;
}

.can #ztexte
{
	width:3154px;
}

.veau #cn
{
	width:1826px;
	background-color:#fff9d6;
}

.veau #te
{
	width:1826px;
	background-color:#dbe4e6;
}

.veau #h
{
	width:1826px;
	background-color:#f7e3c5;
}

.veau #ztexte
{
	width:1826px;
}

.vaci #cn
{
	width:1328px;
	height:200px;
	background-color:#fff9d6;
}

.vaci #te
{
	width:1328px;
	background-color:#dbe4e6;
}

.vaci #h
{
	width:1328px;
	background-color:#f7e3c5;
}

.vaci #ztexte
{
	width:1328px;
}

.vace #cn
{
	width:996px;
	height:200px;
}

.vace #te
{
	width:996px;
	background-color:#dbe4e6;
}

.vace #h
{
	width:996px;
	background-color:#f7e3c5;
}

.vace #ztexte
{
	width:996px;
}

.vl #cn
{
	width:1826px;
	height: 200px;
}

.vl #te
{
	width:1826px;
	background-color:#dbe4e6;
}

.vl #h
{
	width:1826px;
	background-color:#f7e3c5;
}

.vl #ztexte
{
	width:1826px;
}



#lptblock
{
	width:100%;
	height:30px;
}

#gptblock
{
	width:100%;
	height:70px;
	float:left;
	color:#009cc9;
}

.ptblock
{
	width:166px;
	height:100%;
	float:left;
	display:inline;
}

.ptblock.double{
	width:332px;
}

#space
{
	width:100%;
	height:80px;
}

.ptblock p
{
	cursor:default;
	text-align:center;
	margin-top:10px;
}

.ptblock.doubleb p
{
	margin-top:-3px;
}

#gptblock p
{
	cursor:default;
	font-weight:700;
}


.ptblock.ptdouble
{
	width:332px;
}

.block
{
	width:166px;
	height:100%;
	float:left;
}

.block.deux
{
	width:332px;
}

.block.trois
{
	width:498px;
}

.block.quatre
{
	width:664px;
}



.block.cinq
{
	width:830px;
}

.block.uncinq
{
	width:276.6px;
}

.block p:hover
{
	cursor:default;
}

.block p
{
	text-align:center;
	padding:45px 0;
	font-size:14px;
}

.block p.deuxlignes
{
	padding:36px 0;
}

.block p.troislignes
{
	padding:30px 0;
}

.block p.quatrelignes
{
	padding:22px 0;
}

.block p.ligneband
{
	padding:25px 0;
}

.block p.ligneband2
{
	padding:18px 0;
}

.block p.ligneband3
{
	padding:11px 0;
}

.block span
{
	position:absolute;
	width:200px;
	height:auto;
	bottom:300px;
	margin-left:0;
}

.block span.der
{
	margin-left:-34px;
}

.block span.double
{
	margin-left:-30px;
}

.block span p
{
	display:block;
	width:200px;
	height:auto;
	padding:5px;
	border-radius:5px 0;
}

.block span img
{
	clear:both;
}

.transparent
{
	background-color:transparent;
}

.block.cn
{
	background-color:#f3ce00;
}

.block span.cn p
{
	background-color:#f3ce00;
}

.block.deux span {
    margin-left: 65px;
}

.block.trois span
{
	margin-left:155px;
}

.block.quatre span
{
	width:180px;
	margin-left:270px;
	margin-right:270px;
}

.block.cinq span {
    margin-left: 320px;
}

.block.uncinq span {
    margin-left: 35px;
}

.block.cnf
{
	background-color:#d0b51c;
}

.block span.cnf p
{
	background-color:#d0b51c;
}

.block.te
{
	background-color:#64c5e3;
}

.block span.te p
{
	background-color:#64c5e3;
}

.block.tef
{
	background-color:#32a9bd;
}

.block span.tef p
{
	background-color:#32a9bd;
}

.block.h
{
	background-color:#f5a630;
}

.block.hf
{
	background-color:#c79140;
}

.block span.h p
{
	background-color:#f5a630;
}

.block span.hf p
{
	background-color:#c79140;
}


.block.ve 
{
	background-color:#bad59f;
}

.block.vef
{
	background-color:#52ae32;
}

.block span.ve p
{
	background-color:#bad59f;
}

.block span.vef p
{
	background-color:#52ae32;
}

.vignes .block p{
	color:#222;
}

.block span.prems
{
	z-index:2;
}

.demi
{
	height:50px;
}

.troisquart
{
	height:75%;
}


.unquart
{
	height:25%;
}




.block .demi p
{
	padding:18px 0;
}

.block #simple.hf
{
	background-color:#c79140;
}

.right
{
	border-right:2px solid #009cc9;
}

.periodett
{
	display:block;
	margin-top:30px;
	width:166px;
	text-align:center;
	float:left;
}

.psa
{
	margin-left:7.5%;
}

.psd
{
	margin-left:29.8%;
}

.pl .periodett
{
	display:block;
	margin-top:30px;
	width:4.9%;
	text-align:center;
	float:left;
}

.pl .psa
{
	margin-left:9.25%;
}

.pl .psd
{
	margin-left:24.5%;
}

.pp .psa
{
	margin-left:10%;
}

.pp .psd
{
	margin-left:20%;
}

.dd .psd
{
	margin-left:25.25%;
}

.can .psa
{
	margin-left:8%;
}

.can .psd
{
	margin-left:27.25%;
}

.nais
{
	margin-left:4.5%;
}

.sevr
{
	margin-left:63.75%;
}

#double
{
	width:50%;
	height:100%;
	float:left;
}

#triple
{
	width:33.3%;
	height:100%;
	float:left;
}

#double.cn
{
	background-color:#f3ce00;
}

#double.cnf
{
	background-color:#d0b51c;
}

#double.ve
{
	background-color:#bad59f;
}

#double.vef
{
	background-color:#52ae32;
}

#bandeau
{
	width:160px;
	height:20px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#000;
	padding-top:5px;
}

#bandeau.bleft
{
	margin-left:auto;
}

#bandeau.bright
{
	margin-right:auto;
}

#bandeau.bcenter
{
	width:166px;
}

#bandeau p.cnf
{
	color:#d0b51c;
	padding:0;
}

#bandeau p.cn
{
	padding:0;
}

.vignets
{
	opacity:0;
	-webkit-transition:opacity 2s ease-in;
	-moz-transition:opacity 2s ease-in;
	-o-transition:opacity 2s ease-in;
	-ms-transition:opacity 2s ease-in;
	transition:opacity 2s ease-in;
}

.vignets.load
{
	opacity:1;
}

.horizontal-images.content li
{
	float:left;
}

.horizontal-images.content ul
{
	clear:both;
}

.snap-scrolling-example .content
{
	height:96%;
	width:848px;
	float:left;
}

#contenerall
{
	width:1039px;
	margin:0 auto;
	height:85%;
}

#catname
{
	float:left;
	width:166px;
	height:54.5%;
	margin-top:189px;
	margin-right:5px;
}

#catname ul
{
	height:100%;
}

#catname ul li
{
	width:100%;
	height:31.33%;
	clear:both;
	margin:2% 0;
	border-radius:18px 0;
}

#catname ul li.cn
{
	background-color:#f3ce00;
}

#catname ul li.te
{
	background-color:#64c5e3;
}

#catname ul li.h
{
	background-color:#f5a630;
}

#catname ul li h3
{
	display:block;
	width:166px;
	height:100px;
	color:#fff;
	font-weight:700;
	font-size:56px;
	margin-top:0;
	text-align:center;
	position:absolute;
	z-index:0;
	text-shadow:3px 2px 7px #000;
}

#catname ul li p
{
	display:block;
	width:166px;
	height:100px;
	color:#fff;
	padding-top:60px;
	margin-top:0;
	font-weight:700;
	position:relative;
	z-index:1;
	font-size:14px;
}

#souscatname
{
	float:left;
	width:100px;
	height:54.5%;
	margin-top:189px;
}

#souscatname ul
{
	height:100%;
}

#souscatname ul li
{
	width:100%;
	height:56.5%;
	clear:both;
	margin:1% 0;
}

#souscatname ul li div
{
	width:100%;
	height:50%;
	color:#222;
	line-height:100px;
	font-size:14px;
}

#souscatname ul li.cn
{
	background-color:#fff9d6;
}

#souscatname ul li.te
{
	background-color:#64c5e3;
}

#souscatname ul li.h
{
	background-color:#f5a630;
}

#souscatname ul li h3
{
	display:block;
	width:166px;
	height:100px;
	color:#fff;
	font-weight:700;
	font-size:56px;
	margin-top:0;
	text-align:center;
	position:absolute;
	z-index:0;
	text-shadow:3px 2px 7px #000;
}

#souscatname ul li p
{
	display:block;
	width:166px;
	height:100px;
	color:#fff;
	padding-top:60px;
	margin-top:0;
	font-weight:700;
	position:relative;
	z-index:1;
	font-size:14px;
}

.vaci .snap-scrolling-example .content
{
	width:745px;
}

.vaci #contenerall
{
	height:100%;
}

.vaci #catname
{
	height:58.5%;
}

.vaci #catname ul li
{
	height:24.33%;
}

.vaci .content
{
	margin-left:0;
}

.vaci #catname ul li.cn
{
	height:52.33%;
	padding:55px 0;
}

.vaci .block span
{
	bottom:406px;
}

.vaci #cn ul
{
	height:50%;
}

.rae
{
	margin-left:82px;
}

.allai
{
	margin-left:330px;
}

.mar
{
	margin-left:168px;
}

.vace .snap-scrolling-example .content
{
	width:745px;
}

.vace #contenerall
{
	height:100%;
}

.vace #catname
{
	height:58.5%;
}

.vace #catname ul li
{
	height:24.33%;
}

.vace .content
{
	margin-left:0;
}

.vace #catname ul li.cn
{
	height:52.33%;
	padding:55px 0;
}

.vace .block span
{
	bottom:406px;
}


.vace #cn ul
{
	height:33.33%;
}

.vace #souscatname ul li div
{
	height:33.33%;
	line-height:66px;
}

.vace #cn .block p
{
	text-align:center;
	padding:26px 0;
	font-size:14px;
}

.vace .pav
{
	margin-left:84px;
}

.vace .allai
{
	margin-left:166px;
}

.vace .mar
{
	margin-left:164px;
}

.vace .deux span{
		margin-left: 60px;
	}


.vl .snap-scrolling-example .content
{
	height:113%;
	width:745px;
}

.vl #catname
{
	height:58.5%;
}

.vl #catname ul
{
	height:118%;
}

.vl #catname ul li
{
	height:24.33%;
}

.vl #souscatname ul li
{
	height:66.5%;
}

.vl #souscatname ul li div
{
	height:25%;
	line-height:50px;
}

.vl .content
{
	margin-left:0;
}

.vl #catname ul li.cn
{
	height:52.33%;
	padding:55px 0;
}

.vl #cn ul
{
	height:25%;
}


.vl .block span
{
	bottom:394px;
}

.vl #cn .block p
{
	padding:5px 0;
}

.vl #cn .block p.deuxlignes
{
	padding:18px 0;
}

.vl .pav
{
	margin-left:84px;
}

.vl .tar
{
	margin-left:498px;
}

.dtp{
	 margin-left: 30%;
}

.pp .dtp {
    margin-left: 12%;
}

.can .dtp {
    margin-left: 26%;
}

.can-pag .dtp,.dd .dtp {
    margin-left: 25%;
}

.brebis #cn,.brebis #te,.brebis #h, .brebis #ztexte {
    width: 2160px;
}



.prepa-agn{
	margin-left: 84px;
}

.agn{
    margin-left: 165px;
}

.prepa-lut{
    margin-left: 333px;
}

.ins{
    margin-left: 333px;
}

.chevre #cn,.chevre #te,.chevre #h, .chevre #ztexte {
    width: 1926px;
}

.prepa-repro{
	margin-left: 83px;
}

.pmise-bas{
	margin-left: 166px;
}

.mise-bas{
	margin-left: 328px;
}


.vignes .block span, .noyer .block span, .cereales .block span, .prairies .block span{
	bottom:220px;
	width:170px;
}



.vignes .block.trois span{
	margin-left: 0;
}

.block.deux span{
	margin-left: 0;
}

.troisquart.ve{
	background-color: #bad59f;
}

.troisquart.vef{
	background-color: #52ae32;
}

.block span p.p1{
	border-radius: 5px 0 0 0;

}

.block span p.vibio{
	border-radius: 0 0 5px 0;
	background-color: #a5c05f;
}

.block .troisquart p{
	padding:30px 0;
}

.block .unquart p
{
	padding:5px 0;
	font-size:16px;
}

.block .troisquart p.deuxlignes {
    padding: 23px 0;
}

.vignes .block span p, .noyer .block span p, .cereales .block span p, .prairies .block span p{
	width:100%;
	padding:5px;
}

#tphyto .block p, #therbi .block p{
	padding: 18px 0;
}

#tphyto .block.trois span, #therbi .block.trois span{
	margin-left:155px;
}

.vignes .snap-scrolling-example .content, .noyer .snap-scrolling-example .content, .cereales .snap-scrolling-example .content , .prairies .snap-scrolling-example .content  {
    height: 75%;
}

.vignes #contenerall, .noyer #contenerall, .cereales #contenerall, .prairies #contenerall  {
    width: 848px;
}

.noyer #ztexte,.noyer #tcarbo,.noyer #tphyto,.noyer #therbi{
	width: 1200px;
}

.tphyto p{
	background-color: #a1b98a;
}

.therbi p{
	background-color: #3a7e22;
}

.cereales #ztexte {
    width: 1660px;
    }

.prairies .block span {
    bottom: 139px;
}

.prairies .snap-scrolling-example .content {
    height: 57%;
}

.prairies .block.deux span {
    margin-left: 80px;
}

.prairies #ztexte, .prairies #tcarbo {
    width: 1000px;
}

/*FIN SERVICES*/

/*SOCIETE*/

#fondmenu-societe{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url('images/fondarbre.jpg');
	background-position:center -100px;
	background-repeat:no-repeat;
	background-color:#414d48;
}

#scrollcontent{
	position:absolute;
	top:0;
}

section {
    min-height: 650px;
    position: relative;
    width: 100% !important;
    min-width: 1000px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


section .carre{
	position:relative;
	z-index:1;
}

#scrollcontent .panel.soc .front .box1{
	background-image: url('images/societe/apropos-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.soc .back .box2{
	background-image: url('images/societe/apropos.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.metgrp  .front .box1{
	background-image: url('images/societe/metgrp-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.metgrp .back .box2{
	background-image: url('images/societe/metgrp.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.poleagri .front .box1{
	background-image: url('images/societe/poleagri-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.poleagri .back .box2{
	background-image: url('images/societe/poleagri.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.recru .front .box1{
	background-image: url('images/societe/recru-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.recru .back .box2{
	background-image: url('images/societe/recru.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.rd .front .box1{
	background-image: url('images/societe/rd-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.rd .back .box2{
	background-image: url('images/societe/rd.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.inter .front .box1{
	background-image: url('images/societe/inter-c.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .panel.inter .back .box2{
	background-image: url('images/societe/inter.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

#scrollcontent .fixe .box1{
	background-color: #fff;
}

#scrollcontent .fixe img{
	width: 100%;
	height:auto;
}


article{
	min-height:650px;
	position:relative;
	z-index:1;
	padding:60px;
}

#menusociete{
	height:1300px;
	top:0;
	float:left;
}

section article h3{
	font-size: 40px;
	color:#009cc9;
	text-shadow:1px 1px 1px #000;
	text-align:center;
	margin-bottom:20px;
}

article p{
	text-align: justify;
	color:#000;
	font-size:14px ;
	line-height:16px;

}

article h4{
	font-size: 16px;
	font-weight:bold;
    padding-left: 6px;
    text-align:left;
    color: #009cc9;
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
}

article span{ font-weight:bold;}

#histoire h4{
	color: #fff;
}

#menusociete #categories{
	margin-top:50px;
	float:right;
	width:48%;
	min-height:510px;
	height:617px;
	margin-right:0px;
	margin-left:55px;
}

#menusociete #categories p{
		text-align: center;
		text-shadow: 1px 1px 1px #000;
		font-size:16px;
}

#categories .h,#categories .cn,#categories .te{
	text-shadow:none;
	color:#222;
}

#societe,#metiergrp,#agriagro,#rd,#internationnal,#recru{
	background-color: #414d48;
}

#menusociete article{
	width:50%;
	height:100%;
	float:right;
	padding:60px 0 0 0; 
	background:transparent;
	margin-left: 20%;
}

#menusociete #histoire{
	padding:35px 60px;
}

#menusociete h3{
	color:#fff;
}

#societe article{
	width:50%;
	height:100%;
	background-image: url('images/societe/transparencetxt-75.png');
	float:right;
}

#metiergrp article .global_soluce{
    position: absolute;
    width: 21%;
    height: 21%;
    top: 8%;
    left: 92%;
}

#metiergrp article{
	width:50%;
	height:100%;
	background-image: url('images/societe/transparencetxt-75.png');
	float:left;
	padding:85px 60px;
}

#metiergrp article div {
    width: 45%;
    height: 100%;
    float: left;
    margin: 2.5%;
}

#metiergrp article div img{
	width:100%;
	height:auto;
}

#flechebord{
	float:right;
	position:absolute;
}

#metiergrp #flechebord img{
	margin-left:100px;
	height:100%;
}

#agriagro article{
	width:50%;
	height:100%;
	background-image: url('images/societe/transparencetxt-75.png');
	float:right;
	padding:35px 60px;
}

#agriagro #flechebord img{
	margin-right:100px;
	height:100%;
}

#rd article{
	width:50%;
	height:100%;
	background-image: url('images/societe/transparencetxt-75.png');
	float:left;
	padding: 85px 60px;
}
#rd #flechebord img{
	margin-left:100px;
	height:100%;
}

#internationnal article{
	width:50%;
	height:100%;
	background-image: url('images/societe/transparencetxt-75.png');
	float:right;
	padding: 100px 60px;
}
#internationnal #flechebord img{
	margin-right:100px;
	height:100%;
}

#internationnal article .filiale{
	width: 30%;
    margin: 25px 1.5%;
    height: 140px;
    float: left;
    background-color: #222;
    border-radius: 30px 0;
}

#internationnal article .turkey{
    padding: 15px 5px;
}

#internationnal article .swiss{
    padding: 30px 5px;
}

#internationnal article .maroc{
    padding: 35px 5px;
}

#internationnal article .filiale h4{
	text-align: center;
}

#internationnal article .filiale p{
	text-align:center;
	font-size:12px;
	color:#009cc9;
}

#recru article{
	width:50%;
	height:100%;
	background-image: url('images/societe/transparencetxt-75.png');
	float:left;
	padding: 150px 60px;
}
#recru #flechebord img{
	margin-left:100px;
	height:100%;
}

#recru p a{
	font-weight:bold;
	color:#009cc9;
}


.carre.global,.carre.chauveau,.carre.logocat{
	background-color: #fff;
}
section:nth-of-type(1){background:transparent;height:650px;box-shadow: 1px 1px 1px #000;}
section:nth-of-type(2){background:black;height:650px;}

#metiergrp>div:nth-of-type(1) {
    background: url(images/societe/img4.jpg) 50% 0 no-repeat fixed;

    margin: 0;
    height: 650px;
    position:absolute;
    width:100%;
    top:0;left:0;
}



#menusociete>div:nth-of-type(1){
    background:url(images/societe/img1.jpg) 50% 0 no-repeat fixed;
    background-size: 100%;
    margin: 0;
    height: 200%;
    position:absolute;
    top:0;
    left:0;
    width:100%;   
}



#agriagro>div:nth-of-type(1){
    background: url(images/societe/img10-3.jpg) 50% 0 no-repeat fixed;
    margin: 0;
    height: 100%;
    position:absolute;
    left:0;
    width:100%;   
}

#rd>div:nth-of-type(1){
    background: url(images/societe/img10.jpg) 50% 0 no-repeat fixed;
    margin: 0;
    height: 100%;
    position:absolute;
    left:0;
    width:100%;   
}

#internationnal>div:nth-of-type(1){
    background: url(images/societe/img5.jpg) 50% 0 no-repeat fixed;
    margin: 0;
    height: 100%;
    position:absolute;
    left:0;
    width:100%;   
}

#recru>div:nth-of-type(1){
    background: url(images/societe/img7-2.jpg) 50% 0 no-repeat fixed;
    margin: 0;
    height: 100%;
    position:absolute;
    left:0;
    width:100%;   
}
.parallax-item{position:absolute;z-index:-2;top:40px;left:400px;}

/*FIN SOCIETE*/

/*SOUS PAGE GRISE*/

#fondmenu-souspageg{
	position:absolute;
	width:100%;
	height:180px;
	background-image:url('images/fondarbre_bas.jpg');
	background-position:center bottom;
	background-repeat:no-repeat;
	background-color:#414d48;
	z-index:1;
}

#fondgris{
	width:100%;
	height:auto;
	min-height:100%;
	background-color:#414d48;
	padding-top:180px;
	position:absolute;
	z'index:-1;
}

#fondgris #main{
	width:100%;
	min-height:90%;
	height:auto;
}

#fondgris #footer{
	position:absolute;
	bottom:0;
}

#retour{
	width:55px;
	height:75px;
	/*margin: -276px  0 0 93%;*/
	bottom:0;
	right:45px;
	position:fixed;
	float:right;
	background-color:#009cc9;
	border-radius:17px 0 0 0;
	opacity: 0.5;
	z-index:2;
	    background-image: url(images/sprites.png);
    background-size: auto 67%;
    background-repeat: no-repeat;
    background-position: -96px top;
}

#retour:hover{
	background-color:#009cc9;
	opacity:1;
}

#retour img{
	width:90%;
	margin:5%;
}

#en-retour,#es-retour{
	width:55px;
	height:75px;
	/*margin: -276px  0 0 93%;*/
	bottom:0;
	right:45px;
	position:fixed;
	float:right;
	background-color:#009cc9;
	border-radius:17px 0 0 0;
	opacity: 0.5;
	z-index:2;
}

#en-retour:hover,#es-retour:hover{
	background-color:#009cc9;
	opacity:1;
}

#en-retour img,#es-retour img{
	width:90%;
	margin:5%;
}


/** ScrollToTop **/

#scrollToTop a{
	position: fixed;
	width:55px;
	height:55px;
	background-image:url('images/sprites.png') ;
	background-size:auto 100%;
	background-repeat:no-repeat;
	background-position:center center;
	bottom:0;
	right:115px;
	position:fixed;
	float:right;
	background-color:#009cc9;
	border-radius:17px 0 0 0;
	opacity: 0.5;
	z-index:3;
	}

#scrollToTop a:hover{
	background-color:#009cc9;
	opacity:1;
	text-decoration: none !important;
}



/*FIN SOUS PAGE GRISE*/

/*PRESTATIONS*/

#gammeservice{
	min-height: 90%;
	width:510px;
	height:520px;
	margin-left:auto;
	margin-right:auto;
	overflow: hidden;
	position:relative;
	margin-top:25px;
	z-index: 1;
}

.carre-presta{
	width:150px;
	height:150px;
	float:left;
	margin-right:30px;
	margin-bottom: 10px;
	background-color:#414d48;
	box-shadow: 3px 2px 7px #000;
	transition:0.5s;
}

.carre-presta.global{
	background-color: #009cc9;
}

#gammeservice .carre-presta p{
	display: block;
    width: 115px;
    height: 35px;
    float: left;
    margin: 0 0 0 0;
    padding: 2px 5px 0 5px;
    font-size: 10px;
    color: #fff;
    text-align: left;
}

.carre-presta h4{
	display: block;
    width: 100%;
    height: 25px;
    margin: 0;
    padding: 7px 0 0 5px;
    font-size: 12px;
    color: #fff;
    background-color: #009cc9;
}

.carre-presta .zoneimg{
	width:100%;
	height:90px;
	background-color: #fff;
	overflow: hidden;
}

#infoplus1,#infoplus2,#infoplus3,#infoplus4,#infoplus6,#infoplus7,#infoplus8,#infoplus9{
	display: block;
    width: 35px;
    height: 35px;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    font-size: 23px;
    color: #fff;
    background-color: #009cc9;
    border:none;
}

#infoplus1:hover,#infoplus2:hover,#infoplus3:hover,#infoplus4:hover,#infoplus6:hover,#infoplus7:hover,#infoplus8:hover,#infoplus9:hover{
	background-color: #fff;
}


.carre-presta #infoplus1 p,.carre-presta #infoplus2 p,.carre-presta #infoplus3 p,.carre-presta #infoplus4 p,.carre-presta #infoplus5 p,.carre-presta #infoplus6 p,.carre-presta #infoplus7 p,.carre-presta #infoplus8 p,.carre-presta #infoplus9 p{
	display: block;
	width:28px;
	height:35px;
	font-size:24px;
	text-align: center;
	font-weight:bold;
	color:#222;
}

.carre-presta{
	background-color: #222222;
}

#gammeservice strong{
	color:#009cc9;
}

.clicktosee{
	width:510px;
	height:470px;
	background-color:#009cc9;
}

#infomoins1,#infomoins2,#infomoins3,#infomoins4,#infomoins5,#infomoins6,#infomoins7,#infomoins8,#infomoins9{
	width: 100%;
    height: 35px;
    float: left;
    border: none;
    background-color: #009cc9;
    font-weight: bold;
    font-size: 15px;
}

.clicktosee .img-service{
	width: 100%;
    height: 35%;
    background-color: #fff;
}

.clicktosee .img-service img{
	height:100%;
	width:auto;
}

.clicktosee .nom-service{
	width: 100%;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
}

.clicktosee .texte-service{
	padding: 13px 17px 0 17px;
    width: 100%;
    height: 47%;
    background-color: #222;
    color: #fff;
    text-align: justify;
    font-size: 13px;
    line-height:18px;
}

#infomoins1 span,#infomoins2 span,#infomoins3 span,#infomoins4 span,#infomoins5 span,#infomoins6 span,#infomoins7 span,#infomoins8 span,#infomoins9 span{
	font-size:20px;
}

#infomoins1:hover,#infomoins2:hover,#infomoins3:hover,#infomoins4:hover,#infomoins5:hover,#infomoins6:hover,#infomoins7:hover,#infomoins8:hover,#infomoins9:hover{
	background-color: #fff;
}

/*FIN PRESTATIONS*/

/*FORMATION*/

#service{
	    min-height: 94%;
}

#info, #rejoigneznous{
	width:1101px;
	height:auto;
	margin:54px auto ;
	padding:60px;
	background-color:#fff;
	float:none;
	margin-bottom:0;
	min-height:400px;
}


#info h6, #rejoigneznous h6{
	font-size:35px;
	color:#414d48;
	font-weight:bold;
	text-align:center;
}

#rejoigneznous p{
    margin-top: 20px;
    text-align: left;
    line-height: 18px;
    font-size: 14px;
}

#info img, #rejoigneznous img{
    float: left;
    box-shadow: 0px 0px 8px #222;
}

#info .zdroite, #rejoigneznous .zdroite{
    vertical-align: top;
    padding-left: 50px;
    text-align: left;
}

#info .zdroite h6, #rejoigneznous .zdroite h6{
	text-align: left;
	margin-bottom:20px;
}


#info .zdroite p {
	font-size: 15px;
}

#info .zdroite p.postdate{
	font-size: 10px;
	margin-top:20px;
}

#info .explica span { 
  width:100%; /* largeur zone de texte */
  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:left; /* ... et l'alignement du texte */
}

#info .infosecond{
	width: 80%;
    height: auto;
    margin: 0 10% 0px 10%;
    font-size: 10px;
    clear: both;
}

#fondgris #main-post #article{
    min-height: 93%;
}

#rejoigneznous button, #recru article button {
    width: auto;
    padding: 10px;
    font-size: 16px;
    display: block;
    margin: 20px auto;
    background-color: #009cc9;
    border: 2px outset;
    border-radius: 6px;
    color: #fff;
    font-family: 'centurygt',sans-serif;
    font-weight: bold;
    box-shadow: 2px 2px 16px #ccc;
    cursor: pointer;
}


#rejoigneznous button:hover, #recru article button:hover {
	border: 2px inset;
	background-color: #222;
	}

/*FIN FORMATION*/

/*BRUMISATION*/

#brumi{

	    width: 68%;
    margin: auto;
    height:91%;

}

#brumi .top{
	margin-top: 25px;
    background-color: #009cc9;
    padding: 10px 0;
    border-radius: 30px 0 0 0;
}

#brumi .top h6{
	font-size: 35px;
    color: #222;
    font-weight: 700;
    text-align: center;
}

#brumi .top h4{
	color: #222;
    font-size: 20px;
    margin: 10px 0 0 0;
    font-weight: bold;
    padding-top: 0;
}

#info-brum{
	    margin-top: 50px;
	    height: 460px;
}

#info-brum .zonegauche{
	width: 45%;
    height: 460px;
    margin-right:2.5%;
    float: left;
    background-color: #009cc9;

    
}

#info-brum .zonegauche p{
	line-height:200px;
}

#info-brum .zonegauche img{
    max-width:100%;
    max-height:100%;
    width:100%;
    height:auto;
    vertical-align: middle;
}

#info-brum .zonedroite{
	width: 52%;
    height: 460px;
    float: left;
    padding: 20px 29px;
    background-color: #fff;
    border-radius: 0 0 30px 0;
}

#info-brum .zonedroite .explica{
	overflow: auto;
    width: 95%;
    height: 100%;
    margin: auto;
    padding: 0 30px 0 0;
}

#info-brum .zonedroite .explica div{
	text-align: left;
    font-size: 14px;
    line-height: 18px;

}

#info-brum .zonedroite .explica div .intertitre{
	font-weight: bold;
    color: #009cc9;
    font-size: 20px;
    line-height: 40px;
}

#info-brum .zonedroite .explica div .petit{
	font-weight: initial;
	font-size: 11px;
}

#brumi .produit-brum{
	width:920px;
	margin:auto;
}

#brumi .produit-brum button{
	font-size: 35px;
    color: #222;
    font-weight: 700;
    text-align: center;
    line-height: 80px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 890px;
    background-color: #009cc9;
    border-radius:  0 0 30px 0;
    border: none;
}

#brumi .produit-brum .carre{
    width: 200px;
    height: 200px;
     margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    background-color: #414d48;
    overflow: hidden;
    transition: .5s;
    box-shadow: 3px 2px 7px #000;
    border: none;
}

#brumi .produit-brum .carre .zoneimg{
	width: 200px;
    height: 125px;
    float: right;
    background-color: #fff;
    overflow: hidden;
}

	#brumi .produit-brum .carre .resum{
    width: 200px;
    height: 75px;
    float: left;
   }

   #brumi .produit-brum .carre .resum h4{
   	font-size: 16px;
    font-weight: 700;
    margin: 0;
    display: block;
    width: 100%;
    height: 25px;
    padding: 4px;
    color: #222;
    text-align: left;
    text-transform: uppercase;
        background-color: #64c5e3;
   }

    #brumi .produit-brum .carre .resum p{
	display: block;
    font-size: 10px;
    text-align: left;
    float: left;
    color: #fff;
    padding: 5px;
    margin: 0;
    width: 150px;
    height: 50px;

    }

  #brumi .produit-brum .carre .resum .infoplus{
    width: 50px;
    height: 50px;
    background-image: url(images/sprites.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center;
    background-color: #222;
    color: #fff;
    padding: 4px;
    float: right;
 }

 #avantage-brum div{
 	width: 14.5%;
    margin: 25px 1%;
    float: left;
    height: 250px;
    background-color: #fff;
    line-height:237px;
 }
 #avantage-brum div img{
	width: 75%;
    height: auto;
    margin:auto;
}

 #avantage-brum div p{
   text-align: center;
    font-size: 12px;
    font-weight: bold;
    
}

 #avantage-brum div span{
 	vertical-align:middle;
	display:inline-block;
	line-height:1.2; /* on rétablit le line-height */
 }

 #avantage-brum div p strong.intertitre{
 	text-align: center;
    color: #009cc9;
    font-size: 18px;
    padding:0;
 }

#avantage-brum div span.fantome{
    display: none;
}

#avantage-brum div span.fantome p{
    line-height: normal;
    color: #222;
    padding:10px;

}

/*FIN BRUMISATION*/

/*SAV*/

#services #info {
    width: 90%;
    height: 555px;
    margin: 54px 67px;
    padding: 10px;
    background-color: #414d48;
    float: left;
    margin-bottom:35px;
    position: relative;
    z-index: 1;
}

#services #info.spe_sav{
	height: auto;
}

#services #info.spe_sav table {
    border-collapse: separate;
    border-spacing: 41px;
    background-color: white;
    margin-bottom: 25px;
}

#info.spe_sav .zdroite{
	padding-left:0;
}

#services #info .zonedroite {
    float: left;
    width: 64.6%;
    margin-left: 4%;
    height: 340px;
    padding-top: 15px;
    border-radius: 0px 0 30px 0;
    background-color: #fff;
    margin-bottom: 40px;
}

#services #info .zonegauche {
    float: left;
    width: 31.3%;
    height: 340px;
    border-radius: 30px 0 0px 0;
    background-color: #fff;
    border: 8px solid #fff;
    overflow: hidden;
    }

.openinfo a p{
	font-size:10px;
	color:#009cc9;
	text-align:center;
	display:block;
	width:50px;
	height:30px;
	float:right;
}

#services .openinfo a p{
	font-size: 16px;
    color: #222222;
    text-align: left;
    display: block;
    width: 50%;
    height: 100%;
    float: left;
}

#services .contact_sav a p{
	font-size:10px;
}

#services td a img{
	    float: left;
    height: 50px;
}

#main.sav #footer-scrollpage{
	position:relative;
}

/*--Partie client---*/

.openinfo{
	width: 90%;
    margin: 0 auto;
	padding:0% 5% 0% 5%;
	position: relative;
	z-index: 1;
}



/*effet liste*/

.infocomplement{
	height:auto;
	padding-bottom:20px;
}

.toggleinfo {
  margin: 20px 0 0 0;
  padding: 0;
  list-style: none;
  background: #000;
  color: #414d48;
  width: 100%;
  font: 1.2em "centurygt", sans-serif;
}
.toggleinfo a, .toggleinfo span {
  display: block;
  padding: 4px 10px 4px 10px;
  color: #fff;
  font-size:16px;
  font-family:'centurygt',sans-serif;
  font-weight:bold;
  line-height:38px;
  text-align:center;
  text-decoration: none;
  background-color: #009cc9;
  height:50px;
}


.toggleinfo .toggleSubMenu a, .toggleinfo .toggleSubMenu span {
  background-image: url(<?php bloginfo('template_directory'); ?>/images/fleche_toggle.png);
  background-repeat:no-repeat;
  background-position:center center;
}
.toggleinfo .open a, .toggleinfo .open span {
  background-image: url(<?php bloginfo('template_directory'); ?>/images/fleche_toggle2.png);
}
.toggleinfo a:hover, .toggleinfo a:focus, .toggleinfo a:active {
  text-decoration: none;
  color:#414d48;
  background-image: url(<?php bloginfo('template_directory'); ?>/images/fleche_toggle_hover.png);
  background-repeat:no-repeat;
  background-position:center center;
	
}

.toggleinfo a:hover{
  color:#414d48;	
}

.toggleinfo .subMenu {
  background-color: #fff;
  font-size: 12px;
  margin: 0;
  padding: 10px;
}


.toggleinfo ul.subMenu a {
  background: none;
  padding: 3px 20px;
}

.toggleSubMenu{
	width:98.5%;
	float:left;
	margin-bottom:25px;
}

#services .openinfo li{
	color:#222;
	background-color:#fff;
	height:auto;
	width:100%;
}

#services .openinfo li table{
	width:100%;
	height:auto;
	margin-bottom: 10px;
}

#services .openinfo li thead{
	width:100%;
	height:auto;
}

#services .openinfo li tr{
	width:100%;
}

#services .openinfo li table th{
	width:25%;
	border:2px solid #222;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
}

#services .openinfo li table td{
	width:25%;
	border:2px solid #222;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
}

#services .openinfo .toggleinfo td a{
	color:#222;
	font-size: 16px;
    font-weight: normal;
}

#services.spe_sav{
	margin-top:16px;
}

#services .contact_sav{
	width:100%;
	height:155px;
	clear:both;
	text-align:left;
}

#services .contact_sav p{
	display: block;
	width:80%;
	float:left;
	padding:2%;
	background-color: #009cc9;
	margin-right:5%;
	height:100%;
	line-height: 19px;
	border-radius: 30px 0 0px 0;
	color:#fff;
}

#services .openinfo .toggleinfo td #video_sav{
    line-height: 43px;
    color: #009cc9;
}

#services .openinfo .toggleinfo td #video_sav:hover{
    color: #222;
}


#services .en p{
	width:100%;
}

#services .contact_sav img{
	clear:both;
	width: 37%;
    margin-left: 31.5%;
    margin-right: 31.5%;
    margin-top:12px;
}

#services .contact_sav a p{
	clear:both;
	background-color: #222;
	height:auto;
	text-align:center;
	width:100%;
}

#services .contact_sav a{
	display: block;
	color:#fff;
	width:15%;
	float:right;
	padding:1%;
	background-color: #222;
	height:100%;
	border-radius: 0px 0 30px 0;
}

.toggleSubMenu a{
	color:#222;
}

.contact_sav strong{
	color:#222;
}

/*--Fin Partie client---*/

/*FIN SAV*/

/*MANUEL*/

#galery{
	min-height: 88%;
    width: 90%;
    margin: auto;
    padding-top:25px;
}

#center{text-align: center;}

#item{
	width: 300px;
    height: auto;
    margin: auto;
    padding: 20px;
    display: inline-block;
    vertical-align: middle;

	overflow: hidden;
}
#item a div img{
	width: 100%;
}

#item a div{
	padding:2px;
	overflow: hidden;
}
#item a div:hover{
	border:2px solid #fff;
	padding:0px;
	overflow: hidden;
	background-color: #fff;
}

#item a{
	color:#222;
}

#item a:hover{
	color:#fff;
}

#item h6{
	display: block;
    width: 100%;
    height: auto;
    line-height: normal;
    background-color: #009cc9;
    font-weight: bold;
    padding: 5px;
    box-shadow: 0px 2px 5px #222;
    z-index:2;
    position: relative;
}

#tutoriel-menu{
	font-size: 35px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin: 30px 0 15px;
}

#title_tuto{
	font-size: 25px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 15px 0;
}

/*MANUEL*/

/*CONTACT*/

.logo-center{
	width:15%;
	height:170%;
	float:left;
	position:absolute;
}

.logo-center img{
	width:100px;
	height:100px;
	left:10px;
}


#fondmenu-contact{
	width:100%;
	height:auto;
}

#fondmenu-contact #main{
	width:100%;
	height:auto;
}

#fondmenu-contact #scrollcontent{
	width:100%;
	height:auto;
}

#fondmenu-contact #scrollcontent #section1{
	width:100%;
	height:300%;
	min-width:100%;
}

#section1>div:nth-of-type(1) {
    background: url(images/societe/img1.jpg) 50% 0 no-repeat fixed;
    margin: 0;
    height: 100%;
    position:absolute;
    width:100%;
    top:0;left:0;
    background-size: 100%;
}

#fondmenu-contact #scrollcontent #section1 article{
	width:85%;
	height:33.3%;
	padding:0;
	float:right;
	    margin-bottom: 15px;
}


#fondmenu-contact #scrollcontent #section1 #categories p {
	width: 80%;
    float: left;
    display: block;
    text-align: center;
    color: #fff;
    font-size:16px;
    padding-top:25px;
    margin-left:10%;
    margin-right:10%;
	margin-bottom:20px;
}

#fondmenu-contact #scrollcontent #section1 #categories .fonction p{
	padding-top: 0;
    line-height: 50px;
    color: #000;
    font-weight: bold;
    border-radius: 0;
    text-align: center;
}

#fondmenu-contact #scrollcontent #section1 #categories .fonction {
    width: 60%;
    height: 50px;
    background-color: #414d48;
    clear: both;
    
    transition: 0.5s;
    box-shadow: 3px 2px 7px #000;
}

#fondmenu-contact #scrollcontent #section1 #categories .form {
    background-color: #BF2529;
}

#fondmenu-contact #scrollcontent #section1 #categories .call {
    background-color: #f5a630;
}

#fondmenu-contact #scrollcontent #section1 article #bandeauinfo{
	width:15%;
	height:100%;
	left:0;
	background:url('images/fondtransp.png');
	
	position:fixed;
	padding-top:10%;
	z-index:1;
}

#fondmenu-contact #scrollcontent #section1 article #bandeauinfo div p{
	color:#fff;
	text-align:center;
}

#fondmenu-contact #scrollcontent #section1 article #bandeauinfo iframe{
	    margin-top: 30px;
}

#section1 #categories{
	width:43%;
	height:auto;
	float:right;
	margin-right:132px;
	margin-top:160px;
}

#categories .fonction{
	width:85%;
	height:50px;
	background-color: #414d48;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	margin-top:90px;
	transition:0.5s;
	box-shadow: 3px 2px 7px #000;
}

#contact #categories p{
	border-radius:0px;
}

#contact #section1 .fonction p{
	padding-top:0;
	line-height:50px;
	color:#000;
	font-weight:bold;
	border-radius:0;
}

#categories .form{
	background-color: #BF2529;
}

#categories .call{
	background-color: #f5a630;
}

#categories .fonction:hover{
	color:#414d48;
	border-radius:30px 0 30px 0;
	transition:0.5s;
}
#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite{
	width: 55%;
    height: auto;
    float: right;
    padding-right: 5%;
    padding-top: 5%;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp{
	background-image: url('images/contact/transparencetxt_red.png');
    width: auto;
    height: auto;
    padding: 10px 20px;
    border-radius: 30px 0 30px 0;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp p{
	margin-bottom:15px;
	color:#fff;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form{
	width:100%;
	height: 470px;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div p{
	display:block;
	width:50%;
	height:30px;
	float:left;
	margin-bottom:5px;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div p label{
	display:block;
	width: 30%;
	height:100%;
	float:left;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div p input{
	display:block;
	width: 55%;
	height:20px;
	float:left;
	border-radius:3px;
	border:none;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .textarea{
	display:block;
	width:100%;
	height:200px;
	float:left;

}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .textarea label {
    width: 15%;
    float: left;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .textarea textarea{
	display: block;
    width: 77%;
    height: 200px;
    float: left;
    border-radius:3px;
	border:none;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .inline{
   	margin-left:15%;
    width: 78%;
    float: left;
    height: auto;
    margin-top: 10px;
    margin-bottom:0;
}
#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .inline input, #fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .inline label{
   	width:auto;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .screenReader{
	width: 100%;
    float: left;
    opacity:0;
    height:0;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .screenReader label{
	padding:0;
	height:0;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .screenReader input{
	width:25%;
	padding:0;
	height:0;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .buttons{
	width: 100%;
    float: left;
    height: auto;
    padding-left:15%;
    padding-right: 7%;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .buttons button {
	width:100px;
	height:30px;
	background-color: #222222;
    color: #fff;
    border:none;
    border-radius:3px;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .g-recaptcha {
    float: left;
    height: auto;
    padding-left: 15%;
    padding-right: 7%;
}

#fondmenu-contact #footer-scrollpage{
	width:85%;
	right:0;
	background-color: transparent;
}

#fondmenu-contact #footer-scrollpage div{
	background-color: transparent;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp{
	background-image: url('images/contact/transparencetxt_orange.png');
    width: auto;
    height: auto;
    padding: 10px 20px;
    border-radius: 30px 0 30px 0;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite{
	width: 45%;
    height: auto;
    float: right;
    padding-right: 10%;
    padding-top: 15%;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite p{
	margin-bottom:15px;
	color:#fff;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form{
	width:100%;
	height: 230px;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div p{
	display:block;
	width:100%;
	height:30px;
	float:left;
	margin-bottom:5px;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div p label{
	display:block;
	width: 30%;
	height:100%;
	float:left;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div p input{
	display:block;
	width: 55%;
	height:20px;
	float:left;
	border-radius:3px;
	border:none;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div .screenReader{
	width: 100%;
    float: left;
    opacity:0;
    height:0;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div .screenReader label{
	padding:0;
	height:0;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div .screenReader input{
	width:55%;
	margin-left: 30%;
	padding:0;
	height:0;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div .buttons{
	width: 100%;
    float: left;
    height: auto;
    padding-left:30%;
    padding-right: 7%;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div .buttons button {
	width:100px;
	height:30px;
	background-color: #222222;
    color: #fff;
    border:none;
    border-radius:3px;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div .g-recaptcha {
    float: left;
    height: auto;
    padding-left: 30%;
    padding-right: 7%;
}

#message_alert{
	width: 100%;
    height: 100%;
    position: fixed;
	background: url('images/fondtransp.png');
    top: 0;
    left: 0;
    z-index: 4;
    padding-top:20%;
}

#message_alert p{
	margin-bottom: 15px;
    color: #fff;
    text-align: center;
}

#message_alert button{
	margin-left: 10px;
    width: 25px;
    height: 25px;
    border-radius: 12.5px;
    border:none;
    background-color:#009cc9;
    color:#fff;
}

#fondmenu-contact #scrollcontent #section1 article .zonedroite .fondtransp .success p{
	color:#60F673;
	font-weight:bold;
	font-size:14px;
}

#fondmenu-contact #scrollcontent #section1 article .zonedroite .fondtransp .error p{
	color:#FF6565;
	font-weight:bold;
	font-size:14px;

}

#fondmenu-contact #scrollcontent #section1 article .zonedroite .fondtransp label .error{
	clear:both;
	width: 100%;
    display: block;
	color:#222;
	font-weight:bold;
	font-size:8px;
}


/*FIN CONTACT*/

/*ACTU*/

#contentarticle{
	width:47%;
	height:510px;
	float:right;
	margin-top:100px;
}

#contentarticle #categories{
	width:100%;
	margin-right:0;
	margin-top:0;
}


#contentarticle #column1{
	width:150px;
	height:auto;
	float:left;
	color:none;
	    margin-right: 30px;
}

#contentarticle #column2{
	width:330px;
	height:auto;
	float:left;
	color:none;
}

#contentarticle #column2 #pluginfb{
	width:330px;
	height:470px;
}

/*MODIF FLIP EFFECT*/

#contentarticle .panel{
	width:150px;
	height:150px;
	transition:0.5s;
}

#contentarticle .panel img{
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	margin-left:-70px;
	transition:0.5s;
}
 
#contentarticle #column1 .panel .box2{
	background-color:#222;
}

#contentarticle #column1 .panel p {
    width: 100%;
    height: auto;
    padding-top: 0;
    line-height: 108px;
}

.titre-column{
    width: auto;
    height: 40px;
    background-color: #222;
    padding: 5px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;

}



#contentarticle .panel p{
	width:100%;
	height:auto;
	padding-top:0;
	line-height:150px;
}



#contentarticle .panel{
	position:relative;
	z-index:0;
}

#article #info .zonegauche{
	border:none;
}

#article #info a{
	font-weight: bold;
	color:#009cc9;
}

#article #info .explica{
	overflow: auto;
}

#info.photo .zonedroite{
	height:auto;
	    padding-bottom: 20px;
}

#article #info.photo .explica{
	overflow: initial;
	    height: auto;
}

#article #info.photo .explica img{
    width: 100%;
    height: auto;
}

#info.photo{
    height: auto;
}

.legende{
	    color: #009cc9;
    font-weight: bold;
}

#video_actu{
	width: 100%;
    height: 100%;
    background: #222;
}

/*FIN ACTU*/

/*ARTICLE ACTU*/

#fondgris #main-post{
	width:100%;
	min-height:61%;
	    height: 93%;

}

#main-post #info .zonegauche{
	background-color: #fff;
}

#info .title .postdate{
	color: #009cc9;
    font-size: 10px;
   	text-align:left;
}

#fondgris #main-post p{
	text-align:left;
}

#fondgris #main-maintenance{
	width:100%;
	min-height:61%;
	height:66%;

}

#fondgris #main-maintenance p{
	text-align:center;
}

#info .title{
	width:80%;
	height:auto;
	margin:0 10% 20px 10%;
	font-size:16px;
	clear:both;

}

#info .title h6{
	text-align:left;
}

/*FIN ARTICLE ACTU*/

/*404*/
.page404 ul #contentarticle {
    width: 549px;
    height: auto;
    float: none;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.page404 h1{
    font-size: 25px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    margin: 30px 0 15px 0;
}

.page404 .contentlost{
	    display: block;
    width: 80%;
    margin: auto;
    color: #ffffff;
    clear: both;
    font-size: 17px;
    margin-bottom: 10px;
}

.page404 h2{
    font-size: 25px;
    color: #00a0e0;
    font-weight: 700;
    text-align: center;
    margin: 30px 0 15px 0;
}

/*FIN 404*/

/*PRODUIT PAR CATEGORIES*/

#infoproduit{
	width: 100%;
    height: auto;
    color: #009cc9;
    background-color: #222;
    font-size: 12px;
    text-align: center;
    padding: 10px 0 10px 0;
    clear: both;
}

#infoproduit p {
    display: block;
    width: 80%;
    margin: auto;
    height: auto;
}

#infoproduit p button{
	margin-top: 10px;
    width: auto;
    height: auto;
    background-color: #009cc9;
    border: none;
    padding: 5px;
    color: #222;
    }

   #infoproduit p button:hover{
   	background-color: #fff;
   } 

#message_alert.info_cth{
	width: 100%;
    background: transparent;
    height: 65px;
    margin-top: 180px;
    padding: 0;
	
}

#message_alert.info_cth div{
	width:100%;
	background-color:#009cc9;
	height:100%;
	box-shadow :3px 3px 13px #222;
}


#message_alert.info_cth p{
	display: block;
	width: 100%;
    max-width: 526px;
	margin:0 auto;
	
	padding:15px;
}

#message_alert.info_cth p span{
	float:left;
	color:#222;
	display: block;
	margin:0;
}

#message_alert.info_cth p span button{
	margin: 5px;
	float:left;
	background-color: #222;
}


#contener-produit{
	width: 660px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

#contener-produit #onebar{
	width:660px;
	height:200px;
	margin-bottom: 35px;
}


#contener-produit #onebar .carre{
	width: 220px;
	height:200px;
    margin-right: 0;

}

#contener-produit #onebar .carre{
	border-radius:0px;
}

#contener-produit #onebar .entermenu p{
	display: block;
    width: 220px;
    height: 200px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 165px;
    margin-top: 0px;
    float: left;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    font-size: 25px;
}

#contener-produit #onebar .howchoose{
	background-color: #009cc9;
}

#contener-produit #onebar .howchoose p{
	color: #fff;
    font-size: 20px;
    margin: 65px 0 10px 0;
    padding-top:0;
    display:block;
    width:220px;
    height:200px;

}

#contener-produit #onebar .searchprod{
	background-color: #222222;
}

#contener-produit #onebar .searchprod h3{
	display: block;
    width: 220px;
    height: auto;
    font-weight:bold;
    color: #fff;
    font-size: 20px;
    margin-top: 50px;
    margin-bottom: 10px;
    text-align: center;
    z-index: 0;
    text-shadow: none;
}

#contener-produit #twobar{
	width:660px;
	height:250px; 
	margin-bottom: 10px;

}

#contener-produit #twobar .carre{
	width: 200px;
    height: 200px;
    margin-right: 30px;

    float: left;
    background-color: #414d48;
    overflow: hidden;
    transition: 0.5s;
    box-shadow: 3px 2px 7px #000;
    border: none;
}
#contener-produit #twobar .carre:hover{
	border-radius: 0px;
}

#contener-produit #twobar .carre.cn{
    background-color: #f3ce00;
    color:#222;
}

#contener-produit #twobar .carre.cn:hover{
    background-color: #222;
    border-radius: 30px 0;
    color:#f3ce00;
}

#contener-produit #twobar .carre.te{
    background-color: #64c5e3;
    color:#222;
}

#contener-produit #twobar .carre.te:hover{
    background-color: #222;
    border-radius: 30px 0;
    color:#64c5e3;
}

#contener-produit #twobar .carre.h{
    background-color: #f5a630;
    color:#222;
}

#contener-produit #twobar .carre.h:hover{
    background-color: #222;
    border-radius: 30px 0;
    color:#f5a630;
}

#contener-produit #twobar .carre h3{
    display: block;
    width: 188px;
    height: 133px;
    font-family:'centurygt',sans-serif; 
    font-weight:bold;
    color: #fff;
    font-size: 130px;
    margin: 0;
    text-align: center;
    text-shadow: 3px 2px 7px #000;
    margin-top: -12px;
}

#contener-produit #twobar .carre p{
	display: block;
    width: 200px;
    height: 150px;
    font-family:'centurygt',sans-serif;
    padding-top: 20px;
    margin-top: 0px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    font-size:16px;
}



#contener-produit-cat #sousfamille5 .h{
	float:left;
}

#fondgris.produit-espece #main{
		margin-bottom:0;
		position: relative;
		z-index:1;
	}

#fondgris.produit-espece #contener-produit #twobar{
		margin-bottom:0;
		position: relative;
		z-index: 2;
	}

#onebar .carre.bovin{
	background-image: url('images/produits/bovins_220x200.jpg');
	background-position: center;
	background-repeat:no-repeat;
}

#onebar .carre.ovin{
	background-image: url('images/produits/ovins_220x200.jpg');
	background-position: center;
	background-repeat:no-repeat;
}

#onebar .carre.caprin{
	background-image: url('images/produits/caprins_220x200.jpg');
	background-position: center;
	background-repeat:no-repeat;
}

#onebar .carre.porc{
	background-image: url('images/produits/porcs_220x200.jpg');
	background-position: center;
	background-repeat:no-repeat;
}

#onebar .carre.volaille{
	background-image: url('images/produits/volailles_220x200.jpg');
	background-position: center;
	background-repeat:no-repeat;
}

#onebar .carre.carbo{
	background-image: url('images/produits/carbo_220x200.jpg');
	background-position: center;
	background-repeat:no-repeat;
}

#onebar .carre.canard{
	background-image: url('images/produits/canard_220x200.jpg');
	background-position: center;
	background-repeat:no-repeat;
}

#onebar .carre.cheval{
	background-image: url('images/produits/cheval_220x200.jpg');
	background-position: center;
	background-repeat:no-repeat;
}


/*FIN DES PRODUITS PAR CATEGORIES*/

/*OWL CAROUSSEL*/


.customNavigation{
  text-align: center;
}
//use styles below to disable ugly selection
.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#owl-demo,#owl-demo1,#owl-demo2,#owl-demo3,#owl-demo4,#owl-demo5,#owl-demo6
,#owl-demo7,#owl-demo8,#owl-demo9,#owl-demo10,#owl-demo11,#owl-demo12,#owl-demo13
,#owl-demo14,#owl-demo15,#owl-demo16,#owl-demo17,#owl-demo18,#owl-demo19,#owl-demo20
,#owl-demo21,#owl-demo22,#owl-demo23,#owl-demo24,#owl-demo25,#owl-demo26,#owl-demo27,#owl-demo28,#owl-demo29,#owl-demo30,#owl-demo31{
	width:430px;
	height:250px;
	overflow:hidden;
	float:left;
	margin-bottom:15px;
	margin-top:50px;
	padding-left:10px;
	display:block;
}



.customNavigation{
  text-align: center;
}

.customNavigation a{
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-prev{
    position: absolute;
    left: -80px;
    top: 75px;
    height: 50px;
    width: 50px;
}

.owl-next{
    position: absolute;
    right: -60px;
    top: 75px;
    height: 50px;
    width: 50px;
        
}
.owl-theme .owl-controls .owl-buttons div{
font-size: 44px;
    color: #222;
}

.all .owl-prev{
    position: relative;
    left: auto;
    top: auto;
   height: 25px;
    width: 25px;
    float:left;
}

.all .owl-next{
    position: relative;
    right: auto;
    top: auto;
    height: 25px;
    width: 25px;
    float:right;
        
}
.all .owl-theme .owl-controls .owl-buttons div{
font-size: 22px;
    color: #222;
    padding: 1px 0;
	text-align: center;
}

.all .owl-theme .owl-controls .owl-buttons{
        width: 100%;
    height: 31px;
    margin-top: -31px;
}


/*FIN OWL CAROUSSEL*/

/*STYLE SOUS CATEGORIES*/

#contener-produit .sousfamille {
    width: 230px;
    height: 245px;
    margin: 0;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 50px;
    float: left;
}

#contener-produit .sousfamille p{
	font-size: 30px;
    height: 245px;
    line-height: 230px;
    font-weight:bold;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 1px #000;
    opacity: 0.75;
}

#contener-produit .sousfamille p span{
	width: 200px;
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
    text-align: center;
}

#contener-produit .cn{
	background-color: #f3ce00;
}

#contener-produit .te{
	background-color: #64c5e3;
}

#contener-produit .h{
	background-color: #f5a630;
}

/*MINIATURE PRODUIT*/


#contener-produit #complementsnutritionnels #owl-demo .carre,#contener-produit #complementsnutritionnels #owl-demo2 .carre,#contener-produit #complementsnutritionnels #owl-demo3 .carre,#contener-produit #complementsnutritionnels #owl-demo4 .carre,#contener-produit #complementsnutritionnels #owl-demo5 .carre,#contener-produit #complementsnutritionnels #owl-demo6 .carre,#contener-produit #complementsnutritionnels #owl-demo7 .carre,#contener-produit #complementsnutritionnels #owl-demo8 .carre,#contener-produit #complementsnutritionnels #owl-demo9 .carre,#contener-produit #complementsnutritionnels #owl-demo10 .carre,#contener-produit #traitementeau #owl-demo11 .carre,#contener-produit #traitementeau #owl-demo12 .carre,#contener-produit #traitementeau #owl-demo13 .carre,#contener-produit #traitementeau #owl-demo14 .carre,#contener-produit #traitementeau #owl-demo15 .carre,#contener-produit #traitementeau #owl-demo31 .carre,#contener-produit #traitementeau #owl-demo16 .carre,#contener-produit #hygiene #owl-demo17 .carre,#contener-produit #hygiene #owl-demo18 .carre,#contener-produit #hygiene #owl-demo19 .carre,#contener-produit #hygiene #owl-demo20 .carre,#contener-produit #hygiene #owl-demo21 .carre,#contener-produit #hygiene #owl-demo22 .carre,#contener-produit #hygiene #owl-demo23 .carre,#contener-produit #hygiene #owl-demo24 .carre,#contener-produit #hygiene #owl-demo25 .carre,#contener-produit #hygiene #owl-demo26 .carre,#contener-produit #hygiene #owl-demo27 .carre,#contener-produit #hygiene #owl-demo28 .carre,#contener-produit #hygiene #owl-demo29 .carre,#contener-produit #hygiene #owl-demo30 .carre{
	width: 200px;
    height: 200px;
    margin-right: 30px;
    margin-bottom: 10px;
    float: left;
    background-color: #414d48;
    overflow: hidden;
    transition: 0.5s;
    box-shadow: 3px 2px 7px #000;
    border: none;
}

#contener-produit #complementsnutritionnels #owl-demo .carre:hover,#contener-produit #complementsnutritionnels #owl-demo2 .carre:hover,#contener-produit #complementsnutritionnels #owl-demo3 .carre:hover,#contener-produit #complementsnutritionnels #owl-demo4 .carre:hover,#contener-produit #complementsnutritionnels #owl-demo5 .carre:hover,#contener-produit #complementsnutritionnels #owl-demo6 .carre:hover,#contener-produit #complementsnutritionnels #owl-demo7 .carre:hover,#contener-produit #complementsnutritionnels #owl-demo8 .carre:hover,#contener-produit #complementsnutritionnels #owl-demo9 .carre:hover,#contener-produit #complementsnutritionnels #owl-demo10 .carre:hover,#contener-produit #traitementeau #owl-demo11 .carre:hover,#contener-produit #traitementeau #owl-demo12 .carre:hover,#contener-produit #traitementeau #owl-demo13 .carre:hover,#contener-produit #traitementeau #owl-demo14 .carre:hover,#contener-produit #traitementeau #owl-demo15 .carre:hover,#contener-produit #traitementeau #owl-demo15 .carre:hover,#contener-produit #traitementeau #owl-demo31 .carre:hover,#contener-produit #traitementeau #owl-demo16 .carre:hover,#contener-produit #hygiene #owl-demo17 .carre:hover,#contener-produit #hygiene #owl-demo18 .carre:hover,#contener-produit #hygiene #owl-demo19 .carre:hover,#contener-produit #hygiene #owl-demo20 .carre:hover,#contener-produit #hygiene #owl-demo21 .carre:hover,#contener-produit #hygiene #owl-demo22 .carre:hover,#contener-produit #hygiene #owl-demo23 .carre:hover,#contener-produit #hygiene #owl-demo24 .carre:hover,#contener-produit #hygiene #owl-demo25 .carre:hover,#contener-produit #hygiene #owl-demo26 .carre:hover,#contener-produit #hygiene #owl-demo27 .carre:hover,#contener-produit #hygiene #owl-demo28 .carre:hover,#contener-produit #hygiene #owl-demo29 .carre:hover,#contener-produit #hygiene #owl-demo30 .carre:hover{
	border-radius:0px;
}

#contener-produit .carre .zoneimg{
	width: 200px;
    height: 125px;
    float: right;
    background-color: #fff;
    overflow: hidden;
}

#contener-produit .carre .resum{
	width: 200px;
    height: 75px;
    float: left;
}

#contener-produit .carre .cnfonce{
	background-color: #9a8301;
}

#contener-produit .carre .tefonce{
	background-color: #0e6b7b;
}

#contener-produit .carre .hfonce{
	background-color: #91631f;
}
#contener-produit .carre h4{

    font-size: 16px;
    font-weight:bold;
    margin: 0;
    display: block;
    width: 100%;
    height: 25px;
    padding: 4px;
    color:#222;
    text-align:left;
    text-transform: uppercase;
}

#contener-produit-cat .filterbar .all .carre .resumgrand,#contener-produit .filterbar .all .carre .resumgrand,  .propo .carre .resumgrand{
    height: 90px;
}

#contener-produit-cat  .filterbar .all .carre .imggrand,#contener-produit  .filterbar .all .carre .imggrand, .propo .carre .imggrand{
    height: 110px;
}

#contener-produit-cat .filterbar .all .carre h4.h4grand,#contener-produit .filterbar .all .carre h4.h4grand, .propo .carre h4.h4grand{

    height: 40px;
}


#contener-produit .carre h4 .cn{
	background-color:#9a8301;
}

#contener-produit #owl-demo .carre p,#contener-produit #owl-demo2 .carre p,#contener-produit #owl-demo3 .carre p,#contener-produit #owl-demo4 .carre p,#contener-produit #owl-demo5 .carre p,#contener-produit #owl-demo6 .carre p,#contener-produit #owl-demo7 .carre p,#contener-produit #owl-demo8 .carre p,#contener-produit #owl-demo9 .carre p,#contener-produit #owl-demo10 .carre p,#contener-produit #owl-demo11 .carre p,#contener-produit #owl-demo12 .carre p,#contener-produit #owl-demo13 .carre p,#contener-produit #owl-demo14 .carre p,#contener-produit #owl-demo15 .carre p,#contener-produit #owl-demo16 .carre p,#contener-produit #owl-demo17 .carre p,#contener-produit #owl-demo18 .carre p,#contener-produit #owl-demo19 .carre p,#contener-produit #owl-demo20 .carre p,#contener-produit #owl-demo21 .carre p,#contener-produit #owl-demo22 .carre p,#contener-produit #owl-demo23 .carre p,#contener-produit #owl-demo24 .carre p,#contener-produit #owl-demo25 .carre p,#contener-produit #owl-demo26 .carre p,#contener-produit #owl-demo27 .carre p,#contener-produit #owl-demo28 .carre p,#contener-produit #owl-demo29 .carre p,#contener-produit #owl-demo30 .carre p,#contener-produit #owl-demo31 .carre p{
	display: block;
    font-size: 10px;
    text-align: left;
    float: left;
    color: #fff;
    padding: 5px;
    margin: 0;
    width: 150px;
    height: 50px;
}

#contener-produit .carre .infoplus{
	width: 50px;
    height: 50px;
    background-image: url('images/sprites.png');
    background-size: auto 100%;
    background-repeat:no-repeat;
    background-position: left center;
    background-color: #222222;
    color: #fff;
    padding: 4px;
    float: right;
}

#contener-produit .carre .en{
	background-image: url('images/produits/en_plus_white.png');
	}

#contener-produit .carre .es{
	background-image: url('images/produits/es_plus_white.png');
	}

#contener-produit .carre .infoplus:hover{background-color: #009cc9;}

   #gammecarbo .carre {
   	width: 200px;
    height: 200px;
    margin-right: 30px;
    margin-bottom: 10px;
    float: left;
    background-color: #414d48;
    overflow: hidden;
    transition: 0.5s;
    box-shadow: 3px 2px 7px #000;
    border: none;
}

#gammecarbo .carre:hover{
	border-radius: 0;
}

#gammecarbo .carre .zoneimg {
    width: 200px;
    height: 125px;
    float: right;
    background-color: #fff;
    overflow: hidden;
}

#gammecarbo .carre .resum {
    width: 200px;
    height: 75px;
    float: left;
}

#gammecarbo .carre .cnfonce {
    background-color: #798c35;
}

#gammecarbo .carre h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    display: block;
    width: 100%;
    height: 25px;
    padding: 4px;
    color: #222;
    text-align: left;
    text-transform: uppercase;
}

#gammecarbo .carre p{
	display: block;
    font-size: 10px;
    text-align: left;
    float: left;
    color: #fff;
    padding: 5px;
    margin: 0;
    width: 150px;
    height: 50px;
}

#gammecarbo .carre .infoplus {
    width: 50px;
    height: 50px;
    background-image: url('images/produits/plus_white.png');
    background-size: 95%;
    background-position: center center;
    background-color: #222222;
    color: #fff;
    padding: 4px;
    float: right;
}

#gammecarbo .carre .en {
	background-image: url('images/produits/en_plus_white.png');
}

#gammecarbo .carre .es {
	background-image: url('images/produits/es_plus_white.png');
}

#gammecarbo .carre .infoplus:hover {
    background-color: #009cc9;
}

#contener-produit-cat #onebar .carre.carbo p{
	margin-top:-34px;
}

/*header scrollpage*/

#wrapper-produit{
	height:auto;
}

/*fin header scrollpage*/
/*footer scrollpage*/

#footer-societe{
	position: relative;
	z-index: -2;
}

#footer-scrollpage {
    position: fixed;
    z-index:0;
    bottom:0;
    width:100%;
	}

	#fondgris.relative #footer-scrollpage{
		position:relative;
		clear:both;
	}
	
#footer-scrollpage #infolegal{
width:50%;
height:40px;
float:left;
padding-left:10px;
padding-top:20px;
background-color: #414d48;
color:#fff;
}

#footer-scrollpage #infosociete{
width:50%;
height:40px;
float:right;
padding-right:10px;
padding-top:20px;
background-color: #414d48;
color:#fff;
}

#footer-scrollpage #infosociete p{
	text-align: right;
}

#fondgris #main-insc #footer-scrollpage #infolegal{
	background:transparent;
}

#fondgris #main-insc #footer-scrollpage #infosociete{
	background:transparent;
}

#email_copy{
	display: none;
}

#fondgris.fds-page #footer-scrollpage{
	position:relative;
}

#fondgris.fds-page #footer-scrollpage #infolegal{
	background-color: transparent;
}

#fondgris.fds-page #main{
	height:auto;
	min-height:94%;
}

/*footer scrollpage*/

/*SCROLL PAGE*/

/*SINGLE1.PHP*/

#produit{
	width:100%;
	height:auto;
	overflow:hidden;
}

#produit .ficheproduit{
	width:100%;
	padding-top:30px;
	padding-right:5%;
	padding-left:5%;
	position:relative;
	z-index: 2;
}

#produit .ficheproduit .categories{
	width:100%;
	height:50px;
	padding:10px 10px 10px 30px;
	background-color:#222;
	float:left;
	margin-bottom:20px;
	border-radius:30px 0 30px 0;
}

#produit .ficheproduit .categories h3{
	font-size:18px;
	font-weight: bold;
	float:left;
	margin:5px 0 0 0;
	color:#000;
}

#produit .ficheproduit .categories h3 li{
	width:auto;
	height:100%;
	float:left;
	color:#222;
	list-style: none;
}

#produit .ficheproduit .categories p{
	font-size:30px;
	font-weight: bold;
	color:#000;
	margin:-5px 5px 0 5px;
	float:left;
}

#produit .ficheproduit .categories a{
	float:left;
	color:#222;
}

#produit .ficheproduit .info{
	width:100%;
	height:auto;
	padding:10px 10px 0 10px;
	background-color:transparent;
	float:left;
}

#produit .ficheproduit .info .zonegauche{
	float:left;
	width:25%;
	height:100%;
	min-height: 308px;
	overflow:hidden;
	border-radius:30px 0 30px 0;
	background-color:#222;
}

#produit .ficheproduit .info h6{
	font-size:35px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	margin:0px 0 10px 0;
	text-transform: uppercase;
}

#produit .ficheproduit .info .fondblanc img{
	max-width:100%;
	min-height:100%;
	margin:0 0 0 0;
	background-color:#fff;
}

#produit .ficheproduit .info .fondblanc{
	width:96%;
	height:96%;
	margin:2%;
	min-height: 299px;
	overflow:hidden;
	background-color:#fff;
	border-radius:30px 0 30px 0;

}

#produit .ficheproduit .info .zonedroite{
	float:left;
	width:46%;
	min-height:316px;
	height:100%;
	padding-top:2.5%;
	padding-left:4%;
	padding-right:4%;
	margin-left:4%;
	background-color:#222;
	border-radius:30px 0 30px 0;
}

#produit .ficheproduit .info .zonedroite p{
	margin:0 0 0 0;
	color:#000;
}

#produit .ficheproduit .info .phrasedes{
	width:90%;
	margin:0 0 10px 0;
	height:35px;
	line-height:32px;
	font-size:14px;
	font-family:'centurygt-bi',sans-serif;
	text-align:left;
}

#produit .ficheproduit .info .desc{
	width:100%;
	height:auto;
	min-height:115px;
	/*line-height:113px;*/
	margin:0 0 0 0;
	font-size:15px;
	text-align:left;
	
}

#produit .ficheproduit .info .condi{
	width: 100%;
    height: auto;
    margin: 0 0% 10px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    line-height: normal;
    float:left;

}

#produit .ficheproduit .info .condi span{
	font-size: 16px;
}
#produit .ficheproduit .info .phrasedes span { 
  width:100%; /* largeur zone de texte */
  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:left; /* ... et l'alignement du texte */

}

#produit .ficheproduit .info .desc span { 
  width:100%; /* largeur zone de texte */
  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:justify; /* ... et l'alignement du texte */
}

#produit .ficheproduit .info .condi span { 
  width:100%; /* largeur zone de texte */
  vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:left; /* ... et l'alignement du texte */
}

.ficheproduit .info .infocomplement{
	width:21%;
	height:auto;
	float:left;
	margin-left:4%;
	position: relative;
    z-index: 2;
}

.ficheproduit .info .infocomplement p{
	text-align:left;
	margin-bottom:10px;
}

#produit .ficheproduit .info .infocomplement h6{
	font-size:20px;
}

#produit .ficheproduit .info .infocomplement span{
	line-height: 30px;
	height:40px;
}

#produit .ficheproduit .info .infocomplement .toggleinfo{
	margin:0px;
}

#produit .ficheproduit .info .infocomplement li{
	width:100%;
	color:#222;
	height:auto;
	background-color: #fff;
}

.phraseob{
	float: left;
    width: 100%;
    height: 30px;
    font-size: 10px;
    color: #fff;
    position:absolute;
    z-index:1;
    top: 613px;
}

.psd{
	float: left;
    width: 100%;
    height: 30px;
    font-size: 10px;
    color: #fff;
    position:absolute;
    z-index:1;
    top: 613px;
}


button.foggy, button.dosamax{
	width: 100%;
    height: 50px;
    margin: 0;
    background-color: #64C5E3;
    border: none;
    font-size: 15px;
    font-weight: bold;
    color: #222;
}

button.matic{
	width: 100%;
    height: 50px;
    margin: 0;
    background-color: #f5a630;
    border: none;
    font-size: 15px;
    font-weight: bold;
    color: #222;
}

a.fds{
	padding:0;
}

button.foggy:hover,.te button.manuelprod:hover, .te button.tuto:hover, #produit .ficheproduit .info .infocomplement .te a:hover, button.dosamax:hover{
	background-color:#0e6b7b;
	color:#fff;
	cursor:pointer;
}

button.matic:hover,.h button.manuelprod:hover, .h button.tuto:hover, #produit .ficheproduit .info .infocomplement .h a:hover{
	background-color:#91631f;
	color:#fff;
	cursor:pointer;
}

#produit .ficheproduit .info .infocomplement .cn a:hover{
	background-color:#9a8301;
	color:#fff;
	cursor:pointer;
}

button.fds{
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: bold;
    color:#222;
}

button.manuelprod, button.tuto{
	width: 95%;
    height: 100%;
    background-color: transparent;
    border: none;
    font-size: 14px;
    font-weight: bold;
    color:#222;
    float:left;
    margin:auto;
}


#produit .ficheproduit .info .infocomplement .te a.manuellink, #produit .ficheproduit .info .infocomplement .cn a.manuellink, #produit .ficheproduit .info .infocomplement .h a.manuellink{
	background-color: #414d48;
    padding: 0;
    width: 100%;
    float: none;
}

#produit .ficheproduit .info .infocomplement .te a.manuellink2, #produit .ficheproduit .info .infocomplement .cn a.manuellink2, #produit .ficheproduit .info .infocomplement .h a.manuellink2{
	background-color: #414d48;
    padding: 0;
    width: 50%;
    float: left;
}

#produit .ficheproduit .info .infocomplement .te a.tutolink, #produit .ficheproduit .info .infocomplement .cn a.tutolink, #produit .ficheproduit .info .infocomplement .h a.tutolink{
	background-color: #414d48;
    padding: 0;
    width: 50%;
    float: left;
}

.cn button.manuelprod, .cn button.tuto{
	background-color: #f3ce00;
}

.te button.manuelprod, .te button.tuto{
	background-color: #64c5e3;
}

.h button.manuelprod, .h button.tuto{
	background-color: #f5a630;
}

#produit .ficheproduit .info .infocomplement li.buttonspe{
	background-color: transparent;
	margin-bottom: 25px;
}

#videodemo{
	width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    z-index: 3;
    background: url('images/fondtransp.png');
}

#videodemo  .video{
	width: 63%;
    height: 63%;
    margin: 0 auto;
    margin-top: 7%;
}

#videodemo iframe{
	width: 100%;
    height: 100%;
}

#videodemo button{
	margin-top: 25px;
    width: 200px;
    height: 30px;
    background-color: #009cc9;
    border: none;
    color: #222;
    font-weight: bold;
}

#videodemo button:hover{
    background-color: #fff;
    color: #222;
}

.proposition {
    width: 46%;
    height: auto;
    clear: both;
    position: absolute;
    z-index: 2;
    top: 650px;
    margin-left: 29%;
}



.propo {
    width: 690px;
    height: 245px;
    margin-left: auto;
    margin-right: auto;
}
.proposition h6 {
    display: block;
    width: 100%;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-bottom: 25px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}



.propo .carre{
	width: 200px;
    height: 200px;
    margin-right: 30px;
    margin-bottom: 10px;
    float: left;
    background-color: #414d48;
    overflow: hidden;
    transition: 0.5s;
    box-shadow: 3px 2px 7px #000;
    border: none;
}

.propo .carre .zoneimg{
	width: 200px;
    height: 125px;
    float: right;
    background-color: #fff;
    overflow: hidden;
}

.propo .carre .cnfonce {
    background-color: #9a8301;
}
.propo .carre .resum {
    width: 200px;
    height: 75px;
    float: left;
}

.propo .carre h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    display: block;
    width: 100%;
    height: 25px;
    padding: 4px;
    color: #222;
    text-align: left;
    text-transform: uppercase;
}

.propo .carre p{
	display: block;
    font-size: 10px;
    text-align: left;
    float: left;
    color: #fff;
    padding: 5px;
    margin: 0;
    width: 150px;
    height: 50px;
}

.propo .carre .infoplus {
    width: 50px;
    height: 50px;
    background-image: url('images/produits/plus_white.png');
    background-size: 95%;
    background-position: center center;
    background-color: #222222;
    color: #fff;
    padding: 4px;
    float: right;
}

.propo .carre .en {
	background-image: url('images/produits/en_plus_white.png');
	}

.propo .carre .es {
	background-image: url('images/produits/es_plus_white.png');
	}

.propo .carre:hover{
	border-radius:0px;
}

.productname{
	text-transform: uppercase;
}



/*FIN SINGLE1.PHP*/

/*SINGLE1-CN.PHP*/

#produit .ficheproduit .cn{
	background-color: #f3ce00;
}


#produit .ficheproduit .info .cn{
	background-color: #f3ce00;
}

#produit .ficheproduit .info .cnfonce{
	color: #9a8301;
}

#produit .ficheproduit .info .infocomplement .cn a{
	background-color: #f3ce00;
	color:#222;
}

.propo .cn{
	background-color: #f3ce00;
}


/*SINGLE1-TE.PHP*/

#produit .ficheproduit .te{
	background-color: #64c5e3;
}

#produit .ficheproduit .info .te{
	background-color: #64c5e3;
}

#produit .ficheproduit .info .tefonce{
	color: #0e6b7b;
}

#produit .ficheproduit .info .infocomplement .te a{
	background-color: #64c5e3;
	color:#222;
}

.propo .te{
	background-color: #64c5e3;
}


.carre .tefonce{
	background-color: #0e6b7b;
}

/*SINGLE1-h.PHP*/

#produit .ficheproduit .h{
	background-color: #f5a630;
}

#produit .ficheproduit .info .h{
	background-color: #f5a630;
}

#produit .ficheproduit .info .hfonce{
	color: #91631f;
}

#produit .ficheproduit .info .infocomplement .h a{
	background-color: #f5a630;
	color:#222;
}

/*SINGLE1-CARBO.PHP*/

#produit .ficheproduit .gammevege{
	background-color: #aac44a;
}


#produit .ficheproduit .info .gammevege{
	background-color: #aac44a;
}

#produit .ficheproduit .info .gammevegefonce{
	color: #798c35;
}

#produit .ficheproduit .info .infocomplement .gammevege a{
	background-color: #aac44a;
	color:#222;
}

.propo .cn{
	background-color: #f3ce00;
}

.propo .h{
	background-color: #f5a630;
}


.carre .hfonce{
	background-color: #91631f;
}

.propo .carre.compnutri{
	background-color: #f3ce00;
}
.propo .carre.traiteau{
	background-color: #64c5e3;
}
.propo .carre.hygi{
	background-color: #f5a630;
}

.propo .carre.compnutri p,.propo .carre.traiteau p,.propo .carre.hygi p {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    padding-top: 70%;
    margin-top: 0;
    font-weight: 700;
    position: relative;
    z-index: 1;
    background-color: transparent;
    font-size: 16px;
    text-align: center;
}

.propo .carre.compnutri h2,.propo .carre.traiteau h2,.propo .carre.hygi h2 {
	    width: 200px;
	    margin-top:20px;
	}

/*PRODUIT PAR CAT CTH*/

#contener-produit-cat{
	width: 660px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    position:relative;
	z-index: 1;
	}

#contener-produit-cat #onebar{
	width:660px;
	height:200px;
	margin-bottom: 35px;
}


#contener-produit-cat #onebar .carre{
	width: 220px;
	height:200px;
    margin-right: 0;

}

#contener-produit-cat #onebar .carre.cn h3,#contener-produit-cat #onebar .carre.te h3,#contener-produit-cat #onebar .carre.h h3{
	display: block;
    width: 220px;
    height: 133px;
    font-weight:bold;
    color: #fff;
    font-size: 130px;
    margin: 0;
    text-align: center;
    text-shadow: 3px 2px 7px #000;
    position: absolute;
}

#contener-produit-cat #onebar .carre.cn p,#contener-produit-cat #onebar .carre.te p,#contener-produit-cat #onebar .carre.h p{
	 display: block;
    width: 220px;
    height: 200px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 135px;
    margin-top: 0px;
    float: left;
    text-shadow: none;
    color: #222;
    font-size: 22px;
}

#contener-produit-cat #onebar .carre{
	border-radius:0px;
}

#contener-produit-cat #onebar .carre p{
	display: block;
    width: 220px;
    height: 200px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 165px;
    margin-top: 0px;
    float: left;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    font-size: 25px;
}

#contener-produit-cat #onebar .carre.howchoose p{
	 text-shadow: none;
}

#contener-produit-cat #onebar .howchoose{
	background-color: #009cc9;
}


#contener-produit-cat #onebar .carre.howchoose p{
	color: #fff;
    font-size: 20px;
    margin: 60px 0 10px 0;
    padding-top:0;
    display:block;
    width:220px;
    height:200px;

}

#contener-produit-cat #onebar .searchprod{
	background-color: #222222;
}

#contener-produit-cat #onebar .searchprod h3{
	display: block;
    width: 220px;
    height: auto;
    font-weight:bold;
    color: #fff;
    font-size: 20px;
    margin-top: 50px;
    margin-bottom: 10px;
    text-align: center;
    position: absolute;
    z-index: 0;
    text-shadow: none;
}

#contener-produit-cat #twobar{
	width:660px;
	height:250px; 
}

#contener-produit-cat #twobar .carre{
	width: 200px;
    height: 200px;
    margin-right: 30px;

    float: left;
    background-color: #414d48;
    overflow: hidden;
    transition: 0.5s;
    box-shadow: 3px 2px 7px #000;
    border: none;
}

#raccourcihc{
	float: left;
    width: 200px;
    height: 200px;
    background-color: #F5A630;
    border: none;
    transition: 0.5s;
    box-shadow: 3px 2px 7px #000;
}

#raccourcihc:hover{
	background-color: #222;
	transition: 0.5s;
		border-radius:30px 0;
}

#raccourcihc p{
	width: 188px;
    height: auto;
    display: block;
    padding: 0;
    margin-top: 0px;
    float: left;
    color: #91631F;
    font-size: 12px;
    font-weight: bold;
}

#raccourcihc p span{
	width: 188px;
    height: auto;
    display: block;
    padding: 0;
    margin-top: 0px;
    float: left;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}

#contener-produit-cat #twobar .carre:hover{
	border-radius: 0px;
}

#contener-produit-cat #twobar .carre.cn{
    background-color: #f3ce00;
}

#contener-produit-cat #twobar .carre.te{
    background-color: #64c5e3;
}

#contener-produit-cat #twobar .carre.h{
    background-color: #f5a630;
}

#contener-produit-cat #twobar .carre h3{
    display: block;
    width: 188px;
    height: 133px;
    font-family:'centurygt',sans-serif; 
    font-weight:bold;
    color: #fff;
    font-size: 130px;
    margin: 0;
    text-align: center;
    text-shadow: 3px 2px 7px #000;
    margin-top: -12px;
}

#contener-produit-cat #twobar .carre p{
	display: block;
    width: 200px;
    height: 150px;
    font-family:'centurygt',sans-serif; 
    color: #222;
    padding-top: 20px;
    margin-top: 0px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    font-size:16px;
}

#owl-demo-sousf1,#owl-demo-sousf2,#owl-demo-sousf3{
	margin-left:10px;
}


#owl-demo-sousf1 .carre button,#owl-demo-sousf2 .carre button,#owl-demo-sousf3 .carre button{

    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
}


#contener-produit-cat #twobar .carre{
	width: 200px;
    height: 200px;
    margin-right: 30px;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
    transition: 0.5s;
    box-shadow: 3px 2px 7px #000;
    border: none;
}

#contener-produit-cat .cn{
	background-color: #f3ce00;
}

#contener-produit-cat #twobar .carre.cn:hover{
	background-color: #222;
}

#contener-produit-cat .te{
	background-color: #64c5e3;
}

#contener-produit-cat #twobar .carre.te:hover{
	background-color: #222;
}

#contener-produit-cat .h{
	background-color: #f5a630;
}

#contener-produit-cat #twobar .carre.h:hover{
	background-color: #222;
}

#contener-produit-cat #twobar .carre:hover{
	border-radius:30px 0;
}

#contener-produit-cat .gammevege{
	background-color: #aac44a;
}

#contener-produit-cat .filterbar{
	width:690px;
	height:auto;
}

#contener-produit-cat .filterbar .all{
	width:690px;
	height:auto;
} 

#contener-produit-cat .filterbar .sousfamille{
	width: 660px;
    height: 100px;
    margin: 0;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 50px;
    clear: both;
}

#contener-produit-cat #twobar .carre p{
	width: 188px;
    height: auto;
    display: block;
    padding: 0;
    margin-top: 0px;
    float: left;
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    font-size: 22px;
}

#contener-produit-cat .filterbar .sousfamille p{
	font-size: 30px;
    font-weight:bold;
    color: #fff;
    text-align: center;
    line-height: 96px;
    text-shadow: 1px 1px 1px #000;
    opacity: 0.75;
    display: block;
    width:100%;
    height:auto;
}

#contener-produit-cat .filterbar li{
	    display: block;
    width:100%;
    height:auto;
}


/*MINIATURE PRODUIT*/


#contener-produit-cat .filterbar .all .carre{
	width: 200px;
    height: 200px;
    margin-right: 30px;
    margin-bottom: 10px;
    float: left;
    background-color: #414d48;
    overflow: hidden;
    transition: 0.5s;
    box-shadow: 3px 2px 7px #000;
    border: none;
}

#contener-produit-cat .filterbar .all .carre:hover{
	border-radius:0px;
}

#contener-produit-cat  .filterbar .all .carre .zoneimg{
	width: 200px;
    height: 125px;
    float: right;
    background-color: #fff;
    overflow: hidden;
}

#contener-produit-cat .filterbar .all .carre .resum{
	width: 200px;
    height: 75px;
    float: left;
}

#contener-produit-cat .filterbar .all .carre .cnfonce{
	background-color: #9a8301;
}

#contener-produit-cat .filterbar .all .carre .tefonce{
	background-color: #0e6b7b;
}

#contener-produit-cat .filterbar .all .carre .hfonce{
	background-color: #91631f;
}

#gammecarbo .carre .gammevegefonce{
	background-color: #798c35;
}


#contener-produit-cat .filterbar .all .carre h4{

    font-size: 16px;
    font-weight:bold;
    margin: 0;
    display: block;
    width: 100%;
    height: 25px;
    padding: 4px;
    color:#222;
    text-align:left;
    text-transform: uppercase;
}

#contener-produit-cat .filterbar .all .carre h4 .cn{
	background-color:#9a8301;
}

#contener-produit-cat .filterbar .all .carre p{
	display: block;
    font-size: 10px;
    text-align: left;
    float: left;
    color: #fff;
    padding: 5px;
    margin: 0;
    width: 150px;
    height: 50px;
}

#contener-produit-cat .filterbar .all .carre .infoplus{
	width: 50px;
    height: 50px;
    background-image: url('images/produits/plus_white.png');
    background-size: 95%;
    background-position: center center;
    background-color: #222222;
    color: #fff;
    padding: 4px;
    float: right;
}

#contener-produit-cat .filterbar .all .carre .en{
	 background-image: url('images/produits/en_plus_white.png');
	}

#contener-produit-cat .filterbar .all .carre .es{
	 background-image: url('images/produits/es_plus_white.png');
	}

#contener-produit-cat .filterbar .all .carre .infoplus:hover{background-color: #009cc9;}

#contener-produit-cat .filterbar .all .carre .resumgrand,#contener-produit .filterbar .all .carre .resumgrand,  .propo .carre .resumgrand{
    height: 90px;
}

#contener-produit-cat  .filterbar .all .carre .imggrand,#contener-produit  .filterbar .all .carre .imggrand, .propo .carre .imggrand{
    height: 110px;
}

#contener-produit-cat .filterbar .all .carre h4.h4grand,#contener-produit .filterbar .all .carre h4.h4grand,  .propo .carre h4.h4grand{

    height: 40px;
}


/*FIN PRODUIT PAR CAT*/

/*SEARCH*/

#search{
	width:100%;
	height:75px;
	margin-top:25px;
}

#s{
	width:25%;
	height:30px;
	border-radius: 2px;
	border:2px solid #009cc9;
	background-color: #414d48;
	color:#009cc9;
	padding:2px;

}

#searchsubmit{
	width:10%;
	height:30px;
	border-radius: 2px;
	border:none;
	background-color: #009cc9;
	margin-top:25px;
	color:#fff;
}

#searchsubmit:hover{
	width:10%;
	height:30px;
	border-radius: 2px;
	border:none;
	background-color: #222;
	margin-top:25px;
}

#main-search{
	height:75%;
	padding-top:25px;
}

#main-search form{
	margin-top:10px;
}

#main-search .what{
	color:#fff;
	font-weight:bold;
}

#main-search form button{
	background-color: #009cc9;
	color:#222;
	border:none;
	width:100px;
	height:30px;
}

#main-search article{

	width:50%;
	height:150px;
	min-height:150px;
	margin-bottom:25px;
	margin-left:auto;
	margin-right:auto;
	padding:8px;
}

#main-search .article{
	background-color:#fff;
}

#main-search .article_cn{
	background-color:#f3ce00;
}

#main-search .article_te{
	background-color:#64c5e3;
}

#main-search .article_h{
	background-color:#f5a630;
}

#main-search .zonegauche{
	float:left;
	width:25%;
	height:100%;
	border-right:2px solid #222;
	margin-top:auto;
	margin-bottom:auto;
	background-color: #fff;
	overflow:hidden;
}

#main-search .zonedroite{
	float:right;
	text-align:left;
	width:70%;
	margin-top:auto;
	margin-bottom:auto;
}

#main-search .fondblanc{

	width:100%;
	float:left;
	height:100%;
}

#main-search .fondblanc img{
	max-height:100%;
}

#main-search h2{
	color:#fff;
	margin:40px 0;
}

#main-search h6{
	color:#222;
	font-size:20px;
	font-weight:bold;
	margin-bottom:20px;
	margin-top: 10px;
}

#main-search .zonedroite p{
	font-weight:normal;
	margin-bottom:25px;
}

#main-search .zonedroite p{
	font-weight:normal;
}

#main-search #suite{
	background-color: #fff;
	color:#222;
	border:none;
	width:100px;
	height:25px;
}

#main-search #suite:hover{
	background-color: #222;
	color:#009cc9;
}


/*FIN SEARCH*/

/*CALCUL*/


#fondmenu-calcul{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url('images/fondarbre.jpg');
	background-position:center -100px;
	background-repeat:no-repeat;
	background-color:#414d48;
}

#fondmenu-calcul #main{
	width:100%;
	height:94%;
}

#fondmenu-calcul #section1 #categories{
	width: 38%;
    height: 510px;
    float: right;
    margin-right: 123px;
    margin-top: 115px;
}

#fondmenu-calcul section:nth-of-type(1) {
    background: transparent;
    height: 650px;
    box-shadow: none;
}

/*FIN CALCUL*/

/*SEARCH PRODUIT*/

#contener-produit #search{
	width:100%;
	height:75px;
	margin-top:25px;
}

#contener-produit #s{
	width:68%;
	height:30px;
	border-radius: 2px;
	border:2px solid #fff;
	background-color: #222;
	color:#fff;
	padding:2px;

}

#contener-produit-cat #s{
	width:68%;
	height:30px;
	border-radius: 2px;
	border:2px solid #fff;
	background-color: #222;
	color:#fff;
	padding:2px;

}

#contener-produit #searchsubmit{
	width:10%;
	height:30px;
	border-radius: 2px;
	border:none;
	background-color: #009cc9;
	margin-top:25px;
	color:#fff;
}

#contener-produit #searchsubmit:hover{
	width:10%;
	height:30px;
	border-radius: 2px;
	border:none;
	background-color: #222;
	margin-top:25px;
}

/*FIN SEARCH*/

/*CONNEXION*/

.erreur_login{
	position: absolute;
    width: 75%;
    height: 30px;
    top: 195px;
    color: #E16767;
    font-weight: bold;
    font-size: 14px;
}

#fondgris-connect{
	width:100%;
	min-height: 100%;
	height:auto;
	background-color:#414d48;
	position:absolute;
}

#fondgris-connect #main{
	width:75%;
	height:100%;
	float:left;
}

#fondgris-connect #footer{
	position:relative;
}

#demandeco{
	width:100%;
	height:93%;
	float:left;
	padding-top: 210px;
}

#aide{
	width:25%;
	height:auto;
	min-height:100%;
	right:0;
	padding: 0 30px;
    padding-top: 195px;
   	background-image: url('images/index/transparencetxt.png');
    background-color: #009cc9;
    opacity: 0.5;
    z-index:0;
    position: absolute;
}

#aide:hover{
	opacity:1;
}

#aide h4{
	text-align: left;
    font-size: 15px;
    line-height: 17px;
    font-weight: bold;
    color: #222;
    margin-bottom: 10px;
}

#aide p{
	font-size: 12px;
    line-height: 14px;
    text-align: justify;
    color: #222;
    margin-bottom: 18px;
}

#aide a{
	color: #fff;
    display: block;
    width: 75%;
    height: 35px;
    padding: 3px;
    font-size: 14px;
    background-color: #222;
    border-radius: 4px;
    margin: auto;
}

#aide a:hover{
	background-color: #fff;
	color:#222;
}

#fondgris-connect #main #retour, #fondgris-connect #main #en-retour{
	right:30%;
}

#fondgris-connect #footer-scrollpage{
	z-index:1;
}

#fondgris-connect #footer-scrollpage #infosociete{
	opacity:0;
}

#fondgris-connect #main h3{
	margin: 30px 0 10px 0;
    padding: 0;
    text-align: center;
    font-weight:bold;
    font-size: 22px;
    color: #009cc9;
}

#fondgris-connect #main label{
    display:block;
    width:100%;
    height:auto;
    font-size: 14px;
    color: #009cc9;
    margin-top: 20px;
    clear:both;
}

#fondgris-connect #main input{
	margin-top: 8px;
    width: 100%;
    height: 32px;
    background-color: #414d48;
    border: 2px solid #009cc9;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    clear: both;
}

#fondgris-connect #main #rememberme{
	width:auto;
	height:auto;
	margin-top: 8px;
}

#fondgris-connect #main .login-submit{
	margin:10px 0;
}

#fondgris-connect #main #wp-submit{
	color: #414d48;
    background-color: #009cc9;
    width: 80%;
    height: 32px;
    font-weight:bold;
    margin:0 10%;
}

#fondgris-connect #main #wp-submit:hover{
	background-color: #fff;
}

#fondgris-connect #main #login-form a{
	font-size: 12px;
    color: #fff;
    text-decoration: underline;
}

#fondgris-connect #main #login-form{
	padding: 0px 38%;
}

/*FIN CONNEXION*/

/*FORGOT PW*/

#fondgris-forgotpw{
	width:100%;
	min-height: 100%;
	height:auto;
	background-color:#414d48;
	position:absolute;
}

#fondgris-forgotpw #main{
	width:100%;
	height:100%;
	float:left;
	padding-top:200px;
}

#fondgris-forgotpw #footer{
	position:relative;
}

#fondgris-forgotpw #main p{
	color:#009cc9;
	font-weight: bold;
	width:80%;
	margin-left:auto;
	margin-right:auto;

}

#fondgris-forgotpw #main .message{
	margin-left:auto;
	margin-right:auto;
	color:#fff;
}

#fondgris-forgotpw #main fieldset{
	    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

#retour_co{
	width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    background-color: #222;
    color: #60f673;
    height: 32px;
    line-height: 28px;
    border: 2px solid #222;
    border-radius: 4px;
    clear: both;
    margin-top: 18px;
}

#retour_co:hover{
	background-color: #60f673;
	color:#222;
	 border: 2px solid #60f673;
}

#fondgris-forgotpw #main #content #wp_pass_reset input{
	width:200px;
	margin-left: auto;
    margin-right: auto;
    padding:0 10px;
}

#fondgris-forgotpw #main #content #wp_pass_reset #submitbtn{
	background-color: #009cc9;
	color:#fff;
}

#fondgris-forgotpw #main #content #wp_pass_reset #submitbtn:hover{
	background-color: #222;
	color:#fff;
	border:none;
}


#fondgris-forgotpw #main #retour,#fondgris-forgotpw #main #en-retour{
	right:30%;
}

#fondgris-forgotpw #footer-scrollpage{
	z-index:1;
}

#fondgris-forgotpw #main h3{
	margin: 30px 0 10px 0;
    padding: 0;
    text-align: center;
    font-weight:bold;
    font-size: 22px;
    color: #009cc9;
}

#fondgris-forgotpw #main label{
    display:block;
    width:100%;
    height:auto;
    font-size: 14px;
    color: #009cc9;
    margin-top: 20px;
    clear:both;
}

#fondgris-forgotpw #main input{
	margin-top: 8px;
    width: 100%;
    height: 32px;
    background-color: #414d48;
    border: 2px solid #009cc9;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    clear: both;
}

#fondgris-forgotpw #main #rememberme{
	width:auto;
	height:auto;
	margin-top: 8px;
}

#fondgris-forgotpw #main .login-submit{
	margin:10px 0;
}

#fondgris-forgotpw #main #wp-submit{
	color: #414d48;
    background-color: #009cc9;
    width: 80%;
    height: 32px;
    font-weight:bold;
    margin:0 10%;
}

#fondgris-forgotpw #main #wp-submit:hover{
	background-color: #fff;
}

#fondgris-forgotpw #main #login-form a{
	font-size: 12px;
    color: #fff;
    text-decoration: underline;
}

#fondgris-forgotpw #main #login-form{
	padding: 0px 38%;
}

#fondgris-forgotpw #main form .username input{
	    width: 250px;
}

#fondgris-forgotpw #main form .login_fields input{
	width: 255px;
    background-color: #009cc9;
}

#fondgris-forgotpw #main form .login_fields input:hover{
	color:#222;
    background-color: #fff;
}
#fondgris-forgotpw #main #content{
	margin-bottom:25px;
}

#fondgris-forgotpw #main .error{
	color:#FF6565;

}

.success{
	color:#60F673;
}

.error{
	color:#FF6565;
	
}

/*FIN FORGOT PW*/

/*PARTIE PRIVEE*/

#connectinfo_sav{
	width:100%;
	height:auto;
	background-color: #222;
	padding:10px;
}

#connectinfo_sav .clientconnect p{
	color:#fff;
}

#connectinfo_sav .connectez_vous{
	width: 223px;
	margin-left:auto;
	margin-right:auto;
}

#connectinfo_sav .connectez_vous img{
	float:left;
}

#connectinfo_sav .connectez_vous .espace_co{
	color:#fff;
}

#produit .infocomplement #connectinfo{
	width: 100%;
    height: 240px;
    background-color: #009cc9;
    border-radius: 30px 0;
    padding: 54px 25px;
    margin-bottom: 25px;
}

#produit .infocomplement #connectinfo .clientconnect p {
	text-align: center;
	font-weight:bold;
}

#produit .infocomplement #connectinfo a p{
	color:#fff;
	text-align:center;
	font-size:12px;
}

/*FIN PARTIE PRIVEE*/

/*INFO PERSO*/

#categories-infoperso{
	width:47%;
	height:510px;
	float:right;
	margin-right:0;
	margin-top:100px;
}

#categories-infoperso .rectangle{
	font-size:20px;
	line-height:150px;
	color:#009cc9;
}

#categories-infoperso .rectangle.bienvenue{
	line-height:normal;
	padding: 15px 35px;
}
#categories-infoperso .rectangle.bienvenue a{
	display: block;
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    }

#categories-infoperso .rectangle.bienvenue button {
    color: #222;
    background-color: #fff;
    border: none;
    margin-top: 10px;
    width: 100%;
    height: 100%;
    transition: .5s;
    padding: 0;
    position: relative;
    background-image: url('images/sprite_perso.png');
    background-repeat: no-repeat;
        font-size: 10px;
    padding-top: 27px;
    line-height: 10px;

}

.cray{
	background-position: left center;
}

.vid{
	background-position: right center;
}

.wp{
	background-position: center center;
}

#categories-infoperso .rectangle.bienvenue button:hover{
	color:#222;
	background-color: #009cc9;
	border-radius:10px 0;
	transition:0.5s;

}

#categories-infoperso .rectangle.deco p{
	font-size:18px;
	font-weight:bold;
}

#categories-infoperso .rectangle.deco:hover{
	background-color:#009cc9;
	color:#222;
}

a{
	color:#009cc9;
}

a:hover{
	color:#222;
}

#main-info{
	padding-top:200px;
	width:100%;
}

#main-info .title_info{
	width:75%;
	height:auto;
	background-color: #fff;
	margin:20px auto;
	padding:5px;
	border-radius:30px 0 0 0; 
}

#main-info .form_change{
	width:75%;
	height:auto;
	background-color: #fff;
	margin:20px auto;
	padding:5px 10px 10px 10px;
	border-radius:0 0 30px 0; 
}

#main-info .form_change p{
	margin-top:10px;
}

#main-info .form_change input{
	display:block;
	width:200px;
	height:20px;
	margin:5px auto;
	border:1px solid #009cc9;
	border-radius:3px;
	text-align: center;
}

#main-info .form_change .modif{
	border:none;
	background-color: #009cc9;
	color:#fff;
	margin-top:10px;
	height:30px;
}

#main-info .form_change .modif:hover{
	background-color: #222;
	color:#fff;
}

#main-info h2{
	font-size: 35px;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 15px 0;
}

#main-info .theform{
	width: 100%;
    height: 32px;
    clear: both;
    padding: 0 35%;
}

#main-info .theform .thelabel{
	text-align: left;
	color:#fff;
	margin-bottom:10px;
	display: block;
	height:32px;
	line-height:32px;
}

#main-info .theform .confirmmdp{
	line-height:normal;
}

#main-info .theform input{
	width:100%;
	height:32px;
	margin-bottom:10px;
	border: 2px solid #009cc9;
	border-radius: 4px;
	background-color: transparent;
	color:#fff;
	padding-left:5px;
}

#main-info .theform p{
	width:200px;
	height:auto;
	float:left;
}

#main-info .theform .thelabel .champs_obli{
 width:auto;
 height:auto;
 color:#FF6565;
 clear:none;
 font-size:16px;

}

#main-info .champs_obli{
	 color:#FF6565;
	 font-size:10px;
	 clear:both;
	 width:100%;
	 height:auto;
	  margin:10px 0;
}

#main-info .maj input{
	margin-top: 8px;
    height: 32px;
    border: 2px solid #009cc9;
    border-radius: 4px;
    font-size: 14px;
    clear: both;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    background-color: #009cc9;
    color: #fff;
}

#main-info .maj input:hover{
	background-color: #222;
    color: #fff;
}


#main-info form .box-red{
	color:#FF6565;

}


.infoperso #footer-scrollpage, .infoperso #footer-scrollpage #infolegal, .infoperso #footer-scrollpage #infosociete{
	background-color: transparent;
}

/*FIN INFO PERSO*/

/*ADV ADMIN*/

#main-insc{
	width:100%;
}

#main-insc .title_info{
	width:75%;
	height:auto;
	background-color: #fff;
	margin:20px auto;
	padding:5px;
	border-radius:30px 0 0 0; 
}

#main-insc .form_change{
	width:75%;
	height:auto;
	background-color: #fff;
	margin:20px auto;
	padding:5px 10px 10px 10px;
	border-radius:0 0 30px 0; 
}

#main-insc .form_change p{
	margin-top:10px;
}

#main-insc .form_change label{
	display: block;
	width:100%;
	text-align:center;
	margin-bottom:5px;

}

#main-insc .form_change input{
	display:block;
	width:200px;
	height:20px;
	margin:5px auto;
	border:1px solid #009cc9;
	border-radius:3px;
	text-align: center;
}

#main-insc .form_change .inscription{
	border:none;
	background-color: #009cc9;
	color:#fff;
	margin-top:10px;
	height:30px;
}

#main-insc .form_change .inscription:hover{
	background-color: #222;
	color:#fff;
}

#main.recru{
	    width: 100%;
}

#main.recru .entete {
    margin-bottom: 25px;
    color: #009cc9;
    font-size: 14px;
    line-height: 16px;
    width: 50%;
    height: auto;
    background-color: #fff;
    margin: 20px auto;
    padding: 10px;
    border-radius: 30px 0 0 0;
}

#main.recru .entete h6 {
    font-size: 25px;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin: 0 0 5px 0;
}


#verif-login{
    width: 210px;
    height: 20px;
    margin: auto;
    display: none;
}

#verif-login #help{
	width: 15px;
    height: 15px;
    float: left;
    margin-left: 5px;
    border-radius: 7px;
    font-size: 14px;
    font-family: arial;
    font-weight: bold;
    color: #fff;
    background-color: #009cc9;

        cursor: pointer;
}

#verif-login #aide-moi{
	position: absolute;
	width:210px;
    margin-left: 217px;
    margin-top: 0;
    font-size: 12px;
    text-align: left;
    background-color: #009cc9;
    color: #fff;
    padding: 5px;
    display: block;
}

#main-insc .deco_adv{
	border:none;
	background-color: #FF6565;
	color:#fff;
	margin-top:10px;
	height:30px;
	font-weight:bold;
	border-radius:3px;
}

#main-insc .deco_adv:hover{
	background-color: #EA7F7F;
	color:#fff;
}

#main-insc .deco_adv a{
	color:#222;
}

#main-insc h2{
	font-size: 35px;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 15px 0;
}


/*FIN ADV ADMIN*/

/*INSCRIPTION*/

/*demande*/


#main-insc .entete h6{
	font-size: 25px;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin: 0 0 5px 0;
}

#main-insc .entete{
	margin-bottom: 25px;
    color: #009cc9;
    font-size: 14px;
    line-height: 16px;
    width:50%;
    height:auto;
    background-color:#fff;
    margin:20px auto;
    padding:10px; 
    border-radius:30px 0 0 0;
}

#main-insc .forms, #main.recru .forms{
	width:50%;
	height:450px;
	background-color:#fff;
	margin:0 auto;
	border-radius:0 0 30px 0;
	padding:10px;

}

#main-insc .forms p{
	color: #222;
    display: block;
    width: 50%;
    height: auto;
    float: left;
    padding:0 3%;
}

#main.recru .forms p{
	color: #222;
    float: left;
    width:50%;
    padding: 0 3%;
    margin-bottom: 15px;
}

#main.recru label{
	float: left;
	font-weight: bold;
}

#main.recru input, #main.recru select{
	width:210px;
	float: right;
	border: 1px solid #009cc9;
    background-color: transparent;
    color: #222;
    border-radius: 3px;
    height: 20px;
    font-family: 'centurygt';
}

#main.recru .cvchamp input, #main.recru .autrechamp input{
	border: none;
    background-color: transparent;
    color: #222;
    height: 20px;
}

#main.recru .forms p.comchamp, #main.recru .forms p.ouchamp, #main.recru .forms p.cvchamp, #main.recru .forms p.autrechamp{
	width:100%;
}

#main.recru p.comchamp textarea{
	width:679px;
	float: right;
	border: 1px solid #009cc9;
    background-color: transparent;
    color: #222;
    border-radius: 3px;
    font-family: 'centurygt';
}

#main.recru p.buttons{
	padding-top: 21px;
}

#main.recru p.buttons button{
    width: 145px;
    height: 30px;
    background-color: #009cc9;
    color: #fff;
    border: none;
    margin-top: 10px;
    border-radius: 3px;
}

#main.recru button:hover{
	background-color: #222;
}

#main.recru  .thanks {
    margin-bottom: 25px;
    color: #009cc9;
    font-size: 14px;
    line-height: 16px;
    width: 50%;
    height: auto;
    background-color: #fff;
    margin: 20px auto;
    padding: 10px;
    border-radius: 0 0 30px 0;
}

#main.recru .forms p.cvchamp input, #main.recru .forms p.autrechamp input{
    width: 245px;
}

#main.recru .g-recaptcha {
    width: 50%;
    margin-top: 10px;
    color: #222;
    display: block;
    height: auto;
    float: left;
    padding: 0 3%;
}

#main-insc p label{
	display: block;
    height: auto;
    font-size: 14px;
    color: #222;
    font-weight:bold;
    text-align:left;
    float:left;


}

#main-insc p input{
	border:1px solid #009cc9;
	background-color: transparent;
	color:#222;
	border-radius:3px;
	height:20px;
}

#main-insc .civilite{
	color: #222;
    width: 50%;
    height: 93px;
    float: left;
    padding:0 3%;
    margin-bottom:15px;
}

#main-insc .forms .socc_name{
	padding:10px 3%;
}

#main-insc .forms .socc_name input{
	float:right;
}

#main-insc .civilite label{
	float:none;
}

#main-insc .civilite p{
	width:auto;
	height:auto;
	float:left;
	padding:0;
	margin-bottom:3px;
}


#main-insc .civilite div label{
	clear:none;
	display:inline;
	color:#222;
	font-weight:normal;
	clear:both;
	float:none;
}

#main-insc .civilite div{
	width: 80%;
    float: left;
}

#main-insc .civilite input{
	height:auto;
}

#main-insc .civilite div .autressug label input{
	display: block;
    width: 40px;
    float: right;
    margin-left: 6px;
    border:1px solid #222;
}

.info_o{
	color:#FF6565;
}

#main-insc .info_rest{
	width:100%;
	height:auto;
	clear:both;
}

#main-insc .info_rest p{
	margin-bottom:10px;
}

#main-insc .info_rest p input{
	float:right;
}

#main-insc .send_request{
	width:100%;
	height:auto;
	clear:both;

}

#main-insc .send_request p{
	width:100%;
	margin-top:10px;
}

#main-insc .send_request .buttons button{
	width:auto;
	height:30px;
	background-color:#009cc9;
	color:#fff;
	border:none;
	margin-top:10px;
	border-radius: 3px;
}

#main-insc .send_request .buttons button:hover{
	background-color:#222;
	color:#fff;
}

#main-insc .forms .client .dejaclient label{
	display: inline;
    color: #222;
    font-weight: normal;
    float: left;
}

#main-insc .forms .client .dejaclient label.oui{
	margin-right: 15px;
    margin-left: 6px;
}

#main-insc .forms .client .non{
	color: #222;
    font-weight: normal;
    margin-left: 7px;
}

#main-insc .forms .client .dejaclient label input{
	display: block;
    width: 46%;
    height:auto;
    float: right;
    margin-left: 6px;
    border: 1px solid #222;
}

#main-insc .forms .client{
	width: 50%;
    float: left;
}

#main-insc .forms .client p{
	width: 100%;
    height: 20px;
}
#main-insc .client input{
	margin:0;
}

#main-insc .client p input{
	float:left;
}

#main-insc .send_request .screenReader{
	height:0;
	opacity:0;
}

#main-insc .civilite p.subscribeSociete{
	width:100%;
	margin-top:20px;
}

#main-insc .civilite label.subscribeSociete{
	float:left;
}

#main-insc .civilite input.subscribeSociete{
	float:right;
	height:20px;
}

#main-insc .forms .client .codeclient{
	font-size: 11px;
    display: block;
    height: 33px;
    font-style: italic;
    text-align: left;
    color: #414d48;
}

/*fin de demande*/


/*FIN INSCRIPTION*/

/*INDISPO PAGE*/

#indispo{
	color: #fff;
    font-size: 18px;
    margin-top: 25px;
    line-height:22px;
}

/*FIN DE INDISPO PAGE*/

/*PAGE CALCUL*/

	/*SURFACE*/

	#fondgris-calculx3-r{
		width:100%;
		height:auto;
		padding-top:180px;
	}

	#fondgris-calculx3-r #main{
		width:50%;
		height:auto;
		padding-top:25px;
		margin:auto;
	}

	#fondgris-calculx3-r #main .ent_valeur{
		width:100%;
		height:auto;
		clear:both;
		background-color: #fff;
		border-radius:30px 0 0 0;
		color:#222;
		font-size:15px;
		padding-bottom:10px;
		margin-bottom:25px;
	}

	#fondgris-calculx3-r #main .ent_valeur h3{
		font-size:20px;
		color:#009cc9;
		font-weight:bold;
		padding-top:10px;
		margin-bottom:5px;
	}

	#fondgris-calculx3-r #main .ent_valeur div{
		margin:20px 0 0 0;
		width:100%;
		min-height:75px;
		height:auto;
		padding:0 20%;
	}

	#fondgris-calculx3-r #main .ent_valeur div p{
		display:block;
		margin-bottom:10px;
		float:left;
		margin-left:25px;
		height:auto;
	}

	#fondgris-calculx3-r #main .ent_valeur div p label{
		color:#222;
	}

	#fondgris-calculx3-r #main .ent_valeur div p input{
		color:#222;
		border:2px solid #009cc9;
	}

	#fondgris-calculx3-r #main .ent_valeur div .butt_valide{
		width:100%;
		margin-left:0;
		margin-top:10px;
	}

	#fondgris-calculx3-r #main .ent_valeur div p .valide{
		margin:auto;
		width:100px;
		height:25px;
		color:#fff;
		background-color: #009cc9;
		border:none;
	}

	#fondgris-calculx3-r #main .ent_valeur div p .valide:hover{
		background-color: #222;
	}

	#fondgris-calculx3-r #main .result_value{
		width:100%;
		height:225px;
		clear:both;
		background-color: #fff;
		border-radius:0 0 30px 0;
		color:#222;
		font-size:15px;
		overflow:hidden;
	}

	#fondgris-calculx3-r #main .result_value .texte{
		width: 30%;
	    height: 100%;
	    float: left;
	    background-color: #222;
	    padding-top: 13px;
	    padding-bottom: 13px;
	    color: #fff;
	}

	#fondgris-calculx3-r #main .result_value .texte p{
		padding:0 20px;
		text-align: left;
		margin-bottom:15px;
		line-height:18px;
	}

	#fondgris-calculx3-r #main .result_value .texte .explica{
		font-size:10px;
		margin-bottom: 19px;
		line-height:normal;
	}

	#fondgris-calculx3-r #main .result_value .texte p input{
		width:45px;
		background-color: transparent;
		border:none;
		color:#009cc9;
		border-bottom:1px dotted #fff;
	}

	#fondgris-calculx3-r #main .result_value .schema{
		width:70%;
		height:100%;
		padding:0 20px;
		float:left;
	}

	#fondgris-calculx3-r #main .result_value .schema img{
		height:100%;
		margin:0 auto;
	}

	/*FIN SURFACE*/

	/*VOLUME*/

	#fondgris-calculx3{
	width:100%;
	height:auto;
	padding-top:180px;
	}

	#fondgris-calculx3 #main{
		width:50%;
		height:auto;
		padding-top:25px;
		margin:auto;
	}

	#fondgris-calculx3 #main .ent_valeur{
		width:100%;
		height:auto;
		clear:both;
		background-color: #fff;
		border-radius:30px 0 0 0;
		color:#222;
		font-size:15px;
		padding-bottom:10px;
		margin-bottom:25px;
	}

	#fondgris-calculx3 #main h3{
		font-size:18px;
		color:#fff;
		font-weight:bold;
		padding-top:10px;
		margin-bottom:5px;
	}

	#fondgris-calculx3 #main .ent_valeur div{
		margin:20px 0 0 0;
		width:100%;
		min-height:75px;
		height:auto;
		padding:0 20%;
	}

	#fondgris-calculx3 #main .ent_valeur div p{
		display:block;
		margin-bottom:10px;
		clear:both;
		margin-left:25px;
		height:auto;
	}

	#fondgris-calculx3 #main .ent_valeur div p label{
		color:#222;
	}

	#fondgris-calculx3 #main .ent_valeur div p input{
		color:#222;
		border:2px solid #009cc9;
	}

	#fondgris-calculx3 #main .ent_valeur div .butt_valide{
		width:100%;
		margin-left:0;
		margin-top:10px;
	}

	#fondgris-calculx3 #main .ent_valeur div p .valide{
		margin:auto;
		width:100px;
		height:25px;
		color:#fff;
		background-color: #009cc9;
		border:none;
	}

	#fondgris-calculx3 #main .ent_valeur div p .valide:hover{
		background-color: #222;
	}

	#fondgris-calculx3 #main .result_value{
		width:100%;
		height:225px;
		clear:both;
		background-color: #fff;
		border-radius:0 0 30px 0;
		color:#222;
		font-size:15px;
		overflow:hidden;
	}

	#fondgris-calculx3 #main .result_value .texte{
		width: 30%;
	    height: 100%;
	    float: left;
	    background-color: #414d48;
	    padding-top: 75px;
	    padding-bottom: 75px;
	    color: #fff;
	}

	#fondgris-calculx3 #main .result_value .bacT{
	    padding-top: 45px;
	    padding-bottom: 45px;
	}

	#fondgris-calculx3 #main .result_value .texte p{
		padding:0 20px;
		text-align: left;
		margin-bottom:20px;
		line-height:18px;
	}

	#fondgris-calculx3 #main .result_value .texte .explica{
		font-size:9px;
		margin-bottom: 19px;
		line-height:normal;
	}

	#fondgris-calculx3 #main .result_value .texte p input{
		width:45px;
		background-color: transparent;
		border:none;
		color:#009cc9;
		border-bottom:1px dotted #fff;
	}

	#fondgris-calculx3 #main .result_value .schema{
		width:70%;
		height:100%;
		padding:0 20px;
		float:left;
	}

	#fondgris-calculx3 #main .result_value .schema img{
		height:100%;
		margin:0 auto;
	}

	#fondgris-calculx3 .toggleinfo .subMenu{
		background-color: #222;
	}

	/*FIN VOLUME*/

	/*DOSE*/

	#fondgris-calculx2{
		width:100%;
		height:auto;
		padding-top:180px;
	}

	#fondgris-calculx2 #main{
		width:50%;
		height:auto;
		padding-top:25px;
		margin:auto;
		position: relative;
		z-index:1;
	}

	#fondgris-calculx2 #main .ent_valeur{
		width:100%;
		height:auto;
		clear:both;
		background-color: #fff;
		border-radius:30px 0 0 0;
		color:#222;
		font-size:15px;
		padding-bottom:10px;
		margin-bottom:25px;
	}

	#fondgris-calculx2 #main .ent_valeur h3{
		font-size:20px;
		color:#009cc9;
		font-weight:bold;
		padding-top:10px;
		margin-bottom:5px;
	}

	#fondgris-calculx2 #main .ent_valeur .explica{
		font-size:10px;
		margin-bottom: 10px;
		line-height:normal;
	}

	#fondgris-calculx2 #main .ent_valeur div{
		margin:20px 0 0 0;
		width:100%;
		min-height:130px;
		height:auto;
		padding:0 20%;
	}


	#fondgris-calculx2 #main .ent_valeur div p{
		display: block;
	    margin-bottom: 10px;
	    clear: both;
	    margin-left: auto;
	    margin-right: auto;
	    height: auto;
	}

	#fondgris-calculx2 #main .ent_valeur div p label{
		color:#222;
	}

	#fondgris-calculx2 #main .ent_valeur div p input{
		color:#222;
		border:2px solid #009cc9;
	}

	#fondgris-calculx2 #main .ent_valeur div .butt_valide{
		width:100%;
		margin-left:0;
		margin-top:10px;
	}

	#fondgris-calculx2 #main .ent_valeur div p .valide{
		margin:auto;
		width:100px;
		height:25px;
		color:#fff;
		background-color: #009cc9;
		border:none;
	}

	#fondgris-calculx2 #main .ent_valeur div p .valide:hover{
		background-color: #222;
	}

	#fondgris-calculx2 #main .result_value{
		width:100%;
		height:225px;
		clear:both;
		background-color: #fff;
		border-radius:0 0 30px 0;
		color:#222;
		font-size:15px;
		margin-bottom: 35px;
		overflow:hidden;
	}

	#fondgris-calculx2 #main .result_value .texte{
		width: 30%;
	    height: 100%;
	    float: left;
	    background-color: #222;
	    padding-top: 13px;
	    padding-bottom: 13px;
	    color: #fff;
	}

	#fondgris-calculx2 #main .result_value .texte p{
		padding:0 20px;
		text-align: left;
		margin-bottom:15px;
		line-height:18px;
	}

	#fondgris-calculx2 #main .result_value .texte .explica{
		font-size:10px;
		margin-bottom: 19px;
		line-height:normal;
	}

	#fondgris-calculx2 #main .result_value .texte p input{
		width:45px;
		background-color: transparent;
		border:none;
		color:#009cc9;
		border-bottom:1px dotted #fff;
	}

	#fondgris-calculx2 #main .result_value .schema{
		width:70%;
		height:100%;
		padding:0 20px;
		float:left;
	}

	#fondgris-calculx2 #main .result_value .schema img{
		height:100%;
		margin:0 auto;
	}

	/*FIN DOSE*/

	/*CORRESP*/

	#fondgris-calcul-corres{
		width:100%;
		height:auto;
		padding-top:180px;
	}

	#fondgris-calcul-corres #main{
		width:50%;
		height:auto;
		padding-top:25px;
		margin:auto;
	}

	#fondgris-calcul-corres #main .ent_valeur{
		width:100%;
		height:auto;
		clear:both;
		background-color: #fff;
		border-radius:30px 0 0 0;
		color:#222;
		font-size:15px;
		padding-bottom:10px;
		margin-bottom:25px;
	}

	#fondgris-calcul-corres #main .ent_valeur h3{
		font-size:20px;
		color:#009cc9;
		font-weight:bold;
		padding-top:10px;
		margin-bottom:5px;
	}

	#fondgris-calcul-corres #main .ent_valeur div{
		margin:20px 0 0 0;
		width:100%;
		min-height:75px;
		height:auto;
		padding:0 20%;
	}

	#fondgris-calcul-corres #main .ent_valeur div p{
		display:block;
		margin-bottom:10px;
		float:left;
		margin-left:25px;
		height:auto;
	}

	#fondgris-calcul-corres #main .ent_valeur div p label{
		color:#222;
	}

	#fondgris-calcul-corres #main .ent_valeur div p input{
		color:#222;
		border:2px solid #009cc9;
	}

	#fondgris-calcul-corres #main .ent_valeur div .butt_valide{
		width:100%;
		margin-left:0;
		margin-top:10px;
	}

	#fondgris-calcul-corres #main .ent_valeur div p .valide{
		margin:auto;
		width:100px;
		height:25px;
		color:#fff;
		background-color: #009cc9;
		border:none;
	}

	#fondgris-calcul-corres #main .ent_valeur div p .valide:hover{
		background-color: #222;
	}

	#fondgris-calcul-corres #main .result_value{
		width:100%;
		height:225px;
		clear:both;
		background-color: transparent;
		border-radius:0 0 30px 0;
		color:#222;
		font-size:15px;
		overflow:hidden;
	}

	#fondgris-calcul-corres #main .result_value .texte1{
		width: 47%;
	    height: 100%;
	    float: left;
	    background-color: #222;
	    padding-top: 26px;
	    padding-bottom: 26px;
	    color: #fff;
	}

	#fondgris-calcul-corres #main .result_value .texte1 p{
		padding: 0 20px;
    text-align: left;
    margin-bottom: 5px;
    line-height: 18px;
	}

	#fondgris-calcul-corres #main .result_value .texte1 p input{
		width:50%;
		height:25px;
		background-color: #fff;
		border:none;
		color:#222;
		margin-left: 22%;
	}

	#fondgris-calcul-corres #main .result_value .texte1 p .valide{
		background-color: #009cc9;
		color:#fff;
	}

	#fondgris-calcul-corres #main .result_value .texte1 p .valide:hover{
		background-color: #fff;
		color:#222;
	}

	#fondgris-calcul-corres #main .result_value .texte1 .butt_valider{
		margin-top:25px;
	}


	#fondgris-calcul-corres #main .result_value .texte2{
		width: 47%;
	    height: 100%;
	    float: right;
	    background-color: #222;
	    padding-top: 26px;
	    padding-bottom: 26px;
	    color: #fff;
	}

	#fondgris-calcul-corres #main .result_value .texte2 p{
		padding: 0 20px;
	    text-align: left;
	    margin-bottom: 5px;
	    line-height: 18px;
	}

	#fondgris-calcul-corres #main .result_value .texte2 p input{
		width:50%;
		height:25px;
		background-color: #fff;
		border:none;
		color:#222;
		margin-left: 22%;
	}

	#fondgris-calcul-corres #main .result_value .texte2 p .valide{
		background-color: #009cc9;
		color:#fff;
	}

	#fondgris-calcul-corres #main .result_value .texte2 p .valide:hover{
		background-color: #fff;
		color:#222;
	}

	#fondgris-calcul-corres #main .result_value .texte2 .butt_valider{
		margin-top:25px;
	}

	.equi{
		margin-top: 50px;
	}

	#fondgris-calcul-corres #main .deux{
		height:255px;
	}

	#fondgris-calcul-corres #main .result_value .texte3{
		width: 47%;
	    height: 100%;
	    margin:auto;
	    background-color: #222;
	    padding-top: 26px;
	    padding-bottom: 26px;
	    color: #fff;
	}

	#fondgris-calcul-corres #main .result_value .texte3 p{
		padding: 0 20px;
    text-align: left;
    margin-bottom: 5px;
    line-height: 18px;
	}

	#fondgris-calcul-corres #main .result_value .texte3 p input{
		width:50%;
		height:25px;
		background-color: #fff;
		border:none;
		color:#222;
		margin-left: 22%;
	}

	#fondgris-calcul-corres #main .result_value .texte3 p .valide{
		background-color: #009cc9;
		color:#fff;
	}

	#fondgris-calcul-corres #main .result_value .texte3 p .valide:hover{
		background-color: #fff;
		color:#222;
	}

	#fondgris-calcul-corres #main .result_value .texte3 .butt_valider{
		margin-top:25px;
	}

	/*FIN CORRESP*/

/*FIN PAGE CALCUL*/


/*NO MARGIN*/

#contact #section2 .zonedroite div .nomargin-right{margin-right:0;}


.carre-presta.nomargin-right{margin-right:0;}

/*MODIF FLIP EFFECT*/
.panel.nomargin-right{margin-right:0;}

.rectangle.nomargin-right{margin-right:0;}

#contener-produit #twobar .carre.nomargin-right{margin-right:0;}

/*FIN NO MARGIN*/

/*FDS*/


#fds table{
	width:50%;
	margin-left:auto;
	margin-right:auto;
	margin-top: 25px;
	background-color:#fff;
}

#fds table th, #piece_detachee th{
	color:#009cc9;
	background:#222;
	border:1px solid #222;
	height:50px;
	line-height:50px;
	font-weight:bold;
}

#fds table td{
	color:#222;
	border:1px solid #222;
	line-height:50px;
	vertical-align: top;
}

#fds table td a img{
	float:left;
	height:50px;
}

#fds table td a p{
	display: block;
	width:auto;
	height:50px;
	float:left;
}

.highlighted{
	color:#009cc9;
}

#fds{
	width: 100%;
    height: auto;
    padding-top: 25px;
}

#fds .top{
	background:#fff;
	width:50%;
	height:auto;
	margin:auto;
	border-radius: 30px 0 0 0;
	padding:10px;
	margin-bottom:25px;
}


#fds label{
	display:block;
	width:80%;
	margin:auto;
	color: #009cc9;
	clear:both;
    font-size: 17px;
    margin-bottom:10px;
}

#fds input{
    margin-top: 8px;
    width: 200px;
    height: 25px;
    background-color: #fff;
    border: 2px solid #009cc9;
    border-radius: 4px;
    color: #222;
    font-size: 14px;
    clear: both;
    padding-left:5px;
	margin-bottom:30px;
}

#fds #recherche{
	width:150px;
	height:30px;
	background-color: #009cc9;
	color:#000;
}

#fds .result{
	color:#fff;
}

#fds .no_result{
	color:#FF6565;
}

#fds h3{
	font-size: 25px;
    color: #414d48;
    font-weight: bold;
    text-align: center;
    margin: 10px 0 15px 0;
}
/*Fin FDS*/

/*MENTIONS LEGALES */
#mention-legal{
	width: 50%;
    min-height: 100%;
    padding-top: 90px;
    height: auto;
    float: right;
}
	
#mention-legal p{
	margin: 30px 0;
    color: #fff;
	font-size:12px;
}

#mention-legal p span{
	font-weight:bold;
    color: #222;
	font-size:16px;
	line-height:35px;
}

#mention-legal h6{
	font-size: 35px;
    color: #222;
    font-weight: bold;
    text-align: center;
    margin: 25px 0 15px 0;
}

/*FIN MENTIONS LEGALES*/

/*JEU CONCOURS*/

#participe-jeu{
    width: 320px;
    margin: auto;
    background-color: #009cc9;
    padding: 9px;
    border-radius: 10px;
    box-shadow: 2px 2px 10px #262726;
    margin-top:50px;
}

#participe-jeu label{
    color: #fff;
    text-align: right;
    width: 30%;
    display: block;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 13px;
}

#participe-jeu .screenReader {
    width: 100%;
    float: left;
    opacity: 0;
    height: 0;
}

#participe-jeu input{
    height: 20px;
    background: none;
    border: 2px solid #fff;
    color: #fff;
    font-family: 'centurygt';
    border-radius: 4px;
    width: 65%;
}


#participe-jeu p{
    margin-bottom: 5px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------ATTENTION ! A PARTIR D'ICI, NOUS PASSONS EN RESPONSIVE !---------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*+1400 px - Ordi*/

@media screen and (min-width: 1400px){

	#fondmenu, #contact, #section2, #section3{
		background-size:100%;
		background-position: center; 
	}

	#recru>div:nth-of-type(1),#internationnal>div:nth-of-type(1),#rd>div:nth-of-type(1),#agriagro>div:nth-of-type(1),#metiergrp>div:nth-of-type(1){
		background-size: 104%;
	}

}

/*1700 px - Ordi*/

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

	#main.recru .forms p.cvchamp input, #main.recru .forms p.autrechamp input {
	    width: 245px;
	    float: left;
	    margin-top: 12px;
	}

	#main.recru p.comchamp textarea{
	    width: 80%;
	}

	#main.recru .refchamp input, #main.recru select {
    	width: 100%;
    	margin-top:10px;
	}

	#main.recru .forms p.cvchamp label, #main.recru .forms p.autrechamp label{
		width:100%;
		text-align: left;
	}

	#main.recru  .ouchamp input{
	    float: left;
	    margin-left: 12px;
	}

	#main.recru .forms p {
	    margin-bottom: 10px;
	}

	#main-insc .forms, #main.recru .forms {
	    height: 510px;
	}

}

/*1400 px - Ordi*/

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

	.proposition {
	    width: 53%;
	    height: auto;
	    clear: both;
	    position: absolute;
	    z-index: 1;
	    top: 650px;
	    margin-left: 20%;
	}

	#main.recru .entete, #main.recru .forms {
	    width: 60%;
	}

}


/*1281 px - Ordi*/

@media screen and (max-width: 1281px){
	/*HEADER*/
	.logo{
		width:50%;
	}

	.logo img{
		margin-left: 10px;
		float:left;
	}

	/*FIN HEADER*/

	/*MENU PAGE ENTRE*/

	#categories{
		width:47%;
		margin-right:0;
	}

	/*FIN MENU PAGE ENTRE*/

	/*ACTU*/

	#contentarticle{
		width:47%;
	}

	#contentarticle #categories{
		width:100%;
		margin-right:0;
	}

	#menusociete>div:nth-of-type(1) {
    background-size: 141%;
}

	/*FIN ACTU*/

	/*CONTACT*/

	#contact #section1 #bandeauinfo p{
		font-size:13px;
	}

	#bandeauinfo iframe{
		width:94%;
	}

	#contact #section2 .zonedroite .fondtransp{
		width:50%;
	}

	#contact section .fondtransp p{
		font-size:14px;
	}

	#contact #section2 .zonedroite p span{
		font-size: 10px;
	}

	/*FIN CONTACT*/
	
	#info .explica{
		font-size:14px;
	}

	

	.toggleinfo a{
		font-size:14px;
	}

	#section2 .zonedroite{
		width:86%;
	}

	#contact #section2 .zonedroite .fondtransp{
		width:53%;
		float:right;
	}


	#contact #section2 .zonedroite .dem textarea{
		width:80%;
	}

	#menusociete #histoire{
		padding: 20px 50px;
	}
	
	#contentsociete article p{
		line-height: 15px;
	}

	.large_h6 a{
		line-height: 20px;
	}
	
	/*DEMANDE COMPTE*/
	
	#main-insc .entete, #main-insc .forms{
		width:65%;
	}
	
	#main-insc .civilite{
		height:110px;
	}
	
	#fondgris #main-insc #footer-scrollpage {
    position: relative;
	}
	/*FIN DEMANDE COMPTE*/
	
	/*CONNEXION*/
	
	#fondgris-connect #footer-scrollpage {
		z-index: 0;
	}

	/*FIN CONNEXION*/

	/*PRODUIT*/

	.proposition {
    width: 68%;
    height: auto;
    clear: both;
    position: absolute;
    z-index: 1;
    top: 650px;
    margin-left: 6%;
}

#main.recru .entete, #main.recru .forms {
    width: 70%;
}
	/*BRUMISATION*/

	#brumi .produit-brum {
    width: 460px;
    margin: auto;
	}

	#brumi .produit-brum button {
    font-size: 24px;
    color: #222;
    font-weight: 700;
    border: none;
    text-align: center;
    line-height: 80px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 435px;
    background-color: #009cc9;
    border-radius: 30px 0 0 0;
	}

	#brumi .produit-brum .carre {
    margin-bottom: 50px;
	}

	/*FIN BRUMISATION*/
}

/*FIN 1281 px*/

/*1150 px - Petit ordi et tablette (1025)*/

@media screen and (max-width: 1150px){
	/*SIDEBAR*/
	#callback:active{
		margin-left:0;
	}

	#mailto:active{
		margin-left:0;
	}

	#outilcalc:active{
		margin-left:0;
	}

	#fb:active{
		margin-left:0;
	}
	/*FIN SIDEBAR*/

	/*MENU PAGE*/


	.carre{
		width:140px;
		height:140px;
	}

	.carre p{
		width:140px;
		height:140px;
		font-size: 14px;
		padding-top: 100px;
	}

	.carre.fixe img{
		width:100%;
		height:auto;
	}

	.carre h2{
		width:140px;
		height:140px;
		font-size:96px;
	}


	.rectangle{
		width:235px;
	}

	.rslides img{
		height:100%;
		min-height:100%;
	}

	#categories{
		width:50%;
	}

	nav{
		width:53%;
	}

	.logo{
		width:47%;
	}
	/*FIN MENU PAGE*/

	/*SOCIETE*/

	#contentsociete article p{
		font-size:12px;
		line-height:13px;

	}

	#metiergrp article p{
		text-align:left;
	}

	/*FIN SOCIETE*/

	/*PS*/

	#categories.progsan {
    	width: 47%;
	}

	.carre.imgvaci p,.carre.imgvace p {
    padding-top: 58px;
	}

	#demo section:nth-of-type(1){
		box-shadow: none;
		min-width: auto;
	}

	#contenerall {
    	width: 100%;
	}


	#catname {
    	width: 13%;
    	margin-left:60px;
    	margin-top: 141px;
		height: 52.5%;
	}

	#catname ul li{
    	width: 100%;
	}

	#catname ul li h3 {
    	width: 100%;
    	position: relative;
    	height:auto;
	}

	#catname ul li p {
		padding-top: 5px;
    	width: 100%;
    	font-size: 12px;
	}

	.snap-scrolling-example .content {
    	height: 89%;
    	width: 77%;
	}

	#ztexte{
		height:120px;
	}

	#space{
		height:70px;
	}

	#gptblock {
    	height: 45px;
	}

	.periodett {
    	margin-top: 5px;
	}

	#lptblock {
    	height: 20px;
	}

	.ptblock p{
		margin-top:0;
		font-size: 12px;
	}

	#cn, #te, #h {
		height:92px;
	}

	.block p{
		padding: 43px 0;
		font-size:12px;
	}

	.block p.deuxlignes {
    	padding: 32px 0;
	}

	.ptblock, .block{
		width: 145px;
	}

	.block span p{
		width:100%;
	}

	.block span{
		bottom: 272px;
		width:160px;
	}

	.block span.double {
	    margin-left: -60px;
	}

	.block.quatre {
    	width: 580px;
	}

	.periodett {
	    display: block;
	    margin-top: 5px;
	    width: 145px;
	    text-align: center;
	    float: left;
	}

	.nais {
    	margin-left: 4%;
	}

	.sevr {
    	margin-left: 55.75%;
	}

	h6.ps{
		font-size: 25px;
	}

	.demi {
	    height: 50%;
	}

	.veau #cn, .veau #te, .veau #h{
    	width: 1595px;
	}

	#souscatname {
	    float: left;
	    width: 100px;
	    height: 39.5%;
	    margin-top: 144px;
	}

	.vl #cn {
	    height: 145px;
	}

	.vl #souscatname ul li div {
	    line-height: 36px;
	}

	.vl #cn .block p.deuxlignes {
	    padding: 7px 0;
	}

	.vl #catname ul li.cn {
	    height: 37.33%;
	    padding: 29px 0;
	}

	.vl #catname ul li {
	    height: 23%;
	}

	.block.trois {
	    width: 435px;
	}

	.block.deux {
	    width: 290px;
	}

	.vl .pav {
	    margin-left: 77px;
	}

	.allai {
	    margin-left: 285px;
	}

	.mar {
	    margin-left: 150px;
	}

	.vl .tar {
	    margin-left: 435px;
	}

	.vl .block span {
	    bottom: 323px;
	}

	.vl .snap-scrolling-example .content, .vaci .snap-scrolling-example .content {
	    height: 113%;
	    width: 700px;
	}

	.vl #cn, .vl #te, .vl #h{
		    width: 1596px;
	}

	.vaci #cn{
		height:92px;
	}

	.vaci #cn .block p {
	    padding: 17px 0;
	    font-size: 12px;
	}

	.vaci #souscatname {
    	height: 25%;
	}

	.vaci #souscatname ul li div{
		line-height: 45px;
	}

	.vaci #catname ul li.cn {
	    height: 25.33%;
	    padding: 3px 0;
	}

	.vaci .block span {
	    bottom: 270px;
	}

	.vace .snap-scrolling-example .content {
	    width: 69%;
	}

	.vace #cn{
		height:145px;
	}

	.vace #cn .block p {
	    padding: 17px 0;
	    font-size:12px;
	}

	.vace #catname {
	    height: 48.5%;
	}

	.vace #souscatname ul li div{
		line-height: 48px;
	}

	.vace .block span {
	    bottom: 325px;
	}

	.vace .allai {
	    margin-left: 135px;
	}

	.vace .mar {
	    margin-left: 145px;
	}

	.vace #catname ul li.cn {
	    padding: 41px 0;
	}

	.vace .deux span{
		margin-left: 40px;
	}

	#bandeau {
	    width: 140px;
	}

	#bandeau.bcenter {
	    width: 145px;
	}

	.pstan #cn, .pstan #te, .pstan #h,.pstan #ztexte{
		    width: 3030px;
	}

	.dtp{
		margin-left:26.25%;
	}

	.psa {
	    margin-left: 6.5%;
	}

	.pl #space {
	    height: 101px;
	}

	.pl .periodett{
		margin-top:0;
	}

	.pl .psa {
	    margin-left: 7.75%;
	}

	.pl .dtp {
	    margin-left: 20.75%;
	}

	.pl #catname, .pp #catname, .can #catname, .can-pag #catname, .dd #catname{
		margin-top: 170px;
	}

	.pl #cn, .pl #te, .pl #h, .pl #ztexte{
		    width: 2600px;
	}

	.pp .psa {
	    margin-left: 8%;
	}

	.pp .dtp {
	    margin-left: 11%;
	}

	.pp #space, .can #space, .can-pag #space, .dd #space {
	    height: 100px;
	}

	.pp #cn, .pp #te, .pp #h, .pp #ztexte {
   		width: 2310px;
   	}

	.can .psa {
	    margin-left: 7%;
	}

	.can .dtp {
	    margin-left: 23%;
	}

	.can #cn, .can #te, .can #h, .can #ztexte {
   		width: 2910px;
   	}

	.can-pag .dtp, .dd .dtp {
	    margin-left: 22%;
	}

	.can-pag #cn, .can-pag #te, .can-pag #h, .can-pag #ztexte {
   		width: 2895px;
   	}

   	.dd #cn, .dd #te, .dd #h, .dd #ztexte {
   		width: 3050px;
   	}

	.block p.ligneband {
	    padding: 15px 0;
	}

	.prepa-agn {
	    margin-left: 75px;
	}

	.agn {
	    margin-left: 144px;
	}

	.prepa-lut {
	    margin-left: 290px;
	}

	.ins {
	    margin-left: 290px;
	}

	.brebis #cn, .brebis #te, .brebis #h, .brebis #ztexte {
	    width: 1886px;
	}

	.prepa-repro {
	    margin-left: 73px;
	}

	.pmise-bas {
	    margin-left: 142px;
	}

	.mise-bas {
	    margin-left: 289px;
	}

	.block.cinq {
	    width: 725px;
	}

	.block.uncinq {
	    width: 241.6px;
	}

	.block.cinq span {
	    margin-left: 283px;
	}

	.block.trois span {
	    margin-left: 137px;
	}

	.chevre #cn, .chevre #te, .chevre #h, .chevre #ztexte {
	    width: 1635px;
	}

	.vignes #ztexte, .noyer #ztexte, .cereales #ztexte, .prairies #ztexte {
	    height: 165px;
	}

	.vignes #space,.noyer #space,.cereales #space,.prairies #space {
	    height: 100px;
	}

	.vignes .snap-scrolling-example .content, .noyer .snap-scrolling-example .content, .cereales .snap-scrolling-example .content, .prairies .snap-scrolling-example .content{
	    width: 100%;
	}

	.vignes #ztexte, .vignes #tcarbo, .vignes #tphyto, .vignes #therbi {
	    width: 1500px;
	}		

	.noyer #ztexte, .noyer #tcarbo, .noyer #tphyto, .noyer #therbi {
	    width: 1050px;
	}

	.cereales #ztexte, .cereales #tcarbo, .cereales #tphyto, .cereales #therbi {
	    width: 1450px;
	}

	.ptblock.double {
	    width: 290px;
	}

	.prairies #ztexte, .prairies #tcarbo {
	    width: 905px;
	}

	.prairies .block.deux span {
	    margin-left: 59px;
	}



	/*FIN PS*/

	/*ACTU*/


	#contentarticle .carre.compnutri{
		width:140px;
		height:140px;
	}

	#contentarticle .carre.traiteau{
		width:140px;
		height:140px;
	}

	#contentarticle .carre.hygi{
		width:140px;
		height:140px;
	}

	#contentarticle .carre{
		width:140px;
		height:140px;
	}

	#contentarticle .carre.compnutri p, #contentarticle .carre.traiteau p, #contentarticle .carre.hygi p{
		line-height:16px;
	}

	#contentarticle{
		width:51%;
	}

	#info, #rejoigneznous {
    width: 85%;
    min-height: auto;
}

	#info .title{
		height:auto;
	}

	#info .zgauche, #rejoigneznous .zgauche{
	    width: 25%;
	}

	#info .zdroite, #rejoigneznous .zdroite{
		width: 70%;
	}

	#info h6, #rejoigneznous h6{
		font-size:25px;
	}

	#info img, #rejoigneznous img{
		width: 100%;
		height:auto;
	}

	#rejoigneznous button {
		float:left;
		margin-right: 2%;
		font-size: 14px;
		width: 46%;
	}

	#rejoigneznous p {
	    line-height: 14px;
	    font-size: 14px;
	}

	#main.recru .entete, #main.recru .forms {
    width: 80%;
}
	/*FIN ACTU*/

	/*ESPACE PERSO*/

#categories-infoperso{
	width:55%;
}

#categories-infoperso .rectangle.bienvenue {
    padding: 15px 27px;
}

/*FIN ESPACE PERSO*/
}

@media screen and (max-width: 1025px){
	/*MENU PAGES*/
	#categories{
		width:50%;
	}

	nav{
		width:57%;
	}

	.logo{
		width:43%;
	}


	/*FIN MENU PAGE*/
	/*SOCIETE*/

	#menusociete #categories{
		width:50%;
	}

	#menusociete>div:nth-of-type(1) {
    background-size: 200%;
}



	/*FIN SOCIETE*/
	/*PRODUIT*/

	#produit .ficheproduit .info{
		height:auto;
		margin-bottom: 20px;
	}

	#produit .ficheproduit .info .fondblanc img{
		margin-top:0;
		min-height:auto;
	}

	#produit .ficheproduit .info .zonedroite{
		width: 71%;
		min-height:250px;
		height:auto;
		margin-bottom: 30px;
	}
	
	#produit .infocomplement #connectinfo{
		height:auto;
	}

	#produit .ficheproduit .info .zonegauche{
		height:250px;
		min-height:auto;
	}

	#produit .ficheproduit .info .fondblanc{
		min-height:auto;
	}

	#produit .ficheproduit .info .desc{
		height:auto;
		margin-bottom:20px;
	}



	.ficheproduit .info .infocomplement{
		float:none;
		width:100%;
		margin:25px 0 0 0;
	}

	.openinfo{
		padding:0;
	}

	#produit .ficheproduit .info .infocomplement li{
		width:100%;
	}

	.proposition{
		width:100%;
		position: relative;
   		top: 0;
   		margin-left:0;
	}

	.single_foot #footer-scrollpage{
		position:relative;
	}
	
	#produit .infocomplement #connectinfo{
		clear:both;
		padding: 30px;
	}

	.phraseob {
    float: left;
    width: 100%;
    height: 30px;
    font-size: 10px;
    color: #fff;
    position: relative;
    z-index: 1;
    top: 0;
    margin-bottom: 10px;
	}


	/*FLIP*//*MODIF FLIP EFFECT*/

.panel {
	width:120px;
	height: 120px;  

    margin-right: 20px;
    margin-bottom: 10px;
	position: relative;
	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	float: left;
}

.box1{
	width: 120px;
	height: 120px;
    float: left;
    box-shadow: 3px 2px 7px #2a4256;
}
.box2{
	width: 120px;
	height: 120px;
	padding: 20px;
    box-shadow: 3px 2px 7px #2a4256;
    border-radius: 20px 0;
}

.panel p{
	width: 120px;
	height: 120px;	
	padding-top: 81px;
}

.panel .back p {
    display: block;
   width: auto;
    height: auto;
    color: #fff;
    padding-top: 75px;
    margin-top: 0px;
    font-weight: bold;
    position: relative;
    z-index: 1;
    font-size: 21px;
}

.panel.compnutri .back p,.panel.traiteau .back p,.panel.hygi .back p{
    padding-top: 26px;
}

.panel .back p{
	padding-top: 45px;
}

.panel h2 {
    width: 120px;
    height: 120px;
    font-size: 83px;
    margin-top: 0px;
}

.panel.connectezvous .box2 p {
    padding-top: 13px;
    font-size:17px;
}

.box2{
	padding: 10px;
}

.panel.actu .box1,.panel.connectezvous .box1 {
    background-size: 60%;
}

.rectangle {
    width: 195px;
    height:120px;
}

.panel .back p {
    padding-top: 72px;
    font-size: 15px;
}

.panel.manuel .back .box2 p, .panel.sav .back .box2 p, .panel.presta .back .box2 p, .panel.tuto .back .box2 p, .panel.ps .back .box2 p, .panel.audit .back .box2 p, .progsanx4 .panel p {
    padding-top: 82px;
    color: #fff;
}

#contentarticle .panel{
	width:120px;
	height:120px;
}

#contentarticle #column1 {
    width: 120px;
}

.titre-column{
	font-size: 12px;	
    padding: 8px;
}

#contentarticle #column2 #pluginfb {
    width: 330px;
    height: 380px;
}

#contentarticle {
    width: 53%;
}

#categories.progsanx4 {
    width: 260px;
}



.progsanx4 .panel .box1 p {
    padding-top: 100px;
    font-size: 10px;
}

.progsanx4 .panel p.troisligne {
    padding-top: 93px;
}
#categories-infoperso .rectangle {
    font-size: 15px;

    line-height: 116px;
    }

    #categories-infoperso {
    width: 52%;
}

#categories-infoperso .rectangle.bienvenue {
    padding: 15px 7px;
}

.panel.fds .front .box1 p {
    color: #222;
    padding-top: 99px;
}

	/*FIN PRODUIT*/

	/*BRUMI*/

	#info-brum .zonegauche{
	width: 100%;
    height: 460px;
    margin-right:2.5%;
    float: left;
    background-color: #009cc9;
	}

	#info-brum .zonedroite{
		width: 100%;
	    height: auto;
	    float: left;
	    padding: 20px 29px;
	    background-color: #fff;
	    border-radius: 0 0 30px 0;
	}

	#info-brum .zonedroite .explica{
	    width: 95%;
	    height: 100%;
	    margin: auto;
	    padding: 0;
	}

	/*FIN BRUMI*/

	/*PS*/

	#categories.progsan {
	    width: 41%;
	}
	#contenerall {
    	width: 100%;
	}


	#catname {
    	width: 13%;
    	margin-left:60px;
    	margin-top: 130px;
	}

	#catname ul li, #catname ul li h3 {
    	width: 100%;
	}

	#catname ul li p {
    	width: 100%;
    	font-size: 12px;
	}

	.snap-scrolling-example .content {
    	height: 89%;
    	width: 77%;
	}

	#ztexte{
		height:120px;
	}

	#space{
		height:55px;
	}

	#gptblock {
    	height: 45px;
	}

	.periodett {
    	margin-top: 5px;
	}

	#lptblock {
    	height: 20px;
	}

	.ptblock p{
		margin-top:0;
		font-size: 12px;
	}

	#cn, #te, #h {
		height:92px;
	}

	.block p{
		padding: 39px 0;
	}

	.block p.deuxlignes {
    	padding: 32px 0;
	}

	.ptblock, .block{
		width: 145px;
	}

	.block span p{
		width:100%;
	}

	
	.block.quatre {
    	width: 580px;
	}

	.periodett {
	    display: block;
	    margin-top: 5px;
	    width: 145px;
	    text-align: center;
	    float: left;
	}

	.nais {
    	margin-left: 4%;
	}

	.sevr {
    	margin-left: 55.75%;
	}

	h6.ps{
		font-size: 25px;
	}

	#souscatname {
    	width: 10%;
        margin-top: 129px;
    }

	.vl .snap-scrolling-example .content {
	    width: 63%;
	    height: 92%;
	}
	.vaci .snap-scrolling-example .content,.vace .snap-scrolling-example .content {
	    width: 63%;
	    height: 75%;
	}

	.vl #catname{
		margin-top: 128px;
	}

	.vace #catname{
		margin-top: 127px;
	}
	
	.pstan .snap-scrolling-example .content, .pl .snap-scrolling-example .content  {
	    width: 64%;
	}


	.chevre #space {
	    height: 80px;
	}

	.chevre #catname{
		margin-top:150px;
	}

	/*FIN PS*/

/*CONTACT*/

#fondmenu-contact #scrollcontent #section1 article #bandeauinfo{
	width:20%;
	padding-top:12%;
}

.logo-center{
	width:20%;
}

#section1 #categories{
	width:60%;
	margin-right:35px;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite{
	width:70%;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form{
	height:470px;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite{
	width:50%;
}

#fondmenu-contact #footer-scrollpage{
	width:100%;
	z-index:1;
}

#fondmenu-contact #scrollcontent #section1 article{
	margin-right:4%;
}



/*FIN CONTACT*/

/*CALCUL*/

#fondgris-calculx3 #main, #fondgris-calculx3-r #main, #fondgris-calculx2 #main, #fondgris-calcul-corres #main{
	width:60%;
	position:relative;
	z-index:1;
	padding-bottom: 30px;
}

#fondgris-calculx3-r #main .ent_valeur div{
	min-height:105px;
}

#fondgris-calculx3-r #main .result_value{
	height:255px;
}


/*FIN CALCUL*/

/*RECHERCHE*/

#main-search .zonegauche{
	width:30%;
}

#main-search .zonedroite{
	width:67%;
}

#main-search article{
	width:65%;
}

/*FIN RECHERCHE*/

/*DEMANDE COMPTE*/

#main-insc .entete, #main-insc .forms {
    width: 80%;
}

/*FIN DEMANDE COMPTE*/


}

/*FIN 1150 px*/

/*801 px - tablette*/

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

/*MENU RESPONSIVE*/

#header{
	height:auto;
	top:10px;
	min-height: 105px;
}

nav{
	width:17%;
	height:50px;
	background:#414d48;
	margin-right:3%;
	border-radius:5px;
	overflow:hidden;
	z-index:2;
	min-width:140px;
}

nav:hover{
	height:100%;
	background-color:#222; 
}

nav button{
	width:100%;
	height:50px;
	opacity:1;
	clear:both;
	background:#009cc9;
	border:none;
	color: #fff;
    font-size: 14px;
    line-height: 50px;
    text-transform: uppercase;
    font-weight: bold;
}

nav button:hover{
	background-color:#009cc9;
	border:none;
}

nav button:active{
	background-color:#009cc9;
	border:none;
}

nav li{
	width:100%;
	clear:both;
	height:50px;
	text-align: right;
	padding:0 10%;
	transition:0.5s;

}

nav li:hover{
	background-image: url('images/societe/transparencetxt-75.png');
	transition:0.5s;
}

nav:hover{
	height:100%;
}

nav:active{
	height:100%;
}

nav a{
	display: block;
	width:100%;
	height:100%;
}

nav a:hover{
	color:#009cc9;
}


nav ul{
	clear:both;
	height:50px;
	padding: 0 0;
}

.co{
	width:100%;
	padding:0;
	    width: 50%;
    float: right;
}
.re{
	width:100%;
	padding:0;
	    width: 50%;
    float: right;
}

nav .co_link{
	width:100%;
	height:100%;
	float:left;
	padding-top:10px;
}

nav .co_link:hover{
	background-image: url('images/societe/transparencetxt-75.png');
}

nav .re_link{
	width:100%;
	height:100%;
	clear:both;
	padding-top:10px;
}

nav .re_link:hover{
	background-image: url('images/societe/transparencetxt-75.png');
}

/*FIN MENU RESPONSIVE*/

/*MENU PAGES*/

#categories {
    width: 480px;
    margin-left: auto;
    margin-right: 3%;
    float: none;
}

.logo {
    width: 15%;
}


#fondgris-connect #footer-scrollpage #infolegal{
	width:50%;
}

#infosociete{
	width:100%;
	opacity:0;
}

.rslides img{
	width:auto;

}

/*FIN MENU PAGES*/

/*PAGE SOCIETE*/

section{
	min-width: 100%;
}

#menusociete #categories{
	width:480px;
	margin-right: 3%;
	margin-left: 0;
}

#menusociete #histoire{
	padding:40px 60px;
}

#menusociete #histoire,#metiergrp article,#agriagro article,#rd article,#internationnal article,#recru article{
	width:100%;
	background-image: url('images/societe/transparencetxt-75.png');
}

#menusociete h3{
	color:#009cc9;
}


#histoire h4{
	color:#009cc9;
}


#flechebord img{
	opacity:0;
}

#scrollToTop a{
	opacity: 1;
}

#contentsociete article p{
	font-size: 14px;
	line-height: 16px;
}

.current-menu-item a{color: #009cc9;}

#recru>div:nth-of-type(1),#internationnal>div:nth-of-type(1),#rd>div:nth-of-type(1),#agriagro>div:nth-of-type(1),#metiergrp>div:nth-of-type(1){
		background-size: auto 100%;
	}

#internationnal article .turkey {
    padding: 30px 5px;
}

#internationnal article .swiss {
    padding: 30px 5px;
}

#internationnal article .maroc {
    padding: 35px 5px;
}

#main.recru .entete, #main.recru .forms {
    width: 50%;
}

#main.recru .forms p {
    width: 100%;
}

#main.recru p.comchamp textarea, #main.recru .ouchamp input {
    width: 97%;
    margin: 6px;
}

#main.recru .refchamp input, #main.recru select {
    width: 50%;
    margin-top: 0;
}

#main-insc .forms, #main.recru .forms {
    height: 725px;
    margin-bottom: 51px;
}

/*FIN PAGE SOCIETE*/

/*PAGE PRODUIT*/


#contener-produit .sousfamille{
	width:200px;
	height:200px;
}

#owl-demo, #owl-demo1, #owl-demo2, #owl-demo3, #owl-demo4, #owl-demo5, #owl-demo6, #owl-demo7, #owl-demo8, #owl-demo9, #owl-demo10, #owl-demo11, #owl-demo12, #owl-demo13, #owl-demo14, #owl-demo15, #owl-demo16, #owl-demo17, #owl-demo18, #owl-demo19, #owl-demo20, #owl-demo21, #owl-demo22, #owl-demo23, #owl-demo24, #owl-demo25, #owl-demo26, #owl-demo27, #owl-demo28, #owl-demo29, #owl-demo30, #owl-demo31{
	height:auto;
	overflow:inherit;
}


#contener-produit #complementsnutritionnels #owl-demo .carre, #contener-produit #complementsnutritionnels #owl-demo2 .carre, #contener-produit #complementsnutritionnels #owl-demo3 .carre, #contener-produit #complementsnutritionnels #owl-demo4 .carre, #contener-produit #complementsnutritionnels #owl-demo5 .carre, #contener-produit #complementsnutritionnels #owl-demo6 .carre, #contener-produit #complementsnutritionnels #owl-demo7 .carre, #contener-produit #complementsnutritionnels #owl-demo8 .carre, #contener-produit #complementsnutritionnels #owl-demo9 .carre, #contener-produit #complementsnutritionnels #owl-demo10 .carre, #contener-produit #traitementeau #owl-demo11 .carre, #contener-produit #traitementeau #owl-demo12 .carre, #contener-produit #traitementeau #owl-demo13 .carre, #contener-produit #traitementeau #owl-demo14 .carre, #contener-produit #traitementeau #owl-demo15 .carre, #contener-produit #traitementeau #owl-demo16 .carre, #contener-produit #traitementeau #owl-demo31 .carre, #contener-produit #hygiene #owl-demo17 .carre, #contener-produit #hygiene #owl-demo18 .carre, #contener-produit #hygiene #owl-demo19 .carre, #contener-produit #hygiene #owl-demo20 .carre, #contener-produit #hygiene #owl-demo21 .carre, #contener-produit #hygiene #owl-demo22 .carre, #contener-produit #hygiene #owl-demo23 .carre, #contener-produit #hygiene #owl-demo24 .carre, #contener-produit #hygiene #owl-demo25 .carre, #contener-produit #hygiene #owl-demo26 .carre, #contener-produit #hygiene #owl-demo27 .carre, #contener-produit #hygiene #owl-demo28 .carre, #contener-produit #hygiene #owl-demo29 .carre, #contener-produit #hygiene #owl-demo30 .carre{
	width:95%;
	height:auto;
}

#contener-produit .carre .resum{
	width:100%;
}

#contener-produit .carre .zoneimg{
	width:100%;
	height:50%;
}

#contener-produit .carre .zoneimg img{
	max-height:100%;
	min-width: 100%;
	margin-right:auto;
	margin-left:auto;
	width:100%;
}

h4.cn{
	width:100%;
}


#contener-produit #owl-demo .carre p, #contener-produit #owl-demo2 .carre p, #contener-produit #owl-demo3 .carre p, #contener-produit #owl-demo4 .carre p, #contener-produit #owl-demo5 .carre p, #contener-produit #owl-demo6 .carre p, #contener-produit #owl-demo7 .carre p, #contener-produit #owl-demo8 .carre p, #contener-produit #owl-demo9 .carre p, #contener-produit #owl-demo10 .carre p, #contener-produit #owl-demo11 .carre p, #contener-produit #owl-demo12 .carre p, #contener-produit #owl-demo13 .carre p, #contener-produit #owl-demo14 .carre p, #contener-produit #owl-demo15 .carre p, #contener-produit #owl-demo16 .carre p, #contener-produit #owl-demo17 .carre p, #contener-produit #owl-demo18 .carre p, #contener-produit #owl-demo19 .carre p, #contener-produit #owl-demo20 .carre p, #contener-produit #owl-demo21 .carre p, #contener-produit #owl-demo22 .carre p, #contener-produit #owl-demo23 .carre p, #contener-produit #owl-demo24 .carre p, #contener-produit #owl-demo25 .carre p, #contener-produit #owl-demo26 .carre p, #contener-produit #owl-demo27 .carre p, #contener-produit #owl-demo28 .carre p, #contener-produit #owl-demo29 .carre p, #contener-produit #owl-demo30 .carre p, #contener-produit #owl-demo31 .carre p{
	width:60%;
	height:68%;
}

#contener-produit .carre .infoplus{
	width:40%;
	height:68%;
}

#contener-produit .sousfamille p{
	    height: 100%;
    line-height: 188px;
    font-size:26px;
}

#contener-produit .sousfamille p span{
	margin-top:0;
	padding:0 10px;
}


.propo .carre{
	width: 28%;
    height: 150px;
    margin-right: 5%;
}

.propo .carre .resum{
	width:100%;
}


.propo .carre .zoneimg{
	width:100%;
	height:50%;
}

.propo .carre .zoneimg img{
	height:100%;
}

.propo .carre h4{
	width:100%;

}

.propo .carre p{
	width:60%;
}


/*FIN PAGE PRODUIT*/

/*PRESTATION*/

#gammeservice{
	margin-top: 59px;
}

#info, #rejoigneznous{
	width:100%;
	padding: 54px 67px;
	margin:0;
}

#info .zonegauche, #services #info .zonegauche, #rejoignez-nous .zonegauche{
	width: 281px;
    height: 281px;
    margin-left: auto;
    margin-right: auto;
    opacity: 100;
    float: none;
    margin-bottom: 40px;
}

#info .zonegauche img, #info .rejoignez img{
	width:100%;
	height:auto;
}

#services #info .zonedroite{
	margin-left:0;
	width:100%;
	height:auto;
	border-radius: 30px 0 30px 0;
}

#services #info{
	height:auto;
}

#info .zonedroite{
	margin-left:0;
	width:100%;
	height:auto;
	border-radius: 30px 0 30px 0;
}

#info .explica{
	height:auto;
}

#info .explica{
	margin-bottom: 35px;
}

#rejoigneznous{
	margin-top:20px;
}

/*FIN PRESTA*/

/*SAV*/

#services .contact_sav p{
	line-height: 18px;
	font-size: 12px;
}

#services .openinfo {
	    width: 87%;
    margin: 0 9%;
}

#services .openinfo a p{
	font-size:15px;
	width:auto;
	color:#009cc9;
}

#services .openinfo a p:hover{
	color:#222;
	}

#services #info{
	margin-top: 0;
}

#services .openinfo .toggleinfo td #video_sav {
   font-size:15px;
}

/*FIN SAV*/

/*MANUEL*/

#fds .top, #fds table {
    width: 80%;
}

/*FIN MANUEL*/

/*PS*/

.snap-scrolling-example .content {
    height: 89%;
    width: 62%;
}

#ztexte {
    height: 130px;
}

#space {
    height: 65px;
}
.block span{
	margin-left: 0;
}

#souscatname {
    width: 10%;
    margin-top: 139px;
}

.vl #catname {
    margin-top: 140px;
}

#souscatname ul li div{
	font-size: 10px;
}

.vace #catname {
    height: 51.5%;
    margin-top: 138px;
}

.vace #catname ul li.cn {
    height: 44.33%;
   }

 .vace #catname ul li {
    height: 25.33%;
}

.vignes #contenerall, .noyer #contenerall, .cereales #contenerall, .prairies #contenerall {
    width: 84%;
}

.vignes .snap-scrolling-example .content, .noyer .snap-scrolling-example .content, .cereales .snap-scrolling-example .content, .prairies .snap-scrolling-example .content{
    width: 100%;
}


/*FIN PS*/

/*ACTU*/

#contentarticle{
	width: 512px;
}

/*FIN ACTU*/

/*CONTACT*/

#fondmenu-contact #scrollcontent #section1 article #bandeauinfo{
	width:26%;
}

#section1 #categories{
	width: 65%;
}

.logo-center{
	width:26%;
}

#fondmenu-contact #scrollcontent #section1 article #bandeauinfo{
	padding-top:14%;
}

#fondmenu-contact #scrollcontent #section1 article #bandeauinfo p{
	font-size:12px;
}


#fondmenu-contact #scrollcontent #section1 article{
	width:70%;
}

#fondmenu-contact #scrollcontent #section1 #categories p{
	font-size:14px;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite{
	width:93%;
	padding-right:0;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite{
	width:80%;
}

/*FIN CONTACT*/

/*FOOTER SCROLL PAGE*/


#footer-scrollpage #infosociete{
	width:100%;
	opacity:0;
}

#footer-scrollpage{
	overflow: hidden;
	float: left;
    height: 40px;
    width:100%;
}

/*FIN FOOTER SCROLL PAGE*/

/*ESPACE PERSO*/

#categories-infoperso {
    width: 480px;
    margin-left: auto;
    margin-right: 3%;
    float: none;
}

#categories-infoperso .rectangle{
	width:195px;
}

#categories-infoperso .rectangle.deco{
	margin-right:0;
}



/*FIN ESPACE PERSO*/

/*CONNEXION*/

#aide{
	width:50%;
	opacity: 1;
}

#fondgris-connect #main{
	width:50%;
}

#fondgris-connect #main #login-form {
    padding: 0px 20%;
}

#fondgris-connect #main #retour,#fondgris-connect #main #en-retour {
    right: 52%;
}

/*FIN CONNEXION*/

/*FORGOT PW*/

#aide{
	width:50%;
	opacity: 1;
}

#fondgris-forgotpw #main{
	width:50%;
}

#fondgris-forgotpw #main #login-form {
    padding: 0px 20%;
}

#fondgris-forgotpw #main #retour,#fondgris-forgotpw #main #en-retour {
    right: 52%;
}

/*FIN FORGOT PW*/

/*CALCUL*/

#fondgris-calculx3 #main, #fondgris-calculx3-r #main, #fondgris-calculx2 #main, #fondgris-calcul-corres #main{
	width:70%;
}


/*FIN CALCUL*/

}

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

	/*MENU RESPONSIVE*/
	nav{
	    margin-top: 24px;
	}

	nav li{
		    height: 30px;
	}

	nav a{
	line-height: 32px;
	}

	/*FIN MENU RESPONSIVE*/

	/*HOME*/

	#header{
		z-index: 3;
	}

	#fondmenu{
		height:auto;
		min-height: 100%;
		background-position: center;
		background-size: auto 100%;
		    background-image: url(images/fondarbre_bd.jpg);
	}
	#fondgris #main{
		margin-bottom: 0;
	}

	#footer{
		position: fixed;
		top:97%;
		z-index: 1;
	}

	#contentindex{
		position: relative;
		z-index: 2;
	}

	#categories{
	margin-top: 135px;
    margin-left: auto;
    margin-right: auto;}

	/*FIN HOME*/

	/*SOCIETE*/

	#menusociete #categories{
		padding: 25px 0;
	}

	#menusociete #categories{
		    padding: 135px 0px;
		    margin:0 8%;
	}

	#metiergrp article .global_soluce{
		width: 15%;
	    height: 15%;
	    top: 6%;
	    left: 67%;
	}



	/*FIN SOCIETE*/

	/*PRODUIT*/



	#contener-produit, #contener-produit-cat{
		width:100%;
	}


	#contener-produit #onebar, #contener-produit-cat #onebar{
		width:100%;
		padding:0 3%;
	}


	#contener-produit #onebar .carre, #contener-produit-cat #onebar .carre{
		width:33%;
		height:100%;
	}

	#onebar .carre.bovin{
		background-repeat: no-repeat;
		background-position: center;
	}

	#contener-produit-cat #onebar .carre.cn h3, #contener-produit-cat #onebar .carre.te h3, #contener-produit-cat #onebar .carre.h h3{
		width: 31%;
    	height: 133px;
    	padding-top:15px;
    	font-size: 115px;
	}

	#contener-produit-cat #onebar .carre.cn p, #contener-produit-cat #onebar .carre.te p, #contener-produit-cat #onebar .carre.h p{
		width:100%;
		height:100%;
		font-size:18px;
	}

	#contener-produit #onebar .entermenu p, #contener-produit-cat #onebar .carre p{
		width:100%;
		height:100%;
	}

	#contener-produit #onebar .howchoose p, #contener-produit-cat #onebar .carre.howchoose p{
		width:100%;
		height:100%;
		font-size: 16px;
	}

	#contener-produit #onebar .searchprod h3{
		width:100%;
	}

	#contener-produit-cat #onebar .searchprod h3{
		width:31%;
	}

	#contener-produit-cat #twobar{
		width:100%;
		overflow:hidden;
	}

	#owl-demo-sousf{
		width: 564px;
		padding-left:20px;
	}



	#contener-produit #twobar .carre{
		width: 30%;
	    height: 100%;
	    margin-right: 4.5%;
	}

	#contener-produit-cat #twobar .carre p{
		width:100%;
	}



	#contener-produit #twobar{
		width: 100%;
	    height: 175px;
	    padding: 0 3%;
	}

	#contener-produit #twobar .carre h3{
		width:100%;
		height:72%;
	}

	#contener-produit #twobar .carre p{
		width:100%;
		height:40%;
		padding-top: 10px;
		font-size:16px;
	}

	#contener-produit #twobar .carre h3{
		font-size:115px;
	}

	#fondgris.produit-espece #contener-produit #twobar{
		margin-bottom:none;
	}

	#contener-produit .sousfamille{
		width:150px;
		height:150px;
		margin-left: 7%;
		margin-top:15px;
	}

	#owl-demo, #owl-demo1, #owl-demo2, #owl-demo3, #owl-demo4, #owl-demo5, #owl-demo6, #owl-demo7, #owl-demo8, #owl-demo9, #owl-demo10, #owl-demo11, #owl-demo12, #owl-demo13, #owl-demo14, #owl-demo15, #owl-demo16, #owl-demo17, #owl-demo18, #owl-demo19, #owl-demo20, #owl-demo21, #owl-demo22, #owl-demo23, #owl-demo24, #owl-demo25, #owl-demo26, #owl-demo27, #owl-demo28, #owl-demo29,#owl-demo30,#owl-demo31{
		width:350px;
		margin-top:15px;
	}

	#contener-produit .sousfamille p span{
		width:100%;
	}

	#contener-produit .sousfamille p span{
		margin-top:42px;
	}

	#contener-produit .sousfamille p{
		line-height: 152px;
		font-size: 20px;
	}

	#wrapper{
		height:auto;
		margin:-1px auto;
	}

	#contener-produit #complementsnutritionnels,#contener-produit #traitementeau,#contener-produit #hygiene{
		margin-top:50px;
	}

	#produit .ficheproduit .categories{
		height:auto;
	}

	#produit .ficheproduit .categories h3 li{
		height:auto;
	}

	.bloc_princ{
		min-height:395px;
		height:auto;
	}

	#produit .ficheproduit .info .zonedroite{
		height:auto;
	}

	#produit .ficheproduit .info .desc{
		height:auto;
	}

	#produit .ficheproduit .info .condi{
		height:auto;
	}



	#produit .ficheproduit .info .zonegauche {

    margin-top: 0;
	}

	#produit .ficheproduit .info .zonegauche {
    width: 100%;
    height:200px;
}

#produit .ficheproduit .info .fondblanc {
    width: 96%;
    height: 85%;
    }

#produit .ficheproduit .info .zonegauche img{
	height:100%;
	width:auto;
}


	#produit .ficheproduit .categories h3 {
    font-size: 18px;
    line-height: 24px;
	}

	#produit .ficheproduit .info .zonegauche{
		margin-top:0;
		margin-bottom:30px;
	}

	#produit .ficheproduit .info .zonedroite{
		width:100%;
		margin-left:0;
	}

	.proposition h6{
	    font-size: 20px;
    height: auto;
    line-height: 20px;
	}

	.phraseob{
		height: auto;
	}

.propo .carre {
    width: 30%;
    height: 99px;
    margin-right: 3%;
}

.propo .carre .resum{
	height:50px;
}

.propo .carre h4{
	font-size:9px;
	height: 20px;
}

.propo .carre p{
	width:66%;
	font-size:7px;
	height: 30px;
    overflow: hidden;
}

.propo .carre .infoplus {
    width: 33%;
    height: 59%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
}

#produit .ficheproduit .info .fondblanc img{
	margin-top:0;
}



#gammecarbo .carre {
    width: 150px;
    height: 150px;
}

#gammecarbo .carre .zoneimg {
    width: 150px;
    height: 80px;
}

#gammecarbo .carre .resum {
    width: 150px;
    height: 70px;
}

#gammecarbo .carre h4 {
    font-size: 14px;
    height: 22px;
}

#gammecarbo .carre p{
	width:100px;
}

#gammecarbo .carre .zoneimg img{
	width:100%;
	max-height:100%;
}



#contener-produit-cat .filterbar{
	width:auto
}

#contener-produit-cat .filterbar #gammecarbo,#contener-produit-cat .filterbar{
	width: 540px;
    margin: 0 auto;
}

	.propo {
    width: 60%;
    }
	/*FIN DE PRODUIT*/

	/*SAV*/

	#services #info .zonegauche {
    width: 100%;
    height: 0px;
    opacity:0;
	}

#services .contact_sav a p{
	background-color: transparent;
}

	#services #info .zonedroite {
	    margin-left: 0;
	    width: 100%;
	    height: auto;
	    border-radius: 30px 0 30px 0;
	}

	#info .explica {
	    margin-bottom: 35px;
	}

	#services #info {
	    width: 100%;
	    padding: 54px 67px;
	    margin: 0;
	}

	#services .contact_sav{
		width:100%;
		height:auto;
	}

	#services .contact_sav p{
		width:100%;
		height:auto;
	}

	#services .contact_sav a{
		width: 100%;
	    height: 60px;
	    margin-top: 30px;
	    padding:0 25%;
	}

	#services #info{
		height:auto;
	}

	#services .contact_sav img{
		width:auto;
		height:100%;
		margin: 0;
		float:left;
	}

	#services .contact_sav a p{
		width:auto;
		float:left;
		clear:none;
		line-height:50px;
	}

	#services .openinfo{
		width:80%;
	}

	#rejoigneznous .zgauche {
	    display: none;
	}

	#main.recru .entete, #main.recru .forms {
    width: 72%;
}

	/*FIN SAV*/

	/*PS*/

	.snap-scrolling-example .content{
		width: 62%;
	}

	#catname ul li h3{
		font-size: 35px;
		margin-top:10px;
	}

	#catname ul li p{
		font-size: 11px;
	}

	#categories.progsan {
	    width: 63%;
	}


	/*FIN PS*/


	/*ACTU*/

	#contentarticle{
		margin:0 5%;
		margin-top: 140px;

	}

	#info .infosecond{
		margin: 0 10% 30px 10%;
	}


	#info .zgauche{
		display: none;
	}
	
	#info .zdroite, #rejoigneznous .zdroite {
	    padding-left: 0;
	}

	/*FIN ACTU*/

	/*CONTACT*/

	#contact,#section2,#section3{
		background-position: center;
		background-size: auto 100%;
	}

#contact #section2 .zonedroite p{
		padding-top: 9px;
	}

	#contact #section2 .zonedroite div{
		width:100%;
		clear:both;
	}

	/*FIN CONTACT*/

	/*CALCUL*/

	#fondgris-calculx3-r #main .result_value .texte p, #fondgris-calculx3 #main .result_value .texte p,#fondgris-calculx2 #main .result_value .texte p {
    padding: 0 12px;
    line-height: 16px;
    font-size: 12px;
}



#fondgris-calculx3-r #main .ent_valeur h3{
	font-size: 18px;
}

	/*FIN CALCUL*/


/*INFO PERSO*/

#categories-infoperso {
    margin-top: 135px;
    margin-left: auto;
    margin-right: auto;
}

/*FIN INFO PERSO*/



}

/*FIN 801 px*/

/*768px*/

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

/*SIDEBAR*/

#callback {
    width: 166px;
    height: 40px;
}

#callback .tel{
	width: 40px;
    height: 40px;
    background-size: auto 40px;
}

#callback img{
	width:40px;
	height:40px;
}

#callback p{
	height:40px;
	line-height: 40px;
}

#mailto {
    width: 166px;
    height: 40px;
}

#mailto .mail{
	width: 40px;
    height: 40px;
       background: url(http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png) -40px 0 no-repeat;
    background-size: auto 40px;
     
}

#mailto img{
	width:40px;
	height:40px;
}

#mailto p{
	height:40px;
	line-height: 40px;
}

#meteo {
    width: 166px;
    height: 40px;
}

#meteo .soleil{
	width: 40px;
    height: 40px;
        background: url(http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png) -80px 0 no-repeat;
    background-size: auto 40px;
    
}

#meteo img{
	width:40px;
	height:40px;
}

#meteo p{
	height:40px;
	line-height: 40px;
	font-size: 14px;
}

#outilcalc .outil{
	width: 40px;
    height: 40px;
    background: url(http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png) -120px 0 no-repeat;
    background-size: auto 40px;
        background-color: #f5a630;
    
}

#outilcalc img{
	width:40px;
	height:40px;
}

#outilcalc{
	width:165px;
}

.logo-center {
    width: 41%;
}

#fb {
    width: 166px;
    height: 40px;
}

#fb .fbico {
    width: 40px;
    height: 40px;
    float: right;
    background: url(http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png) -160px 0 no-repeat;
    background-size: auto 40px;
    border: none;
    cursor: auto;
}

#fb img{
	width:40px;
	height:40px;
}

#fb p{
	height:40px;
	line-height: 40px;
}

/*FIN SIDEBAR*/

#categories{
	width:420px;
}

.carre {
    width: 120px;
    height: 120px;
}

.rectangle {
    width: 195px;
    height:120px;
}

/*HOME*/

.carre h2 {
    width: 120px;
    height: 120px;
    font-size:75px;
 }
.carre.fds p{
	padding-top: 98px;
}
 
 .carre p{
 	padding-top:80px;
 	width:120px;
 	height:120px;
 }

 .carre.actu,.carre.connectezvous{
 	background-size: 60%;
 }

 #scrollcontent{
 	width:100%;
 }


 #menusociete #categories{
 	margin:0 -7%;
 }

 #menusociete{
 	height:auto;
 }


 #societe, #metiergrp, #agriagro, #rd, #internationnal, #recru{
 	height:auto;
 }

 #metiergrp>div:nth-of-type(1){
 	height:100%;
 }

#metiergrp article div {
    width: 100%;
}

#internationnal article .turkey {
    padding: 15px 5px;
}

#internationnal article .swiss {
    padding: 30px 5px;
}

#internationnal article .maroc {
    padding: 37px 5px;
}

/*FIN HOME*/

/*PRODUIT*/


#onebar .carre.bovin {
    background-size: 100% auto;
}

#onebar .carre.ovins {
    background-size: 100% auto;
}
#onebar .carre.caprins {
    background-size: 100% auto;
}
#onebar .carre.lapins {
    background-size: 100% auto;
}
#onebar .carre.carbo {
    background-size: 100% auto;
}
#onebar .carre.cheval {
    background-size: 100% auto;
}
#onebar .carre.canard {
    background-size: 100% auto;
}

#contener-produit #complementsnutritionnels, #contener-produit #traitementeau, #contener-produit #hygiene{
	width:100%;
    padding: 0 9%;
}

#contener-produit .sousfamille{
	width:94%;
	height:83px;
	margin-left:0;
}

#contener-produit .sousfamille p{
	line-height:80px;
}

#contener-produit .sousfamille p span{
	margin-top:25px;
}

#contener-produit #twobar .carre h3 {
	height:60%;
    font-size:75px;
 }

#contener-produit #twobar .carre p{
 	    height: 34%;
 	    font-size:13px;

 }



 #contener-produit #twobar{
 	height:125px;

 }


 #contener-produit #onebar .howchoose p, #contener-produit-cat #onebar .carre.howchoose p{
 	font-size:12px;
 }

 #contener-produit #onebar .searchprod h3,#contener-produit-cat #onebar .searchprod h3{
 	font-size:14px;
 	    line-height: 65px;
 }

 #contener-produit #onebar, #contener-produit-cat #onebar {
 	height:155px;
 }

.carre form{
	 padding-top:20%;
 }
 #onebar .carre{
 	background-size:auto 100%;
 }

 #contener-produit #onebar .entermenu p{
 	padding-top:128px;
 	font-size:16px;
 }
 

 #contener-produit-cat #onebar .carre.carbo p{
 	padding-top:157px;
 	font-size:16px;
 }

#produit .ficheproduit .info .zonegauche {
    height: 163px;
    width: 100%;
    clear: both;
    float: none;
    margin-top: 25px;
}

#produit .ficheproduit .info .fondblanc {
    width: 98%;
    height: 92%;
    margin: 1%;
}

#produit .ficheproduit .info .fondblanc img {
    width: auto;
    height: 100%;
    }

    #contener-produit-cat .filterbar .all,#contener-produit-cat .filterbar .sousfamille {
    width: 100%;
}

#contener-produit-cat .filterbar{
    height:auto;
    margin: auto;
}


    #contener-produit-cat .filterbar .all .carre{
	width:150px;
	height:150px;
}

#contener-produit-cat .filterbar .all .carre .zoneimg{
	width:100%;
	height:50%;
}

#contener-produit-cat .filterbar .all .carre .zoneimg img{
	max-height:100%;
}

#contener-produit-cat .filterbar .all .carre .resum {
    width: 100%;
    height: 50%;
}

#contener-produit-cat .filterbar .all .carre h4{
	height:28%;
	font-size:14px;
}

#contener-produit-cat .filterbar .all .carre p{
	width: 70%;
    height: 72%;
}

#contener-produit-cat .filterbar .all .carre .infoplus {
    width: 30%;
    height: 72%;
    background-repeat: no-repeat;
    }




#contener-produit-cat .filterbar .all li, #contener-produit-cat .filterbar .sousfamille li p{
	line-height:80px;
}

#contener-produit-cat .filterbar .all li, #contener-produit-cat .filterbar .sousfamille li p span{
	margin-top:25px;
}


#contener-produit-cat #onebar .carre.cn h3, #contener-produit-cat #onebar .carre.te h3, #contener-produit-cat #onebar .carre.h h3{
	padding-top: 5px;
    font-size: 105px;
}

#contener-produit-cat #onebar .carre.cn p, #contener-produit-cat #onebar .carre.te p, #contener-produit-cat #onebar .carre.h p{
	font-size: 16px;
	padding-top: 115px;
}

/*FIN PRODUIT*/

/*PRESTA*/


.carre-presta.nomargin-right{
	margin-right: auto;
}

.carre-presta{
	clear:both;
	float:none;
	margin-left: auto;
    margin-right: auto;
}


#gammeservice{
	width:355px;
	height:auto;
}

.clicktosee{
	width:100%;
	height:auto;
}

.clicktosee .img-service{
	height:100px;
}

#rejoigneznous button {
    float: none;
    margin: 20px auto;
    font-size: 14px;
    width: auto;
}


/*FIN PRESTA*/

/*SERVICES*/

#services .contact_sav a{
	padding:0;
}

#services .contact_sav a p{
	line-height: 36px;
}

#services .contact_sav p{
	padding:5%;
}

#services .contact_sav a p{
	padding:0 19%;
	line-height: 59px;
}

.clicktosee .texte-service{
	height:auto;
	padding-bottom: 15px;
}


/*PS*/

#categories.progsan {
    width: 69%;
}

.vl #souscatname ul li div {
    line-height: 16px;
}

.vaci #catname{
    margin-top: 138px;
}

.vace #souscatname ul li div {
    line-height: 16px;
    padding-top: 7px;
}

.vace #catname ul li.cn {
    padding: 37px 0;
}

.vignes #contenerall, .noyer #contenerall, .cereales #contenerall, .prairies #contenerall {
    width: 89%;
}

.vignes #ztexte, .vignes #tcarbo, .vignes #tphyto, .vignes #therbi {
    width: 1490px;
}

/*FIN PS*/

/*FIN SERVICES*/

/*ACTU*/

#contentarticle #categories {
        width: 451px;
    margin: 0 41% 0 11%;
}


 #contentarticle .carre{
	width: 120px;
    height: 120px;
}

#contentarticle .carre.compnutri, #contentarticle .carre.traiteau, #contentarticle .carre.hygi{
	width: 120px;
    height: 120px;
}


	#contentarticle .carre.compnutri h2, #contentarticle .carre.traiteau h2, #contentarticle .carre.hygi h2{
		width: 120px;
    height: 120px;
    font-size:75px;
	}


 #contentarticle .carre.compnutri p,#contentarticle .carre.traiteau p, #contentarticle .carre.hygi p{
 	padding-top:80px;
 	width:120px;
 	height:120px;
 }

 #contentarticle .lireplus {
    width: 100%;
    height: 100%;
}



#contentarticle .carre p{
	line-height:120px;
}

/*FIN ACTU*/

/*CONTACT*/

#bandeauinfo {
    width: 100%;
    height: 50%;
    position: relative;
}

#contact #section1 #bandeauinfo p{
	width:100%;
	float:none;
	font-size:12px;
}

#bandeauinfo iframe {
    width: 91%;
    height: 31%;
    margin-top: 12px;
}

#contact section p{
	padding-top:0;
}

#section1 #categories{
	width:100%;
	margin:0;
	height:100%;
	padding-top:45%;
	padding-left:8%;
}

#categories .fonction{
	margin-top:50px;
}

#contact #section1 p{
	font-weight:bold;
 
}

#contact #section1 #categories p{
	font-weight:bold;
    text-shadow: 2px 1px 1px #222;
    width:90%;
    font-size:14px;
    margin: 0 5%;
}

#contact #section1 #categories .fonction p{
	margin-top:0;
	text-shadow:none;
	width:100%;
	margin:0;
}

#categories .form{
	margin-bottom:12px;
}

#section2 .zonedroite{
	width:93%;
}

#contact #section2 .zonedroite .fondtransp{
	width:100%;
}

#contact #section2 .zonedroite .send{
	margin-bottom:0;
}

#contact #section2 .zonedroite .dem textarea{
	width:77%;
}

#contact #section2 .zonedroite .dem{
	margin-bottom:10px;
}

#section2 .zonedroite{
	padding-top:116px;
}

#section3 .zonedroite {
    width: 100%;
}

#contact #section3 .zonedroite p{
	margin-bottom: 16px;
}

#contact #section3 .zonedroite .send{
	margin-bottom:0;
}

#fondmenu-contact #scrollcontent #section1 article{
	width:55%;
}

#fondmenu-contact #scrollcontent #section1 #categories .fonction{
	width:100%;
}

#fondmenu-contact #scrollcontent #section1 article #bandeauinfo{
	width:41%;
	padding-top:25%;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div p{
	width:100%;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div p label{
	width:35%;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .textarea label{
	width:100%;
	height:auto;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .textarea {
    display: block;
    width: 100%;
    height: 120px;
    float: left;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div .textarea textarea{
	width:92%;
	height:100px;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form {
    height: 440px;
}

article p{
	font-size:12px;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp form div p input{
	width:59%;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div p{
	width:100%;
	height:auto;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div p label{
	width:100%;
	height:auto;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form div p input{
	width:100%;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite{
	width:100%;
	padding-right:0;
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite{
	width:93%;
}
#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp{
margin: 10px 19px
}

#fondmenu-contact #scrollcontent #section1 #art3 .zonedroite .fondtransp form{
	height:230px;
}

#message_alert{
	padding-top:40%;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite .fondtransp p{
	padding:0 10px
}
/*FIN CONTACT*/

/*SCROOL TOP & GO BACK*/


	#scrollToTop a{
		width: 40px;
    	height: 40px;
    	right: 50px;
	}

	#retour,#en-retour {
    width: 40px;
    height: 40px;
	right:0;
	opacity:1;
	    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right top;
	}

/*FIN SCROOL TOP & GO BACK*/

/*INFO PERSO*/

#categories-infoperso {
        width: 420px;
}

#categories-infoperso .rectangle {
    width: 195px;
    height: 120px;
}

#categories-infoperso .rectangle {
    font-size: 14px;
    line-height: 119px;
}

#categories-infoperso .rectangle.bienvenue {
    padding: 8px 7px;
}

.panel.fds .back .box2 p {
    padding-top: 89px;
    color: #222;
}


/*FIN INFO PERSO*/

/*CONNEXION*/

#fondgris-connect {
    width: 100%;
    min-height: 100%;
    height: 922px;
    background-color: #414d48;
}

#fondgris-connect #main {
    width: 100%;
    height: 578px;
}

#fondgris-connect #footer-scrollpage {
    overflow: hidden;
	display:none;
    float: left;
    position: relative;
    height: 40px;
    width: 100%;
    top: 910px;
}

#aide {
    width: 100%;
    height: auto;
    position: absolute;
    top: 577px;
    padding:30px;
}

#fondgris-connect #main #retour,#fondgris-connect #main #en-retour{
	right:0;
}

/*FIN CONNEXION*/

/*FORGOT PW*/

#fondgris-forgotpw {
    width: 100%;
    min-height: 100%;
    height: 955px;
    background-color: #414d48;
}

#fondgris-forgotpw #main {
    width: 100%;
    height: 578px;
}

#fondgris-forgotpw #footer-scrollpage {
    overflow: hidden;
    float: left;
    position: absolute;
    height: 40px;
    width: 100%;
    top: 910px;
}

#aide {
    width: 100%;
    height: auto;
    position: absolute;
	min-height:auto;
    top: 577px;
    padding:30px;
}

#fondgris-forgotpw #main #retour,#fondgris-forgotpw #main #en-retour{
	right:0;
}

/*FIN FORGOT PW*/

/*INFO CLIENT*/

#main-info h2{
	font-size:25px;
}

/*FIN INFO CLIENT*/

/*FDS*/

#fondgris.fds-page #main{
	height:auto;
}

/*FIN FDS*/


/*CALCUL*/

#fondgris-calculx3 #main .result_value .schema img, #fondgris-calculx3-r #main .result_value .schema img,#fondgris-calculx2 #main .result_value .schema img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

#fondgris-calculx3-r #main .result_value .texte p, #fondgris-calculx3 #main .result_value .texte p, #fondgris-calculx2 #main .result_value .texte p{
	padding: 0 10px;
    line-height: 16px;
    font-size: 12px;
}

#fondgris-calculx3-r #main .result_value .texte p, #fondgris-calculx3 #main .result_value .texte p, #fondgris-calculx2 #main .result_value .texte p{
	margin-bottom:10px;
}

#fondgris-calculx3 #main .result_value{
	height:185px;
}

#fondgris-calculx3 #main .result_value .texte{
	padding-top: 57px;
    padding-bottom: 57px;
}

#fondgris-calculx3 #main .result_value .bacT,#fondgris-calculx3-r #main .result_value .texte {
    padding-top: 10px;
    padding-bottom: 10px;
}

#fondgris-calculx3-r #main .result_value .texte .explica{
	font-size:8px;
}

#fondgris-calculx3-r #main .ent_valeur h3{
	padding:10px;
}

#fondgris-calculx2 #main .ent_valeur .explica{
	padding:0 10px;
}

/*FIN INFO CALCUL*/

#onebar .carre.bovin, #onebar .carre.volaille,#onebar .carre.porc,#onebar .carre.carbo, #onebar .carre.caprin, #onebar .carre.ovin, #onebar .carre.cheval, #onebar .carre.canard {
    background-size: 100% auto ;
}

/*RECHERCHE*/

#main-search article {
    width: 75%;
}

#main-search .zonegauche {
    width: 35%;
}

#main-search .zonedroite {
    width: 60%;
}

#s{
	width: 40%;
}

#main-search form button{
	clear: both;
    display: block;
    margin: 25px auto;
}

/*FIN RECHERCHE*/

}
/*FIN 768px*/

/*600 px*/

@media screen and (max-width: 600px){
	
	/*PRODUIT*/
	#contener-produit-cat #twobar .carre {
		width: 85%;
	}
	
	#contener-produit-cat .filterbar #gammecarbo,#contener-produit-cat .filterbar {
		width: 360px;
	}

	#onebar .carre.bovin, #onebar .carre.volaille, #onebar .carre.porc, #onebar .carre.carbo, #onebar .carre.caprin, #onebar .carre.ovin, #onebar .carre.cheval, #onebar .carre.canard {
    background-size: auto 100%;
	}
	
	#contener-produit-cat #onebar .carre.carbo p {
    padding-top: 146px;
}

	#produit .ficheproduit .info h6 {
    font-size: 25px;
	}

	.propo {
    width: 85%;
	}
	/*FIN PRODUIT*/
	/*SERVICES*/
	#info{
		height:auto;
	}

	/*MANUEL*/

	#fds h3{
		font-size:20px;
	}

	#fds label, #fds input, #fds table th, #fds table td, #piece_detachee th{
		font-size:14px;
	}

	/*FIN MANUEL*/
	
	
	/*FIN SERVICES*/

	/*PS*/

	#categories.progsan {
	    width: 82%;
	}

	#catname{
		width:18%;
		height: 48.5%;
		    margin-top: 157px;
	}

	#ztexte{
		height: auto;
	}

	#space {
    	height: 85px;
	}

	#gptblock {
    	height: 45px;
	}

	.periodett {
	    display: block;
	    margin-top: 12px;
	    width: 100px;
	    text-align: center;
	    float: left;
	    font-size: 13px;
	}

	.nais {
	    margin-left: 2.5%;
	}

	.sevr {
	    margin-left: 39.75%;
	}

	#lptblock {
    	height: 20px;
	}

	.ptblock p {
	    margin-top: 0;
	    font-size: 10px;
	}

	#cn, #te, #h {
	    height: 85px;
	}

	.ptblock, .block {
	    width: 100px;
	}

	.block span img{
		margin-left:-17px;
	}

	.block.quatre {
	    width: 400px;
	}

	.block p.deuxlignes{
		padding: 14px 0;
	}

	.block span{
		margin-left:0;
		bottom: 258px;
	}

	.veau #cn, .veau #te, .veau #h {
	    width: 1110px;
	}

	.vl .snap-scrolling-example .content {
	    width: 54%;
	    height: 92%;
	}

	.vaci .snap-scrolling-example .content,.vace .snap-scrolling-example .content  {
	    width: 54%;
	    height: 75%;
	}

	.vaci #souscatname {
	    height: 23.25%;
	}

	.vaci #catname {
	    margin-top: 158px;
	    height:50.5%;
	}

	
	.rae{
		margin-left:52px;
	}

	.vaci #cn {
	    height: 85px;
	}

	#souscatname {
	    width: 10%;
	    margin-top: 159px;
	}

	.vl #catname {
	    margin-top: 157px;
	}

	.vl #cn .block p.deuxlignes {
	    padding: 0 0;
	}

	.block.deux {
	    width: 200px;
	}

	.block.trois {
	    width: 300px;
	}

	.vl .pav {
	    margin-left: 50px;
	}

	.allai {
	    margin-left: 199px;
	}

	.mar {
	    margin-left: 102px;
	}

	.vl .tar {
	    margin-left: 296px;
	}

	

	.vl #cn, .vl #te, .vl #h {
	    width: 1102px;
	}

	#souscatname ul li div {
	    font-size: 8px;
	}

	.vace #souscatname {
	    margin-top:160px;
	}

	.vace #catname {
	        height: 50.5%;
    	margin-top: 158px;
	}

	.vace .pav {
	    margin-left: 50px;
	}

	.vace .allai {
	    margin-left: 96px;
	}

	.vace .mar {
	    margin-left: 103px;
	}

	.vace .deux span {
	    margin-left: 0px;
		}

	.vace #cn,.vace #te,.vace #h {
   		width: 715px;
   	}

   	#bandeau {
	    width: 90%;
	}

   	#bandeau.bcenter {
	    width: 100%;
	}

	#bandeau p{
		font-size:10px;
	}

	.psa {
	    margin-left: 4.5%;
	}

	.dtp {
	    margin-left: 18.25%;
	}

	.pstan .block p.troislignes {
	    padding: 19px 0;
	}

	.pstan .block p {
	    padding: 20px 0;
	}
	
	.block p.ligneband2 {
	    padding: 5px 0;
	}

	.pstan #cn, .pstan #te, .pstan #h,.pstan #ztexte {
	    width: 2120px;
	}

	.pstan #space {
	    height: 100px;
	}

	.pstan #catname{
		margin-top: 172px;
	}

	.pstan .snap-scrolling-example .content, .pl .snap-scrolling-example .content {
	    width: 62%;
	}

	.block p.quatrelignes {
	    padding: 5px 0;
	}

	.block p.ligneband3 {
	    padding: 0px 0;
	    font-size: 11px;
	}

	.pl .psa {
	    margin-left: 4.75%;
	}

	.pl .dtp {
	    margin-left: 12.75%;
	}

	.pl #cn, .pl #te, .pl #h, .pl #ztexte {
	    width: 1819px;
	}

	.pl #space {
	    height: 115px;
	}

	.pl #catname {
	    margin-top: 187px;
	}

	.block p.ligneband {
	    padding: 19px 0;
	}

	.pp #cn, .pp #te, .pp #h, .pp #ztexte {
	    width: 1610px;
	}

	.pp .psa {
	    margin-left: 5.5%;
	}

	.pp .dtp {
	    margin-left: 7.75%;
	}

	.can #cn, .can #te, .can #h, .can #ztexte {
	    width: 2000px;
	}

	.can .psa {
	    margin-left: 4.75%;
	}

	.can .dtp {
	    margin-left: 16%;
	}

	.can-pag #cn, .can-pag #te, .can-pag #h, .can-pag #ztexte {
	    width: 2020px;
	}

	.can-pag .dtp, .dd .dtp {
	    margin-left: 15%;
	}

	.dd #cn, .dd #te, .dd #h, .dd #ztexte {
	    width: 2100px;
	}

	.pp #space, .can #space, .can-pag #space, .dd #space,  {
	    height: 115px;
	}

	.pp #catname, .can #catname, .can-pag #catname, .dd #catname {
	    margin-top: 188px;
	}

	.block p.troislignes {
	    padding: 5px 0;
	}

	.prepa-agn {
	    margin-left: 52px;
	}

	.agn {
	    margin-left: 97px;
	}

	.prepa-lut {
	    margin-left: 204px;
	}

	.ins {
	    margin-left: 198px;
	}

	.brebis #cn, .brebis #te, .brebis #h, .brebis #ztexte {
	    width: 1322px;
	}

	.block.cinq {
	    width: 500px;
	}

	.block.uncinq {
	    width: 166.6px;
	}

	.block.cinq span {
	    margin-left: 180px;
	}

	.block.uncinq span {
	    margin-left: 6px;
	}

	.chevre #cn, .chevre #te, .chevre #h, .chevre #ztexte {
	    width: 1165px;
	}

	.block.trois span {
	    margin-left: 80px;
	}

	.block.deux span {
	    margin-left: 28px;
	}

	.prepa-repro {
	    margin-left: 51px;
	    font-size: 11px;
	}

	.pmise-bas {
	    margin-left: 98px;
	    font-size: 11px;
	}

	.mise-bas {
	    margin-left: 201px;
	    font-size: 11px;
	}

	.vignes #contenerall, .noyer #contenerall, .cereales #contenerall, .prairies #contenerall {
	    width: 80%;
	}

	.vignes #ztexte, .vignes #tcarbo, .vignes #tphyto, .vignes #therbi {
	    width: 1045px;
	}

	.noyer #ztexte, .noyer #tcarbo, .noyer #tphyto, .noyer #therbi {
	    width: 745px;
	}

	.ptblock.double {
	    width: 200px;
	}

	.block .unquart p {
	    padding: 5px 0;
	    font-size: 13px;
	}

	.vignes .block.deux span,.noyer .block.deux span,.cereales .block.deux span,.prairies .block.deux span {
	    margin-left: 0px;
	}

	.cereales #ztexte, .cereales #tcarbo, .cereales #tphyto, .cereales #therbi {
	    width: 1000px;
	}

	.prairies #ztexte, .prairies #tcarbo {
	    width: 618px;
	}

	#main.recru input, #main.recru select, #main.recru .refchamp input, #main.recru select {
	    width: 100%;
	    margin-top: 10px;
	}

	#main.recru label {
	    width: 100%;
	}

	#main-insc .forms, #main.recru .forms {
	    height: 960px;
	    margin-bottom: 51px;
	}

	/*FIN PS*/
		
	#footer-scrollpage #infolegal {
    width: 100%;
	}

	#fds table th, #piece_detachee th {
	    line-height: normal;
	        vertical-align: middle;
	}

	#fds table td a img {
  	  display: none;
	}

	#fds table td {
	    color: #222;
	    border: 1px solid #222;
	    line-height: normal;
	    vertical-align: middle;
	}




}

/*FIN 600 px*/

/*480 px*/

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

	/*ALERT INFO PRODUIT*/

	#message_alert.info_cth{
		height:110px;
	}

	/*FIN ALERT*/
	
	/*SIDEBAR*/
	#sidebar{
		top:160px;
	}

	#callback{
		width: 163px;
    	height: 38px;
	}

	#callback .tel{
		height:38px;
		width:38px;
    	background-size: auto 38px;
}

	#callback img {
    width: 38px;
    height: 38px;
	}

	#callback p {
    height: 38px;
    line-height: 38px;
    font-size:10px;
	}

	#mailto{
		width: 163px;
    	height: 38px;
		margin-top: 48px;
	}

	#mailto .mail{
		height:38px;
		width:38px;
		 background: url(http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png) -38px 0 no-repeat;
    	background-size: auto 38px;
    	   
	}

	#mailto img {
    width: 38px;
    height: 38px;
	}

	#mailto p {
    height: 38px;
    line-height: 38px;
	font-size:10px;
	}

	#meteo{
		width: 163px;
    	height: 38px;
		margin-top: 153px;
	}

	#meteo .soleil{
		height:38px;
		width:38px;
		   background: url(http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png) -76px 0 no-repeat;
    	background-size: auto 38px;
    	 
	}

	#meteo img {
    width: 38px;
    height: 38px;
	}

	#meteo p {
    height: 38px;
    line-height: 38px;
    font-size:10px;
	}

	#outilcalc {
    width: 163px;
    margin-top: 199px;
	}

	#outilcalc .outil{
		height:38px;
		width:38px;
		background: url(http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png) -114px 0 no-repeat;
    	background-size: auto 38px;
    	    background-color: #f5a630;
	}

	#outilcalc img {
    width: 38px;
    height: 38px;
	}

	#outilcalc .outiltexte{
		height:105px;
	}

	.outiltexte p span{
		font-size: 12px;
    	line-height: 32px;
    	height: 35px;
	}

	.outiltexte p{
		font-size: 9px;
    	line-height: 14px;
	}

	#fb{
		width: 163px;
    	height: 38px;
   		margin-top: 95px;
	}

	#fb img {
    width: 38px;
    height: 38px;
	}

	#fb p {
    height: 38px;
    line-height: 38px;
    font-size:10px;
	}

	#fb .fbico {
    width: 38px;
    height: 38px;
    float: right;
    background: url(http://www.cth.fr/wp-content/themes/montheme/images/sprites-sidebar.png) -152px 0 no-repeat;
    background-size: auto 38px;
    border: none;
    cursor: auto;
}
	/*FIN SIDEBAR*/

	/*HOME*/

	#categories{
		width:282px;
		height:300px;
		margin-top: 110px;
		
	}
	

	.carre{
		width:80px;
		height:80px;
		margin-right:15px;
	}

	.carre:hover{
		border-radius:20px 0;
	}

	.rectangle{
		width:130px;
		height:80px;
	}


	.carre h2{
		width: 80px;
	    height: 80px;
	    font-size: 45px;
	}

	.carre p{
		padding-top: 53px;
	    width: 80px;
	    height: 80px;
	    font-size: 10px;
	}
	
	.carre.fds p {
    padding-top: 65px;
}

	.rslides img{
		width:100%;
	}

	#header {
    min-height: 89px;
	}

	.logo img {
    width: 89px;
    height:89px;
    left: 10px;
	}

	/*FLIP*/
	.panel.connectezvous .box2 p {
	    padding-top: 6px;
	    font-size: 12px;
	}

	.rectangle {
    width: 120px;
    height: 80px;
}

.panel p{
	padding-top: 52px;
}

.panel.manuel .back .box2 p, .panel.sav .back .box2 p, .panel.presta .back .box2 p, .panel.tuto .back .box2 p, .panel.ps .back .box2 p, .panel.audit .back .box2 p, .progsanx4 .panel p {
    padding-top: 48px;
    color: #fff;
}


	/*FIN HOME*/

	/*SOCIETE*/

	#metiergrp article .global_soluce{
		width: 15%;
		height: auto;
		top: 3%;
		left: 70%;
	}
	
	#menusociete #categories{
		width:282px;
		height:300px;
		margin: 0 3%;
	}

	#menusociete #histoire{
		padding: 40px 35px;
	}

	#contentsociete article p{
		font-size: 12px;
	}

	section article h3{
		font-size: 35px;
	}

	#metiergrp article, #agriagro article, #rd article, #internationnal article, #recru article{
		padding:40px 35px;
	}

	#menusociete #categories p{
		font-size:12px;
		line-height: 12px;
	}

	#internationnal article .filiale {
    width: 80%;
    margin: 25px 10% 0 10%;
    height: auto;
    float: left;
    background-color: #222;
    border-radius: 30px 0;
	}

		#metiergrp article h3{
		font-size: 30px;
	}
	
	#metiergrp article .global_soluce{
		width: 20%;
		height: auto;
		top: 3%;
		left: 69%;
	}

	#menusociete>div:nth-of-type(1) {
    background-size: 473%;
}
	/*FIN SOCIETE*/

	

	/*PRODUIT*/

	#contener-produit #onebar,#contener-produit-cat #onebar{
		height:105px;
	}

	#contener-produit #onebar .entermenu p{
		padding-top: 80px;
		font-size:14px;
	}


	#contener-produit #onebar .howchoose p,#contener-produit-cat #onebar .carre.howchoose p,#contener-produit-cat #onebar .carre.cn p, #contener-produit-cat #onebar .carre.te p, #contener-produit-cat #onebar .carre.h p{
		margin: 33px 0 10px 0;
    	height: auto;
    	font-size:10px;

	}

	#contener-produit #onebar .searchprod h3,#contener-produit-cat #onebar .searchprod h3{
		line-height: normal;
	}

	#contener-produit #twobar{
		height: 90px;
	}

	#contener-produit #twobar .carre h3 {
	    height: 51%;
	    font-size: 50px;
	}

	#contener-produit #twobar .carre p {
    font-size: 11px;
	}



	#owl-demo, #owl-demo1, #owl-demo2, #owl-demo3, #owl-demo4, #owl-demo5, #owl-demo6, #owl-demo7, #owl-demo8, #owl-demo9, #owl-demo10, #owl-demo11, #owl-demo12, #owl-demo13, #owl-demo14, #owl-demo15, #owl-demo16, #owl-demo17, #owl-demo18, #owl-demo19, #owl-demo20, #owl-demo21, #owl-demo22, #owl-demo23, #owl-demo24, #owl-demo25, #owl-demo26, #owl-demo27, #owl-demo28, #owl-demo29, #owl-demo30, #owl-demo31{
		padding-left:0;
		width:250px;
	}



	#contener-produit .carre h4{
		font-size: 12px;
	}

	.carre p{
		font-size:8px;
	}

	#contener-produit .sousfamille p{
		font-size:16px;
	}

	#produit .ficheproduit .categories h3{
		font-size:12px;
	}

	#produit .ficheproduit .categories{
		height:auto;
	}

	#produit .ficheproduit .categories h3 {
    font-size: 12px;
	}

	#produit .ficheproduit .info .fondblanc {
    width: 96%;
    height: 92%;
    margin: 2%;
	}

	.proposition h6{
		font-size:20px;
	}



	#produit .ficheproduit .info{
		margin-bottom:0;
	}

	.propo {
    width: 95%;
    height: auto;
    margin-right: auto;
    margin-left: 10px;
	}

	#produit .ficheproduit .info .zonegauche{
		margin-top:10px;
	}


	#contener-produit-cat #onebar .carre.cn h3, #contener-produit-cat #onebar .carre.te h3, #contener-produit-cat #onebar .carre.h h3{

	    padding-top: 6px;
	    font-size: 72px;
	}

	#onebar .carre.bovin, #onebar .carre.volaille,#onebar .carre.porc,#onebar .carre.carbo, #onebar .carre.caprin, #onebar .carre.ovin, #onebar .carre.cheval, #onebar .carre.canard {
    background-size: auto 100%;
}

	#contener-produit-cat #onebar .carre.cn p, #contener-produit-cat #onebar .carre.te p, #contener-produit-cat #onebar .carre.h p{
		margin:0;
		padding-top:75px;
			}

	#contener-produit #onebar .howchoose p{
		margin:0;
		padding-top:35px;
	}

	#contener-produit-cat #twobar .carre {
    width: 85%;
    height: 138px;
}

#contener-produit-cat #twobar .carre p{
	font-size:16px;
}

.carre form{
		padding-top:15%;
	}

#contener-produit-cat .filterbar .all, #contener-produit-cat .filterbar .sousfamille p{
	font-size:16px;
}

#contener-produit-cat .filterbar .sousfamille{
	height:70px;
	margin-top:0;
}

#contener-produit-cat .filterbar .all li, #contener-produit-cat .filterbar .sousfamille li p span{
	margin-top:0;
}

	
	#onebar .carre.bovin, #onebar .carre.volaille, #onebar .carre.porc, #onebar .carre.carbo, #onebar .carre.caprin, #onebar .carre.ovin, #onebar .carre.cheval, #onebar .carre.canard  {
    background-size: 100% auto;
	}
	
	#contener-produit-cat #onebar .carre.carbo p {
    padding-top: 100px;
	font-size:14px;
	}

	#gammecarbo .carre {
    width: 125px;
    height: 125px;
	}
	
	#gammecarbo .carre .zoneimg {
    width: 125px;
    height: 60px;
	}
	
	#gammecarbo .carre .resum {
    width: 125px;
    height: 70px;
}

	#gammecarbo .carre h4 {
		font-size: 12px;
		height: 20px;
	}
	
	#gammecarbo .carre p {
    width: 85px;
    height: 45px;
	}
	
	#gammecarbo .carre .infoplus {
    width: 40px;
    height: 45px;
	}
	
	#gammecarbo .carre .zoneimg img {
    width: auto;
    max-height: 100%;
	}

	#contener-produit-cat .filterbar #gammecarbo {
    width: auto;
	}
	#contener-produit-cat .filterbar {
    width: 97%;
	}

		/*FLIP*//*MODIF FLIP EFFECT*/

.panel {
	width:80px;
	height: 80px;  

    
    margin-right: 5px;
    margin-bottom: 5px;
}

.box1{
	width: 80px;
	height: 80px;
    float: left;
    box-shadow: 3px 2px 7px #2a4256;
}
.box2{
	width: 80px;
	height: 80px;
	padding: 10px;
    box-shadow: 3px 2px 7px #2a4256;
    border-radius: 20px 0;
}

.panel p{
	width: 80px;
	height: 80px;	
	padding-top: 56px;
	font-size: 10px;
}

.panel .back p {
    padding-top: 30px;
    margin-top: 0px;
    font-size: 14px;
}

.panel.compnutri .back p,.panel.traiteau .back p,.panel.hygi .back p{
    padding-top: 16px;
    font-size: 14px;
}


.panel h2 {
    width: 80px;
    height: 80px;
    font-size: 54px;
    margin-top: 0px;
}

	/*FIN PRODUIT*/

	/*BRUMISATION*/

	
	#brumi .produit-brum {
    width: 100%;
    margin: auto;
	}

	#brumi .produit-brum button {
    font-size: 19px;
    color: #222;
    font-weight: 700;
    border: none;
    text-align: center;
    line-height: normal;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
    width: 100%;
    background-color: #009cc9;
    border-radius: 30px 0 0 0;
    padding: 10px;
	}

	#brumi .top h4 {
    font-size: 12px;
	}

	#brumi .top h6 {
    font-size: 26px;
    }

	#info-brum .zonegauche {
    height: 173px;
	}

	#info-brum .zonedroite .explica p {
    text-align: left;
    font-size: 12px;
    line-height: 16px;
	}	

	#info-brum .zonedroite .explica p .intertitre {
    font-weight: 700;
    color: #009cc9;
    font-size: 16px;
    line-height: normal;
    text-align: left;
	}

	#info-brum .zonedroite {
    padding: 20px 5px
	}
	#brumi .produit-brum .carre {
    margin: auto;
    margin-bottom: 50px;
	}

	/*FIN BRUMISATION*/

	/*SERVICES*/

	#gammeservice {
    	width: 273px;
    }

    #info h6{
    	padding:0 8px;
    }

    #services .contact_sav p {
    padding: 10%;
	}

	#services .contact_sav a p{
		height: 100%;
	    width: 52%;
	    line-height: 20px;
	    padding: 10px 0;
	    margin: 0;
	}

	.toggleinfo ul.subMenu a{
		padding:0;
	}

	#services .openinfo li table th, #services .openinfo li table td{
		font-size: 15px;
	}

	#services .openinfo a p {
    font-size: 15px;
    width: 100%;
    text-align: center;
	}

	.clicktosee .texte-service{
		height:auto;
	}

	/*MANUEL*/

	#fds h3{
		font-size:18px;
	}

	#fds label, #fds input, #fds table th, #fds table td{
		font-size:10px;
	}

	#fds table td {
    color: #222;
    border: 1px solid #222;
    line-height: normal;
    vertical-align: middle;
	}

	#fds table td a img {
	    float: left;
	    height: 0px;
	}

	#fds table td a p {
	    display: block;
	    width: 100%;
	    height: 50px;
	    float: left;
	    line-height: 50px;
	    text-align: center;
	}

	/*FIN MANUEL*/
	/*PS*/

	#categories.progsanx4 {
	    width: 188px;
	}

	#categories.progsan .carre p, #categories.progsanx4 .carre p {
	    font-size: 8px;
	}
	h6.ps {
	    font-size: 20px;
	    margin: 0 40px;
	}


	#catname{
		margin-left:37px;
	}

	#catname ul li p{
		display: none;
	}

	#catname ul li {
    	height: 21.33%;
    }


    .snap-scrolling-example .content {
	    width: 59%;
	    height: 65%;
	}

	#cn, #te, #h {
	    height: 58px;
	}

	.ptblock, .block {
	    width: 85px;
	}

	.block p, .block p.deuxlignes, .block .demi p {
	    padding: 3px 0;
	}

	.block p, .vaci #cn .block p {
	    font-size: 10px;
	    width: 100%;
	    height: 100%;
	    display: block;

	}

	.vaci .block p.troislignes {
	    padding: 13px 0;
	}

	.vaci #souscatname {
	    height: 15.75%;
	}

	.vaci #catname {
	    height: 35.5%;
	}

	.vaci .snap-scrolling-example .content {
	    height: 57%;
	}

	.vaci #souscatname ul li div {
	    line-height: 30px;
	}

	.vaci #cn, .vaci #te, .vaci #h {
	    width: 755px;
	}

	.vaci #cn .block p {
	    padding: 8px 0;
	}	
	.vaci #cn #ztexte #g.allai {
	    margin-left: 140px;
	}

	.vaci .block span {
	    bottom: 170px;
	}
	.vaci #cn {
	    height: 58px;
	}

	.rae {
	    margin-left: 36px;
	}

	.nais {
	    margin-left: 2%;
	}

	.sevr {
	    margin-left: 31.75%;
	}

	.block.quatre {
	    width: 340px;
	}
	.block.trois span {
    margin-left: 75px;
    width:100px;
	}

	.block.deux span{
		width:100px;
	}

	.block .demi p{
		margin-left:90px;
	}

	.block span {
	    margin-left: 0;
	    bottom: 174px;
	    width:100px;
	}

	.block.quatre span{
		margin-left:40px;
	}

	.block.quatre span img {
	    margin-left: 118px;
	}

	.veau #cn, .veau #te, .veau #h {
	    width: 940px;
	}

	.vl #catname ul li {
	    height: 15%;
	}

	.vl .snap-scrolling-example .content {
	    width: 51%;
	    height: 81%;
	}

	.block.trois {
	    width: 255px;
	}

	.block.deux {
	    width: 170px;
	}

	#souscatname {
	    margin-top: 160px;
	}

	

	.vl .pav {
	    margin-left: 35px;
	}

	.allai {
	    margin-left: 155px;
	}

	.mar {
	    margin-left: 73px;
	}

	.vl .tar {
	    margin-left: 238px;
	}

	.vl .block span {
	    bottom: 257px;
	}

	.vace #cn .block p{
		font-size:10px;
	}

	.vace #catname {
	    height: 41.5%;
	}

	.vace #catname ul li.cn {
	    height: 54.33%;
	}

	.vace #catname ul li {
	    height: 20.33%;
	}

	.vace .pav {
	    margin-left: 35px;
	}

	.vace .allai {
	    margin-left: 68px;
	}

	.vace .mar {
	    margin-left: 73px;
	}

	.vace .block p.troislignes {
	    padding: 12px 0;
	}

	.vace .block p.quatrelignes {
	    padding: 4px 0;
	}

	.vace .block span {
	    bottom: 260px;
	}

	.psa {
	    margin-left: 3.5%;
	}

	.dtp {
	    margin-left: 15%;
	}

	.block p.ligneband {
	    padding: 2px 0;
	}

	.block p.ligneband2 {
	    padding: 2px 0;
	}

	.pstan .block p.troislignes {
	    padding: 3px 0;
	}

	.pstan .block.quatre span img {
	    margin-left: 0;
	}

	.pstan .snap-scrolling-example .content, .pl .snap-scrolling-example .content {
	    height: 75%;
	}

	.pstan #space {
	    height: 140px;
	}

	.pstan #cn, .pstan #te, .pstan #h, .pstan #ztexte {
	    width: 1784px;
	}

	.pstan #catname {
	    margin-top: 212px;
	}

	.block p.ligneband3 {
	    padding: 0px 0;
	    font-size: 7px;
	}

	.block p.troislignes {
	    padding: 3px 0;
	}

	.pl #space {
	    height: 135px;
	}

	.pl #catname {
	    margin-top: 207px;
	}

	.pl .psa {
	    margin-left: 3.5%;
	}

	.pl .dtp {
	    margin-left: 10.25%;
	}

	.block p.ligneband3 {
	    padding: 0px 0;
	    font-size: 7px;
	}

	.pl #cn, .pl #te, .pl #h, .pl #ztexte {
	    width: 1525px;
	}

	.pp #cn, .pp #te, .pp #h, .pp #ztexte {
	    width: 1360px;
	}

	.pp .psa {
	    margin-left: 4.5%;
	}

	.pp .dtp {
	    margin-left: 5.75%;
	}

	.can #cn, .can #te, .can #h, .can #ztexte {
	    width: 1700px;
	}

	.can .psa {
	    margin-left: 3.75%;
	}

	.can .dtp {
	    margin-left: 13%;
	}

	.can .block p.ligneband3 {
	    padding: 0px 0;
	    font-size: 10px;
	}

	.can-pag #cn, .can-pag #te, .can-pag #h, .can-pag #ztexte {
	    width: 1710px;
	}

	.can-pag .dtp, .dd .dtp {
	    margin-left: 12.5%;
	}

	.can-pag .block p.ligneband2 {
	    padding: 0px 0;
	    font-size: 8px;
	}

	.dd #cn, .dd #te, .dd #h, .dd #ztexte {
	    width: 1790px;
	}

	.pp #space, .can #space, .can-pag #space, .dd #space {
	    height: 125px;
	}

	.pp .snap-scrolling-example .content, .can .snap-scrolling-example .content, .can-pag .snap-scrolling-example .content, .dd .snap-scrolling-example .content {
    	height: 72%;
	}

	.pp #catname, .can #catname, .can-pag #catname, .dd #catname {
	    margin-top: 198px;
	}

	.prepa-agn {
	    margin-left: 35px;
	}

	.agn {
	    margin-left: 67px;
	}

	.prepa-lut {
	    margin-left: 160px;
	}

	.ins {
	    margin-left: 155px;
	}

	.brebis #cn, .brebis #te, .brebis #h, .brebis #ztexte {
	    width: 1106px;
	}

	.block.cinq {
	    width: 425px;
	}

	.block.uncinq {
	    width: 141.6px;
	}

	.block.cinq span {
	    margin-left: 160px;
	}

	.block.deux span {
	    margin-left: 32px;
	}

	.prepa-repro {
	    margin-left: 32px;
	}

	.pmise-bas {
	    margin-left: 72px;
	}

	.mise-bas {
	    margin-left: 155px;
	}

	.chevre #cn, .chevre #te, .chevre #h, .chevre #ztexte {
	    width: 970px;
	}

	.ptblock.double {
	    width: 170px;
	}

	.vignes #ztexte, .vignes #tcarbo, .vignes #tphyto, .vignes #therbi {
	    width: 885px;
	}

	.noyer #ztexte, .noyer #tcarbo, .noyer #tphyto, .noyer #therbi {
	    width: 648px;
	}

	.vignes .block span, .noyer .block span, .cereales .block span, .prairies .block span {
	    bottom: 220px;
	    width: 85px;
	}

	.vignes .block span img,.noyer .block span img,.cereales .block span img ,.prairies .block span img {
    margin-left: -27px;
}

	.cereales #ztexte, .cereales #tcarbo, .cereales #tphyto, .cereales #therbi {
	    width: 850px;
	}

	.prairies #ztexte, .prairies #tcarbo {
	    width: 522px;
	}

	.prairies .block span {
	    bottom: 122px;
	}	

	.prairies .block.deux span {
	    margin-left: 41px;
	    width:85px;
	}

	/*FIN PS*/
	/*FIN SERVICES*/

	/*ACTU*/

#contentarticle #categories {
    width: 286px;
    margin: 0 30% 0 30%;
}


 #contentarticle .carre{
	width: 80px;
    height: 80px;
}

#contentarticle .carre.compnutri, #contentarticle .carre.traiteau, #contentarticle .carre.hygi{
	width: 80px;
    height: 80px;
    margin-right: 14px;
}


	#contentarticle .carre.compnutri h2, #contentarticle .carre.traiteau h2, #contentarticle .carre.hygi h2{
	width: 80px;
    height: 80px;
    font-size:45px;
    padding-top: 5px;
	}


 #contentarticle .carre.compnutri p,#contentarticle .carre.traiteau p, #contentarticle .carre.hygi p{
 	padding-top:53px;
 	width: 80px;
    height: 80px;
    font-size:10px;
    line-height: 12px;
 }

 #contentarticle {
    width: 100%;
}

#contentarticle #categories{
	margin:0 auto;
}

#contentarticle{
	margin-left:0;
	margin-right:0;
}

#info{
	padding: 54px 35px;
	height:auto;
}


#contentarticle .carre p {
    width: 80px;
    height: auto;
    padding-top: 0;
    line-height: 80px;
}

#contentarticle .panel {
    width: 80px;
    height: 80px;
    margin-bottom: 25px;
}

#contentarticle #column1, #contentarticle #column2 {
    width: 100%;
}

#contentarticle #column2 #pluginfb {
    width: 100%;
}


#contentarticle #column1 .panel p{
    font-size: 10px;
    
    line-height: 60px;
}


/*FIN ACTU*/


/*CONTACT*/

#infolegal p{
	font-size:9px;
}

#infolegal{
	width:100%;
}

.logo-center{
	margin-left: 10px;
}

#bandeauinfo iframe {
    width: 45%;
    height: 85%;
}

#bandeauinfo div{
    width: 50%;
    height: auto;
    padding: 0px 2.5%;
    float: left;
}

#contact #section1 #bandeauinfo div p{
	text-align: left;
}

#contact #section1 #bandeauinfo div{
	width:50%;
}

#bandeauinfo{
	height:45%;
}

#section1 #categories{
	padding-top:15px;
	padding-right:8%;
}

#fondmenu-contact #scrollcontent #section1 #art2 .zonedroite, #fondmenu-contact #scrollcontent #section1 #art3 .zonedroite{
	width: 96%;
    padding-right: 4%;
}

#contact #section1 #categories p{
	font-size:12px;
}

#categories .fonction{
	padding-top:0;
}

#categories .form{
	margin-top:30px;
}

#categories .call{
	margin-top:45px;
}

#contact #section2 .zonedroite p{
	font-size:12px;
	padding:3px;
}

#contact label{
	font-size:12px;
}

#contact .civilite {
    width: 10px;
    height: 10px;
    float: none;
}

#contact input{
	height:25px;
}

#contact #section2 .zonedroite .sujet input{
	height:25px;
}

#contact #section2 .zonedroite .dem textarea{
	width:70%;
	height:35px;
}

#contact #section2 .zonedroite .dem {
    margin-bottom: 4px;
}

#contact #section2 .zonedroite .send input {
    width: 60%;
    height: 30px;
    }

#contact section .fondtransp p{
	font-size:12px;
}

#contact input{
	width:69%;
}

#fondmenu-contact #scrollcontent #section1 article #bandeauinfo{
	width: 100%;
    height: 410px;
	padding-top:46%;
	position: relative;
}

#fondmenu-contact #scrollcontent #section1 article #bandeauinfo iframe{
	margin-top: 0;
    padding-right: 10px;
    width: 50%;
    height: 95%;
}

#fondmenu-contact #scrollcontent #section1 article{
	width:100%;
	margin-right:0;
}

/*FIN CONTACT*/

/*INFO PERSO*/

#categories-infoperso {
    width: 282px;
    height: 300px;
}

#categories-infoperso .rectangle {
    width: 130px;
    height: 80px;
        font-size: 10px;
    line-height: 85px;

}

#categories-infoperso .rectangle.deco p {
    font-size: 14px;
 }

#categories-infoperso .rectangle.bienvenue {
    padding: 1px 2px;
}

#categories-infoperso .rectangle.bienvenue a {
    display: block;
    float: left;
    width: 1cm;
    height: 1cm;
    margin: 0 2px;
}

#categories-infoperso .rectangle.bienvenue button {
	background-size: auto 100%;
	font-size: 7px;
    padding-top: 19px;
}

.panel.fds .front .box1 p {
    color: #222;
    padding-top: 66px;
}

.panel.fds .back .box2 p {
    padding-top: 53px;
    color: #222;
}

#categories-infoperso .rectangle.deco{
    width: 110px;
    line-height: 79px;
}

/*FIN INFO PERSO*/

/*PROFIL*/

/*FIN PROFIL*/

/*CONNEXION*/

#fondgris-connect {
    width: 100%;
    min-height: 100%;
    height: 976px;
    background-color: #414d48;
}

#fondgris-connect #main {
    width: 100%;
    height: 578px;
}

#fondgris-connect #footer-scrollpage {
    overflow: hidden;
    float: left;
    position: absolute;
    height: 40px;
    width: 100%;
    top: 1000px;
}

#aide {
    width: 100%;
    height: auto;
    position: absolute;
    top: 577px;
    padding:30px;
}

#fondgris-connect #main #retour,#fondgris-connect #main #en-retour{
	right:0;
}

/*FIN CONNEXION*/

/*FDS*/

#fds .top{
	width:75%;
}

#fds table{
	width:75%;
}

/*FIN FDS*/

/*CALCUL*/

#fondgris-calculx3 #main, #fondgris-calculx3-r #main, #fondgris-calculx2 #main, #fondgris-calcul-corres #main {
    width: 90%;
}

#fondgris-calculx3 #main .result_value .texte{
	float:none;
	height:auto;
}

#fondgris-calculx3 #main .result_value .texte, #fondgris-calculx3-r #main .result_value .texte, #fondgris-calculx2 #main .result_value .texte {
    float: none;
    height: auto;
    width: 100%;
    padding: 10px;
    }
#fondgris-calculx3 #main .result_value, #fondgris-calculx3-r #main .result_value, #fondgris-calculx2 #main .result_value{
	height:auto;
}

#fondgris-calculx3 #main .result_value .schema, #fondgris-calculx3-r #main .result_value .schema, #fondgris-calculx2 #main .result_value .schema{
	width:100%;
}

#fondgris-calculx3 #main .result_value .schema img, #fondgris-calculx3-r #main .result_value .schema img, #fondgris-calculx2 #main .result_value .schema img{
	width:80%;
}

#fondgris-calculx3-r #main .result_value .texte p, #fondgris-calculx3 #main .result_value .texte p, #fondgris-calculx2 #main .result_value .texte p{
	text-align: center;
}

/*FIN CALCUL*/

/*RECHERCHE*/

#main-search .zonegauche {
    width: 40%;
}

#main-search .zonedroite {
    width: 55%;
}

#main-search .fondblanc img {
    max-height: 100%;
    max-width: 100%;
}

#s {
    width: 60%;
}

#main-search .zonedroite p {
    margin-bottom: 10px;
	text-align:left;
}

/*FIN RECHERCHE*/
}


/*FIN 480 px*/

/*320 PX*/

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

#metiergrp article .global_soluce{
		width: 28%;
		height: auto;
		top: 3%;
		left: 67%;
	}
	
	#metiergrp article h3 {
    text-align: left;
    font-size: 30px;
}
	
	/*INFO CLIENT*/
	#main-info h2 {
	    font-size: 20px;
	}

	#main-info .form_change input{
		width:160px;
	}
	
	#categories{
		margin-left: 31px;
    margin-right: auto;
	}

	#menusociete>div:nth-of-type(1) {
	    background-size: 473%;
	}

	/*FIN INFO CLIENT*/

	/*CALCUL*/
	.toggleinfo a, .toggleinfo span{
		line-height:normal;
	}

	#main form .ent_valeur p{
		font-size:12px;
	}

	#fondgris-calculx3-r #main .ent_valeur div {
    min-height: 131px;
}

#fondgris-calcul-corres #main .result_value .texte1 p,#fondgris-calcul-corres #main .result_value .texte2 p{
	padding: 0;
}

/*FDS*/

#fds h3 {
    font-size: 18px;
}

#fds label{
	font-size:12px;
}

#fds .result{
	font-size:12px;
}

#fds input{
	width:95%;
	margin-bottom: 10px;
}

#fds table th, #piece_detachee th {
    font-size: 10px;
    line-height: normal;
    vertical-align: middle;
}


#fds table td a img{
	height:0;
}

.progsan .carre {
    width: 70px;
    height: 70px;
}

#categories.progsan .carre p {
    font-size: 10px;
}

.vaci .snap-scrolling-example .content,.vace .snap-scrolling-example .content {
    width: 50%;
    }

    .block.deux span {
	    width: 140px;
	}

	.vace .deux span {
	    margin-left: 15px;
	}

	.pstan .snap-scrolling-example .content, .pl .snap-scrolling-example .content {
	    width: 52%;
	}

	.block span.double {
	    margin-left: -29px;
	}

/*FIN FDS*/

/*MANUEL*/

#fds table {
    width: 96%;
}

/*FIN MANUEL*/

/*FIN CALCUL*/

#contener-produit-cat .filterbar .all .carre {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
}

#contener-produit-cat .filterbar .all .carre {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
}



#contener-produit-cat .filterbar {
    height:auto;
    margin: auto;
    padding: 20px;
}

/*RECHERCHE*/

#main-search article {
    width: 150px;
	height:200px;
}

#main-search .zonegauche {
    width: 100%;
	height: 50%;
	border-right: none;
    border-bottom: 2px solid #222;
}

#main-search .zonedroite {
    width: 100%;
    height: 50%;
}

#main-search h6 {
    font-size: 16px;
	margin-bottom: 5px;
    margin-top: 5px;
}

#main-search h2 {
    color: #fff;
    margin: 40px auto;
    display: block;
    width: 78%;
    line-height: 24px;
}

#main-search .zonedroite p{
	margin-bottom:5px;
}

/*FIN RECHERCHE*/

/*PRODUIT*/

#onebar .carre.bovin, #onebar .carre.volaille, #onebar .carre.porc, #onebar .carre.carbo, #onebar .carre.caprin, #onebar .carre.ovin, #onebar .carre.cheval, #onebar .carre.canard {
    background-size:auto 100%;
}

#contener-produit-cat .filterbar #gammecarbo{
    width: 125px;
}

#contener-produit-cat .filterbar {
    width: 165px;
}



#contener-produit-cat #onebar .carre.howchoose p{
    margin: 10px 0 10px 0;
}
/*FIN PRODUIT*/

/*INFOS PERSO*/

#categories-infoperso {
    margin-right: -5px;
}

/*FIN INFOS PERSO*/

}
/*FIN 320PX*/

/*PAYSAGE*/

@media only screen and (max-width: 900px) and (orientation : landscape){

	#sidebar {
    top: 27%;
	}

	#mailto{
		margin-top: 9%;
	}

	#fb{
		margin-top: 18%;
	}

	#meteo{
		margin-top: 30%;
	}

	#outilcalc{
		margin-top:39%;
	}

	.outiltexte p {
    clear: both;
    font-size: 12px;
    line-height: 17px;
	}

	.outiltexte p span {
	    display: block;
	    height: 25px;
	    font-size: 8;
	    line-height: 30px;
	}


}

/*FIN PAYSAGE*/

/*HAUTEUR +de 768px*/
@media only screen and (min-height: 769px) and (max-width: 1625px){

	#fondmenu, #contact, #section2, #section3{
		background-size:auto 100%;
		background-position: center; 
	}

	#fondmenu-souspageg{
		background-size:auto;
	}

	#recru>div:nth-of-type(1),#internationnal>div:nth-of-type(1),#rd>div:nth-of-type(1),#agriagro>div:nth-of-type(1),#metiergrp>div:nth-of-type(1){
		background-size: auto 100%;
	}
	#footer-scrollpage {
    position: fixed;
    z-index: 0;
    background-color: #414d48;
    width: 100%;
    height: 5%;
  	bottom:0;
}
#fondgris {
    width: 100%;
    height: auto;
    min-height: 100%;
    background-color: #414d48;
    padding-top: 180px;
}

#fondgris #main{
	margin-bottom:0;
}

#main #footer-scrollpage{
	position: fixed;
	height:4%;
}

#fondgris-connect #footer-scrollpage{
	position: fixed;
	bottom:0;
	width: 100%;
}

.openinfo {
    position: relative;
    z-index: 2;
}



#onebar .carre.bovin, #onebar .carre.volaille, #onebar .carre.porc, #onebar .carre.carbo, #onebar .carre.caprin, #onebar .carre.ovin, #onebar .carre.cheval, #onebar .carre.canard{
	    background-size:100%  auto ;
}



}

/*FIN HAUTEUR +de 768px*/

@media only screen and (max-height: 769px) and (min-width: 1025px){
	
	.single_foot #footer-scrollpage{
		position: absolute;
	    z-index: 0;
	    background-color: #414d48;
	    width: 100%;
	    height: 5%;
	    /* bottom: 0; */
	    top: 932px;
	}
}

/*LARGEUR +de 1500px*/

@media only screen and (min-width: 1409px){

	#fondmenu, #contact, #section2, #section3,{
		background-size:auto 100%;
	}

	#fondmenu-souspageg{
		background-size:100% auto;
		position:auto -100px;
	}

	#categories, #categories-infoperso {
    width: 510px;
    height: 510px;
    float: right;
    margin-right: 147px;
    margin-top: 100px;
}

#categories.progsan {
    width: 510px;
    height: 83%;
    float: none;
    margin: 0 auto;
    margin-top: 30px;
}

#categories.progsan.bov{
	width:330px;
}

#categories.progsan .carre p{
	font-size:14px;
}

#footer-scrollpage {
    position: fixed;
    z-index: 0;
    background-color: #414d48;
    width: 100%;
    height: 5%;
  	bottom:0;
}
#fondgris {
    width: 100%;
    height: 100%;
    min-height: 100%;
    background-color: #414d48;
    padding-top: 180px;
}

#fondgris #main{
	margin-bottom:0;
}

#main #footer-scrollpage{
	position: fixed;
	height:4%;
}

#fondgris-connect #footer-scrollpage{
	position: fixed;
	bottom:0;
	width: 75%;
}

.openinfo {
    position: relative;
    z-index: 2;
}
#menusociete #categories{
	width:510px;
	margin-right:12%;
}

#internationnal article .turkey {
    padding: 30px 5px;
}

}

/*FIN LARGEUR +de 1500px*/

/*Largeur + de 1900px*/

@media screen and (min-width: 1900px){
	#fondmenu{
		background-size: 100% auto;
		background-position:bottom;
	}

	#categories {
    width: 510px;
    height: 510px;
    float: right;
    margin-right: 147px;
    margin-top: 100px;
	}

	#recru>div:nth-of-type(1),#internationnal>div:nth-of-type(1), #rd>div:nth-of-type(1), #agriagro>div:nth-of-type(1), #metiergrp>div:nth-of-type(1) {
    background-size: 130%;
}

#menusociete #categories{
	width:510px;
	margin-right:12%;
}

#contentarticle #categories{
	width:595px;
}

#contact, #section2, #secion3{
		background-size: 100% auto;
		background-position:bottom;

}

#menusociete #histoire{
	clear:both;
}
}

/*FIN largeur 1900px*/

/*FIN RESPONSIVE*/