.CImage{
	 max-width:180px; height:auto
	}

.CImage_1{
	 max-width:120px; height:auto
	}
.myButtonTrs {
	background-color:#1aafea; 
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #0480ba;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:10px;
	padding:5px 5px;
	text-decoration:none; width:90px; text-align:center
}
.myButtonTrs:hover {
	background-color:#30a365;
		border:2px solid #72895c;
}
.myButtonTrs:active {
	position:relative;
	top:1px;
}

 
#socialTabFloater{
	width:40px;
	position:fixed;
	z-index:1000;
	right:0;
	top:100px;
}

#affichePortfoloi a{
	display:block;
	width:32px;
	height:26px;
	overflow:hidden;
	background-image:url(images/flesh.png);
	background-position:-16px 0px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
#affichePortfoloi a:hover{
background-position:-90px 0px;
}

#affichePortfoloileft a{
	display:block;
	width:17px;
	height:26px;
	overflow:hidden;
	background-image:url(images/flesh.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
#affichePortfoloileft a:hover{
background-position:-74px 0px;
}

#affichePortfoloiright a{
	display:block;
	width:17px;
	height:26px;
	overflow:hidden;
	background-image:url(images/flesh.png);
	background-position:-52px 0px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
#affichePortfoloiright a:hover{
background-position:-126px 0px;
}


#GooglePLus a{
	display:block;
	width:39px;
	height:40px;
	overflow:hidden;
	background-image:url(images/social_sprite.png);
	background-position:-2px -2px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
#GooglePLus a:hover{
	background-position:-42px -2px;
}
#LinkIn a{
	display:block;
	width:39px;
	height:37px;
	overflow:hidden;
	background-image:url(images/social_sprite.png);
	background-position:-2px -48px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}
#contactadress{
	display:block;
	width:32px;
	height:29px;
	overflow:hidden;
	background-image:url(images/contacticone.png);
	background-position:32px 0px;
	}

#contacttel{
	display:block;
	width:18px;
	height:28px;
	overflow:hidden;
	background-image:url(images/contacticone.png);
	background-position:61px 0px;
	}
	
	#contactemail{
	display:block;
	width:27px;
	height:27px;
	overflow:hidden;
	background-image:url(images/contacticone.png);
	background-position:0px 0px;
	}

	#contactfax{
	display:block;
	width:27px;
	height:23px;
	overflow:hidden;
	background-image:url(images/contacticone.png);
	background-position:-36px 0px;
	}
.etoile{ color:#F00; font-weight:bold}
#LinkIn a:hover{
	background-position:-42px -48px;
}
#YouTube a{
	display:block;
	width:38px;
	height:38px;
	overflow:hidden;
	background-image:url(images/social_sprite.png);
	background-position:-2px -89px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}

#YouTube a:hover{
	background-position:-42px -89px;
}

#FaceBook a{
	display:block;
	width:38px;
	height:38px;
	overflow:hidden;
	background-image:url(images/social_sprite.png);
	background-position:-2px -132px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}

#FaceBook a:hover{
	background-position:-42px -132px;
}

#Tweeter a{
	display:block;
	width:38px;
	height:38px;
	overflow:hidden;
	background-image:url(images/social_sprite.png);
	background-position:-2px -175px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}

#Tweeter a:hover{
	background-position:-42px -175px;
}

#ContactNous a{
	display:block;
	width:40px;
	height:180px;
	overflow:hidden;
	background-image:url(images/social_sprite.png);
	background-position:-0px -220px;
	background-repeat:no-repeat;
	margin-bottom:5px;
}

#ContactNous a:hover{
	background-position:-40px -220px;
}

 a#lien1{
     display:block;
	 width: 48px;  
     height: 48px;  
     background: url(images/iconeService_1.png) left top no-repeat;
	  padding-left:5px;
	 padding-right:5px;
	 margin-left:20px
}

a#lien1:hover{
     background-position: 0 -48px;
 
}

 a#lien2{
     display:block;
	 width: 48px;  
     height:48px;  
     background: url(images/iconeService_2.png) left top no-repeat;
	 padding-left:5px;
	 padding-right:5px;
}

a#lien2:hover{
	     background-position: 0 -48px;

}

a#lien3{
     display:block;
	 width: 48px;  
     height:48px;  
     background: url(images/iconeService_3.png) left top no-repeat;
	  padding-left:5px;
	 padding-right:5px;
}

a#lien3:hover{

     background-position: 0 -48px;

}

a#lien4{
     display:block;
	 width: 48px;  
     height:48px;  
     background: url(images/iconeService_4.png) left top no-repeat;
	  padding-left:5px;
	 padding-right:5px;
}

a#lien4:hover{

     background-position: 0 -48px;
}
a#lien5{
     display:block;
	 width: 48px;  
     height:48px;  
     background: url(images/iconeService_5.png) left top no-repeat;
	  padding-left:5px;
	 padding-right:5px;
}

