body,html{
	height:100%;	
}
body,th,td,html,p {
		font-family:"HPDG FootLight";
		font-size:14px;
}
div,p,span {
	font-size:17px;
}
.row-top{
	height:45px;
	background-color:#125623;
	background-image:url(../images/gradtop.jpg);
	
}
.home-title{
	font-size:24px;
	color:#FFF;
	font-family:"Copperplate Gothic Light", sans-serif;
	font-weight:bold;
}
.home-texte{
	font-size:13px;
	color:#FFF;
	font-family:"HPDG FootLight", sans-serif;
	text-align:justify;
}
.row-main {
	background-color:#FFF;

}
.logo-main {
	border:0px solid red;
	z-index:500;
	width:105px;
	position:absolute;
	background-color:red;
	background-image:url(../images/circle.png);
	background-position:bottom;
	background-repeat:no-repeat;
	height:175px;
}
.home-logo {
	border:0px solid red;
	height:150px;
	background-color:blue;
	padding-top:8px;
}
.home-left{
	min-height:45px;
	padding:8px;
	color:#FFF;
	font-size:18px;

}
.home-left img {
	float:left;
	
}
.home-left a {
	color: #ffffff;padding:10px;
	font-size:18px;
	
}
.home-top{
	min-height:45px;
	padding:8px;
	color:#FFF;
	font-size:18px;

}
.home-top img {
	float:left;
	
}
.home-top a {
	color: #ffffff;padding:10px;
	font-size:18px;
	
}
.home-right{
	padding:9px;
}
/*************************************************************/
.offre{
}
.offre h4{
	font-size:17px;
	padding:4px;
	font-weight:bold;
}
.offre p{
	font-size:14px;	
	font-family:"HPDG FootLight";
	text-align:left;
	padding:4px;
	line-height:133%;
}
/**************** Texte d'accueil ******************************/
.homezone , .homezone p{
	font-size:16px;
	line-height:180%;
	font-family:"HPDG FootLight";
}
.homezone .blue-big-title,.homezone h1{
	font-size:36px;
	font-weight:bold;
	color:#125623;
	font-family:"Copperplate Gothic Light";
}
.homezone .blue-big-stitle,.homezone h2{
	font-size:24px;
	color:#125623;
	text-transform:uppercase;
}
footer h4
{
	color:white;
}
.bullet
{
	list-style:none;
	line-height:178%;
}
.bullet a
{
	color:#6b6969;
	font-size:15px;
}
.bullet a:hover
{
	color:#fff;
	font-size:15px;
}
.footer-contact {
	color:#6b6969;
	list-style:none;
	line-height:178%;
	font-size:16px;	
}

.infoUne{
	font-size:14px;
	color:#666;	
	font-weight:bold;
}
.infoTitre{
	font-size:17px;
	color:#600;
	font-weight:bold;	
}
.infoResume{
	text-align:justify;
	line-height:150%;
	border-left:7px solid #CCC;
	padding-left:10px;
	color:#594d4d;
}
.introResume{
	text-align:justify;
	font-size:16px;
	line-height:150%;
}
.infoContenu{
	line-height:165%;
	padding-top:25px;
	text-align:justify;
}

.infoDate{
	color:#666;
	font-size:12px;
	padding:4px;
}
.infoTitre a {
	font-size:17px;
	color:#600;
	font-weight:bold;	
}

.infoLien a {
	font-size:13px;
	color:#600;
	font-weight:bold;	
}

