@charset "UTF-8";
/*
Theme Name: laprovet
Theme URI: http://www.nicogaudin.net/
Description: WordPress Laprovet theme
Version: 1.0
Author: Nicogaudin
Author URI: http://www.nicogaudin.net/


*/

/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}



body{
	background:#f7f7f7;	
	color:#03388c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

a{color:#03388C;text-decoration:none;}
a:hover{color:#faec72; text-decoration:underline;}

.container{
	width:960px;
	margin:0 auto;
}


.clear{
	width:100%;
	height:1px;
	clear:both;
}
#top-bar{
	height:15px;
	font-size:0.9em;
	color:#ddd;
	margin:0;
	padding:0;
	background:url("img/fond-choix-langue.jpg");
	text-align:right;
}

#top-bar a{color:#03388C;}

#top-bar a:hover{color:#000;}

#nav-bar{
	background:#f7f7f7;
	padding:0;
	margin:0;
	clear:both;
	margin-bottom:3px;
}
#nav-bar nav ul{padding:0; margin:0; float:right; width:720px;}

#nav-bar nav ul li{
	list-style-type:none;
	text-align:center;
	height:4.4em;
	line-height:4.4em;
	margin:0;
	float:left;
}

#nav-bar nav ul li ul{
	position:absolute;
	display:none;
	z-index:9;
	text-align:center;
	background:#03388C;
	width:70px;
	top:96px;
	margin-left:-35px;
	margin-top:1px;
	
}

#nav-bar ul li.menu-item-458 ul{width:100px; margin-left:-20px;}
#nav-bar ul li.menu-item-562 ul{width:100px; margin-left:-20px;}
#nav-bar ul li.menu-item-558 ul{width:100px; margin-left:-40px;}

#nav-bar nav ul li ul li{
	padding:0 10px 0 10px;
	background:#03388c;
	width:200%;
	height:4em;
	line-height:4em;
}

#nav-bar nav ul li ul li a{color:#fff; height:3em; line-height:3em; padding:0;}
#nav-bar nav ul li ul li a:hover{color:#fff; height:3em; line-height:3em; padding:0; border:0; color:#faec72; font-weight:bold; background:none; text-decoration:underline;}

#nav-bar nav ul li:hover ul{
	display:block;
}

#nav-bar ul li a{
	display:block;
	padding:15px;
	margin:0;
	color:#03388c;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}

#nav-bar ul li a:hover{
	text-decoration:none;
	background:url("img/hover-nav-top.jpg") repeat-x;
	background-position:bottom;
	border-bottom:1px solid #03388C;
	}


/******************************Selecteur de langues*************************************************/
#lang_sel_list {float:right; margin-top:-35px;}
#lang_sel_list ul li{margin-top:5px; list-style-type:none;}

#lang_sel_list ul li a{text-decoration:none; padding:0; margin:0; width:100%; text-transform:none; font-size:0.8em; color:#03388C; line-height:18px; font-weight:normal; text-align:left;}
#lang_sel_list ul li a:hover{ color:#faec72; text-decoration:underline; border:none; background:none;}
#lang_sel_list ul li a img{float:left;}


#nav-bar #lang_sel_list ul li a.lang_sel_sel{font-style:normal; font-weight:bold;}

/*****************************************************************************************************/





h1{margin-top:0; float:left; width:25%;}

h1 a{
	text-indent:-9999px;
	display:block;
	background:url("img/logo-laprovet.jpg") no-repeat;
	margin-top:8px;
	margin-bottom:5px;
	width:163px;
	height:68px;
	margin-right:30px;
}

#slides{position:relative; z-index:0;}
.slidesjs-container{z-index:0;}
.slidesjs-navigation{
	position:relative;
	top:-250px;
	z-index:8;
	display:block;
	width:50px;
	height:50px;
	text-indent:-9999px;
}

.slidesjs-next{float:right; background:url("img/next.png") no-repeat}
.slidesjs-previous{float:left; background:url("img/previous.png") no-repeat}

