/* CSS Document */
body
{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg_body.jpg) repeat-x left top #DEDEDE;	
	color:#00719A;
}
*  {
	margin: 0;
}
h2, h3 , h4 , h5  {
	
	display:block;
	margin: 0 ;
	padding:0;
}
p {
	padding:3px 0 5px 0;
	text-align:justify;
}

ul,li  {
	margin: 0 ;
	padding:0;
	list-style:none;
}

a
{
	text-decoration:none;
	color: #F6BF26;	
}
a:hover
{
	text-decoration:none;
	outline:none;
	color: #1A95D0;
}
#page
{
	margin:0 auto;
	width:955px;	
	display:table;
}
#header
{
	float:left;
	height:324px;
	width:955px;
	background:url(images/header.jpg) no-repeat left top;
}
.logo
{
	padding:0 0 0 30px;
	float:left;			
}
.photo_header
{
	float:left;
}
/*****************************Menu*************************************/
#menu
{
	float:left;
	padding:60px 0 0 0;
}
#menu a
{
	display:block;
	font-size:17px;
	font-weight:bold;	
	padding:0 0 0 29px;	
}
#menu a:hover
{
	background:url(images/puce_menu.jpg) no-repeat left 2px;		
}
#accueil a
{
	color:#FFFFFF;
	margin:0 0 11px 0;
}
#fixations a
{
	color:#FFFFFF;
	margin:0 0 23px 0;
}
#services a
{
	color:#016B92;
	margin:0 0 11px 0;
}
#contact a
{
	color:#016B92;	
}
#accueil .active
{
	background:url(images/puce_menu.jpg) no-repeat left 2px;		
}
.cadre_bleu
{
	padding:0 1px 0 0;
}
/******************************Fin Menu**********************************************/
#content
{
	float:left;
	width:881px;/*896*/
	padding:12px 0 20px 15px;
	margin:0 0 0 30px;
	background:#FFFFFF;
	display: inline;
}

#bloc1
{
	float:left;
	width:240px;/*193*/
}
#bloc1 h3
{
	color:#306471;
	font-size:17px;
	border-bottom:6px solid #1A95D0;
	padding:0 0 6px 0;
	margin:0 0 2px 0;
}
#bloc1 h3 span
{
	color:#006C96;
}
#bloc1 .gris
{	
	background:#E3E3E3;
	padding:0 5px 0 5px;
	
}
#bloc1 p
{
	color:#036798;
	line-height:20px;
}
#bloc2
{
	float:left;
	width:279px;
	padding:0 0 0 26px;
}
#bloc2 h3
{
	color:#F6BF26;
	font-size:17px;
	border-bottom:6px solid #F6BF26;
	padding:0 0 6px 18px;
	background:url(images/puce_jaune.jpg) no-repeat left 7px;
}
#bloc2 p
{
	color:#F6BF26;
	line-height:20px;
}
#bloc3
{
	float:left;
	width:298px;
	padding:0 0 10px 23px;
}
#bloc3 h3
{
	color:#306471;
	font-size:17px;
	border-bottom:6px solid #1A95D0;
	padding:0 0 6px 18px;
	background:url(images/puce_bleu.jpg) no-repeat left 7px;
}
#bloc3 p
{
	color:#036798;
	line-height:20px;
}
#bloc4
{
	float:left;
	background:url(images/cadre_vilan.jpg) no-repeat left top #B4B1CC;
	padding:14px 0 5px 44px;
	width:556px;/*565*/
	margin:9px 0 0 26px;
	color:#FFFFFF;
	display:inline;
}
#bloc4 p
{
	font-size:16px;
	padding:0 8px 10px 0;
}
/******************************Fixation**********************************************/
#fixations .active
{
	background:url(images/puce_menu.jpg) no-repeat left 2px;		
}
#bloc1_fixation
{
	float:left;
	width:250px;
	padding:0 25px 0 0;		
}
#bloc1_fixation h3
{
	color:#306471;
	font-size:17px;
	border-bottom:6px solid #1A95D0;
	padding:0 0 6px 0;
	margin:0 0 13px 0;
}
.telecharger
{
	background:url(images/telecharger.jpg) no-repeat 5px top;
	padding:8px 0 0 0;
	margin:6px 60px 0 0;
	float:right;
	display:inline;
	width:174px;	
}
.telecharger img
{
	padding:0 0 7px 70px;
}
.telecharger p
{
	color:#FFFFFF;
	font-size:17px;
	padding:0 0 25px 14px;
	text-align:left;
}
.telecharger a
{
	color:#fff;
	text-decoration:none;
}
.telecharger a:hover
{
	color:#F6BF26;
}
#bloc2_fixation 
{
	float:left;
	width:543px;		
}
#bloc2_fixation h3
{	
	color:#F6BF26;
	font-size:17px;
	border-bottom:6px solid #F6BF26;
	padding:0 0 6px 18px;
	background:url(images/puce_jaune.jpg) no-repeat left 7px;
	margin:0 0 13px 0;
}
#cadre
{
	float:left;
	width:543px;
	margin-bottom:5px;	
}
#cadre p
{
	clear:left;	
	padding:5px 8px 0 8px;
	color:#7B7B7B;
	line-height:20px;
}
#cadre img
{
}
#cadre_jaune
{
	width:309px;/*309*/
	background:url(images/cadre_jaune2.gif) no-repeat left top;
	margin:0 12px 0 8px;
	display:inline;
	overflow:hidden;
	float: left;
	
}
#liste
{
	padding:0 0 0 100px;
	height:300px;
	overflow:auto;
}

