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


html { 
  margin:0;
  padding:0;
  background: url(img/site-fond.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	font-style: normal;
	font-weight:normal;
	color:#666;
	margin:0 auto;
	/*height:100%;
	height:100%;*/
}


/*******************************************************BLOCS DE POSITIONNEMENTS*************************************/
#conteneur, #header, #menuNav {
	margin:0 auto;
	padding:0;

	clear:both;
}
#conteneur{
	width:980px;		
}

#header{
	height:171px;
	width:100%;
} 

#logo{
	width:260px;
	height:118px;
	float:left;
	margin:30px 0px 0px 70px;
}

#anim{
	width:560px;;
	height:170px;
	float:left;
}
#content{
	/*min-height:387px;*/
	height:auto;
	width:100%;
	background-image:url(img/fond-980.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom:10px;
}

 #content-haut-gauche{
	height:10px;
	float:left;
	width:50%;
	/*background-image:url(img/corps-haut.png);
	background-position:left top;
	background-repeat:no-repeat*/
 }
  #content-haut-droit{
	height:10px;
	float:right;
	width:50%;
	/*background-image:url(img/corps-haut.png);
	background-position:right top;
	background-repeat:no-repeat*/
 }

 #content-gauche{
	height:inherit;
	float:left;
	width:70%;
	/*background-image:url(img/corps.png);
	background-position:left top;
	background-repeat:repeat-y;*/
 }  
  #content-droit{
	height:inherit;
	float:right;
	width:30%;
	/*background-image:url(img/corps.png);
	background-position:right top;
	background-repeat:repeat-y;*/
 } 
 #sep{
	height:377px; 
	width:10px;	
	background-image:url(img/sep-vertical.png);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
 }


 
#footer{
height:54px;
width:980px;
background-image:url(img/menu-bottom.png);
background-position:top left;
background-repeat:no-repeat;
margin-top:-5px;
}

#ombre{
height:46px;
width:inherit;
background-image:url(img/ombre.png);
background-position:top center;
background-repeat:no-repeat;
	
}

#menuBottom{
	width:inherit;
	height:33px;
	font-size:11px;
	color:#999;
	text-align:center;
}

#menuBottom a{
	text-decoration:none;
	color:#999;}
	
#menuBottom a:hover{
	text-decoration:underline;
	color:#F90;}	
	

#copyright{
text-align:right;
height:20px;
font-size:11px;
color:#999;
clear:both;
padding:0px;
margin-right:80px;
} 
 
/* pour rétablir le flux apres float*/
.spacer{
 clear:both;
 }
 
 /******************************************************** MENU DE NAVIGATION********************************************/
 #menuNav{
	padding: 0px 5px;
	width:auto;
	height:33px;
 }
 
 #menuNav ul{
 display:block;
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }

 #menuNav li{
	display:block;
	width:auto;
	height:33px;
	float:left;
	text-align:center;
	color:#666;
	font-size:11px;
	background-image:url(img/btn-gauche.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left:0px;
	margin-right:8px;
 }
 
  #menuNav li.home{
	 	background-image:url(img/btn-home.png);
		width:25px; /*33-8px*/
		margin-left:20px;
 }
 
 #menuNav li.contact{
	 	background-image:url(img/btn-ctc.png);
		margin-right:0px;
 }
 
 #menuNav li a{
	display:block;
	width:auto;
	height:auto;
	color:#666;
	text-decoration:none;
	font-weight:bold;
	margin-left:0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image:url(img/btn.png);
	background-position:right top;
	background-repeat:no-repeat;	
  }

 #menuNav li span{
	display:block;
	width:auto;
	height:auto;
	color:#F90;
	font-weight:bold;
	margin-left:0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image:url(img/btn.png);
	background-position:right top;
	background-repeat:no-repeat;	
  }
  #menuNav li.home a,  #menuNav li.contact a{
	  background-image:none;
  }
 #menuNav li a:hover ,  #menuNav li.active{
	color:#F90;
	font-weight:bold;
 }  
 
  #menuNav li.contact a:hover {
	color:#FFF;
	font-weight:bold;
 }  
 
