@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}
.print{
display:none;
}
#contenu{
 /*max-width:1024px;*/
 width:100%;    
 margin:auto;
    
}
#header{
 /*margin-top:2%;*/
 height:70px;
 background-color:#f8f8f7;
 border-bottom:4px solid #FFF;

}

#menu ul{
margin-left:22%;


}

#menu li {
margin: 3.5% 0 0;
padding: 0 2% 0 2%;

list-style:none;
float:left;
font-size:1.3em;
text-transform:uppercase;
font:18px/27px 'Kievit_Medium', Tahoma, Geneva, sans-serif; text-align:left;
color:#7b7368;
border-right-color:#e1e9c1;
border-right-style:double;

}

#info{
	background-color:#0F0;
	}
	
#gauche{
	float:left;
	width:33.43%;
	
	

}
#gauche img
{
	

margin-bottom:3%;
}

.puce{
margin-top:15%;
margin-left:9%;
margin-bottom:13%;
color:#7b7368;
background-repeat:no-repeat;
font:18px/18px 'Kievit_Medium', Tahoma, Geneva, sans-serif; text-align:left;
list-style-image:url(../img/bullet.png);


}
.title{
    color:#F00C49;
}

#gauche ul 
{
	
list-style-type:none;

}
#file ul  li p
{
text-align: left;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;
color:#848484;
margin-bottom:10%;
}
#file  li a
{
	background: transparent url(../img/file.png) left center no-repeat;
	padding-left: 10%;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 24px;
	text-decoration: none;
	color: #CC0099;
	line-height: 22px;
	margin: 0;
	padding-top: 0px;
	border-top: 20;
}
#file ul li a:hover
{
	text-decoration:underline;
}
#droite{
float:right;
width:66%;

}
#droite ul
{
	
list-style-type:none;
padding:0px;
margin-bottom:10%;
}
#droite img
{
	

margin-bottom:3%;
margin-top:4%;
}
#droite ul li a
{
	background-image: url(../img/plus.png);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 3%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #669900;
}
#droite ul li a:hover
{
	text-decoration: underline;
	font-weight: bold;
	font-size: 18px;
}
.suivre{
	margin-top: 15%;
	margin-bottom: 7%;
	padding-left: 11%;
	font: 22px/27px 'Kievit_Medium', Tahoma, Geneva, sans-serif;
	text-align: left;
	color: #7b7368;
	text-align: center;
}

.welcome{
	font: 22px/27px 'Kievit_Medium', Tahoma, Geneva, sans-serif;
	text-align: left;
	color: #F0F0F0;

}
.our{
	margin-top: 37px;
	margin-left: 3px;
	font: 42px/46px 'Kievit_Medium', Tahoma, Geneva, sans-serif;
	text-align: left;
	color: #CC3399;
	display: inline-block;
	vertical-align: -20px;
}
.texto{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 8%;
}

#menu li a {


padding: 0 25px 0 25px;
text-decoration:none;
color:#7b7368;
-webkit-transition: color 1s ease-in;
-moz-transition: color 1s ease-in;
-ms-transition: color 1s ease-in;
-o-transition: color 1s ease-in;
transition: color 1s ease-in;

}
#menu li a:hover{
	color: #F68CA3;
	
}
#footer{
	margin-top:24px;
	height:82px;
	clear:both;
	background-color:#f8f8f7;
	position:relative;
}
/*******/
#copy{
   position:absolute;
   top:50px;
   left:280px;
}
.copyright{
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color: #848484;
	
	
}
.printservices{
	display:none;
}
#navcontainer ul
{
padding: 26px 0;
margin: 0;
list-style-type: none;

color: #848484;
width: 100%;
font-family:Tahoma, Geneva, sans-serif;
font-size:10px;


text-align: center;
}

#navcontainer li { display: inline; }

#navcontainer li a
{
text-decoration: none;

color: #848484;
padding: 3px 14px;
border-right: 1px solid #848484;
}

#navcontainer li a:hover
{
	color: #F2496F;
}
/********/

#imageindex {
	

}

#sociaux{
    text-align:center;
    margin-bottom:30px;
}

#sociaux ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#sociaux ul li { display: inline;}