.btn,.navigue  {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}
.btn a {
	color:#fff;	
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/**********************************************/
.btn-lire {
  color: #ffffff;
  background-color: #f2a31c;
  border-color: #46b8da;
}

.btn-lire:hover,
.btn-lire:focus,
.btn-lire:active,
.btn-lire.active,
.btn-lire:active,
.btn-lire.active,

.btn-lire.disabled,
.btn-lire[disabled],
.btn-lire.disabled:hover,
.btn-lire[disabled]:hover,
.btn-lire.disabled:focus,
.btn-lire[disabled]:focus,
.btn-lire.disabled:active,
.btn-lire[disabled]:active,
.btn-lire.disabled.active,
.btn-lire[disabled].active 
{
  background-color: #f2a31c;
  border-color: #46b8da;
}
/********************************************/
/**********************************************/
.btn-tag {
  color: #ffffff;
  background-color: #a3957d;
  border-color: #fafafa;
}

.btn-tag:hover,
.btn-tag:focus,
.btn-tag:active,
.btn-tag.active,
.btn-tag:active,
.btn-tag.active,

.btn-tag.disabled,
.btn-tag[disabled],
.btn-tag.disabled:hover,
.btn-tag[disabled]:hover,
.btn-tag.disabled:focus,
.btn-tag[disabled]:focus,
.btn-tag.disabled:active,
.btn-tag[disabled]:active,
.btn-tag.disabled.active,
.btn-tag[disabled].active 
{
  background-color: #a3957d;
  border-color: #fafafa;
}
/********************************************/
hr {
	color:#f4f4f4;
	size:3px;
	height:22px;	
}

.miniature{
	height:100px;
	border:1px solid #fff;
	width:100px;
	float:left;
	padding:1px;

}
.photo figure{
	width:65px;
	height:65px;
	float:left;
	text-align:center;
}
.photo img{
	border:1px solid #888;
	width:88%;
	height:88%;
}
.home-li{
	
}
.spacer {
	height:0px;
	clear:both;	
}
@media  (min-width: 68px) and (max-width: 500px) { 
    /* STYLES HERE */

    /* STYLES HERE */
	
	
	.img-contact{
		width:15px;	
	}
	.top-right{
		min-height:45px;
		padding-top:5px;;
		color:#FFF;
		font-size:11px;
		width:40%;
		float:left;
	}
	.top-left{
		min-height:45px;
		padding-top:11px;
		padding-left:8px;
		color:#FFF;
		font-size:14px;
		width:60%;
		float:left;
	}
	.top-left a,.top-right a{
		color: #ffffff;
		font-size:11px;
		
	}
	.top-left span,.top-right span{
		color: #ffffff;
		font-size:11px;
		
	}
	/*** MENU TOP ***************************/
	.main-1{
		width:44%;
		min-height:10px;
		float:left;
	}
	.main-logo{
		width:10%;
		background: transparent url('../images/circle.png') no-repeat bottom;width:109px;position: relative;z-index: 500;
		min-height:100px;
		border:0px solid red;
		height:150px;
		padding-top:8px;
		text-align:center;
	}
	.main-2{
		width:44%;
		min-height:10px;
		float:left;
	}
	.div-menu {
		min-height:160px;
		background-color:#fff;
		display:none;
		
	}
	.mobi-menu {
		min-height:240px;
		background-color:#fff;
		display:block;
		
	}
	.nav-1{
		min-width:90px;
	}
	.nav-2{
		min-width:20px;
		font-size:14px;
	}
	
	.tm-nav li a {
		color: #838383;
		display: block;
		padding: 18px 10px 10px 12px;
		transition: all 0.3s ease;
		font-size:14px;
		text-align:center;
	}
	.tm-nav li a.active,
	.tm-nav li a:focus,
	.tm-nav li a:hover 
	{
		color: #000;
		background-color:#F4F4F4;
	}
	.nav-home {
		min-width:20px;
		text-align:center;
	}
	.row-defile {
		clear:both;
		background-color:#03F;
		padding:22px;
		background-image:url(../images/defileback.jpg);
	
	}
	.zone-defile {
		color:#FFF;
		font-size:16px;
		font-weight:bold;
	
	}
	.slider-home-text {
		background-color:#0d5a0d;filter:alpha(opacity=85); opacity:0.85; min-height:40px; padding:15px; width:85%;
	}
	.home-icone{

		width:33%;
		float:left;
		padding-top:45px;
	}
	.home-icone-top img{
		max-width:30px;
	}
	.home-icone-top{
		background-color:white;
		padding-top:20px;
		padding-left:29px;
		width:90px;
		height:65px;
	}
	.home-icone-down{
		background-color:#0d5a0d;
		width:90px;
		height:45px;
		color:#FFF;
		padding:8px;
		font-size:13px;
	}
	#more{
	 top:110px;  	
	}
	.flexslider{
		top:-40px;
	}
	.slides {
		height:380px;	
	}
	.slides li {
		max-height:265px;
		
	}
	.btn-deroule {
		top:45px;
		clear:both;
	}
}
 @media (min-width: 501px) and (max-width: 767px) { 

    /* STYLES HERE */
	
	
	.img-contact{
		width:18px;	
	}
	.top-right{
		min-height:45px;
		padding-top:5px;;
		color:#FFF;
		font-size:14px;
		width:40%;
		float:left;
	}
	.top-left{
		min-height:45px;
		padding-top:11px;
		padding-left:8px;
		color:#FFF;
		font-size:14px;
		width:60%;
		float:left;
	}
	.top-left a,.top-right a{
		color: #ffffff;
		font-size:14px;
		
	}
	.top-left span,.top-right span{
		color: #ffffff;
		font-size:14px;
		
	}
	/*** MENU TOP ***************************/
	.main-1{
		width:44%;
		min-height:10px;
		float:left;
	}
	.main-logo{
		width:10%;
		background: transparent url('../images/circle.png') no-repeat bottom;width:109px;position: relative;z-index: 500;
		min-height:100px;
		border:0px solid red;
		height:150px;
		padding-top:8px;
		text-align:center;
	}
	.main-2{
		width:44%;
		min-height:10px;
		float:left;
	}
	.div-menu {
		min-height:160px;
		background-color:#fff;
		display:none;
		
	}
	.mobi-menu {
		min-height:240px;
		background-color:#fff;
		display:block;
		
	}
	.nav-1{
		min-width:90px;
	}
	.nav-2{
		min-width:20px;
		font-size:14px;
	}
	
	.tm-nav li a {
		color: #838383;
		display: block;
		padding: 18px 10px 10px 12px;
		transition: all 0.3s ease;
		font-size:14px;
		text-align:center;
	}
	.tm-nav li a.active,
	.tm-nav li a:focus,
	.tm-nav li a:hover 
	{
		color: #000;
		background-color:#F4F4F4;
	}
	.nav-home {
		min-width:20px;
		text-align:center;
	}
	.row-defile {
		clear:both;
		background-color:#03F;
		padding:22px;
		background-image:url(../images/defileback.jpg);
	
	}
	.zone-defile {
		color:#FFF;
		font-size:20px;
		font-weight:bold;
	
	}
	.slider-home-text {
		background-color:#0d5a0d;filter:alpha(opacity=85); opacity:0.85; min-height:40px; padding:15px; width:85%;
	}
	.home-icone{

		width:33%;
		float:left;
		padding-top:45px;
	}
	.home-icone-top img{
		max-width:30px;
	}
	.home-icone-top{
		background-color:white;
		padding-top:20px;
		padding-left:29px;
		width:90px;
		height:65px;
	}
	.home-icone-down{
		background-color:#0d5a0d;
		width:90px;
		height:45px;
		color:#FFF;
		padding:8px;
		font-size:13px;
	}
	#more{
	 top:110px;  	
	}
	.flexslider{
		top:-40px;
	}
	.slides {
		height:380px;	
	}
	.slides li {
		max-height:265px;
		
	}
	.btn-deroule {
		top:45px;
		clear:both;
	}
}
@media (min-width: 768px) and (max-width: 991px) { 
    /* STYLES HERE */
	
	.top-left,.top-right{
		min-height:45px;
		padding-top:5px;;
		color:#FFF;
		font-size:16px;
		width:50%;
		float:left;
	}
	.top-left a,.top-right a{
		color: #ffffff;
		font-size:16px;
		
	}
	.top-left span,.top-right span{
		color: #ffffff;
		font-size:16px;
		
	}
	/*** MENU TOP ***************************/
	.main-1{
		width:44%;
		min-height:10px;
		float:left;
	}
	.main-logo{
		width:10%;
		background: transparent url('../images/circle.png') no-repeat bottom;width:109px;position: relative;z-index: 500;
		min-height:100px;
		border:0px solid red;
		height:150px;
		padding-top:8px;
		text-align:center;
	}
	.main-2{
		width:44%;
		min-height:10px;
		float:left;
	}
	.div-menu {
		min-height:160px;
		background-color:#fff;
		display:none;
		
	}
	.mobi-menu {
		min-height:280px;
		background-color:#fff;
		display:block;
		
	}
	.nav-1{
		min-width:90px;
	}
	.nav-2{
		min-width:20px;
		font-size:14px;
	}
	
	.tm-nav li a {
		color: #838383;
		display: block;
		padding: 18px 10px 10px 12px;
		transition: all 0.3s ease;
		font-size:14px;
		text-align:center;
	}
	.tm-nav li a.active,
	.tm-nav li a:focus,
	.tm-nav li a:hover 
	{
		color: #000;
		background-color:#F4F4F4;
	}
	.nav-home {
		min-width:20px;
		text-align:center;
	}
	.row-defile {
		clear:both;
		background-color:#03F;
		padding:22px;
		background-image:url(../images/defileback.jpg);
	
	}
	.zone-defile {
		color:#FFF;
		font-size:20px;
		font-weight:bold;
	
	}
	.slider-home-text {
		background-color:#0d5a0d;filter:alpha(opacity=85); opacity:0.85; min-height:40px; padding:15px; width:75%;
	}
	.home-icone{

		width:33%;
		float:left;
		padding-top:45px;
	}
	.home-icone-top img{
		max-width:30px;
	}
	.home-icone-top{
		background-color:white;
		padding-top:20px;
		padding-left:55px;
		width:150px;
		height:65px;
	}
	.home-icone-down{
		background-color:#0d5a0d;
		width:150px;
		height:45px;
		color:#FFF;
		padding:8px;
	}
	#more{
	 top:110px;  	
	}
	.flexslider{
		top:-40px;
	}
	.slides {
		height:380px;	
	}
	.slides li {
		max-height:265px;
		
	}
	.btn-deroule {
		top:45px;
		clear:both;
	}
}
@media  (min-width: 992px) and (max-width: 1199px) { 
    /* STYLES HERE */
	.top-left,.top-right{
		min-height:45px;
		padding-top:5px;;
		color:#FFF;
		font-size:18px;
		width:50%;
		float:left;
	}
	.top-left a,.top-right a{
		color: #ffffff;
		font-size:18px;
		
	}
	.top-left span,.top-right span{
		color: #ffffff;
		font-size:18px;
		
	}
	/*** MENU TOP ***************************/
	.main-1{
		width:44%;
		min-height:10px;
		float:left;
	}
	.main-logo{
		width:10%;
		background: transparent url('../images/circle.png') no-repeat bottom;width:109px;position: relative;z-index: 500;
		min-height:100px;
		border:0px solid red;
		height:150px;
		padding-top:8px;
		float:left;
		text-align:center;
	}
	.main-2{
		width:44%;
		min-height:10px;
		float:left;
	}
	.div-menu {
		min-height:230px;
		background-color:#fff;
		
	}
	.nav-1{
		min-width:110px;
	}
	.nav-2{
		min-width:40px;
		font-size:14px;
	}
	.tm-nav li a {
		color: #838383;
		display: block;
		padding: 18px 10px 10px 12px;
		transition: all 0.3s ease;
		font-size:14px;
		text-align:center;
	}
	.tm-nav li a.active,
	.tm-nav li a:focus,
	.tm-nav li a:hover 
	{
		color: #000;
		background-color:#F4F4F4;
	}
	.nav-home {
		min-width:70px;
		text-align:center;
	}
	.row-defile {
		clear:both;
		background-color:#03F;
		padding:22px;
		background-image:url(../images/defileback.jpg);
	
	}
	.zone-defile {
		color:#FFF;
		font-size:24px;
		font-weight:bold;
	
	}
	.slider-home-text {
		background-color:#0d5a0d;filter:alpha(opacity=85); opacity:0.85; min-height:40px; padding:15px; width:75%;
	}
	.home-icone{

		width:33%;
		float:left;
		padding-top:45px;
	}
	.home-icone-top img{
		max-width:30px;
	}
	.home-icone-top{
		background-color:white;
		padding-top:20px;
		padding-left:55px;
		width:150px;
		height:65px;
	}
	.home-icone-down{
		background-color:#0d5a0d;
		width:150px;
		height:45px;
		color:#FFF;
		padding:8px;
	}
	#more{
	 top:110px;  	
	}
	.flexslider{
		top:-40px;
	}
	.slides {
		height:380px;	
	}
	.slides li {
		max-height:265px;
		
	}
	.btn-deroule {
		top:25px;
		clear:both;
	}
	.mobi-menu {
		min-height:210px;
		background-color:#fff;
		display:none;
		
	}
	  
}


