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

* {
	margin: 0;
	padding: 0;	
}

img {
	margin: 0;
	padding: 0;	
	border : none;
	/*display:block;*/
}

	
h1  {
	display : none;
	top:-5000px;
	left : 0;
	/*clear :both;*/
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}


a{
	color:#5c98cc;
	text-decoration:none;			
	}
	
a:hover{
	color:#5c98cc;
	text-decoration:underline;
	}
	


hr{
	clear:both;
	visibility:hidden;
	margin: 0;
	padding:0;
}


.cache{
	display:none;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/*------------------  BODY  -------------------------------------*/	

body {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color: #58585a;
	/*background-color: #f8f7f4;*/
	background-color: #f8f8f8;
	/*background-image: url('images/shattered_clair.png');*/
	/*background-image:url(images/body.jpg);
	background-repeat:repeat-x;*/
	
}



		/*------------------   CONTENEUR  -------------------------------------*/
		#conteneur {
			/*margin:0 auto;*/
			/*width: 960px;*/
			width:100%;
			padding:0 0 20px;
			background-color: #f8f8f8;
			/*background-image: url('images/shattered_clair.png');*/
			
		}
		
		
		/*------------------   EN-TETE  -------------------------------------*/
	
				#bodyheader {
					/*position: relative;*/
					/*width: 960px;*/
					/*width:100%;*/
					height:160px;
					background-color: #fff;
				}
		
	
				#header {
					/*position: relative;*/
					width: 960px;
					height:160px;
					margin:0 auto;
				}
		
		
		
			/*------------------  COLONNE GAUCHE HEADER -------------------------------------*/	
					
						#colG_header{
							float:left;
							width:271px;
							height:160px;
							margin: 0;
							padding: 0;
							
						}
						
		
						/*------------------  LOGO  -------------------------------------*/	
					
							#colG_header #logo{
								width:189px;
								height:140px;
								float:left;
								display:block;
								margin:10px 0;
								padding:0;
								background-image:url(images/logo-agendaweb.jpg);
								background-repeat: no-repeat;
							}
							
							#colG_header #logo:hover{
								width:189px;
								height:140px;
								float:left;
								display:block;
								margin:10px 0;
								padding:0;
								background-image:url(images/logo-agendaweb-on.jpg);
								background-repeat: no-repeat;
							}
							
							
					/*------------------  COLONNE DROITE HEADER -------------------------------------*/	
					
						#colD_header{
							float:left;
							width:689px;
							height:160px;
							margin: 0;
							padding: 0;
						}
						
						
						
							#colD_header #slogan{
								width:689px;
								height:160px;
								float:right;
								text-align:right;
							}
							
							/*#colD_header #citation{
								width:689px;
								height:100px;
								float:right;
								text-align:right;/
							}
							*/
							
							#colD_header #slogan cite{
								display:block;
								width:689px;
								font-size:18px;
								margin:30px 0 20px 0;
								color:#a5a096;
							}
							
							#colD_header #slogan #top-nav{
								display: inline-block;
								height:60px;
								width:689px;
								margin:0;
								float: right;
							}
							
							#colD_header #slogan ul.nav-top {
								list-style: outside none none;
								margin:0;
								float: right;
								height: 40px;
							}
							
							#colD_header #slogan ul.nav-top li {
								display: inline-block;
								margin-left: 10px;
								float:left;
								vertical-align: middle;
								height: 40px;
								line-height:40px;
							}
							
							.nav-top li a {
								text-decoration: none;
							}
							
								 
								  
								  .btn-dossier {
										color: #FFF;
										background-color: #58585a;
										border-color: #58585a;
									}
									
									 .btn-dossier:hover {
									  color: #FFF;
									  background-color: #5c98cc;
									  border-color: #5c98cc;
								  }
								  
								  .btn-adherent {
										color: #FFF;
										background-color: #E28637;
										border-color: #E28637;
									}
									
									 .btn-adherent:hover {
									  color: #FFF;
									  background-color: #5c98cc;
									  border-color: #5c98cc;
								  }
								  
								  
							
								
							#colD_header #slogan p.cache{
								display : none;
								top:-5000px;
								left : 0;
								
							}
							
							/*#colD_header #slogan form {
								display: inline-block;
								height:40px;
								margin-bottom: 0px;
								vertical-align: middle;
								float: right;
								
							}*/
							
							.form-inline {
								display: inline-block;
								margin-bottom: 0px;
								vertical-align: middle;
								height:40px;
							}
							/*
							.form-group {
									height: 24px;
								line-height:46px;
							}*/
							
							/*#colD_header #slogan .formlog {
								display: inline-block;
								width:680px;
								height:40px;
								margin-bottom: 0px;
								vertical-align: middle;
								
							}*/
							
							/*#colD_header #slogan .formlog .form-inline .form-group {
								display: inline-block;
								margin-bottom: 0px;
								vertical-align: middle;
								
							}*/
							
							.form-control {
							  /*display: inline-block;*/
							  /*width:120px;*/
							  height: 24px;
							  line-height:24px;
							  padding: 5px 10px;
							  font-size: 12px;
							  /*line-height: 1.42857;*/
							  vertical-align: middle;
							  background-color: #eee;
							  background-image: none;
							  border: 1px solid #CCC;
							}
							
							/*input{
							  display: inline-block;
							}*/
							
							.sr-only {
								position: absolute;
								width: 1px;
								height: 1px;
								padding: 0px;
								margin: -1px;
								overflow: hidden;
								border: 0px none;
							}
				
				
								/*input::-webkit-input-placeholder { color: #999; vertical-align:middle; line-height:40px;}
								input:-moz-placeholder { color: #999; vertical-align:middle;line-height:40px;}*/
								/* A tester pour IE10, mais logiquement: */
								/*input:-ms-placeholder { color: #999; vertical-align:middle;line-height:40px;}*/
							
						/*	#formulairelog table {
								margin:0;
								width: 680px;
								height:40px;
								padding:0;	
								font-size:12px;
								color: #333333;
								float: right;
								text-align:right;
							}*/
				
							
							/*#formulairelog td#identifiant{
								margin:0;
								width: 120px;
								height:40px;
							}
						
							input#user{
								display:inline-block;
								width: 120px;
								height:24px;
								margin:-0;
								padding:5px 10px;
								font-weight:bold;
								border:solid 1px #e7e8e8;
								background-color:#fff;
								
							}
							
							
							#formulairelog td#motdepasse{
								margin:0;
								width: 120px;
								height:56px;
							}
							
							input#password{
								display:inline-block;
								width: 120px;
								height:24px;
								margin:0;
								padding:5px 10px;
								border:solid 1px #e7e8e8;
								background-color:#fff;
								
								
							}*/
					
																		
						/*------------------  MENU PRINCIPAL  -------------------------------------*/
						#navbar {
								
								background-color: #5c98cc;
								height:50px;
						}
							
							#navbar #menu_principal{
								width:960px;
								height:50px;
								margin:0 auto;
								padding:0;
								
							}
							
							
							
								#navbar #menu_principal ul{
									width:960px;
									height:50px;
									margin:0 auto;
									padding:0;
									list-style-type:none;
								}
								
								
	
							
									#navbar #menu_principal ul li {
										float:left;
										margin:0 10px;							
									}
									
									
									
										#navbar #menu_principal ul li a {
											display:block;
											color:white;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											text-transform:uppercase;
										}
										
										
										
										#navbar #menu_principal ul li a.actif {
											display:block;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											color: #5c98cc;
											background-color: #fff;
											/*background-image: url('images/sharp-edges-red.png');*/
																	
										}
										
										#navbar #menu_principal ul li a:hover {
											display:block;
											/*color: #58585a;*/
											color: #5c98cc;
											background-color: #fff;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											
																	
										}
										
										
										#navbar #menu_principal ul li a:hover.actif{
											display:block;
											color: #5c98cc;
											background-color: #fff;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
																	
										}	
										
										
										#navbar #menu_principal ul li a.nav-fonctionnalites {
											display:block;
											color:white;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											text-transform:uppercase;
										}
										
										
										
										#navbar #menu_principal ul li a.nav-fonctionnalites-actif {
											display:block;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											/*color: #E28637;
											background-color: #fff;*/
											color: #fff;
											background-color: #E28637;						
										}
										
										#navbar #menu_principal ul li a:hover.nav-fonctionnalites {
											display:block;
											color: #fff;
											background-color: #E28637;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											
																	
										}
										
										
										#navbar #menu_principal ul li a:hover.nav-fonctionnalites-actif{
											display:block;
											color: #E28637;
											background-color: #fff;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
																	
										}
										
										
										#navbar #menu_principal ul li a.nav-demo {
											display:block;
											color:white;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											text-transform:uppercase;
										}
										
										
										
										#navbar #menu_principal ul li a.nav-demo-actif {
											display:block;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											/*color: #9AC54E;
											background-color: #fff;*/
											color: #fff;
											background-color: #967C9B;
																	
										}
										
										#navbar #menu_principal ul li a:hover.nav-demo {
											display:block;
											color: #fff;
											background-color: #967C9B;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											
																	
										}
										
										
										#navbar #menu_principal ul li a:hover.nav-demo-actif {
											display:block;
											color: #967C9B;
											background-color: #fff;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
																	
										}
										
										
										#navbar #menu_principal ul li a.nav-tarifs {
											display:block;
											color:white;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											text-transform:uppercase;
										}
										
										#navbar #menu_principal ul li a.nav-tarifs-actif {
											display:block;
											color: #fff;
											background-color: #9AC54E;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
																	
										}
										
										
										
										#navbar #menu_principal ul li a:hover.nav-tarifs {
											display:block;
											color: #fff;
											background-color: #9AC54E;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											
																	
										}
										
										#navbar #menu_principal ul li a:hover.nav-tarifs-actif {
											display:block;
											color: #fff;
											background-color: #9AC54E;
											font-size:14px;
											margin : 0;
											padding: 0 10px;
											text-decoration:none;
											line-height:50px;
											
																	
										}
										
				
	
			/*------------------   BANDEAU  -------------------------------------*/
		.jumbotron {
			padding: 20px 0;
			margin-bottom: 0;
			font-size: inherit;
			font-weight: inherit;
			line-height: 2.14286;
			color: inherit;
			background-color: #eee;
			background-image: url('images/bright_squares.png');
		}
						.jumbotron #bandeau {
							margin: 0 auto;
							padding: 0;
							width:960px;
							height:300px;
							background-repeat:no-repeat;
						}
						
							.jumbotron #bandeau img{
							margin: 0 auto;
							padding: 10px 0 0 ;
							width:940px;
							height:300px;
						}
						
						.nivo-directionNav a {
							display:block;
							width:30px;
							height:30px;
							background:url(images/arrows.png) no-repeat;
							text-indent:-9999px;
							border:0;
						}
						
						a.nivo-nextNav {
							background-position:-30px 0;
							right:15px;
						}
						a.nivo-prevNav {
							left:15px;
						}
						
	/*------------------   Domaines d'intervention  -------------------------------------*/
