@charset "utf-8";
/* CSS Document */
/* Global properties ======================================================== */
html, body {width:100%;  margin:0 auto; }

body {font:14px/25px Arial, Helvetica, sans-serif;color:#000000;min-width:1366px;}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;overflow:hidden;padding:0}
.main {width:100%; background:#ffffff; background:url(../images/background.png)  no-repeat ; }
/***********************************************************************/
a {text-decoration:none; cursor:pointer}
a:hover {
	text-decoration: none;
	color: #000000;
}
.pad-2 {padding:0px 26px 10px 0}
.pad-3 {padding:0px 26px 10px 0}
.pad-4 {padding:10px 26px 10px 35px}
a.button {background:#ff9900; font-size:14px; line-height:20px; color:#fff; display:inline-block; padding:6px 20px 5px 20px; border-radius:5px; box-shadow:0 1px 1px #fff}
a.button:hover {background:#0C8F32}

a.link {text-decoration:none; cursor:pointer; color:#44a7bb}
a.link:hover {text-decoration:underline}

h2 {font-size:34px; line-height:45px; color:#000; font-weight:normal; font-family:'Oxygen', sans-serif; letter-spacing:1px}
h3 {
	font-size: 24px;
	line-height: 30px;
	color: #000;
	font-weight: normal;
	font-family: 'Oxygen', sans-serif;
	text-align: left;
	
}

.clear {clear:both; line-height:0; font-size:0; width:100%}
.box-shadow {box-shadow:0 1px 1px #fff}

ul {margin:0; padding:0;list-style-image:none}
ul.list-1 li {padding:10px 0 0 17px; line-height:25px; background:url(../images/marker.gif) 0 20px no-repeat}
ul.list-1 li a {font-size:14px; color:#000; line-height:25px}
ul.list-1 li a:hover {color:#44a7bb}


/*********************************content*************************************/
#content {width:100%}
.header{margin-left:20px ;margin-right:20px ;width:1366px}

.milieu {margin-left:20px ;margin-right:20px ;width:1200px; position:relative; padding-top:10px}


.indication_page{background:white; color:orange; width:1366px; margin-top:10px; margin-bottom:10px; padding-top:10px; size:50px; height:40px; padding-left:10px; margin-left:-25px}

.tof{ border-color:#000 20px solid; border-radius:20px; margin-right:20px; float:left; position:relative; width:300px; box-shadow:6px 6px 0px #F2EDF1; margin-left:20px}
.tof_region{ border-color:#000 20px solid; border-radius:20px; margin-right:20px; float:left; position:relative; width:588px; box-shadow:6px 6px 0px #F2EDF1;}
.tof_region2 {  border-color:#000 20px solid; border-radius:20px; margin-right:20px; float:left; position:relative; width:368px; box-shadow:6px 6px 0px #F2EDF1;}

.description{ border-color:#000 20px solid; border-radius:20px;  position:relative; left:80px; width:750px; background:white; padding-right:20px; padding-top:20px; padding-left:30px; box-shadow:6px 6px 0px #F2EDF1;}

.description2{ border-color:#000 20px solid; border-radius:20px;   width:1300px; background:white; padding-right:20px; padding-top:20px; padding-left:30px; padding-bottom:20px; box-shadow:6px 6px 0px #F2EDF1;}

.description_publication{   position:relative; left:100px; width:900px }

.description1 {border-color:#000 20px solid; border-radius:20px;  position:relative; float:left; width:750px; background:white; padding-right:20px; padding-top:20px; padding-left:30px; box-shadow:6px 6px 0px #F2EDF1; margin-bottom:45px}

.tof1{border-color:#000 20px solid; border-radius:20px;  left:800px; position:relative; width:300px; box-shadow:6px 6px 0px #F2EDF1;  top:-90px }

.block-2>div {
	float: left;
	width: 460px;
	margin-right: 10px;
	color: #000000;
}

.mot_dg {background:#C7B199; margin-right:15px}
.mot_dg>p{margin-right:5px; margin-top:25px;}
.focus_sur {background:#C7B199; margin-right:30px; margin-top:-1px}
.focus_sur>p{margin-right:5px; margin-top:25px;}
.region{border-color:#ooo 2px solid; margin-left:10px}

.actu_agri {background:#01A89E;  width:170px; padding-right:5px; margin-right:20px; padding-left:5px; padding-top:7px; padding-right:10px; height:250px}
.actu_agri1 {background:#01A89E;  width:170px; height:250px; padding-right:5px; margin-right:20px; padding-left:5px; padding-top:7px}


.block-3>div {float:left; width:460px; margin-right:25px }

.block-4>div {float:right}

.publication {background:#C7B199; border-bottom-right-radius:10px; width:300px}

.agenda {background:#EF7C0F; border-bottom-right-radius:20px; width:300px; height:150px;  padding-bottom:10px; padding-left:10px}
.agenda>p{ color:#fff; padding-left:10px; padding-right:5px; padding-top:10px; padding-bottom:10px}
.menu_droit>div { border-bottom-right-radius:10px; background:#0C8F32; border:solid 1px #fff; width:250px; height:40px; padding-left:20px; margin-bottom:10px; padding-top:10px}

.menu_droit1>div{border-bottom-right-radius:10px; background:#EF7C0F; border:solid 1px #fff; width:250px; height:40px; padding-left:20px; margin-bottom:10px}

.menu_droit1>a {color:#fff; font-size:18px}
.menu_droit1>a:hover {
	color: #ffffff;
	text-decoration: underline;
	text-align: left;
}
.menu_droit>a  {color:#fff; font-size:18px}
.menu_droit> a:hover {color: #ffffff;text-decoration:underline}

.titre{
	width: 1366px;
	background-color: #fff;
	color: #0C8F32;
	font-family: alexa-std;
	font-size: 36px;
	border-radius: 10px 10px 0 0;
	line-height: 45px;
 position:absolute;
float:left left:50px; 									
	z-index: 0;
	
}

.titre>H1{margin-left:350px}

.logo{ position:relative;  margin-left:65px  ;float:left; z-index:4; margin-top:-40px}	

.alaune1{margin-left:800px ; background:white;  margin-left:-15px; border-bottom-left-radius:10px; border-bottom-right-radius:20px; width:1366px}
.alaune{z-index:0; position:relative; float:left ; margin-left:-15px; background:white; border-bottom-left-radius:10px; border-bottom-right-radius:20px; padding-top:70px; padding-left:50px; padding-bottom:50px; margin-top:-62px; width:1366px}

.decal{float:left; position:relative; padding-left:10px}


.nav{
	position: absolute;
	z-index: 3;
	height: 50px;
	width: 1058px;
	float: left;
	margin-top: 45px;
}

.navbar-header{background:#0C8F32; position:absolute; z-index:3; height:50px; width:1366px; float:left ; margin-top:45px}
.navbar-header >ul.navbar-nav >li > a:hover ,
.navbar-header >ul.navbar-nav >li > a:focus
{ background-color:orange;
color:white}
li.dropdown:hover> .dropdown-menu{ display:block}



.img_contavt {margin-left:20px; margin-top:10px}

.part { border-top:#000 1px solid  }



.cont {margin:30px 10px 10px 230px; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:18px;  position:relative; width:1100px}

.cont>img {float:left; margin-right:1px}

.mail {float: left; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; font-size:18px;  position:relative;   margin-right:10px; width:181px}

.mail>img {float:left; margin-right:5px}

.webmail{ position:relative; float: left;  font-family:18px; width:129px}
.webmail>img{float:left; margin-right:1px}

.form-search {float:right; margin:0 0 0 0; border:#d9d9db 1px solid; background:#fff; border-radius:4px; position:relative; margin-top:10px}
#form-search input {width:186px; height:18px; font-family:Arial, Helvetica, sans-serif; font-size:13px; background:transparent; border:none; color:#d2d2d2;  vertical-align:top; padding:5px 10px 5px 13px; display:inline-block; float:left; margin-right:4px}
.search_button {background:url(../images/search-button.png) 0 0 no-repeat; display:inline-block; vertical-align:top; float:left; width:26px; height:29px; margin:0 0 0 0}
.search_button:hover {background:url(../images/search-button.png) right 0 no-repeat}

.adresse {background:url(../images/adresse.png) ; margin:30px 30px 10px 20px;}

.image_position {
	position:relative;
	margin:10px 20px 10px 10px;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}




.bouton_contact {width:75px; height:50px; background:orange; color:white}

.wrap {overflow:hidden; position:relative}
.imageleft {
	position:relative;
	margin:5PX 20px 10px 10PX;
	float:left;
	padding-top:5px;
	padding-bottom:5px;
}

footer {width:100%; position:relative; overflow:hidden;  padding:10px 0 10px 0; background:#0C8F32}
footer p, footer a {color:#fff}
footer a:hover {text-decoration:underline}
.logo-foot { margin-left:30px}
.logo-foot>img{float:left}
.footer-plan-site{width:500px; left:80px; position:relative; border-left:#fff 2px solid ; float:left; color:#fff; padding-left:20px; height:250px}
.footer-addr{width:500px; position:relative; float:left; left:170px; border-left:#fff 2px solid ; color:#fff; padding-left:10px; height:250px}
#traih{ width:500px; border-top:#fff 1px solid; margin:0 0 0 5px; font-familyt; font-size:24px; color:#fff; line-height:60px}


/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left:-90px;
  color:#0C8F32;
  top:150px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -90px ;
  color:#0C8F32;
  top:150px;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: 19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}












// Slide a la une
.carousel-control.left,.carousel-control.right  {background:none;width:25px;}
.carousel-control.left {left:-25px;}
.carousel-control.right {right:-25px;}
.broun-block {
    background: url("http://myinstantcms.ru/images/bg-broun1.jpg") repeat scroll center top rgba(0, 0, 0, 0);
    padding-bottom: 34px;
}
.block-text {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 0 #2c2222;
    color: #626262;
    font-size: 14px;
    margin-top: 5px;
    padding: 5px 5px;
}
.block-text a {
 color: #7d4702;
    font-size: 25px;
    font-weight: bold;
    line-height: 21px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.mark {
    padding: 12px 0;background:none;
}
.block-text p {
    color: #585858;
    font-family: Georgia;
    font-style: italic;
    line-height: 20px;
}
.sprite {
    background-image:blue;
}
.sprite-i-triangle {
    background-position: 0 -1298px;
    height: 44px;
    width: 50px;
}
.block-text ins {
	bottom: -42px;
	left: 619px;
	margin-left: -60px;
}


.block {
    display: block;
}
.zmin {
    z-index: 1;
}
.ab {
    position: absolute;
}

.person-text {
    padding: 10px 0 0;
    text-align: center;
    z-index: 2;
}
.person-text a {
    color: #ffcc00;
    display: block;
    font-size: 14px;
    margin-top: 3px;
    text-decoration: underline;
}
.person-text i {
    color: #fff;
    font-family: Georgia;
    font-size: 13px;
}
.rel {
    position: relative;
}