@media  (min-width: 1200px) { 
	.top-left,.top-right{
		min-height:45px;
		padding-top:5px;;
		color:#FFF;
		font-size:18px;
		width:50%;
		float:left;
	}
	.top-left a,.top-right a{
		color: #ffffff;
		font-size:18px;
		
	}
	.top-left span,.top-right span{
		color: #ffffff;
		font-size:18px;
		
	}
	/*** MENU TOP ***************************/
	.main-1{
		width:45%;
		min-height:10px;
		float:left;
	}
	.main-logo{
		width:10%;
		background: transparent url('../images/circle.png') no-repeat bottom;width:109px;position: relative;z-index: 500;
		min-height:100px;
		border:0px solid red;
		height:150px;
		padding-top:8px;
		float:left;
		text-align:center;
	}
	.main-2{
		width:45%;
		min-height:10px;
		float:left;
	}
	.div-menu {
		min-height:230px;
		background-color:#fff;
		
	}
	.nav-1{
		min-width:140px;
	}
	.nav-2{
		min-width:40px;
		font-size:14px;
	}
	.tm-nav li a {
		color: #838383;
		display: block;
		padding: 18px 10px 10px 12px;
		transition: all 0.3s ease;
		font-size:18px;
		text-align:center;
	}
	.tm-nav li a.active,
	.tm-nav li a:focus,
	.tm-nav li a:hover 
	{
		color: #000;
		background-color:#F4F4F4;
	}
	.nav-home {
		min-width:70px;
		text-align:center;
	}
	.row-defile {
		clear:both;
		background-color:#03F;
		padding:22px;
		background-image:url(../images/defileback.jpg);
	
	}
	.zone-defile {
		color:#FFF;
		font-size:28px;
		font-weight:bold;
	
	}
	.slider-home-text {
		background-color:#0d5a0d;filter:alpha(opacity=85); opacity:0.85; min-height:40px; padding:15px; width:45%;
	}
	.home-icone{

		width:33%;
		float:left;
		padding-top:45px;
	}
	.home-icone-top img{
		max-width:30px;
	}
	.home-icone-top{
		background-color:white;
		padding-top:20px;
		padding-left:55px;
		width:150px;
		height:65px;
	}
	.home-icone-down{
		background-color:#0d5a0d;
		width:150px;
		height:45px;
		color:#FFF;
		padding:8px;
	}
	#more{
	 top:180px;  	
	}
	.flexslider{
		top:-40px;
	}
	.slides {
		height:380px;	
	}
	.slides li {
		max-height:265px;
		
	}
	.btn-deroule {
		top:25px;
		clear:both;
	}
	.mobi-menu {
		min-height:210px;
		background-color:#fff;
		display:none;
		
	}
	.row-arbre {
		min-height:50px;
		background-color:blue;
		top:-255px;	
	}
	
}

/*********************************/
.btn-deroule img{
		max-width:60px;
}