/*/*****************************************menu footer*******************************************/
 #menuFoot{
	padding: 0px;
	width:auto;
	height:46px;
 }
 
 #menuFoot ul{
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 }

 #menuFoot li{
	width:auto;
	height:46px;
	float:left;
	text-align:center;
	color:#666;
	font-size:11px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left:0px;
	margin-right:8px;
 }
 
  #menuFoot li.calc{  
	 	background-image:url(img/btn-calculette.png);
		background-position:top left;
		background-repeat:no-repeat;
		width:206px; /*33-8px*/
		margin:0px 5px;
  }
  #menuFoot li.calc a , #menuFoot li.calc span{
		color:#999;
		text-decoration:none;
		display:block;
		margin-top:14px;
 }
  #menuFoot li.calc a:hover{
		color:#F90;
  }
  
    #menuFoot li.calc a img{
		border:none;
  }
  
    #menuFoot li.news{  
		width:270px; /*33-8px*/
		margin:10px 0px 0px 0px;
  }
    #menuFoot li.news input{    
  		color:#666;
		font-size:11px;
	}
/*************************************************************style texte ************************************************/
a{
color:#FF6600;
text-decoration:none;
}


a:hover{
text-decoration:underline;
}

.titreorange{
	color:#F90;
	font-size:12px;
	font-weight:bold;
}

.titreorange14{
	color:#F90;
	font-size:14px;
	font-weight:bold;
}
.titrenoir{
	color:#666;
	font-size:12px;
	font-weight:bold;
}


#fond{
	margin-left: 40px;
	margin-top: 30px;
	height:auto;
	width:92%;
}

#fond.home{
	background-image:url(img/graphique-home-350px.png);
	background-position:100% 15%;
	background-repeat:no-repeat;
}

#fond.assurance-credit{
	background-image:url(img/graphe2.png);
	background-position:100% 15%;
	background-repeat:no-repeat;
}

#fond.affacturage{
	background-image:url(img/planete.png);
	background-position:100% 15%;
	background-repeat:no-repeat;
}
#fond.home p{
	font-size:13px;
	line-height:11px;
}

#fond.ac{
	background-image:none;
	background-position:90% 0%;
	background-repeat:no-repeat;
}
#titre-home{
	font-size:18px;
	color:#666;
	text-align:right;
	display:block;
	width:350px;

}

#bloc-home{
	margin: 30px 0px 0px 30px;
	height:auto;
	width:90%;
	text-align: left;
}


p{text-align:justify;}

#bloc-home p.mission{
display:block;
width:90%;
text-align: justify;
}
.gauche{
	float:left;
	width:auto;
}

.gauche1col{
	float:left;
	width:100%;
	text-align:justify;
	padding-right:15px;
}

.gauche3col{
	float:left;
	width:30%;
	text-align:justify;
	padding-right:15px;
}

.gauche2col{
	float:left;
	width:45%;
	text-align:justify;
	padding-right:15px;
}

.btn-rappel{
	display:block;
	background-image:url(img/btn-rappel2.png);
	background-position:center center;
	background-repeat:no-repeat;
	padding:7px;
	text-align:center;
} 

.btn-rappel a{
	color:#FFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	}


.gauche img{
	margin:0px 5px;
}

#titre{
	font-size:18px;
	color:#666;
	text-align:left;
	display:block;
	width:inherit;

}

.sep2{
	width:90%;
	background-image:url(img/sep2.png);
	background-position:left top;
	background-repeat:repeat-x;
}

#copyright a , copyright a:hover{
	color:#FFF;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	text-transform:capitalize;
}


#cadreplan{
	background-image:url(images/fond_plan.png);
	width:634px;
	height:407px;
	background-position:top left;
	background-repeat:no-repeat;
	padding:10px;
	margin-left:20px;
}
/*pour le plan google*/

#plan{
	display:block;
	background-position:50% 50%;
	background-repeat:no-repeat;
	width:352px;
	height:352px;
	background-color:#eeeeee;
	float:left;
}

  #map_canvas { 
  height:350px;
  width:350px;
  position:relative;

  }

#calculatrice{
height:302px;
width:200px;
background-image:url(../../images/calculette.png);
background-position:right;
background-repeat:no-repeat;
}


input.calc {
background-color:transparent;
border:0px;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin-right:10px;
font-weight:bold;
text-align:center;
padding:0;
}

input.button{
background-color:transparent;
border:0px;
width:200px;
height:48px;
cursor:pointer;
color:tranasparent;
}

.bouton {
width:200px;
height:48px;
border:0px;
cursor:pointer;
/*background-image:url(../images/bouton-calculette.png);*/
background-image:url(img/btn_calculette2.jpg);
background-position:center center;
background-repeat:no-repeat;
}


form{
	width:auto;
}