body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    color: #333;
    background-color: #f8f8f8;
	background-image: linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238));
	background-image: -o-linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238));
	background-image: -moz-linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238));
	background-image: -webkit-linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238));
	background-image: -ms-linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238));
}

a{
	color:#6b9ecf;
	text-decoration:none;			
	}
	
a:hover{
	color:#6b9ecf;
	text-decoration:underline;
	}
	
.cache {
    display: none;
}

/*-------- HEADER --------*/
/*header{
	background-color: #FFF;
}*/

.t3-header {
    padding-top: 5px;
    padding-bottom: 5px;
	background-image: url('../images/fond-header.png');
	/*background-position: left bottom;*/
	/*background-position: center bottom;*/
	background-position: center top;
	/*background-position: center center;*/
	background-repeat: no-repeat;
	/*background-size: 100% auto;*/
}

/* ------------ HEAD-SERACH SLOGAN ------------------- */
.head-search {
  margin: 25px auto;
}
.head-search:before,
.head-search:after {
  content: " ";
  display: block;
}
.head-search:after {
  clear: both;
}

.head-search #slogan.img-responsive {
  position: relative;
}

@media screen and (min-width: 768px) {
  .head-search #slogan.img-responsive {
    float: right;
  }
}

@media (max-width: 767px) {
  .logo-control .logo-img-sm {
    display: block;
  }
  .logo-control .logo-img {
    display: none;
  }
  
  .t3-header .col-xs-12 {
    width: 50%;
	float:left;
}

}
@media (min-width: 768px) {
  .logo-control .logo-img-sm {
    display: none;
  }
  .logo-control .logo-img {
    display: block;
  }
  
  
.t3-header .col-sm-8 {
    width: 50%;
	float:left;
} 

.t3-header .col-sm-4 {
    width: 50%;
	float:left;
} 

}

@media (min-width: 768px) and (max-width: 991px) {
	
.head-search {
    margin-top:35px;
  }

}

@media (max-width: 768px) and (max-width: 991px) {
	
.head-search {
    margin-top:35px;
  }
  
 .t3-header .col-sm-8 {
    width: 50%;
	float:left;
} 

.t3-header .col-sm-4 {
    width: 50%;
	float:left;
} 
}

/* ------------ Mobile paysage (480x320) et Petite tablette portrait (600x800) ---------------- */
@media (min-width: 480px) and (max-width: 767px) {
	.logo-control .logo-img-sm {
    display: block;
  }
  
  .logo{
	margin-top:10px;
	text-align: left;
  }
  .logo-control .logo-img {
    display: none;
  }
  
  .head-search {
    margin-top:15px;
  }
}


@media (max-width: 320px) and (max-width: 480px) {
	.logo-control .logo-img-sm {
    display: block;
  }
  
  .logo{
	margin-top:15px;
	text-align: left;
  }
  .logo-control .logo-img {
    display: none;
  }
}

/* -------------- Mobile portrait (320x480) ---------------- */
@media (max-width: 479px) and (max-width: 767px) {
	.logo-control .logo-img-sm {
    display: block;
  }
  
  .logo{
	margin-top:5px;
	text-align: left;
  }
	.head-search {
    margin-top:30px;
  }
}


/*-------- MENU PRINCIPAL - MAINNAV --------*/

.t3-mainnav {
    border-left: 0px none;
    border-right: 0px none;
    margin-bottom: 0px;
    border-radius: 0px;
}