.wrap {
	clear:both;
    width: auto;
	padding: 10px 0px 10px;
    border-bottom: 1px solid #DDD;
    background-color: #FFF;
}

.wrap .mises-en-avant {
    width:960px;
	margin:0 auto;
	position: relative;
	height : 310px;
	padding: 10px 0px 20px;
}

.wrap .mises-en-avant h3 {
    color: #333;
	width:960px;
	text-align:center;
	margin:0 auto;
	display:inline-block;
	padding: 10px 0;
	text-transform:uppercase;
	font-size: 18px;
	font-weight:normal;
}


.wrap .mises-en-avant .col-row{
		width: 25%;
		float:left;
		position: relative;
	}

	.wrap .mises-en-avant .row{
		text-align:center;
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.wrap .mises-en-avant .row img{
		margin:0 auto;
	}
	
	.wrap .mises-en-avant h4 {
		font-weight: 300;
		font-size:16px;
		padding:5px 0;
		 color: #333;
	}
	
	.wrap .mises-en-avant p {
		padding:5px;
		margin: 0 5px;
	}

	  .btn {
		  display: inline-block;
		  margin-bottom: 0px;
		  font-weight: normal;
		  text-align: center;
		  vertical-align: middle;
		  cursor: pointer;
		  background-image: none;
		  border: 1px solid transparent;
		  white-space: nowrap;
		  padding: 6px 12px;
		  font-size: 14px;
		  line-height: 1.42857;
		  border-radius: 4px;
		  -moz-user-select: none;
	  }
	  
	  .btn-primary {
		  color: #FFF;
		  background-color: #5c98cc;
		  border-color: #5c98cc;
	  }
	  
	  .btn-primary:hover {
			color: #FFF;
			background-color: #58585a;
			border-color: #58585a;
		}
		
		.btn-connexion {
			color: #FFF;
			background-color: #967C9B;
			border-color: #967C9B;
			height:36px;
			/*font-size: 12px;
			line-height: 1.2;*/
		}
		
		.btn-connexion:hover {
			color: #FFF;
			background-color: #58585A;
			border-color: #58585A;
		}

/*------------------   LES CARACTÉRISTIQUES  -------------------------------------*/			
 .caracteristiques {
    width:960px;
	margin:0 auto;
	position: relative;
	/*min-height : 340px;*/
	padding: 10px 0px 10px;
}

 .caracteristiques h3 {
    color: #333;
	width:960px;
	text-align:center;
	margin:0 auto;
	display:inline-block;
	padding: 10px 0;
	text-transform:uppercase;
	font-size: 18px;
	font-weight:normal;
}

/*.wrap .caracteristiques .col-lg-12 {
	border-bottom: 1px solid #FFF;
}
*/
.caracteristiques h3.page-header {
    padding-bottom: 9px;
    margin: 10px 0px 20px;
    border-bottom: 1px solid #FFF;
    font-weight: 300;
	text-transform:none;
}

h3 small {
    font-weight: 400;
    line-height: 1;
    color: #777;
	text-transform:none;
}
		
.caracteristiques .well {
    position:absolute;
	min-height: 20px;
    padding: 19px;
    margin-bottom: 120px;
    background-color: #EEE;
    border: medium none;
    border-radius: 4px;
    box-shadow: none;
}

.caracteristiques .col-md-4 {
    width: 30%;
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
	margin: 5px 0;
}

 .caracteristiques div.col-md-4 .media {
    margin-top: 10px;
}

.caracteristiques .col-md-4 .media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
	overflow: hidden;
}

