body{ margin:0; padding:0;}
div, td{ margin:0; padding:0;}
img{ border:none;}
.clear{ clear:both;}
.center{ text-align:center;}

.social { padding-left:2px;}

/*CONTACT*/
.form-group{ margin:0 0 10px 0;}
.form-group label, .form-group input.form-input, textarea.form-textarea{ width:99%; display:block; margin:0 auto;}
.form-group input[type="text"], .form-group textarea, input[name="usc"]{ font-size:14px;}
.btn-form{ margin:10px 0 0 0;}
.btn-submit-1, .btn-submit-2{  background:#6C9F3C; border-color: #0073aa; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15); color: #fff; text-decoration: none; width:200px; padding: 10px 16px; font-size: 15px; border:1px; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; margin:10px 0 0 0; cursor:pointer; text-transform:capitalize;}
/*PLAN D'ACCES*/
.map-google{ width:98%; margin:0 auto;}
.map-google iframe{ margin:0; padding:0; border:none; width:100%; height:400px;}

/* CSS Document */

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

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

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

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


@font-face {
  font-family: 'MuseoSansCyrl-100';
  src: url('MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'),  url('MuseoSansCyrl-100.otf')  format('opentype'),
	     url('MuseoSansCyrl-100.woff') format('woff'), url('MuseoSansCyrl-100.ttf')  format('truetype'), url('MuseoSansCyrl-100.svg#MuseoSansCyrl-100') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
	 background:url(../images/bg_body.png) repeat-x;
	 margin:0; 
	 padding:0;
	 width:100%;
	 }

div, td { 
	font-family: 'OpenSans-Light';
	margin:0;
	padding:0;
	line-height:30px;
	font-size:24px;
	color:#5f5f5f;
	}

a { 
	text-decoration:none;
	font-family: 'OpenSans-Semibold';
	color:#5c9527;
	font-size:24px;
	}
	
.clear { 
	clear:both;
	height:0;
	}
	
.img {
	 border:none;
	 }
	 
h1, h2, h3, h4 {
	font-family: 'OpenSans-Semibold';
	margin:0;
    padding:0;
	}

h1 { 
	color:#5c9527;
	font-size:36px;
	text-transform:uppercase;
	}

h2 {
	font-size:24px;
	color:#5c9527;
	text-transform:uppercase;
	}

li { list-style:none;}

#wrapper { width:100%;}
#wrap { width:1176px; margin:0 auto;}

#header { position:relative; padding-top:30px;}
.fla { width:1176px; height:600px;}
.nivo-controlNav a { background:url(../images/control_flash.png) no-repeat; width:10px; height:10px; display:inline-block; border:0; margin:0 5px; text-indent:-9999px; top:-60px; z-index:99; position:relative;}
.nivo-controlNav a.active { background-position:bottom;}
#head-link { position:absolute; width:1176px; z-index:99; top:60px;}
#head-left { background:rgba( 255, 255, 255, 0.85); width:295px; padding:24px 0;}
#logo { text-align:center;}
.adr { font-size:18px; text-align:center; padding:35px 0;}
.adr, .tel, .tel a, .tel p { font-family: 'OpenSans'; color:#453a2e; line-height:20px;}
.tel { background:url(../images/bg_tel.png) no-repeat top left; width:210px; padding-left:25px; margin:0 auto;}
.tel, .tel a { font-size:24px;} 
.tel p { font-size:16px; margin:5px 0;}
.fb { padding-top:35px; text-align:center;}
.mn { background:#5c9527; height:90px; width:100%; text-align:center;}
.mn ul { margin:0; padding:0; display:inline-block;}
.mn ul li { float:left; overflow:hidden; width:191px;}
.mn ul li.tnav-1 { background:url(../images/1.png) no-repeat center 20%;}
.mn ul li.tnav-3 { background:url(../images/2.png) no-repeat center 20%;}
.mn ul li.tnav-4 { background:url(../images/3.png) no-repeat center 20%;}
.mn ul li.tnav-5 { background:url(../images/4.png) no-repeat center 20%;}
.mn ul li.tnav-6 { background:url(../images/5.png) no-repeat center 20%;}
.mn ul li.tnav-7 { background:url(../images/6.png) no-repeat center 20%;}
.mn ul li a { font-family: 'OpenSans'; display:block; color:#fff; padding:50px 0 10px 0; text-align:center; text-transform:uppercase; font-size:16px;}
.mn ul li a:hover { color:#212103;}
.mn ul li.tnav-1 a:hover { background:url(../images/1_hover.png) no-repeat center 20% #9b9b9a;} 
.mn ul li.tnav-3 a:hover { background:url(../images/2_hover.png) no-repeat center 20% #9b9b9a;} 
.mn ul li.tnav-4 a:hover { background:url(../images/3_hover.png) no-repeat center 20% #9b9b9a;} 
.mn ul li.tnav-5 a:hover { background:url(../images/4_hover.png) no-repeat center 20% #9b9b9a;} 
.mn ul li.tnav-6 a:hover { background:url(../images/5_hover.png) no-repeat center 20% #9b9b9a;} 
.mn ul li.tnav-7 a:hover { background:url(../images/6_hover.png) no-repeat center 20% #9b9b9a;} 
.ttl { text-align:center; width:100%; background:url(../images/border_ttl.png) no-repeat center bottom;}
h1 { padding:70px 0;}

#content { background:#fff; width:100%;}
#cont { padding:50px 20px 0 20px;}
#cont ul {}
#cont ul li { list-style:url(../images/picto_liste_txt.png);}
.txt { width:705px; text-align:center; margin:0 auto; padding-bottom:50px;}
#cont-link { width:100%;}
.cont-left { float:left; width:240px; border-bottom:3px #5c9527 solid; padding:25px 0 20px 0;}
.cont-left ul, .cont-right ul { margin:0; padding:0 15px;}
.cont-left ul li, .cont-right ul li { font-family: 'OpenSans'; list-style:url(../images/picto_liste_txt.png); color:#434343; line-height:30px; font-size:16px;}
.cont-left h2 { padding-bottom:30px;}
.cont-center { float:left; padding:25px; margin-left:60px; background:#7d7d7b;}
.cont-center h2 { color:#212103;}
.photo { padding:17px 0;}
.liste-center {}
.liste-center ul { margin:0;}
.liste-center ul li { font-family: 'OpenSans'; list-style:url(../images/picto_encart.png); font-size:16px; color:#fff; line-height:36px;}
.cont-right { float:right; width:250px; border-bottom:3px #5c9527 solid; padding:25px 0 20px 0;}
.cont-right h2 { padding-bottom:30px;}
.ph { padding:30px 0 10px 0;}
.ph img { border:1px #b9b9b8 solid;}

#footer { width:100%; padding-top:70px; position:relative;}
.foot-ph-left, .foot-ph-right { width:21%; height:365px; top:0; position:absolute; z-index:9;}
.foot-ph-left { left:0;}
.foot-ph-right { right:0;}
#foot-coord { width:1176px; margin:0 auto; padding-bottom:30px;}
#logo-foot { padding:0 225px 0 15px; float:left; background:url(../images/bg_carton_foot.png) no-repeat right;}
.adr-foot { font-family: 'MuseoSansCyrl-100'; float:left; margin:20px 0 0 70px; line-height:20px; padding-left:35px; background:url(../images/bg_adr_foot.png) no-repeat 0% 10%; color:#453a2e; font-size:16px;}
.tel-foot, .tel-foot a { font-family: 'MuseoSansCyrl-100'; float:right; color:#453a2e; font-size:24px;}
.tel-foot { margin:20px 70px 0 0; line-height:20px; background:url(../images/bg_tel_foot.png) no-repeat 0% 0%; padding-left:30px;}
.tel-foot a { padding-left:5px;}
.tel-foot p { font-size:16px; margin:5px 0;}
#menu-com { width:100%; background:url(../images/bg_foot.png) repeat-x;}
.menu { width:1176px; margin:0 auto; text-align:center; padding:31px 0;}
.menu ul { margin:0; padding:0; display:inline-block;}
.menu ul li { float:left; overflow:hidden; background:url(../images/puce_menu_foot.png) no-repeat right;}
.menu ul li:last-child { background:none;}
.menu ul li a { display:block; font-family: 'OpenSans'; color:#fff; padding:0 20px; font-size:16px; text-transform:uppercase;}
.menu ul li a:hover { color:#212103;}
.com { text-align:center; padding-top:20px;}

.diapo-img a img { width:100px; height:100px;}
.diapo-link a {  font-size:14px;  color:#6C9F3C;  padding:5px 15px; background:#fff;}
.diapo-list { background:#6C9F3C; border:1px #6C9F3C solid; float:left; margin:0 20px; text-align:center; padding:20px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.diapo-ttl, .nav-diapo { display:none;}
.container-page-8 h2 { padding:20px 0; text-transform:initial; color:#7D7D7B;}
.ps-list ul li { list-style:none !important;}

div#dl-menu { display:none;}


@media only screen and (max-width: 1280px){
	.foot-ph-left, .foot-ph-right { max-width:30%; height:auto; top:165px;}
	.foot-ph-left img, .foot-ph-right img { max-width:100%; height:auto;}
	.menu ul li a { font-size:14px;}
	.menu { width:710px;}
	}

@media only screen and (max-width: 1180px){
	#wrap { width:100%;}
	.fla { width:100%; height:auto;}
	.fla img { max-width:100%; height:auto;}
	.social { float:right;}
	#head-link { width:100%;}
	.mn ul li { width:170px;}
	#foot-coord { width:100%;}
	.menu { width:510px;}
	#menu-com { background:url(../images/bg_foot.png) repeat-x !important;}
	}

@media only screen and (max-width: 1044px){
	#head-right { width:65%; font-size:22px;}
	.nivo-controlNav a { top:0;}
	.cont-left { width:233px;}
	.cont-left h2 { padding-bottom:1px;}
	.cont-center { margin:0 1px; padding:25px 3px;}
	.cont-right { width:245px;}
	.cont-right ul { padding:0 22px;}
	.ph { padding-top:0;}
	.menu ul li a { padding:0 15px;}
	#logo-foot { padding-right:165px;}
	}

@media only screen and (max-width: 820px){
	#head-link { top:30px;}
	.fb { padding-top:15px;}
	.adr { padding:19px 0;}
	#head-right { width:57%; margin-top:199px;}
	.mn ul li { width:120px;}
	.cont-left { margin:0 0 20px 50px; width:250px;}
	.cont-center { padding:25px 10px}
	.cont-right { float:left; padding-top:20px; margin-left:50px;}
	.ph { height:222px; padding-top:20px;}
	.ph img { max-width:100%; height:auto;}
	.menu ul li a { font-size:12px;}
	#footer { position:inherit;}
	}

@media only screen and (max-width: 788px){
	#head-left { padding:12px 0;}
	#head-right { width: 55%; margin-top: 182px;}
	.tel-foot { margin-right:30px;}
	.menu ul li a { padding:0 15px;}
	.com { padding-top:15px;}
	}

@media only screen and (max-width: 660px){
	#head-left { width:245px; padding:5px 0;}
	#logo img { max-width:50%; height:auto;}
	.adr { padding:10px 0; font-size:16px;}
	.tel, .tel a { font-size:22px;}
	.fb { padding-top:10px;}
	#head-right { width: 50%; margin-top: 66px;}
	.mn ul li { width:95px;}
	.mn ul li a { font-size:11px;}
	h1 { padding:25px 0;}
	.txt { width:100%;}
	#logo-foot { margin-left:60px;}
	.menu { padding:13px 0 0 0;}
	.com { padding-top:22px;}
	}

@media only screen and (max-width: 500px){
	.nivo-controlNav a { display:none;}
	#logo img { max-width:41%; height:auto;}
	.adr { padding:7px 0;}
	.fb { padding-top:3px;}
	#head-right { width: 40%; margin-top: 0px; font-size:18px; line-height:27px;}
	.mn ul { display:none;}
	.cont-center { width:95%;}
	.photo img { max-width:100%; height:auto;}
	#logo-foot, .adr-foot { margin-left:20px;}
	.menu { display:none;}
	 div#dl-menu { display:block; position:absolute; z-index:9999; top:303px;}
	.dl-menuwrapper li a { font-family: 'MuseoSansCyrl-100';}
	.dl-menuwrapper li a:hover { color:#5C9527;}
	.dl-menuwrapper button, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #212103 !important;}
	.dl-menuwrapper button:after { background: #5C9527 !important; box-shadow: 0 10px 0 #5C9527, 0 20px 0 #5C9527 !important;}
	.dl-menuwrapper .dl-menu.dl-menuopen { margin:0;}
	.dl-menuwrapper button, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #212103 !important;}
	}
	
@media only screen and (max-width: 479px){
	#head-link { top:0;}
	#head-left { width:165px;}
	.tel { background:none; padding-left:0; margin-left:10px;}
	.adr { font-size:15px; padding:12px 0;}
	#logo img { width:43%; height:auto;}
	.tel p { margin:0;}
	#logo, .fb { padding-top:20px;}
	.tel, .tel a { font-size:17px;}
	#head-right { width:135px; line-height:33px; font-size:13px; padding:10px;}
	.cont-center { width:100%; padding:25px 8px;}
	.cont-left { margin:0 0 20px 20px;}
	.cont-right { margin-left:20px;}
	#logo-foot { background:none; padding-right:0;}
	}