.navbar-default {
    background-color: #5d5d5f;
    /*border-color: #E7E7E7;*/
	border: none;
}

	.navbar-default .navbar-nav > li > a {
    	color: #fff;
		text-transform: uppercase;
	}
	
	.navbar-default .navbar-nav > li > a:hover {
    	color: #efc506;
	}
	
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		color: #555;
		background-color: #fff;
	}
	
	/*------------------ BANDEAU _ RESPONSIVE SLIDER BANNER - NIVO ------------------------------*/

		.jumbotron {
			padding: 0;
			margin: 0;
			color: inherit;
			background-color: #EEE;
		}
		
		.jumbotron .t3-module {
			margin-bottom: 0;
		}
		
		
		
		.t3-sidebar {
				margin-top:40px;
		}

		/*------------------ ACCUEIL - ENCART RÉALISATIONS  -------------------------------------*/		
					.custom-realisations{
						width:100%;
					}
									
						ul#menu_realisations {
								width:100%;
								list-style-type:none;
								margin: 0;
								padding: 0;
								
							
							}
							
										
								ul#menu_realisations a#btn_particuliers{
										display:block;
										/*width:100%;*/
										/*min-width: 271px;*/
										height:230px;
										
										margin:0;
										padding:0 10px;
										
										background-image: url(../images/btn_particuliers.jpg);
										background-repeat: no-repeat;
										backgroud-size:100% auto;
								}
								
								ul#menu_realisations a#btn_particuliers:hover{
										display:block;
										width:100%;
										/*min-width: 271px;*/
										height:230px;
										color:white;
										font-size:17px;
										margin:0;
										padding:0 10px;
										
										background-image: url(../images/btn_particuliers_on.jpg);
										background-repeat: no-repeat;
										backgroud-size:100% auto;
								}
								
							
						
								
								ul#menu_realisations a#btn_pros{
										display:block;
										width:100%;
										/*min-width: 271px;*/
										height:230px;
										
										margin:30px 0;
										padding:0 10px;
										
										background-image: url(../images/btn_pros.jpg);
										background-repeat: no-repeat;
										backgroud-size:100% auto;
								}
								
								ul#menu_realisations a#btn_pros:hover{
										display:block;
										width:100%;
										/*min-width: 271px;*/
										height:230px;
										
										margin:30px 0;
										padding:0 10px;
										
										background-image: url(../images/btn_pros_on.jpg);
										background-repeat: no-repeat;
										backgroud-size:100% auto;
								}

				/* ------ Flêche de sous-menu -------*/
					.navbar-default .navbar-nav > .dropdown > a .caret {
						border-top-color: #fff;
						border-bottom-color: #fff;
					}
					
					.navbar-default .navbar-nav > .active > a .caret{
					  border-top-color: #777;
						border-bottom-color: #777;
				  }
	
/*------------------   ACCUEIL SLIDERS NO NUMBER  -------------------------------------*/  								
			div.nn_sliders_slider a,
			div.nn_sliders_slider a:hover {
			display: block;
			width: auto;
			_width: 0%;
			border-top:none;
			border-left:none;
			border-right:none;
			border-bottom: solid 1px #ddd;
			-webkit-border-radius: none;
			-moz-border-radius: none;
			border-radius: none;
			padding: 8px 15px;
		  }	
			
							
		  div.nn_sliders_slider a {
			background: url(../images/inactive-header.gif);
			background-repeat: no-repeat;
			background-position: right 50%;
		  }
		  
		  div.nn_sliders_slider a,
		  div.nn_sliders_slider a:hover {
			display: block;
			width: auto;
			_width: 0%;
			border-top:none;
			border-left:none;
			border-right:none;
			border-bottom: solid 1px #ddd;
			-webkit-border-radius: none;
			-moz-border-radius: none;
			border-radius: none;
			padding: 8px 15px;
		  }
		  
		  div.nn_sliders_slider a:hover {
			font-size:15px;
			color:#555;
			background: url(../images/inactive-header.gif);
			background-repeat: no-repeat;
			background-position: right 50%;
			/*background-color: #edc406;*/
			/*background-color: #6b9ecf;*/
			/*background-color: #ddd;*/
			background-color: none;
		   /*background-color: #eee;*/
		  }
		  
		  div.nn_sliders_slider.active a,
		  div.nn_sliders_slider.active a:hover {
			-webkit-border-radius: none;
			-moz-border-radius: none;
			border-radius: none;
			color:#333;
			background: url(../images/active-header.gif);
			background-repeat: no-repeat;
			background-position: right 50%;
			/*background-color: #eee;*/
			/*background-color: #ddd;*/
			background-color: none;
			/*font-weight:500;*/
			font-size:15px;
		  }
		  
		  div.nn_sliders_content_wrapper div.nn_sliders_content {
		  clear: both;
		  padding: 0;
		  border-top:none;
			border-left:none;
			border-right:none;
			border-bottom: solid 1px #ddd;
		  -webkit-border-radius: none;
			-moz-border-radius: none;
			border-radius: none;
		  padding: 9px 15px;
		}
		  