.caracteristiques .col-md-4 .media-left {
    padding-right: 10px;
}

.caracteristiques .col-md-4 p {
    margin: 0px 0px 10px;
}



/*------------------   INTRO RELATION CLIENT  -------------------------------------*/			
.wrap .intro-relation-client {
    width:960px;
	margin:0 auto;
	position: relative;
	height : 260px;
	padding: 10px 0px 10px;
}

.wrap .intro-relation-client h3 {
    color: #333;
	width:960px;
	text-align:center;
	margin:0 auto;
	display:inline-block;
	padding: 10px 0;
	text-transform:uppercase;
	font-size: 18px;
	font-weight:normal;
}

/*.wrap .caracteristiques .col-lg-12 {
	border-bottom: 1px solid #FFF;
}
*/

.wrap .intro-relation-client h3 small {
    font-weight: 400;
    line-height: 1;
    color: #9AC54E;
	text-transform:none;
}
		
.wrap .intro-relation-client .well {
    position:absolute;
	min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #EEE;
    border: medium none;
    border-radius: 4px;
    box-shadow: none;
}

.wrap .intro-relation-client .col-md-6 {
    width: 45%;
	float: left;
    padding-right: 10px;
    padding-left: 10px;
	margin: 5px;
}

.wrap .intro-relation-client h3.page-header {
    padding-bottom: 9px;
    margin: 10px 0px 20px;
    border-bottom: 1px solid #FFF;
    font-weight: 300;
	text-transform:none;
	text-align:left;
	display:block;
	width:420px;
}

.wrap .intro-relation-client .col-md-6 ul {
	margin: 5px 20px;
}