/**************************************** BLOCS GAMMES ****************************************/
.view {
    width: 227px;
    height: 269px;
	margin-top:-160px;
    margin-right: 17px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center
}
.last-view{margin-right:0;}
.view .mask, .view .content {
    width: 227px;
    height: 269px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.mask a{text-decoration:none;}

.view img {
    display: block;
    position: relative;
	width:100%;
	height:auto;
}
.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
	padding:10px;
    background: #03388C url("img/fond-titre-bloc-gamme.jpg") repeat-x;
    margin:0;
	height:40px;
	line-height:40px;
	-webkit-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out; 
}
.view h2 span{
	vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  }

.view:hover h2{
	//-webkit-transform: translateY(209px);
	//transform: translateY(209px);
	color:#faec72;
	background: #03388C url("img/fond-titre-bloc-gamme-hover.jpg") repeat-x;
}


.actu-accueil{
	background:#fff url("img/fond-bloc-contenu.jpg") repeat-x;
	background-position:bottom;
	margin-top:20px;
	float:left;
	width:100%;
}

.actu-accueil h3{
	width:100%;
	text-transform:uppercase;
	color:#03388C;
	font-size:2em;
	float:left;
}
.actu-accueil img{
	float:left;
	background:#03388C;
	margin:0 0 15px 15px;
	width:42%;
	height:auto;
}
.actu-accueil p{
	padding:0 1% 0 1%;
	float:right;
	color:#03388C;
	width:53%;
	font-size:1.2em;
}

.actu-accueil a{
	padding:1%;
	float:right;
	text-align:right;

}

.actu-accueil h3 a{
	text-align:left;
	float:left;
}

/****************************** PAGE GAMME ********************************/
#bandeau-page{text-align:center;}
#bandeau-page img{
	width:100%;
	height:auto;
	max-width:1700px;
	min-width:960px;
	margin-top:1px;
}
#desc-gamme div{
	background:#fff;
	margin-top:-50px;
	position:relative;
	z-index:2;
	margin-bottom:20px;
}

#desc-gamme h2{
	text-transform:uppercase;
	font-size:1.5em;
	padding:15px 0 0 15px;
}

#desc-gamme p{font-size:1.2em; padding:15px;}

#menu-produit{
	background:#03388C;
	float:left;
	height:150px;
	margin-top:-100px;
	margin-bottom:30px;
	width:100%;
	text-align:center;
}
#menu-produit div{
	text-align:center;
	}
#menu-produit div ul{
	width:95%;
	list-style-type:none;
	margin:0 auto;
	margin-top:100px;
	
	
}

#menu-produit div ul li{
	float:left;
	//width:20%;
	text-align:center;
	padding:15px 15px 15px 15px;
}

#menu-produit div ul li a{
	width:100%;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
#menu-produit div ul li a:hover{
	width:100%;
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:bold;
	color:#faec72;
}

#produits{
}

.famille-produit{
	margin-top:20px;
	background:#fff url("img/fond-bloc-contenu.jpg") repeat-x;
	background-position:bottom;
	padding:2%;
	width:96%;
	float:left;
	clear:both;
}

.famille-produit h3{	
	text-transform:uppercase;
	font-size:1.3em;
	margin-bottom:18px;
	width:100%;
}

.famille-produit p{float:left; width:48%; font-size:1.2em; padding:1%; min-width:48%; line-height:1.4em; text-align:justify;}
.famille-produit img{float:right; width:100%; height:auto;}
/*.famille-produit a{float:left;display:block; width:30px; height:30px; text-indent:-9999px; background:url("img/top.jpg") no-repeat; position:absolute; right:15px;}*/
.prod-left img{float:right; margin-top:-30px;}
.prod-right img{float:left; margin-top:-30px;}

.prod-left p{float:left;}
.prod-right p{float:right;}

.prod-right h3{padding-left:50%;}



/********************************** PageActualité *******************************************/
#titre-page{
	width:100%;
	background:#03388C;
	padding:20px 0 20px 0;
	margin-top:-3px;
	}
#titre-page h2{
	color:#fff;
	text-transform:uppercase;
	font-size:2em;
}

.bloc-actu, .bloc-actu-liste{
	background:#fff;
	padding:15px;
	margin-top:15px;
	float:left;
}

.bloc-actu h3{
	text-transform:uppercase;
	font-size:1.75em;
	margin-bottom:10px;
	display:inline-block;
	width:100%;
}