/*------------------   ACCUEIL ACCORDEON VALLENATO  -------------------------------------*/  						
										
										
							#accordion-container {
								margin:0 auto;
								/*width:100%;*/
								/*width:340px;*/
								/*font-variant:small-caps;*/
								color:#333;
								/*font-size: 0.8em;*/
								/*background: #fff;*/
								padding: 5px 1px;
							
							
							}
							
								#accordion-container h3.accordion-header {
										/*font-size: 1.2em;*/
										/*font-family:Arial;*/
										/*background: #fff;*/
										margin: 5px 0 0 0;
										padding: 5px 10px;
										border-bottom:1px solid #cdcdcd;
										cursor: pointer;
										text-transform:none;
										color: #333;
										font-size:16px;
									}
									
									
									#accordion-container p{
										/*width:320px;*/
										margin:0 ;
										padding: 10px 0;
									}
									
									.active-header {
									
										background: url(../images/active-header.gif);
										background-repeat: no-repeat;
										background-position: right 50%;
									}
									
									.active-header:hover {
										background: url(../images/active-header.gif);
										background-repeat: no-repeat;
										background-position: right 50%;
									}
									
									.inactive-header {
										background: url(../images/inactive-header.gif);
										background-repeat: no-repeat;
										background-position: right 50%;
									}
									
									.inactive-header:hover {
										background: url(../images/inactive-header.gif);
										background-repeat: no-repeat;
										background-position: right 50%;
									}
									
									.accordion-content {
										display: none;
										padding: 10px;
										/*background: #ffffff;*/
										border-top: 0;
									
									}
									
						/* -------- ACCUEIL - Encart Architectes -------- */	
								
									
									 h4.custom-architectes{
										font-variant:small-caps;
										font-size:15px;
										color:#333;
									}
							
								