.wrap .intro-relation-client .col-md-6 ul li{
	list-style:square;
		margin:5px 0;
}

					
		
	/*------------------  CONTENU  -------------------------------------*/	
			#contenu {
				margin:0 auto;
				width: 960px;
				clear:both;
				
			}
			
					/*------------------  COLONNE GAUCHE ACCUEIL -------------------------------------*/	
					
						#left{
							float:left;
							width:271px;
							margin:30px 0 0  0;
							padding: 0;	
							/*min-height : 500px;*/
							
							
						}
			
							/*------------------ SOUS-MENU GAMME  -------------------------------------*/		
						
						
						#left #encart-contact {
							/*background-color: #5c98cc;*/
							background-color: #fff;
							/*background-image: url("images/sharp-edges.png");*/
							border-width: 1px 1px medium;
							border-style: solid solid none;
							border-color: #EFEFEF #EFEFEF -moz-use-text-color;
							-moz-border-top-colors: none;
							-moz-border-right-colors: none;
							-moz-border-bottom-colors: none;
							-moz-border-left-colors: none;
							border-image: none;
							padding: 10px;
							margin-top: 20px;
							margin-bottom: 0px;
							color: #FFF;	
						}
						
						#left #encart-contact-accueil-tel {
							background-color: #E28637;
							/*background-image: url("images/sharp-edges.png");*/
							border-width: 1px 1px medium;
							border-style: solid solid none;
							border-color: #EFEFEF #EFEFEF -moz-use-text-color;
							-moz-border-top-colors: none;
							-moz-border-right-colors: none;
							-moz-border-bottom-colors: none;
							-moz-border-left-colors: none;
							border-image: none;
							padding: 10px;
							margin-bottom: 0px;
							color: #FFF;	
						}
						
						#left #encart-contact-relation-client {
							background-color: #9AC54E;
							/*background-image: url("images/sharp-edges.png");*/
							border-width: 1px 1px medium;
							border-style: solid solid none;
							border-color: #EFEFEF #EFEFEF -moz-use-text-color;
							-moz-border-top-colors: none;
							-moz-border-right-colors: none;
							-moz-border-bottom-colors: none;
							-moz-border-left-colors: none;
							border-image: none;
							padding: 10px;
							margin-bottom: 0px;
							color: #FFF;	
						}
						
						#left #encart-contact-domiciliation {
							background-color: #9AC54E;
							/*background-image: url("images/sharp-edges.png");*/
							border-width: 1px 1px medium;
							border-style: solid solid none;
							border-color: #EFEFEF #EFEFEF -moz-use-text-color;
							-moz-border-top-colors: none;
							-moz-border-right-colors: none;
							-moz-border-bottom-colors: none;
							-moz-border-left-colors: none;
							border-image: none;
							padding: 10px;
							margin-bottom: 0px;
							color: #FFF;	
						}
						
						address {
							margin: 10px 0px;
							font-style: normal;
							line-height: normal;
						}
							
						
						#left #encart-solutions {
							    /*margin-top: 20px;*/
								/*background-color: #C1BBAF;*/
								background-color: #5c98cc;
								/*background-image: url("images/sharp-edges-red.png");*/
								border-width: 1px 1px medium;
								border-style: solid solid none;
								border-color: #EFEFEF #EFEFEF -moz-use-text-color;
								-moz-border-top-colors: none;
								-moz-border-right-colors: none;
								-moz-border-bottom-colors: none;
								-moz-border-left-colors: none;
								border-image: none;
								padding: 10px;
								color: #FFF;
						}
						
						#left #encart-solutions h3{
							    text-transform:uppercase;
								color: #FFF;
								font-weight:200;
								font-size:14px;
								margin-bottom:10px;
						}
						
							#left #encart-solutions ul li{
							    /*display: block;*/
								list-style: square;
								margin-left:15px;
							}
							
							#left #encart-solutions ul li{
							    /*display: block;*/
							}
							
							#left #encart-solutions ul li a{
							    /*list-style:none;*/
								
							}
						
						
						#left a {
							color: #FFF;
							font-weight:400;
						}
						
						 #left h4.h4-demo {
								color: #967C9B;
								font-size: 15px;
								font-weight:200;
								margin-bottom:20px;
							}
						
						/*------------------   Colonne Droite CONTACT  -------------------------------------*/  						
									
								
											 #left #map{
												float:left;
												width:271px;
												height:470px;
												margin:5px 0 0;
												
											}	
									
											#left iframe{	
												margin : 10px 0 0;
												/*padding: 15px;*/
												/*background-image: url(images/google_map_800.png);
												background-repeat: no-repeat;*/
											}										


										#left #map a {
											color:#5c98cc;
											text-decoration:none;			
											}
											
										#left #map a:hover{
											color:#5c98cc;
											text-decoration:underline;
											}
										
										
			
	/*------------------  COLONNE MILIEU  ACCUEIL et CONTACT -------------------------------------*/
					
						#middle{
							float:left;
							width:689px;
							margin: 30px 0 0 0;
							padding: 0;	
							
						}
						
					
									
								
								  
								  #middle .row {
										margin-bottom:40px 0 ;
										width:670px;
									}
								  
								#middle .row.blanc {
									  padding: 10px;/*
									  margin-bottom: 20px;*/
									  margin :10px 0 40px 40px;
									  background-color: #FFF;
									  width:600px;
								  }
								  
								  
						
							#middle	h2 {
								margin :10px 0 10px 40px;
								font-size: 18px;
								font-weight:normal;
								text-transform:uppercase;
								color:#5c98cc;
							}
							
							
							#middle	h2.h2-demo {
								margin :10px 0 10px 40px;
								font-size: 18px;
								font-weight:normal;
								text-transform:uppercase;
								color:#967C9B;
							}
							
							

								#middle h3{
									text-transform:uppercase;
									margin: 10px 0 10px 40px;
									padding: 0;
									color:#111;
									font-size: 15px;
									font-weight:normal;
								}
								
								#middle h3.lead {
									  font-size: 20px;
									  margin: 30px 0 20px 40px;
									  font-weight: 200;
									  line-height: 1;
									  text-transform:none;
								  }
								
								#middle h4.h4-accueil-tel {
										color: #E28637;
										font-size: 15px;
										text-transform: uppercase;
										font-weight:200;
										margin: 10px 0px 0 40px;
									}
									
								#middle h4.h4-relation-client {
										color: #9AC54E;
										font-size: 15px;
										text-transform: uppercase;
										font-weight:200;
										margin: 10px 0px 0 40px;
									}		

						
							
									#middle p{
										width:580px;
										margin:0 40px;
										padding: 10px 0;
									}
									
									#middle .row.blanc p {
									  padding: 10px;/*
									  margin-bottom: 20px;*/
									  margin :10px;
									  width:580px;
									  
									  clear:both;
								  }
								  
								  /*#middle .row.blanc .media {
									 display:block;
									 text-align:center;
								  }
								  
								  #middle .row.blanc img.media-object {
									 display:block;
									
								  }*/
								  
								  #middle .row.blanc .media {
									width: 25%;
									float: left;
									display:block;
									background-color: #FFF;
								}
								
								#middle .row.blanc img.media-object {
									 display:block;
								  }
									
									#middle	p.lead {
									  font-size: 16px;
									  margin-bottom: 0px;
									  font-weight: 200;
									  line-height: 1;
								  }
									
									blockquote {
										display:block;
										padding: 10px;
										margin: 20px 40px;
										font-size: 14px;
										border-left: 4px solid #CCC;
										font-style: italic;
									}
																		
									
									#middle ul{
										width:520px;
										margin:0 auto;
										padding:10px;
										/*display : none;
										top:-5000px;
										left : 0;*/
									}
									
									
										#middle ul li{
											list-style:square;
											margin:5px 0;
										}
										
										#middle ul.sous_liste li{
											list-style:circle;
											margin:5px 0;
										}
					
									#middle .well {
										min-height: 20px;
										padding: 19px;
										margin-bottom: 20px;
										width:580px;
										background-color: #EEE;
										border: medium none;
										border-radius: 4px;
										box-shadow: none;
									}
									
									#middle div.well-blanc {
									  min-height: 20px;
									  padding: 10px;
									  margin: 30px 0 30px 40px;
									  width: 580px;
									  background-color: #fff;
									  border: medium none;
									  border-radius: 4px;
									  box-shadow: none;
								  }
								  
								  
								  #middle div.well-blanc h3.lead {
									  font-size: 20px;
									  margin: 20px 0px 20px 10px;
									  font-weight: 200;
									  line-height: 1;
									  text-transform: none;
									  color:#9AC54E;
								  }
								  #middle div.well-blanc p {
									  width: 540px;
									  margin: 0px 10px;
									  padding: 10px 0px;
								  }
								  
								  	#middle div.well-blanc ul {
									  width: 540px;
									  margin: 0px 40px;
								  }
								  