.bloc-actu-liste h3{
	text-transform:uppercase;
	font-size:1.5em;
	margin-bottom:10px;
	display:inline-block;
	width:100%;
}

.bloc-actu img{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.bloc-actu-liste img{
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	width:48%;
	height:auto;
}

#bloc-actu-contenu{
	float:left;
	font-size:1.2em;
}
 .bloc-actu-liste p{
	float:right;
	width:50%;
	font-size:1.2em;
}
div.texte-video, div.texte-video p{
    float:left;
    width:100%;
    margin-top:15px;
    margin-bottom:15px;
}
p.texte-video{
}
.infos-actu{
	width:100%;
	float:left;
}
.infos-actu span{font-size:0.8em;}

.infos-actu a{
	display:inline-block;
	width:50%;
	float:right;
	color:#03388C;
	text-decoration:none;
	text-align:right;
}

#liste-actus{
	width:75%;
	float:left;
}

#menu-actus{
	width:20%;
	float:right;
	background:#fff;
	padding:15px;
	margin-top:15px;
}

#menu-actus h4{
width:100%;
display:inline-block;
text-align:center;
font-size:1.35em;
margin-bottom:15px;
}

#menu-actus ul{
	list-style-type:none;
}

#menu-actus ul li a{
	text-decoration:none;
	color:#03388C;
	line-height:20px;
	margin-top:5px;
	margin-left:10px;
	font-size:1.2em;
}

#menu-actus ul li a:hover{
	text-decoration:underline;
	color:#faec72;
}

#pagination{
	width:100%;
	text-align:center;
	float:left;
	margin-top:15px;
}

#pagination ul{
	margin:0 auto;
	width:25%;
}

#pagination ul li{
	float:left;
	list-style-type:none;
	margin-left:5px;
	line-height:15px;
}
#first a, #previous a, #next a, #last a{
	display:block;
	width:15px;
	height:15px;
	text-indent:-9999px;
	background:#03388C;
}

#first a{
	background: url("../img/prev-pagination.jpg") no-repeat;
	background-position:top right;
}

#previous a{
	background: url("../img/prev-pagination.jpg") no-repeat;
	background-position:top left;
}

#first a:hover{
	background: url("../img/prev-pagination.jpg") no-repeat;
	background-position:bottom right;
}

#previous a:hover{
	background: url("../img/prev-pagination.jpg") no-repeat;
	background-position:bottom left;
}


#last a{
	background: url("../img/next-pagination.jpg") no-repeat;
	background-position:top left;
}

#next a{
	background: url("../img/next-pagination.jpg") no-repeat;
	background-position:top right;
}

#last a:hover{
	background: url("../img/next-pagination.jpg") no-repeat;
	background-position:bottom left;
}

#next a:hover{
	background: url("../img/next-pagination.jpg") no-repeat;
	background-position:bottom right;
}

.actu-presse{
	background:#fff;
	padding:15px;
	float:left;
	margin-right:15px;
	margin-top:15px;
	width:190px;
}

.actu-presse img{
	width:auto;
	height:270px;
}

.actu-presse p{
	width:100%;
	margin-top:10px;
}

.actu-presse p span{
	font-size:0.8em;
}


#bloc-actu-contenu p{
	margin-bottom:7px;
}

.bloc-page{
	background:#fff;
	padding:15px;
	width:100%;
	margin-top:15px;
	font-size:1.2em;
	text-align:center;	
	float:left;
}

.bloc-page img{
	width:640px;
	height:auto;
	margin:0 auto;
	position:relative;
}

.bloc-page p{
	width:100%;
	margin-top:15px;
	text-align:left;
}

.bloc-page ul li{
	list-style-type:disc;
	margin-top:10px;
	margin-left:45px;
	text-align:left;
}

#retour{
	width:100%;
	text-align:right;
	padding-top:10px;
	height:35px;
	line-height:35px;
}
#retour a{
	text-transform:uppercase;
	color:#03388C;
	text-decoration:none;
}

#retour a:hover{color:#faec72; text-decoration:underline;}


/*****************************************Page Politique confidentialité****************/
.page-template-default h2, .page-template-societe h2{
    width:100%;
    display: inline-block;
    font-size:2em;
    text-transform: uppercase;
    margin:30px 0 20px 0;
    text-align:left;
}