#sociaux ul li a
{
text-decoration: none;
padding: 3px 6px;

}
#mapa{
float:left;
margin: 30px;    
}
 #logo{
		    position:absolute;
			left:150px;
			top:150px;
			border:none;
	  }
#flor{
		    position:absolute;
			left:220px;
			top:70px;
			border:none;
	  }
  
@font-face {
    font-family: 'Kievit_Medium';
    src: url('../fonts/Kievit_Medium.pfm');
    font-weight: normal;
    font-style: normal;

}
#presentation{
position:relative;
clear:both;

}
.bar{
	position:absolute;
	left:5px;
	top:0px;
}
.barlogo{
	position:absolute;
	left: 100px;
	top: 8px;
}
#apropos{
	text-align: center;
	padding-top: 102px;
	padding-bottom: 70px;
	color: #000000;
}
#apropos img{
	
	padding-top:0px;
	padding-bottom:70px;
}
#apropos p{
	padding-left:67px;
	text-align:left;
	
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.izquierda{
float:left;
}
.derecha{
float:left;
}
/**
		* Carousel with image and text (horizontal)
		**/
			
		/**
		* Carousel with image and text, custom skinned scrollbar
		**/
		/**
		* Carousel with image and text, custom skinned scrollbar
		**/
		#carousel-image-and-text {
			width: 715px;
			height: 279px;
			margin: 0 auto;	
			padding-top: 100px;
			padding-bottom: 100px;
			
		}	
		#carousel-image-and-text .arrow-holder {
			height: 250px;
		}		
		#carousel-image-and-text .touchcarousel-item {
			margin-right: 28px;	
			width: 214px;
			height: 214px;
					
		}
		#carousel-image-and-text .item-block {
			width: 214px;
			height: 214px;
			display: block;
		}
		
		#carousel-image-and-text .item-block img,
		#carousel-image-and-text .item-block h4, 
		#carousel-image-and-text .item-block p {
			float: left;
			position: relative;
			display: block;
			margin: 0;			
			
		
		}
		#carousel-image-and-text .item-block img {
			
			border: 0;
			padding: 0;		
		}
		#carousel-image-and-text .item-block {			
			text-decoration: none;
			color: inherit;			
		}					
		#carousel-image-and-text .item-block h4 {
			font: bold 13px/20px Helvetica, Arial, sans-serif;
			color: #5f6f06;
			width: 158px;
			height: auto;		
			padding: 2px 0 0 6px;
			-webkit-transition: color 0.2s ease-out; 
			-moz-transition: color 0.2s ease-out;
			transition: color 0.2s ease-out;  	
			margin-left:45px;
		}
		#carousel-image-and-text .item-block:hover h4 {	
			color: #1873c9;		
		}
		#carousel-image-and-text .item-block p {			
			font: normal 13px/20px Helvetica, Arial, sans-serif;
			color: #555;		
			width: 158px;
			padding: 0 0 0 6px;
			margin-left:45px;
		}
		#carousel-image-and-text .scrollbar-holder {
			background: #CED7DB;
			bottom: 0;
			height: 1px;
			left: 0;
			right: 0;
		}
		#carousel-image-and-text .scrollbar {
			background-color: #45a8ce !important;
			bottom: 0;
		}
		.titrecarousel {
	padding: 8px 0 0 6px;
	text-align: center;
	font-family: 'Droid Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #669900;
	;
		}
		.textocarousel {
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	margin-top: 10px;
	color: #669900;
	font-weight: bold;
	font-style: italic;
		}
		.textoapropos {
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	color: #669900;
	font-weight: bold;
	font-style: italic;
		}
.btnSend {
	-moz-box-shadow: 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: 0px 1px 0px 0px #ffffff;
	box-shadow: 0px 1px 0px 0px #ffffff;
	background-color:#b2c752;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:15px;
	font-weight:normal;
	padding:7px 25px;
	text-decoration:none;
}.btnSend:hover {
	background-color:#bdd658;
    text-decoration:none;
    color:#fff;
    
}.btnSend:active {
	position:relative;
	top:1px;
}
/*   Responsive     */
.desktop {
	display:block;
	
}
.mobile {
	display:none;
	
}
img {
max-width:100%;
height:auto;	
	
}
.malabel{
	font-family: Droid,Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #669900;
}
.formcontact{
float:left;
margin: 30px;

}
.florgris{
	display:none;
}
#mapBox {
    float:left;
    height:500px;
    width:500px; } 