/*------------------  COLONNE MILIEU PAGES FONCTIONNALITÉS, TARIFS ET DÉMO -------------------------------------*/
					
						#middle-pages{
							float:left;
							width:960px;
							margin: 30px 0 0 0;
							padding: 0;	
							
						}	  
						
						.page-header {
						padding-bottom: 9px;
						margin: 50px 0px 20px;
						border-bottom: 1px solid #FFF;
						font-weight: 300;
						
					}
					
					.fonctionnalites {
						/*width:960px;*/
						margin:0 auto;
						/*position: relative;*/
						/*min-height : 500px;*/
						padding: 0px;
					}
								  #middle-pages .row {
										margin:20px 0 ;
										width:960px;
										/*position:relative;*/
									}
								  
								#middle-pages .row.blanc {
									  padding: 10px;/*
									  margin-bottom: 20px;*/
									  margin :10px 0 40px 40px;
									  background-color: #FFF;
									  width:600px;
								  }
								  
								  
								    
								  .col-md-4 {
										width: 290px;
										float: left;
										min-height: 1px;
										/*padding-right: 5px;
										padding-left: 5px;*/
										margin-right: 11px;
										margin-left: 5px;
									}		
								  
								  
						
							#middle-pages	h2 {
								margin :10px 0 10px 0;
								font-size: 18px;
								font-weight:normal;
								text-transform:uppercase;
								color:#5c98cc;
							}
							
							#middle-pages	h2.h2-fonctionnalites {
								margin :10px 0 10px 0;
								font-size: 18px;
								font-weight:normal;
								text-transform:uppercase;
								color:#E28637;
							}
							
							#middle-pages	h2.h2-tarifs {
								margin :10px 0 10px 0;
								font-size: 18px;
								font-weight:normal;
								text-transform:uppercase;
								color:#9AC54E;
							}
							
							#middle-pages	h2.h2-demo {
								margin :10px 0 10px 0;
								font-size: 18px;
								font-weight:normal;
								text-transform:uppercase;
								color:#9AC54E;
							}
							
								#middle-pages h3{
									text-transform:uppercase;
									margin: 10px 0 10px 0;
									padding: 10px 0;
									color:#111;
									font-size: 15px;
									font-weight:normal;
								}
								
								#middle-pages h3.lead {
									  font-size: 20px;
									  margin: 30px 0 20px 0;
									  font-weight: 200;
									  line-height: 1;
									  text-transform:none;
								  }
								
								#middle-pages h4.h4-accueil-tel {
										color: #E28637;
										font-size: 15px;
										text-transform: uppercase;
										font-weight:200;
										margin: 10px 0px 0 0;
									}
									
								#middle-pages h4.h4-relation-client {
										color: #9AC54E;
										font-size: 15px;
										text-transform: uppercase;
										font-weight:200;
										margin: 10px 0px 0 0;
									}		

						
							
									#middle-pages p{
										width:900px;
										margin:0;
										padding: 10px 0;
									}
									
									#middle-pages .row.blanc p {
									  padding: 10px;/*
									  margin-bottom: 20px;*/
									  margin :10px;
									  width:900px;
									  
									  clear:both;
								  }
								  
								  /*#middle .row.blanc .media {
									 display:block;
									 text-align:center;
								  }
								  
								  #middle .row.blanc img.media-object {
									 display:block;
									
								  }*/
								  
								  #middle-pages .row.blanc .media {
									width: 25%;
									float: left;
									display:block;
									background-color: #FFF;
								}
								
								#middle-pages .row.blanc img.media-object {
									 display:block;
								  }
								  
								  
								 .fonctionnalites div.col-md-4 .media {
									margin-top: 0;
									display: table;
									clear:both;
								}
								
								.fonctionnalites .col-md-4 .media-body, .media-left, .media-right {
									display: table-cell;
									vertical-align: middle;
									overflow: hidden;
								}
								
								.fonctionnalites .col-md-4 .media-left {
									padding-right: 0;
									float: left;
								}
  
									
									#middle-pages p.lead {
									  font-size: 16px;
									  margin-bottom: 0px;
									  font-weight: 200;
									  line-height: 1;
								  }
								  
									#middle-pages ul{
										width:820px;
										margin:0  40px;
										padding:10px;
										/*display : none;
										top:-5000px;
										left : 0;*/
									}
									
									
										#middle-pages ul li{
											list-style:square;
											margin:5px 0;
										}
										
										#middle-pages ul.sous_liste li{
											list-style:circle;
											margin:5px 0;
										}
					
									#middle-pages .fonctionnalites .well {
										/*position:absolute;
										min-height: 20px;*/
										height: 420px;
										padding: 16px;
										margin-bottom: 20px;
										width:920px;
										background-color: #eee;
										border: medium none;
										border-radius: 4px;
										box-shadow: none;
									}
									
									#middle-pages div.well-blanc {
									  min-height: 20px;
									  padding: 10px;
									  margin: 30px 0 30px 0;
									  width: 900px;
									  background-color: #fff;
									  border: medium none;
									  border-radius: 4px;
									  box-shadow: none;
								  }
								  
								  
								  #middle-pages div.well-blanc h3.lead {
									  font-size: 20px;
									  margin: 20px 0px 20px 10px;
									  font-weight: 200;
									  line-height: 1;
									  text-transform: none;
									  color:#9AC54E;
								  }
								  #middle-pages div.well-blanc p {
									  width: 860px;
									  margin: 0px 10px;
									  padding: 10px 0px;
								  }
								  
								  	#middle-pages div.well-blanc ul {
									  width: 860px;
									  margin: 0px 40px;
								  }	
								  
													  