#cadre #liste p
{
	color:#CF3F00;
	font-size:14px;	
}

#bloc3_fixation 
{
	float:left;
	width:345px;
	padding:0 0 0 18px;		
}
#bloc3_fixation h4
{
	color:#306471;
	font-size:17px;
	border-bottom:6px solid #1A95D0;
	padding:0 0 6px 18px;
	background:url(images/puce_bleu.jpg) no-repeat left 7px;
}
#bloc3_fixation .bg
{	
	background:#E3E3E3;	
	padding:5px;
}
#bloc2_fixation object
{
	float:right;
	display: block;
	padding: 20px 5px 0 10px;
	margin: 20px 0 0 0;
}

#bloc2_fixation .pdf
{
	background:url(images/telecharger.jpg) no-repeat 5px top;
	padding:5px 5px 0 10px;
	margin:30px 0 0 0;
	float:right;
	width:180px;
	height:90px;
}
#bloc2_fixation .pdf p {
	color:#fff;
	font-size:15px;
	line-height:20px;
}
#bloc2_fixation .pdf a {
	color:#fff;
	text-decoration:none;
}
#bloc2_fixation .pdf a:hover {
	color:#F6BF26;
}
#bloc2_fixation .pdf img {
	margin:25px 0 7px 70px;
}
/******************************Service**********************************************/
#services .active
{
	background:url(images/puce_menu.jpg) no-repeat left 2px;		
}
#bloc1_services
{
	float:left;
	width:302px;
	padding:0 25px 0 0;		
}
#bloc1_services h3
{
	color:#306471;
	font-size:17px;
	border-bottom:6px solid #1A95D0;
	padding:0 0 6px 0;
	margin:0 0 13px 0;
}
#bloc2_services
{
	float:left;
	width:543px;		
}
#bloc2_services h3
{	
	color:#F6BF26;
	font-size:17px;
	border-bottom:6px solid #F6BF26;
	padding:0 0 6px 18px;
	background:url(images/puce_jaune.jpg) no-repeat left 7px;
	margin:0 0 13px 0;
}
#cadre_services
{
	float:left;
	width:543px;	
	background:url(images/pixel_cadre.jpg) repeat-y left top;
	margin-bottom:14px;	
}
#cadre_services p
{
	clear:left;	
	padding:5px 8px 10px 8px;
	color:#7B7B7B;
	line-height:20px;
}
#cadre_services .jaune
{
	float:right;
}
#cadre_services img
{
	float:left;
}
#bloc3_services
{
	float:left;
	width:345px;
	padding:0 0 0 18px;		
}
#bloc3_services h4
{
	color:#306471;
	font-size:17px;
	border-bottom:6px solid #1A95D0;
	padding:0 0 6px 18px;
	background:url(images/puce_bleu.jpg) no-repeat left 7px;
}
#bloc3_services p
{		
	padding:6px 5px 6px 8px;
	background:#E3E3E3;
	line-height:18px;	
}
#bloc2_services .visserie
{
	float:left;
}
/***********************************Mention**********************************/
#contenuMention{
	float:left;
	width:871px;
	color:#380404;
	background:#FFFFFF;
	padding:12px 0 32px 25px;
	margin:0 0 0 30px;
	background:#FFFFFF;
	display:inline;
}
#contenuMention p{
	 padding:4px 15px 4px 0;	
	 text-align:justify;
}
#contenuMention h3
{
	color:#306471;
	font-size:17px;
	border-bottom:6px solid #006C96;
	padding:0 0 6px 18px;
	background:url(images/puce_bleu.jpg) no-repeat left 7px;	
}
#contenuMention .fonce
{
	color:#F1C423;
	font-size:14px;
	font-weight:bold;
}
#mentions .active
{	
	color:#F5D975;
}
/******************************Contact**********************************************/