.pasafficher{
display:block;
}	
@media screen and (max-width: 600px)
{
	.florgris{
	   display:none;
    }
	.printservices{
	   display:none;
    }
	.desktop {
		display:none;	
	}
	.mobile {
		display:block;	
	}
	#carousel-image-and-text {
			width: 200px;
	}
	#contenu {
	padding: 10%;
	margin: auto;
	height: auto;
	}
    #header{
    height:auto;
    background-color: #f8f8f7;
    border-bottom: 4px solid #FFF;
    
    }
	
    #imageindex {
	border-bottom:none;
    display: block;
	float:none;

    }
	#logo {
		position: absolute;
		left: 50px;
		top: 70px;
		border: none;
	}
	.flor{
		position: absolute;
		left:110px;
		top: 0px;
		border: none;
	}
    #menu {   
        height: auto; 
        padding: 5px 0 0 4px;
    }  
    #menu ul {  
        width: 100%;  
        display: block;  
        height: auto; 
        margin:0px;
    }  
    #menu li {  
        width: 100%;  
        float: none;
        text-align:center;
        position: relative;  
        border-right-style:none;
    }  
    #menu li a {  
        color:#7b7368;
        
    }  
    #menu a {  
        text-align: center;  
        width: 100%;  
       
    }  
	
	#menu li a:hover{
		background:#888;
		color:#fff;
		
		
	}
	#gauche{
		
		display:block;
		float:none;
		padding: 5px 0 0 4px;
		width:100%;
	}
	#gauche ul {  
        width: 100%;  
        display: block;  
        height: auto; 
      
    }  
	#gauche li {  
        width: 100%;  
        float: none;
      
        position: relative;  
    } 
	#sociaux ul {  
        width: 100%;  
        display: block;  
        height: auto; 
        text-align: center;
    } 
	
	.puce{
	    
		margin-left: 10px;
	}
	#file{
		 height: auto; 
        padding: 5px 0 0 4px;
	}
	#droite{
	  display:block;
	  float:none;
	  width:100%;
	}
	#droite ul {  
        width: 100%;  
        display: block;  
        height: auto; 
      
    }  
	#droite li {  
        width: 100%;  
        float: none;
      
        position: relative;  
    } 
	#droite ul li a {
	background-image: url(../img/plus.png);
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 4%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #333333;
	}
	#footer{
	  display:block;
		float:none;
	}
	#navcontainer li a {
		text-decoration: none;
		color: #848484;
		padding:0px;
		border-right: 1px solid #848484;
	}
	#apropos {
		display:block;
	    float:none;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	#apropos p {
		padding-left: 0px;
		text-align: left;
	}
	#apropos img {
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.barlogo {
		position: absolute;
		left: 35px;
		top: 2px;
	}
    #mapBox {
        float: none;
        margin: 0px;
        display:block;
        width:100%;
            
       
        
            
            
            
    }
    #carousel-image-text-horizontal { width: 240px; }
}
#contenu #apropos .textocarousel {
	color: #000000;
}
#droite .pasafficher li a {
	color: #000000;
}
#droite .pasafficher li a {
	font-weight: bold;
}
#droite .welcome {
	color: #990066;
}
#contenu #presentation ul {
	font-size: 24px;
}
#contenu #presentation ul {
	font-size: 36px;
}
#presentation #gauche ul .pasafficher {
	text-align: right;
}
#contenu #presentation #file div a {
	font-family: Arial, Helvetica, sans-serif;
}
#contenu #presentation #file div a {
	font-size: 18px;
}
#contenu #presentation #file div a {
	font-size: 36px;
}
#contenu #presentation #file div a {
	color: #C03;
}
#contenu #presentation div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}
#contenu #presentation div ul {
	font-size: 24px;
}
#contenu #presentation div ul {
	color: #666;
}
#telephone{
   color:#EB1948;
}.jumbotron h3 strong {
	color: #EC134F;
}