/*--------------------- CONTENU -------------------------------------------------------*/
	h1, .h1 {
    font-size: 21px;
    color: #6b9ecf;
    font-weight: normal;
    text-transform: uppercase;
	}
	
	
	 h3{
		text-transform:uppercase;
		/*margin: 10px 0 30px 40px;*/
		padding: 0;
		color:#e4be03;
		font-size: 16px;
		font-weight:normal;
	}
	.article-title{
		color:#666666;
		font-size: 25px;
	}
	.article-title a{
		color:#5D5D5F;
	}
	.article-title a:hover{
		text-decoration: none;
		color: #428bca;
	}
	
	
	/* -------------- SLIDESHOW CK - Diaporamas Pagination Navigation ----------------------------- */	
			  .camera_wrap .camera_pag .camera_pag_ul {
				  list-style: none;
				  margin: 0;
				  padding: 0;
				  text-align: center;
					  height: auto !important;
					  height: 28px;
			  }
			  .camera_wrap .camera_pag .camera_pag_ul li {
				  -webkit-border-radius: 2px;
				  -moz-border-radius: 2px;
				  border-radius: 2px;
				  cursor: pointer;
				  display: inline-block;
					  float: none !important;
					  float:left;/*overflow:hidden;*/
				  height: 12px;
				  margin: 5px;
				  position: relative;
				  /*text-align: left;*/
				  text-indent: 9999px;
				  width: 12px;
				  overflow: visible !important;
				  padding: 0;
			  }
			  
			  .camera_commands_emboss .camera_pag .camera_pag_ul li {
				  -moz-box-shadow:
					  0px 1px 0px rgba(255,255,255,1),
					  inset 0px 1px 1px rgba(0,0,0,0.2);
				  -webkit-box-shadow:
					  0px 1px 0px rgba(255,255,255,1),
					  inset 0px 1px 1px rgba(0,0,0,0.2);
				  box-shadow:
					  0px 1px 0px rgba(255,255,255,1),
					  inset 0px 1px 1px rgba(0,0,0,0.2);
			  }
			  .camera_wrap .camera_pag .camera_pag_ul li > span {
				  -webkit-border-radius: 1px;
				  -moz-border-radius: 1px;
				  border-radius: 1px;
				  height: 6px;
				  left: 3px;
				  overflow: hidden;
				  position: absolute;
				  top: 3px;
				  width: 6px;
			  }
			  
			  /* Diaporamas : Suppression Pagination Navigation */
				@media (max-width: 380px) {
				
				.camera_wrap .camera_pag .camera_pag_ul {
					display: none;
				}
				
				
				.camera_target_content {
				  bottom: 0;
				  left: 0;
				  overflow:visible;
				  position: absolute;
				  right: 0;
				  top: 0;
				  z-index: 2;
			  }
				
				
				.camera_caption {
					top:180px;
					bottom: 0;
					display: block;
					position: absolute;
					width: 100%;
						z-index:1000;
				}
				.camera_caption > div {
					padding: 5px;
				}
				
				div.slideshowck-diaporama-atelier .camera_caption {
					top:140px;
					bottom: 0;
					display: block;
					position: absolute;
					width: 100%;
						z-index:1000;
						
					font-size:10px;
				}
				div.slideshowck-diaporama-atelier .camera_caption > div {
					padding: 5px;
				}	
				
				.camera_caption_title {
					font-size: 1.1em;
					font-weight:600;
					line-height: 1em;
				}
				
				.camera_caption_desc {
					line-height: 1.1em;
				}
				
					
				}
	/*------------------   TAB PARTENAIRES  -------------------------------------*/		
								
									.scopePart{
										color :#fff;
										padding:15px;
										background-color:#5d5d5e;
										font-weight:normal;
										font-variant:small-caps;
										font-size:16px;
									}
									
									
										.table{
											color :#666666;
											background-color:#EEE;
										}
										
										.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
											/*background-color: #F9F9F9;*/
											background-color: #FFF;
										}
									
									
	
	
	/* --------------------- CONTACT --------------------------------------------- */
	
	
	/* Signe des champs requis */
	  label.required_field {
		  text-align:left;
		  vertical-align:top;
		  margin-left:5px;
		  color: #6b9ecf;
	  }
	  
	  
	  div#aiContactSafe_info.aiContactSafe {
		  font-style:italic;
		  color: #6b9ecf;
		  margin : 5px 0 10px 0;
	  }

/* -------- FIL DE NAVIGATION - BREADCRUMB -NAVHELPER -------- */
.t3-navhelper {
    background: none repeat scroll 0% 0% #edc406;
    /*border-top: 1px solid #EEE;*/
	border: none;
    color: #fff;
    padding: 5px 0px;
}		

	.breadcrumb {
		padding: 8px 15px;/*
		margin-bottom: 20px;*/
		list-style: none outside none;
		background-color: #edc406;
		border-radius: 4px;
	}

	.breadcrumb > .active {
    	color: #333;
	}	
	
	.breadcrumb > li + li:before {
		content: "/ ";
		padding: 0px 5px;
		color: #fff;
	}	
	
	.breadcrumb > li > a.pathway {
		color: #333;
	}								


/* -------- FOOTER -------- */

#t3-footer {
		background-color: #EEE;
}

.t3-footnav .t3-module {
    background-color: #EEE;
    color: #555;
    margin-top: 10px;
    margin-bottom: 10px;
}

.t3-copyright {
    background-color: #f8f8f8;
	background-image: linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238));
	background-image: -o-linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238));
	background-image: -moz-linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238));
	background-image: -webkit-linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238));
	background-image: -ms-linear-gradient(rgb(255, 255, 255), rgb(238, 238, 238));
}

/*@media screen and (min-width: 768px) {
  .head-search .form-control {
    width: 150px;
  }
  .head-search .form-control:focus {
    width: 200px;
  }
}

@media (min-width: 768px) {
  .container {
    width: 750px;
	}

  
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }

}

@media (max-width: 767px) {

}

@media all and (max-width: 767px) {
	
}

@media all and (min-width: 480px) and (max-width: 767px) {
	
}

@media (max-width: 479px) {

}

@media screen and (min-width: 768px) {
		
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}*/