.page-template-default h3, .page-template-societe h3{
    width:100%;
    display: inline-block;
    font-size:1.7em;
    text-transform: uppercase;
    margin:25px 0 15px 0;
    text-align:left;
}

.page-template-default h4, .page-template-societe h4{
    width:100%;
    display: inline-block;
    font-size:1.4em;
    margin:20px 0 10px 0;
    text-align:left;
}
.page-template-default h5, .page-template-societe h5{
    width:100%;
    display: inline-block;
    font-size:1.1em;
    margin:15px 0 5px 0;
    text-align:left;
}

.page-template-default table, .page-template-societe table{
    width:100%;
    margin:20px 0;
    background-color:rgba(0, 0, 0, 0.05);
}

.page-template-default table td, .page-template-societe table td{
    padding:10px;
    border:1px solid #fff;
}

/*****************************************Page Contact*********************************/

#infos-contact{
	width:25%;
	float:left;
}
#infos-contact img{
	width:60%;
	height:auto;
}
#infos-contact p{
	margin-top:10px;
	line-height:1.2em;
}

#form-contact{
	width:60%;
	float:right;
	padding-right:15px;
	
}

#form-contact img{width:16px;}

.wpcf7-text, #form-contact label, .wpcf7-textarea{
	width:100%;
	float:left;
	text-align:left;
	padding-left:10px;
}

.wpcf7-text,.wpcf7-textarea{
	margin-bottom:15px;
	margin-top:5px;
	background:#f7F7F7;
	height:25px;
	line-height:25px;
	border:1px solid #fff;
	color:#03388C;
	font-size:1.1em;
}

.wpcf7-textarea{
	height:125px;

}

#form-contact input:focus, #form-contact textarea:focus{
	background:#faec72;
	border:1px solid #03388C;
	outline: none;
}

.wpcf7-submit{
	width:150px;
	height:30px;
	line-height:25px;
	background:#03388C;
	border:1px solid #fff;
	color:#FAEC72;
	float:right;
}

.wpcf7-submit:focus,.wpcf7-submit:hover{
	outline:none;
	background:#faec72;
	color:#03388C;
}
.footer{
	width:100%;
	background:url("img/fond-footer.jpg") repeat-x;
	height:40px;
	line-height:40px;
	color:#fff;
	margin-top:30px;
}

.footer ul li{float:left; list-style-type:none; margin-right:10px;}

.footer li a{
	color:#fff;
	text-transform:uppercase;
	font-size:0.9em;
	text-decoration:none;
}

.footer p{font-size:0.8em; text-align:right;}

.footer p a{color:#fff;}


.backtotopinstance{
position: fixed;
right: 50px;
bottom: 50px;
background: #eee;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 3px 3px 3px 3px;
padding: 15px 25px;
}



/*
.avi-trad{
	background:url(avi-trad.jpg) no-repeat;
}
.avi-indu{
	background:url(avi-indu.jpg) no-repeat;
}
.rumi{
	background:url(rumi.jpg) no-repeat;
}
.ani-comp{
	background:url(ani-comp.jpg) no-repeat;
}*/

/* Classes des images */
.alignleft{ display:inline; float:left;}
.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right;}
.size-auto{ }
.size-medium{ }
.size-large{ }
.size-full{ }
.wp-caption{ }
.wp-caption img{ }
.gallery{ }
.gallery .gallery-item{ }


	#button{display:none;}

@media (max-device-width:769px), (max-width:769px){
	#button{display:block; background:#03388C;padding:19px; color:#fff; float:left; width:auto; font-size:1em; margin-top:0.2em; margin-right:0.2em;}
	.container{width:100%;}
	#bandeau-page img{
	width:100%;
	height:auto;
	max-width:100%;
	min-width:100%;
}
	#titre-page{
	padding:3% 0 3% 3%;
	}
#titre-page h2{
	color:#fff;
	text-transform:uppercase;
	font-size:1.3em;
}


.bloc-page{
	padding: 0 5% 5% 5%;
	width:100%;
	margin-top:5%;
	font-size:1.2em;
}

.bloc-page img{
	width:90%;
	height:auto;
	margin:0 auto;
	position:relative;
}

.bloc-page p{
	width:90%;
	margin-top:2%;
	text-align:left;
}