/* -------------- SECTION TARIFS ---------------- */

.panel {
    margin-bottom: 20px;
    background-color: #FFF;
    border: none;
    border-radius: 4px;
    box-shadow: none;
}

 .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 0px;
    border-radius: 0px;
}

/*.panel-basic {
	margin:8% 0 0 0;
}*/

.panel-heading{
	padding: 10px 15px;
}


.panel-basic .panel-heading {
    color: #fff;
    background-color: #5C98CC;
    border-color: #5C98CC;
	position: relative;
}

.panel-global .panel-heading {
    color: #fff;
    background-color: #9AC54E;
    border-color: #9AC54E;
	/*position: relative;*/
	padding: 10px 15px;
}

.panel-premium .panel-heading {
    color: #fff;
    background-color: #E28637;
    border-color: #E28637;
	/*position: relative;*/
	padding: 10px 15px;
}



.panel-heading {
    
    /*border-bottom: 1px solid #5C98CC;*/
	border-bottom: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-heading .fa-star {
    padding: 10px 15px;
}

#middle-pages .panel-heading h3 {
    padding: 0;
	margin:0 0 10px 0;
	color:#fff;
	font-size: 24px;
}


.panel-basic .panel-heading .pricing-table-title-arrow-cnt {
    height: 34px;
    left: 50%;
    margin-left: -17px;
    overflow: hidden;
    position: absolute;
    top: 118px;
    width: 34px;
}

.panel-basic .panel-heading .pricing-table-title-arrow {
    background: #5C98CC none repeat scroll 0% 0%;
}

.panel-basic .panel-heading .pricing-table-title-arrow {
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
    background: #5C98CC none repeat scroll 0px 0px;
    /*border: 1px solid #FFF;*/
    height: 21px;
    left: 5px;
    position: absolute;
    top: -11px;
    width: 21px;
	z-index:1000;
}


.panel-global .panel-heading .pricing-table-title-arrow-cnt {
    height: 34px;
    left: 50%;
    margin-left: -17px;
    overflow: hidden;
    position: absolute;
    top: 116px;
    width: 34px;
}

