/* CSS Document */



img {border:0px;}

#barre {height: 34px;
width: 100%;
background-image: url('http://www.petsssdesign.net/opti/rezo_bgd.gif');
	background-repeat:repeat-x;
position: absolute;
	top: 0px;
	left: 0px;

}

#rezo {float: right;
text-align: right;
padding-top: 9px;
padding-right: 10px;
	 font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff;   }
#rezo  a {
 color: #ffffff;
 text-decoration: none;}
#rezo  a:hover { text-decoration: underline;}
.rezo_img {padding-left: 5px;}

#container  {
 margin-left: auto;
	margin-right: auto;
	width:980px; 
	}
#subhead { 
width:980px; 
height:74px;
  float: left;

}

#headleft{
padding-left: 5px;
float: left;
	
}

#headright{
width: 348px;
height: 21px;
padding-top:  65px;
padding-right: 20px;
float: right;
}

#head { 
width:980px; 
height:113px;
  float: left;
  background-image: url('http://www.petsssdesign.net/opti/barre_logo2.png');
 background-position: bottom; background-repeat: no-repeat;
  margin-bottom: 10px;
}


.logo { 
 float: left;
 width:125px; 
 height:113px; 
 padding-top: 58px;
 padding-left: 5px;

}


#flash {  
 float: left;
	width:980px; 
  height:448px; 
}

#content {
 
 float: left;
 width:980px;
 height:348px;
 background-color: #919191;
 
}


#border1a {
 float: left;
 width:309px;
 height:318px;
border-top: 1px solid #757575;
border-bottom: 1px solid #757575;
border-left: 1px solid #757575;
border-right: 1px solid #757575;
margin-left: 12px;
margin-top: 15px;

}

#border1b {
 text-align: left;
    float: left;
 width:309px;
 height:318px;
border-top: 1px solid #757575;
border-bottom: 1px solid #757575;
border-left: 1px solid #757575;
border-right: 1px solid #757575;
margin-left: 12px;
margin-top: 15px;
} 

#border2 {
 float: left;
 width:307px;
 height:316px;
border-top: 1px solid #a3a3a3;
border-left: 1px solid #a3a3a3;
margin:0; padding:0;
}

#pro {

 width:239px;
 height:161px;
 margin-bottom:15px;
 margin-left:30px;
 float: left;
}


.pro_info {
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
  color: #ffffff;
  height: 17px;
  background-color: #a6d407;
   font-weight: bold;
  text-decoration: none;
  float: right;
  padding: 0px 5px 0px 5px;
margin-right: 15px;
margin-top: 10px;
}
.pro_info a {
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;}
.pro_info a:hover { text-decoration: underline;}

.left {float: left;
margin-bottom:5px;
}


#icones{margin-left:15px ;
margin-bottom:10px ;
float: left;
}

.txt {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  text-align: left;
  margin-left:15px;
   margin-right:15px;
   float: left;
}

.titre1 { background-image: url('http://www.petsssdesign.net/opti/titre_prof.gif');
height:26px;
width: 220px;
margin-top:9px;
margin-left:10px;
margin-bottom:15px;
float: left;
padding: 0px 0px 0px 0px;
}

.titre2 { background-image: url('http://www.petsssdesign.net/opti/titre_service.gif');
height:26px;
width: 195px;
margin-top:9px;
margin-left:10px;
margin-bottom:15px;
float: left;
}

.titre3 { background-image: url('http://www.petsssdesign.net/opti/titre_promo.gif');
height:25px;
width: 140px;
margin-top:9px;
margin-left:10px;
margin-bottom:20px;
float: left;
}

 #en {
  background: url('http://www.petsssdesign.net/opti/home_en.jpg') no-repeat left top;
margin-left:13px;    
width: 278px;
padding-left:11px;
padding-right:11px;
float: left;
 }

.en_com {
width: 249px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #ffffff;
 text-align: left;
margin-top:182px;
}

.en_com a {
 color: #c71600;
 font-weight: bold;
 text-decoration: none;
  
}

.en_com a:hover { text-decoration: underline;}

#profil {
 width:980px;
 height:780px;
 background-color: #666666;
  background-image: url('http://www.petsssdesign.net/opti/profil_main.jpg');
  background-position: left top;
  background-repeat:no-repeat;
  float: left;
}

  
#profil_left {
margin-left: 30px;
width: 375px;
height: 550px;
float: left;
}

#business {
width: 375px;
height: 77px;
background-image: url('http://www.petsssdesign.net/opti/titre_business.jpg');
  background-position: left top;
  background-repeat:no-repeat;
  margin-top: 211px;
  float: left;
}

#pro_contact {
width: 375px;
float: left;
}

#profil_work {
background-color: #919191;
width: 355px;
height: 320px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 25px;
  float: left;
}

#profil_right {

width: 500px;
float: right;
}

#profil_space{
height: 105px;
}

#titre_pro{
height: 26px;
width: 500px;
background-image: url('http://www.petsssdesign.net/opti/titre_pro2.gif'); 
background-repeat: no-repeat;
 margin-bottom: 17px;
}

#parcours {
  padding: 0px 10px 0px 0px;
  float: left;
}

.txt_profil {
   font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #ffffff;
  text-align: left;
  float : left;
}
.txt_profil a {
 color: #aad415;
 font-weight: bold;
 text-decoration: none;}
.txt_profil a:hover { text-decoration: underline;}

 .ill_screen { float: left; margin: 0 20px 4px 0;
 width:58px;
height:51px;
 }

  .ill_chapter { float: left; margin: 0 20px 4px 0;
 width:19px;
height:19px;
 }

 
#type_dwn { background-color: #666666;
 width: 980px;
 height: 40px;
 float: left;       
}
#type_dwn_inside {
width: 972px;
height: 37px;
background-color: #eeeeee;  
background-image: url('http://www.petsssdesign.net/opti/type_dwn.jpg'); 
background-repeat:x-repeat;
margin-left: 4px;
float: left;
}

#footer { 
width:980px; 
height:21px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #666666;
  text-align: right;
  margin-top:2px;
  margin-right:3px;
  background-image: url('http://www.petsssdesign.net/opti/fond_footer.jpg');
  background-position: top;
  float: left;
}

#footer  a {
 color: #a6d407;
 text-decoration: none;}
#footer  a:hover { text-decoration: underline;}