.bloc-page ul li{
	list-style-type:disc;
	margin-top:3%;
	margin-left:10%;
	text-align:left;
}
.bloc-page ul{width:80%;}

	h1{margin-top:0; float:left; width:150px; margin-left:0.5em;}
	h1 a{
	text-indent:-9999px;
	display:block;
	background:url("img/logo-laprovet.jpg") no-repeat;
	background-size:100%;
	width:100%;}
	
	.slidesjs-navigation{
	position:relative;
	top:-130px;
	z-index:8;
	display:block;
	width:50px;
	height:50px;
	text-indent:-9999px;
}
	
	#nav-bar nav{display:none;}
	
/******************************Selecteur de langues*************************************************/
#lang_sel_list {position:absolute; top:70px; right:0px; width:20%;}
#lang_sel_list ul{width:100%;}

#lang_sel_list ul li{ list-style-type:none; float:right; width:100%;}

#lang_sel_list ul li a{text-decoration:none; padding:0; margin:0; width:100%; text-transform:none; font-size:1.2em; color:#03388C; font-weight:normal; line-height:1.2em;}
#lang_sel_list ul li a:hover{ color:#faec72; text-decoration:underline; border:none; background:none;}

/*****************************************************************************************************/
#desc-gamme{margin-top:5%;}

#desc-gamme div{
	background:#fff;
	position:relative;
	z-index:2;
	margin-bottom:20px;
	font-size:1em;
}

#desc-gamme h2{
	text-transform:uppercase;
	font-size:1.1em;
	padding:3% 0 0 3%;
}

#desc-gamme p{font-size:0.9em; padding:3%; width:94%}

#menu-produit{
	height:auto;
	margin-top:-32%;
	margin-bottom:0;
	width:100%;
}
#menu-produit div{
	text-align:center;
	}
#menu-produit div ul{
	width:100%;
	list-style-type:none;
	margin:0 auto;
	margin-top:30%;
	
	
}

#menu-produit div ul li{
	float:left;
	width:50%;
	text-align:center;
	padding:2% 0 2% 0;
	margin:0;
	
}

#menu-produit div ul li a{
	width:100%;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
#menu-produit div ul li a:hover{
	width:100%;
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:bold;
	color:#faec72;
}

.famille-produit{
	margin:1% 0 5% 0;
	padding:3%;
	width:94%;
}

.famille-produit h3{	
	text-transform:uppercase;
	font-size:1.2em;
	margin-bottom:4%;
	width:100%;
}

.famille-produit p{float:left; width:100%; font-size:1.2em; padding:0;}
.famille-produit img{float:left; width:100%; height:auto; margin-top:2%}

.view {
    width: 48%;
    height: auto;
	margin-right:1%;
	margin-left:1%;
}

.viewtop{margin-top:-7em;}
.viewbottom{margin-top:2%;}

.last-view{margin-right:0;}
.view .mask, .view .content {
    width: 100%;
    height: auto;
}

.view img {
    display: block;
    position: relative;
	width:100%;
	height:auto;
}
.view h2 {
    font-size: 0.7em;
	padding:5px;
	height:3em;
	line-height:3em; 
	background: #03388C;
}

.view:hover h2{
	background: #03388C;
}


.actu-accueil{
	background:#fff url("img/fond-bloc-contenu.jpg") repeat-x;
	background-position:bottom;
	margin-top:20px;
	float:left;
	width:100%;
	padding-bottom:3%;
}

.actu-accueil h3{
	width:100%;
	text-transform:uppercase;
	color:#03388C;
	float:left;
	font-size:1em;
	margin-top:2%;
}
.actu-accueil img{
	float:left;
	background:#03388C;
	margin:0 auto;
	width:100%;
	height:auto;
	margin-bottom:1%;
}
.actu-accueil p{
	padding:1%;
	float:left;
	width:98%;
	font-size:1.4em;
}

.actu-accueil a{
	padding:1%;
	float:right;
	text-align:right;
	font-size:1.3em;

}

.actu-accueil h3 a{
	text-align:left;
	float:left;
	font-size:1.5em;
}

#menu-actus{display:none;}
#liste-actus{width:100%;}

.bloc-actu-liste h3{font-size:1.3em;}
.bloc-actu-liste img{width:100%;}
.bloc-actu-liste p{width:100%;}