#contact .active
{
	background:url(images/puce_menu.jpg) no-repeat left 2px;		
}

#bloc1_contact
{
	float:left;
	width:209px;	
}
#bloc1_contact p
{
	text-align:left;
}

#bloc1_contact img
{	
	float:left;
}
#bloc1_contact h3
{
	color:#306471;
	font-size:17px;
	border-bottom:6px solid #1A95D0;
	padding:0 0 6px 0;
}
.map
{
	float:left;
	padding:10px 0 5px 0;
	cursor:pointer;
}
#bloc2_contact
{
	float:left;
	width:648px;
	padding:0 0 0 20px;
}
#bloc2_contact h3
{
	color:#F6BF26;
	font-size:17px;
	border-bottom:6px solid #F6BF26;
	padding:0 0 6px 18px;
	background:url(images/puce_jaune.jpg) no-repeat left 7px;
}
#coord
{
	float:left;
	width:276px;
	padding:17px 0 0 0;	
	clear:right;
}
#coord em
{
	font-size:16px;
	color:#4B97B7;
	font-weight:bold;
}
#coord .adresse
{
	background:url(images/adresse.jpg) no-repeat 1px top;		
}
#coord .fixe
{
	background:url(images/fix.jpg) no-repeat 2px top;		
	padding-right:15px;
	float:left;		
}
#coord .email
{
	background:url(images/aro.jpg) no-repeat 5px top;
	clear:both;		
}
#coord span
{
	padding:1px 0 13px 57px;  
	font-size:14px;
	display:block;
	color:#505050;	
}
.societe
{
	width:250px;
	float:left;
	padding:0 15px 0 0;
	
}
.societe p
{
	text-align:left;
}
.societe a
{
	color:#F6BF26;
}
.societe img
{
	padding:5px 0 0 40px;	
}
.societe a:hover
{
	color:#505050;
}
/**************************Formulaire**********************************/
#formulaire
{
	float:left;
	width:248px;/*309*/
	padding:15px 15px 0 108px;
}
#formulaire p{
	width:246px;
	float:left;	
	padding:0 0 7px 2px; 	
}
#formulaire span{
	float:left;	
	padding-top:1px;
	font-weight:bold;
	color:#4B97B7;	
}
#formulaire .question{
	padding:2px 0 0 0;
}
#formulaire input{
	float:right;	
	width:172px;
	color:#4F4F4F;
	height:12px;
	font-size:11px;
	border:1px solid #1D5874;	
}
#formulaire textarea{
	float:right;	
	width:172px;
	height:78px;
	color:#4F4F4F;
	font-size:11px;
	border:1px solid #1D5874;	
}
#formulaire .bout{
	width:125px;
	height:17px;
	border:none;	
	float:right;	
}
em{
	color:#FF3300;		
}
#formulaire .rouge{
	color:#FF0000;
	font-weight:bold;
	float:right;
	white-space:nowrap;
}
#formulaire .form
{
float:left;
}
#formulaire .droite
{
	text-align:right;	
}
/**************************Footer**********************************/
#footer{	
	width:955px;
	margin:0 auto;
	font-size:11px;		
	clear:both;
	color:#FFFFFF;
	padding:8px 0 20px 0;
	background:url(images/bg_footer.jpg) no-repeat 30px top ;
}
#footer p
{	
	text-align:center;
	padding:0 0 8px 0;
}
#navigation{
	text-align:center;
}
#navigation li {
	display:inline;
	font-weight:normal;	
}
#navigation a{
	padding:0 3px 0 3px;
	font-size:10px;	
	color:#FFFFFF;
	font-weight:bold;
	outline:none;
}
#navigation a:hover{
	color:#F6BF26;	
}
#toptech {	
	text-align:center;	
	
}
#toptech a{
	color:#7A7A7A;
	font-size:8px;
	outline:none;
}
#toptech a:hover{
	color:#FFFFFF;	
}
#footer object{
	position:relative;
	top:6px;
	left:0px;
}