.panel-global .panel-heading .pricing-table-title-arrow {
    background: #E28637 none repeat scroll 0% 0%;
}

.panel-global .panel-heading .pricing-table-title-arrow {
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
    background: #E28637 none repeat scroll 0px 0px;
    /*border: 1px solid #FFF;*/
    height: 21px;
    left: 5px;
    position: absolute;
    top: -11px;
    width: 21px;
	z-index:1000;
}


.panel-premium .panel-heading .pricing-table-title-arrow-cnt {
    height: 34px;
    left: 50%;
    margin-left: -17px;
    overflow: hidden;
    position: absolute;
    top: 116px;
    width: 34px;
}

.panel-premium .panel-heading .pricing-table-title-arrow {
    background: #E28637 none repeat scroll 0% 0%;
}

.panel-premium .panel-heading .pricing-table-title-arrow {
    transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
    background: #E28637 none repeat scroll 0px 0px;
    /*border: 1px solid #FFF;*/
    height: 21px;
    left: 5px;
    position: absolute;
    top: -11px;
    width: 21px;
	z-index:1000;
}



.panel-body {
    padding: 10px;
	/*background-color:#C1BBAF;*/
	background-color: #967C9B;
	color:#fff;
}

#middle-pages .panel-body h3 {
    padding:0;
	/*background-color:#C1BBAF;*/
	color:#fff;
	font-size : 34px;
	font-weight: 500;
}

#middle-pages ul.list-group {
    padding-left: 0px;
	width:290px;
   margin: 0px;
}


.list-group-item {
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #FFF;
    border: none;
}

/*.premium{
	transform: scale(1.1);
}
*/

.mascotte {
    margin: 20px 0px;
}


.icon-tarifs-li {
	font-size:20px;
}


.panel-pricing ul li {
	color:#555;
}

.panel-pricing ul li.gris{
background: #F9F9F9 none repeat scroll 0% 0%;
color: #333;
}

.panel-pricing ul li:nth-child(2n) {
    background: #F9F9F9 none repeat scroll 0% 0%;
	/*background: #eee none repeat scroll 0% 0%;*/
	color:#333;
}


#middle-pages small {
    color:#f9f9f9;
	font-size:50%;
	font-weight:300;
}

.panel-basic .panel-footer {
    /*padding: 15px 25px;*/
	padding: 15px;
    /*background-color: #967C9B;*/
	background-color:#C1BBAF;
    border-top: none;
    border-bottom-right-radius: none;
    border-bottom-left-radius: none;
}

.panel-global .panel-footer {
	padding: 15px;
	background-color:#C1BBAF;
    border-top: none;
    border-bottom-right-radius: none;
    border-bottom-left-radius: none;
}

.panel-premium .panel-footer {
	padding: 15px;
	background-color:#C1BBAF;
    border-top: none;
    border-bottom-right-radius: none;
    border-bottom-left-radius: none;
}

.btn-basic {
    color: #FFF;
    /*background-color: #5C98CC;
    border-color: #5C98CC;*/
	background-color: #58585A;
    border-color: #58585A;
	font-size:16px;
}

.btn-basic.active, .btn-basic.focus, .btn-basic:active, .btn-basic:focus, .btn-basic:hover {
	color: #FFF;
    /*background-color: #58585A;
    border-color: #58585A;*/
	background-color: #5C98CC;
    border-color: #5C98CC;
	text-decoration:none;
}

.btn-global {
    color: #FFF;
    /*background-color: #9AC54E;
    border-color: #9AC54E;*/
	background-color: #58585A;
    border-color: #58585A;
	/*background-color:#E28637;
	border-color: #E28637;*/
	font-size:16px;
}

.btn-global.active, .btn-global.focus, .btn-global:active, .btn-global:focus, .btn-global:hover {
	color: #FFF;
    /*background-color: #58585A;
    border-color: #58585A;*/
	background-color:#E28637;
	border-color: #E28637;
	text-decoration:none;
}
									
								
/*------------------   MODAL FANCYBOX  -------------------------------------*/  					
.modal-header {
    background-color: #5C98CC;
    color: #FFF;
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #E5E5E5;
}

.modal-title {
    margin: 0px;
    line-height: 1.42857;
}

h4.modal-title  {
    font-size: 18px;
	font-weight:200;
}
.modal-body {
    position: relative;
    padding: 15px;
}

.modal-body p {
    margin: 0px 0px 10px;
}

.modal-body .col-md-12 {
    width: 100%;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;

}