.infos-actu{margin-top:2%;}

.actu-presse{
	padding:1%;
	float:left;
	margin:1%;
	width:29%;
}

.actu-presse img{
	width:100%;
	height:auto;
}

.actu-presse p{
	width:100%;
	margin-top:10px;
}

.actu-presse p span{
	font-size:0.8em;
}

#infos-contact{
	width:100%;
	float:left;
}
#infos-contact img{
	width:60%;
	height:auto;
}
#infos-contact p{
	width:50%;
	float:left;
	margin-top:10px;
	line-height:1.2em;
}

#form-contact{
	width:100%;
	float:left;
	padding:0;
	margin-top:5%;
	
}



.footer{
	width:100%;
	background: #03388C;
	height:auto;
	color:#fff;
	margin-top:30px;
	padding-top:1%;
	padding-bottom:1%;
	float:left;
}

.footer ul{width:79%; float:left; margin-left:9%;}

.footer ul li{float:left; list-style-type:none; margin-left:5px;}

.footer li a{
	color:#fff;
	text-transform:uppercase;
	font-size:1.2em;
	text-decoration:none;
	line-height:1.2em;
}

.footer p{width:100%; font-size:1.1em; text-align:center; margin:0 auto; float:left;}

.footer p a{color:#fff;}

	
.sb-left{background:#003388C;}
.sb-left a{color:#fff;}

.sb-left ul li{padding:5%; font-size:1.2em; border-bottom:1px solid #fff; font-weight:bold;}
.sb-left ul li ul li{padding-left:10%; font-size:1em; border:none; font-weight:normal;}

}

@media (max-device-width:361px), (orientation:portrait) and (max-width:361px){
	#button{display:block; padding:19px; color:#fff; float:left; width:auto; font-size:1em; margin-top:0.2em; margin-right:0.2em;}
	.container{width:100%;}
	#bandeau-page img{
	width:100%;
	height:auto;
	max-width:100%;
	min-width:100%;
}
	#titre-page{
	padding:3% 0 3% 3%;
	}
#titre-page h2{
	color:#fff;
	text-transform:uppercase;
	font-size:1.3em;
}


.bloc-page{
	padding: 0 5% 5% 5%;
	width:100%;
	margin-top:5%;
	font-size:1.2em;
}

.bloc-page img{
	width:90%;
	height:auto;
	margin:0 auto;
	position:relative;
}

.bloc-page p{
	width:90%;
	margin-top:2%;
	text-align:left;
}

.bloc-page ul li{
	list-style-type:disc;
	margin-top:3%;
	margin-left:10%;
	text-align:left;
}
.bloc-page ul{width:80%;}

	h1{margin-top:0; float:left; width:30%; margin-left:0.5em;}
	h1 a{
	text-indent:-9999px;
	display:block;
	background:url("img/logo-laprovet.jpg") no-repeat;
	background-size:100%;
	width:100%;}
	
	.slidesjs-navigation{
	position:relative;
	top:-70px;
	z-index:8;
	display:block;
	width:30px;
	height:30px;
	background-size:100%;
	text-indent:-9999px;
}
	#slides{top:-30px;}
	#nav-bar nav{display:none;}
	
/******************************Selecteur de langues*************************************************/
#lang_sel_list {position:absolute; top:55px; right:0px; width:35%;}
#lang_sel_list ul{width:100%;}

#lang_sel_list ul li{ list-style-type:none; float:right; width:100%;}

#lang_sel_list ul li a{text-decoration:none; padding:0; margin:0; width:100%; text-transform:none; font-size:1.2em; color:#03388C; font-weight:normal; line-height:1.2em;}
#lang_sel_list ul li a:hover{ color:#faec72; text-decoration:underline; border:none; background:none;}

/*****************************************************************************************************/
#desc-gamme{margin-top:15%;}

#desc-gamme div{
	background:#fff;
	position:relative;
	z-index:2;
	margin-bottom:20px;
	font-size:1em;
}

#desc-gamme h2{
	text-transform:uppercase;
	font-size:1.1em;
	padding:3% 0 0 3%;
}

#desc-gamme p{font-size:0.9em; padding:3%; width:94%}