a#lien5:hover{
	 
     background-position: 0 -48px;

}
a#lien6{
     display:block;
	 width: 48px;  
     height:48px;  
     background: url(images/iconeService_6.png) left top no-repeat;
	  padding-left:5px;
	 padding-right:5px;
}

a#lien6:hover{

     background-position: 0 -48px;

}




a#linkddevis{
     display:block;
	 width: 300px;  
     height:60px;  
     background: url(images/besoindevis.png) left top no-repeat;
	 
}

a#linkddevis:hover{
	  background-position: 0 -60px;

}

 	 
	 
	 #img_1{
		border:solid ; border-width:4px;
     border-color:#f7ad8a;
	 width:185px;height=185px
}

#img_1:hover{
	border-color:#f26522;

}


	 #img_2{
		border:solid ; border-width:4px;
     border-color:#a9a9a9;
}

#img_2:hover{
	border-color:#6d6e71;

}

	 #img_3{
		border:solid ; border-width:4px;
     border-color:#8acbed;
}

#img_3:hover{
	border-color:#459fce;

}

  #Menu1{
     display:block;
	 width: 96px;  
     height: 47px;  
     background: url(images/menu_01.png) left top no-repeat;

}

#Menu1:hover{
	
     background-position: 0 -47px;
 
}
 #Menu2{
     display:block;
	 width: 124px;  
     height: 47px;  
     background: url(images/menu_02.png) left top no-repeat;

}

#Menu2:hover{
	
     background-position: 0 -47px;
 
}

 #Menu3{
     display:block;
	 width: 124px;  
     height: 47px;  
     background: url(images/menu_03.png) left top no-repeat;

}

#Menu3:hover{
	
     background-position: 0 -47px;
 
}
 #Menu4{
     display:block;
	 width: 124px;  
     height: 47px;  
     background: url(images/menu_04.png) left top no-repeat;

}
#Menu4:hover{
	
     background-position: 0 -47px;
 
}	
#Menu5:hover{
	
     background-position: 0 -47px;
 
}

 #Menu5{
     display:block;
	 width: 124px;  
     height: 47px;  
     background: url(images/menu_05.png) left top no-repeat;

}

#Menu6{
     display:block;
	 width: 123px;  
     height: 47px;  
     background: url(images/menu_06.png) left top no-repeat;

}

#Menu6:hover{
	
     background-position: 0 -47px;
 
} 
	 
	 #Menu7{
     display:block;
	 width: 125px;  
     height: 47px;  
     background: url(images/menu_07.png) left top no-repeat;

}

#Menu7:hover{
	
     background-position: 0 -47px;
 
} 
	 
	 
.Titre {
font-family: Arial;
color:#6d6e71;
	font-size: 15px;
	font-weight:bold;
	
}
.Titre_II {
font-family: Arial;
color:#6d6e71;
	font-size: 16px;
	margin-left:15px;
	font-weight:bold;
	
}

.Paragraphe{
font-family: Arial ;
color :#615e5e;
font-size: 14px;
line-height:20px

}

p{
font-family: Arial ;
color :#615e5e;
font-size: 14px;
line-height:20px;
text-align:justify

}

body{  background-image:url(images/back.png); background-repeat:no-repeat;  
background-attachment:fixed; background-size:cover	
	
	}
h3{ color:#FF6600; font-weight:bold; font-family:verdana}
.serv{ color:#FF6600; font-weight:bold; font-family:verdana;cursor:pointer}
.serv_1{ color:#3da4f4; font-weight:bold; font-family:verdana; cursor:pointer}

.linktitre{
	
	FONT-SIZE: 15px; color: #059edb ; font-weight:bold; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif ; TEXT-DECORATION: none
	}


  

  A:link {FONT-SIZE: 14px; color: #ffffff ; font-family:Arial;text-decoration:none}
  A:visited {FONT-SIZE: 14px; COLOR: #ffffff; font-family:Arial;}
  A:active {FONT-SIZE: 14px; COLOR:#ffffff ; font-family:Arial; }
  A:hover {FONT-SIZE: 14px; COLOR: #ffffff; font-family:Arial; text-decoration:underline }


	


.radio-1 {
	width: 193px;
}

.button-holder {
	float: left;
}

/* RADIO */

.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #f26522;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #e9ecee;
	color: #99a1a7;
	border: 1px solid #0d99ea;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.regular-radio + label:active, .regular-radio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
	 
	.bouttonlire {
	background-color:#6d6e71; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:2px solid #f26522;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:14px;
	padding:5px 5px;
	text-decoration:none; width:90px; text-align:center
}
.bouttonlire:hover {
	background-color:#1a87c8;
		border:2px solid #0b74b2;
}
.bouttonlire:active {
	position:relative;
	top:1px;
}
/* CONTENT */