.modal-body .col-md-4 {
    width: 30%;
	position: relative;
	float:left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.modal-body .col-md-3 {
    width: 23%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 0;
}

.modal-body h5 {
    font-weight: 300;
    color: #5C98CC;
    font-size: 18px;
}

.modal-body ul {
    line-height: 1.8;
    margin: 20px;
}

.modal-body .thumbnail-agendaweb {
    display: block;
    padding: 4px;
    margin-bottom: 10px;
    line-height: 1.42857;
    background-color: #575656;
    color: #FFF;
}

.modal-body .thumbnail-agendaweb img{
	margin: 0px auto;
}

.modal-body .thumbnail-jechercheunrdv {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #5C98CC;
    color: #FFF;
}

.modal-body .thumbnail-jechercheunrdv img{
	margin: 0px auto;
}

.modal-body .thumbnail-clicktochat {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #575656;
    color: #FFF;
}

.modal-body .thumbnail-clicktochat img{
	margin: 0px auto;
}
										

									
	/*------------------   CONTACT  -------------------------------------*/  
										  
							
										  
					/*------------------   Colonne Milieu CONTACT  -------------------------------------*/  					  	
									#envoi-message{
										float:left;
										margin : 0 0 0 20px;
									}
									
										  #formulaire{
										  	width: 580px;
											margin : 0 10px;	
											padding : 5px 0 0;
											background-color: #EEE;
										  }
										  
										  
										  
										  fieldset{
												margin: 10px 5px;
												padding:15px;
												border:none;
											}
											
											
										#middle	fieldset#message_envoi{
												width:400px;
												margin: 10px 5px;
												padding:15px;
												/*background-color: #EEE;*/
											}
											
											
										#middle	fieldset#message_envoi p{
												/*width:350px;*/
												margin:0 auto;
												padding: 10px 0 0 0;
											}
											
											.legende {
												margin: 0;
												padding: 5px;
												font-size: 14px;
												font-weight:normal;
												text-transform:uppercase;
												color:#5C98CC;
											}
										  
										  	
										  
										  	.italic{
												font-style:italic;
												font-size:85%;
												color:#5C98CC;
											}
											
											
											
											label{
												
												margin:0;
												padding:0;
											
											}
											
											.login {
												display: none !important;
												visibility: hidden !important;
											}

											
											td.contact-objet {
											  padding: 30px 0px 5px;
											}
											
											td.objet {
											  padding: 0px 0px 5px;
											}
											
											td.telemail {
												padding: 0px 0px 20px;
											}
											
									
									
											input.form_style{
												background-color:#fff;
												border:none;
												width: 300px;
												height:20px;
												margin:5px 0;
																					}	
											
																				
														input#essai-gratuit{
													
															background-color:#5C98CC;
															color:#fff;
															width:100px;
															border:none;
															height:30px;
															margin : 0 0 20px 0;
														}
														
														input#essai-gratuit:hover{
															background-color:#58585A;
															color:#fff;
															width:100px;
															height:30px;
															border:none;
															margin : 0 0 20px 0;
														}
														
														input#envoyer{
													
															background-color:#5C98CC;
															color:#fff;
															width:70px;
															border:none;
															height:30px;
															margin : 0 0 20px 0;
														}
														
														input#envoyer:hover{
															background-color:#58585A;
															color:#fff;
															width:70px;
															height:30px;
															border:none;
															margin : 0 0 20px 0;
														}
											
											
											td.telemail textarea{
												background-color:#fff;
												border:none;
												width: 520px;
												padding:10px;
												margin:10px 0;
											}
											
											textarea{
												background-color:#fff;
												border:none;
												width: 300px;
												padding:10px;
												margin:10px 0;
											}
											
											
					
										
		

/*------------------   Fil d'Ariane  -------------------------------------*/		
	.navhelper {
		clear:both;
		/*background-image: url("images/sharp-edges-red.png");*/
		/*background-color: #5c98cc;*/
		background-color: #967C9B;
		border: medium none;
		color: #FFF;
		padding: 5px 0px;
		height:50px;
		margin:0;
	}	
	
		ul.breadcrumb {
			width:960px;
			height:50px;
			margin:0 auto;
			padding:0;
			list-style: outside none none;
			background-color: transparent;
			border-radius: 4px;
		}
		
		ul.breadcrumb li{
			display: inline-block;
			list-style: outside none none;
		}
		
			ul.breadcrumb li a{
			color: #FFF;
			line-height:50px;
		}
		
		ul.breadcrumb li a.actif{
			color: #FFF;
			line-height:50px;
			text-decoration:underline;
		}
		
		ul.breadcrumb li a:hover.actif{
			color: #FFF;
			line-height:50px;
			text-decoration:none;
		}
									
		
	/*------------------   PIED-DE-PAGE  -------------------------------------*/		
		
		#footer {
			margin: 0;
			padding: 0;
			height:80px;
			/*background-color: #EEE;*/
			background-color:#3E3E3E;
			color:#fff;
			/*background-image: url('images/shattered-gris-clair.png');*/
			/*color:#333333;
			font-size:100%;*/
		}
		
		
					/*------------------   MENU SECONDAIRE  -------------------------------------*/
	
			#footer h3 {
				color: #5c98cc;
				font-size: 16px;
				font-weight: normal;
				text-transform:uppercase;
				margin:10px 0;
			}
					
					#menus-footer{
							width:960px;
							/*height:30px;*/
							margin:0 auto;
							padding:20px 0;
						}
					
					
					
							#menu_footer ul{
									width:800px;
									height:30px;
									margin:0 auto;
									padding:0;
								}
								
									#menus-footer ul li {
										list-style:none;
										margin:5px 0;
									}
									
										#menus-footer ul li a{
											color:#fff;
										}
										
										
										#menus-footer ul li a.actif{
											color:#5c98cc;
											text-decoration:underline;
										}
										
										#menus-footer ul li a:hover.actif{
											color:#5c98cc;
											text-decoration:none;
										}	
										
					.module-sinformer{
						float:left;
						width:33%;
					}
					
					.module-cabinet{
						float:left;
						width:33%;
					}
					
					.module-competences{
						float:right;
						width:33%;
					}
									
						
		
		/*------------------   SIREN  -------------------------------------*/			
			#siren{
				clear:both;
				width:940px;
				margin: 0 auto;
				padding:10px 0;
				color:#333;
				font-size:12px;
			}
			
			#siren p{
				width:900px;
				margin: 0 auto;
				text-align:center;
				
			}	
			
				
			#siren p a#xiti{
				width:60px;	
				display:block;
				margin:0 auto;
			}