#menu-produit{
	height:auto;
	margin-top:-35%;
	margin-bottom:5%;
	width:100%;
}
#menu-produit div{
	text-align:center;
	}
#menu-produit div ul{
	width:100%;
	list-style-type:none;
	margin:0 auto;
	margin-top:30%;
	
	
}

#menu-produit div ul li{
	float:left;
	width:50%;
	text-align:center;
	padding:2% 0 2% 0;
	margin:0;
	
}

#menu-produit div ul li a{
	width:100%;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
#menu-produit div ul li a:hover{
	width:100%;
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:bold;
	color:#faec72;
}

.famille-produit{
	margin-top:5%;
	padding:3%;
	width:94%;
}

.famille-produit h3{	
	text-transform:uppercase;
	font-size:1.2em;
	margin-bottom:4%;
	width:100%;
}

.famille-produit p{float:left; width:100%; font-size:1.2em;}
.famille-produit img{float:left; width:100%; margin-top:2%}

.view {
    width: 48%;
    height: auto;
	margin-right:1%;
	margin-left:1%;
}

.viewtop{margin-top:-7em;}
.viewbottom{margin-top:2%;}

.last-view{margin-right:0;}
.view .mask, .view .content {
    width: 100%;
    height: auto;
}

.view img {
    display: block;
    position: relative;
	width:100%;
	height:auto;
}
.view h2 {
    font-size: 0.6em;
	padding:8px;
	height:1.5em;
	line-height:1.5em; 
	background: #03388C;
}

.view:hover h2{
	background: #03388C;
}


.actu-accueil{
	background:#fff url("img/fond-bloc-contenu.jpg") repeat-x;
	background-position:bottom;
	margin-top:20px;
	float:left;
	width:100%;
	padding-bottom:3%;
}

.actu-accueil h3{
	width:100%;
	text-transform:uppercase;
	color:#03388C;
	float:left;
	font-size:1em;
	margin-top:2%;
}
.actu-accueil img{
	float:left;
	background:#03388C;
	margin:0 auto;
	width:100%;
	height:auto;
	margin-bottom:1%;
}
.actu-accueil p{
	padding:1%;
	float:left;
	width:98%;
	font-size:1.4em;
}

.actu-accueil a{
	padding:1%;
	float:right;
	text-align:right;
	font-size:1.3em;

}

.actu-accueil h3 a{
	text-align:left;
	float:left;
	font-size:1.5em;
}

#menu-actus{display:none;}
#liste-actus{width:100%;}

.bloc-actu-liste h3{font-size:1.3em;}
.bloc-actu-liste img{width:100%;}
.bloc-actu-liste p{width:100%;}

.infos-actu{margin-top:2%;}

.actu-presse{
	padding:1%;
	float:left;
	margin:1%;
	width:46%;
}

.actu-presse img{
	width:100%;
	height:auto;
}

.actu-presse p{
	width:100%;
	margin-top:10px;
}

.actu-presse p span{
	font-size:0.8em;
}

#infos-contact{
	width:100%;
	float:left;
}
#infos-contact img{
	width:60%;
	height:auto;
}
#infos-contact p{
	width:50%;
	float:left;
	margin-top:10px;
	line-height:1.2em;
}

#form-contact{
	width:100%;
	float:left;
	padding:0;
	margin-top:5%;
	
}



.footer{
	width:100%;
	background: #03388C;
	height:auto;
	color:#fff;
	margin-top:30px;
	padding-top:1%;
	padding-bottom:1%;
}

.footer ul{width:100%; float:left; margin:0 auto;}

.footer ul li{float:left; list-style-type:none; margin-left:5px;}

.footer li a{
	color:#fff;
	text-transform:uppercase;
	font-size:0.7em;
	text-decoration:none;
	line-height:0.7em;
}

.footer p{width:100%; font-size:0.6em; text-align:center; margin:0 auto;}

.footer p a{color:#fff;}

	
.sb-left{background:#003388C;}
.sb-left a{color:#fff;}

.sb-left ul li{padding:5%; font-size:1.2em; border-bottom:1px solid #fff; font-weight:bold;}
.sb-left ul li ul li{padding-left:10%; font-size:1em; border:none; font-weight:normal;}

}

#wpml_credit_footer{display:none;}