body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1 {  font-family:BlackJack, Georgia, "Times New Roman", Times, serif; font-size:130%; font-weight:normal; color:#3B9ab6;line-height:200%;}
h2{ font-family:BlackJack; font-size:180%; font-weight:normal; color:#983160;line-height:200%;}

q:before,q:after { content:”; }
abbr,acronym { border:0; }

@font-face {
	font-family: "BlackJack";
	src: url("BLACKJAR.TTF") ;
}
@font-face {
	font-family: "zurich";
	src: url("zurich.otf") ;
}
td
html , body  {
	height:100%;}
	
img {
-ms-interpolation-mode: bicubic;
}



.conteneur {
	text-align:left;
	height:auto!important;
	min-height:100%;
	height:100%;
	width:100%;
	margin:0 auto;
	border:0;
	}

.contenant {
	padding-bottom: 80px;
	background:url(images/bg_body.gif) repeat #555555;
	color:#2C81B8;
	padding:20px 0 0 0 ;
}

.html {
	background:url(images/bg_body.gif) repeat #555555;
	
}
.page{
}

.margepied{
padding:20px;
}


.pied {
border-bottom:10px solid #cb3045;
width:110%;
position:fixed;
bottom:0;
font-size:11px;

}
.pied .vu {
	width:800px;
	margin:auto ;
	height:160px;
	text-align:center;
	background:url(images/footer.png);
	line-height:80px;
	clear:both;
	color:#EFEEEA;
	font-size:11px;
	font-family:Verdana, Arial, sans-serif}
	

	
.pied .vu a{
text-decoration:none;
color:#bfcf2c;}


.pied .vu a:hover{
text-decoration:underline;}
	


.site{
width:800px;
margin:auto;
padding-bottom:80px;

}
p{
color:#4c4b4b;
font-family:Palatino Linotype, Georgia, 'Times New Roman', Times, serif;
font-size:12px;	padding:0;line-height:18px;}

hr{
margin-top:8px;
margin-bottom:2px;
border:thin  #f0eeeb dashed;}

.td1{
border-radius: 8px  0 0 8px;
-webkit-border-top-left-radius: 8px; 
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius:5px; 
-moz-border-radius:   8px  0 0 8px;
background-color:#fcfcfc;
padding:12px 8px 8px 8px;
color:#f4f4f;
width: 192px;
}
.td2{
width:564px;


background:  #f9f9f9 ;
-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(border-radius.htc);
}
  
.td3{

margin:auto;
padding:12px;
width:60%;
border:0;
background:#fff;
-moz-border-radius:  8px;
-webkit-border-top-left-radius: 8px; 
-webkit-border-top-right-radius: 8px; 
-webkit-border-bottom-right-radius: 8px; 
-webkit-border-bottom-left-radius:8px;  
border-radius: 8px ; }

a{
   outline:none;

text-decoration:none;
color:#CB3045;}


a:hover{
text-decoration:underline;color:#CB3045;}


img a, img a:hover{

border:0;}

.cadre{
background:url(images/cadre.jpg) no-repeat;
width:564px;
height:296px;
margin:0;
padding:0;}


.cadre img {
width:231px;
height:214px;
background-color:#fff;
margin-left:50px;
margin-top:32px;
margin-right:10px;
float: left;
}





.cadre p{
padding-top:34px;
padding-right:80px;
}
.titre{font-weight:bolder;color:#3B9ab6; text-shadow:#3B9ab6; }

.projet{

font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;color:#CB3045; font-size:16px;clear:both;}

.treatrush{
background: url(portfolio/images/treatrush.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;}


a#treatrush img {
background: url(portfolio/images/treatrush.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#treatrush img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/treatrush_hover.jpg) top left no-repeat;
} 



.decleor{
background: url(portfolio/images/decleor.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;}


a#decleor img {
background: url(portfolio/images/decleor.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#decleor img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/decleor_hover.jpg) top left no-repeat;
} 

























a#tf1 img {
background: url(portfolio/images/tf1.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#tf1 img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/tf1_hover.jpg) top left no-repeat;
} 

a#eunetpas img {
background: url(portfolio/images/eunetpas.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#eunetpas img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/eunetpas_hover.jpg) top left no-repeat;
} 


a#mosar img {
background: url(portfolio/images/mosar.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#mosar img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/mosar_hover.jpg) top left no-repeat;
} 


a#compa img {
background: url(portfolio/images/compa.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#compa img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/compa_hover.jpg) top left no-repeat;
} 

a#rdcvf img {
background:url(portfolio/images/rdcvf.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#rdcvf img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/rdcvf_hover.jpg) top left no-repeat;
} 


a#rv img {
background:url(portfolio/images/rv.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#rv img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/rv.jpg) top left no-repeat;
} 

a#idv img {
background:url(portfolio/images/idv.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#idv img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/idv_hover.jpg) top left no-repeat;
} 

a#eurohear img {
background:url(portfolio/images/eurohear.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#eurohear img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/eurohear_hover.jpg) top left no-repeat;
} 

a#msa img {
background:url(portfolio/images/msa.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#msa img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/msa_hover.jpg) top left no-repeat;
} 

a#soul img {
background:url(portfolio/images/soul.jpg) top left no-repeat;
border: thin solid #ABDC28;
width:231px;
height:214px;
text-indent:-100000px;
  } 
  
a#soul img:hover  {
width:231px;
height:214px;
text-indent:-100000px;
 border: thin solid #cb3045;
background: url(portfolio/images/soul_hover.jpg) top left no-repeat;
} 


/***********************************/
			/*  Méthode des portes coulissantes  */
			/**********************************/
			#nav {
				list-style: none ; 
				vertical-align:top;
				padding:2px;
				margin-top:0;
				margin-right:20px;
				overflow: hidden ;		/* Création du contexte de formatage */
				}
		#accueil {
				float:right;
				width: 159px ;
				border: 0 ;
				}
			#accueil  a {			height:56px;
				display: block ;
				background: #f9f9f9 url(images/accueil.png) left top no-repeat ;
				color: #443c38 ;
				text-indent:-1000000px;
				font-family:BlackJack, Georgia, "Times New Roman", Times, serif; 
				font-size:110%; 
				font-weight:normal; 		
				line-height: 1em ;
				padding-top: 8px;
				padding-bottom:6px;
				padding-left:30px;
				text-align: left ;
				text-decoration: none ;
								border:0;

				}
			#accueil a:hover, #accueil a:focus, #accueil a:active {
background: #f9f9f9 url(images/accueil-on.png) left top no-repeat ;								border:0;

				}
				
					#portfolio {
					
				float:right;
				width: 150px ;
				border: 0 ;

				}

				
				
				
				
				#info {
				float:right;
				width: 155px ;
			

				background: #f9f9f9 ;
				}
					#info  a {				border:0;

				display: block ;
				text-indent:-1000000px;
height:49px;
				background:#f9f9f9 url(images/info.png) left top no-repeat ;
				color: #443c38 ;
				font-family:BlackJack, Georgia, "Times New Roman", Times, serif; 
				font-size:110%; 
				font-weight:normal;
				line-height: 1em ;
				padding-top: 8px;
				padding-bottom:6px;
				padding-left:30px;
				text-align: left ;
				text-decoration: none ;
				}
			#info a:hover, #info a:focus, #info a:active {
							border:0;

text-decoration: none ;
				background: #f9f9f9 url(images/info-on.png) left top no-repeat ;

				}
				
				
				
				#contact {
				
				float:right;
				width: 150px ;
				border: 0 ;
				color: #fff ;
				background: #f9f9f9 ;
				margin-right:20px;
				
				}
				
				#contact  a {
				display: block ;
								text-indent:-1000000px;
height:49px;
				background: #f9f9f9 url(images/contact.png) left top no-repeat ;
				color: #443c38 ;
				font-family:BlackJack, Georgia, "Times New Roman", Times, serif; 
				font-size:110%; 
				font-weight:normal;
				line-height: 1em ;
				padding-top: 8px;
				padding-bottom:6px;
				padding-left:30px;
				text-align: left ;
				text-decoration: none ;border:0;
				}
			#contact a:hover, #contact a:focus, #contact a:active #contact a:visited {
						background: #f9f9f9 url(images/contact-on.png) left top no-repeat ;
border:0;
				}