#icon1  { 
text-align:center;
margin:4px auto;
border:0px  solid;
display:block;
background-image:url('local/cache-vignettes/L100xH200/icon01-a2a8f.png')
}

#icon2  { 
text-align:center;
margin:4px auto;
border:0px  solid;
display:block;
background-image:url('local/cache-vignettes/L100xH200/icon02-db214.png')
}

#icon3  { 
text-align:center;
margin:4px auto;
border:0px  solid;
display:block;
background-image:url('local/cache-vignettes/L100xH200/icon03-c396f.png')
}

#icon4  { 
text-align:center;
margin:4px auto;
border:0px  solid;
display:block;
background-image:url('local/cache-vignettes/L100xH200/icon04-6dc3c.png')
}


a.lien_pagination {
height:100px;
width:100px; }
a.lien_pagination:hover {  background-position:0px 100px; }
a.lien_selection {  background-position:0px 100px;
height:80px;
width:80px;
}
 






img { border:0px;  }
* {  padding:0px;margin:0px} 
li,ul {  list-style-type:none; }


* { margin:0px;padding:0px; }


body {
background-color:#77655C;
}

#content { }



#top {  
position:relative;
display:block;
height:146px;
width:672px;
left:286px;

}


#ecran {
margin:auto;
width:1024px;
}


#page {  
position:relative;
margin:auto;
width:901px;
height:475px;
 }


#page.other {  

background:url('IMG/jpg/fondstexte6_copy.jpg') no-repeat  top;

}

#page.R11 {  

background:url('IMG/jpg/part.incog.fonds4_copy.jpg') no-repeat  top;
z-index:0;


 }


#page.folio {  

background:url('IMG/jpg/portfoliodouble_copy.jpg') no-repeat  top;

}


#page.prive {
}


#wrap {

background:url('IMG/jpg/background_copy.jpg') no-repeat;

height:768px;
margin:0px;
width:1024px;
     }

#wrap.prive {

background:url('') no-repeat;
</BOUCLE_doc>
height:768px;
margin:0px;
width:1024px;
     }




#footer {margin:auto;margin-top:0px;display:block;width:600px;}
#footer , #footer p {background-color:none;text-align:center; } 


#menu {  
position:relative;
height:146px;
right:0px;
}



#menu ul li a { width:96px;height:146px;display:block; }
#menu ul li a:hover { width:96px;height:146px;display:block; }

#menu ul li a span {  position:absolute;right:-999em;display:none} 


#menu ul li
{ 
float:left;
position:relative;
left:0px;
width:96px;
height:146px;

background-image:url('IMG/jpg/pageboutons_copy-2.jpg');


  }

.m1,.m2,.m3,.m4,.m5,.m6,.m7 {text-indent:-999em;}
li.m1 { background-position:0px 0px; }
li.m1:hover {  background-position:0px -146px; }
li.m2 { background-position:-96px 0px; }
li.m2:hover {  background-position:-96px -146px; }
li.m3 { background-position:-192px 0px; }
li.m3:hover {  background-position:-192px -146px; }
li.m4 { background-position:-288px 0px; }
li.m4:hover {  background-position:-288px -146px; }
li.m5 { background-position:-384px 0px; }
li.m5:hover {  background-position:-384px -146px; }
li.m6 { background-position:-480px 0px; }
li.m6:hover {  background-position:-480px -146px; }
li.m7 { background-position:-576px 0px; }
li.m7:hover {  background-position:-576px -146px; }

#contact { width:300px;}

#slide
{
padding:3px;
float:left;
display:block;
width:340px;
}

#content
{
float:left;
display:block;
width:530px;
height:460px;
overflow:auto;
position:relative;
z-index:0;
}



#content-left
{
float:left;
display:block;
width:250px;
height:460px;
overflow:hidden;
text-align:center;
}


#content-no
{
float:right;
display:block;
width:640px;
height:460px;
overflow:auto;
z-index:0;
position:relative;
}


ul.gal li {float:left;padding:10px;height:200px }
ul.gal li h2 { font-size:12px;display:block;} 
ul.gal li h3 { font-size:10px;display:block;} 


ul.portfolio li {float:left;padding:2px; }
ul.portfolio li h2 { font-size:12px;display:block;} 

#content p {padding:4px;} 


.clear {clear:both;}




#folio {
position: relative;
width: 919px;
height: 546px;
margin: 0  auto;
padding:0;
text-align: left;
}

#folio ul {

width: 919px;
height: 475px;
padding: 0;
margin:0 auto;
background: yellow;
list-style: none;

background: transparent url('') top left no-repeat;
</BOUCLE_doc5>
}

#folio li {
float: left;
width:153px;
padding: 0;
margin:0;
}


#folio li a {
text-align:center;
display: block;
/* permet d () e swapper plus grand que le <a> */
height: 475px;
width: 100%;
text-decoration: none;
font-size: 20px;
line-height: 2em;
font-weight:900;
color: #FFF;
}


#folio li a:hover {background:  url('IMG/jpg/portfoliodouble_copy.jpg') top left no-repeat;}


#folio li#item1 a:hover {background-position: 0px -475px;}
#folio li#item1  {width: 250px ;}
#folio li#item2 a:hover {background-position: -250px -475px;}
#folio li#item2  {width: 150px ;}
#folio li#item3 a:hover {background-position: -400px -475px;}
#folio li#item3  {width: 100px ;}
#folio li#item4 a:hover {background-position: -500px -475px;}
#folio li#item4  {width: 100px ;}
#folio li#item5 a:hover {background-position: -600px -475px;}
#folio li#item5  {width: 100px ;}
#folio li#item6 a:hover {background-position: -700px -475px;}
#folio li#item6  {width: 100px ;}
#folio li#item7 a:hover {background-position: -800px -475px;}
#folio li#item7  {width: 100px ;}




.galnav  {text-indent:-999em;}

.allgal {text-decoration:none;display:block;text-align:center;padding-bottom:15px;}
.allgal2 { visibility:hidden; } 

ol.formfx li label { display:block;}
.formulaire_login,#formulaire_login fieldset{ padding:20px;margin:20px; } 

.prive ul.gal li h2 {font-size:1.2em;}