/* ---------------------
	DEFAUT
--------------------- */


/*  réinitialiser   */ 


*{
margin:0;
padding:0;
}


body{
color:#83726e;
font-family:Arial, Helvetica, sans-serif;
font-size: 76%; width:100%;
background:#000 url(images/motif.jpg) center 0 no-repeat;}

img{
border:0;
}

ul, li, ol, dl, dd, dt{
list-style:none;
}


/*  éléments communs   */ 
.clear{
clear:both;}

.hide{
display:none!important;}

.right{
float:right;}

.bold{
font-weight:bold;}

.left{
float:left;}


.textcenter{
text-align:center;}

.textright{
text-align:right;}

hr{
clear:both;
color: #3d0000;
background-color:#3d0000;
height: 1px;
border: 0;
margin:12px 0!important;
margin:6px 0;
}

/*  font   */ 
h1, .home  { font-size: 1.4em;  color:#65494c;  margin:0 0 20px 0;  text-transform:none; }
.pict  h1{  margin:0 0 5px 0;   font-size: 1.2em;  }
h2 { font-size: 0.9em;  color:#691517; margin-bottom:10px; text-transform:uppercase; }
h3 { font-size: 1.2em;color:#3b1f2a;margin-bottom:15px;}
h4 { font-size: 1em; color:#482f2d; }
h5 { font-size:0.9em; margin-bottom:4px;}
h6 { font-size: 0.8em; }
p, td, li, dt, dd { font-size: 1em; }

a{color:#8b6964;}
a:hover, .sousselected a {color:#a18480;}
.sousselected a {text-decoration:none;}

.bloc {margin-bottom:25px; }
.big {margin-bottom:30px; }
.bloc h3{}
.bloc h4{margin-bottom:6px;}
.bloc p{margin-bottom:14px;}
.bloc ul{padding-left:25px; margin-bottom:12px;}
.bloc li{list-style:square outside;margin-bottom:6px;}
.listservice li{list-style:square inside; color:#4e0e0e;margin-bottom:4px;}
.bloc dt{ list-style:disc; clear:both; float:left; color:#ccc; margin:0 0 8px 0;width:25%;}
.bloc dd {margin:0 0 8px 0; float:left; float:left; width:75%;}

.column {float:left; width:63%;}
.column2 {float:right; width:28%; background:url(images/coin1.png) 0 0 no-repeat;
padding:15px 0 0 20px;}
.column2 p{margin-bottom:11px;}
.bordernone {border:none!important;}

.presentation h3{font-size: 1em;color:#a4a4a4; margin:0;}
.presentation p{color:#949494;}

.mention{font-size:90%; clear:both;}
/* ---------------------
  Structure generale
--------------------- */

#page {
position:relative;
margin:0 auto;


max-width:578px!important; min-width:200px!important; width:auto!important; width:578px;
padding:65px 200px 0 200px;
}




#logo{
width:134px;
height:316px;
position:absolute;
top:30px;
left:0;
}

#arbre {
width:200px;
height:600px; 
position:absolute;
top:0;
right:0;}



#banner {
width:100%;
height:74px;
margin-bottom:40px;
}

#author{
width:251px;
background:url(images/lod_design.png) 0 0 no-repeat; 
padding: 55px 0 0 0;
height: 0px!important;
height /**/:55px;
overflow:hidden;
margin:0;
}


#slogan{
width:296px;
background:url(images/title_lod.png) 0 0 no-repeat; 
padding: 14px 0 0 0;
height: 0px!important;
height /**/:14px;
overflow:hidden;
margin:0;}

#content{width:100%;}




#nav {
height:95px;
margin-bottom:10px;
text-transform:uppercase;
width:100%;
}




.principal {min-height:200px!important; height:auto!important; height:200px;
width:90%;
margin:0 5%;
}






#foot {
width:100%;
text-align:left;
margin:5% 0 0 0;}

#foot li {
display:inline;
width:90%;
margin-right:15px;
font-size:0.9em;
}
#foot a {
color:#504645;
text-decoration:none;
}
#foot a:hover {
color:#660000;
}

/* ---------------------
        NAV	
--------------------- */




#nav .mask_top{
padding:0 108px 0 0;
font-size:1px;
background:url(images/nav_topright.png) right 0 no-repeat;
}

#nav .mask_top .boxbloc{
height:23px; width:100%;
background:url(images/nav_top.png) 0 0 no-repeat;}

#nav .mask_bottom{
background:url(images/nav_bottomright.png) right 0 no-repeat;
bottom:0;left:0;
padding:0 108px 0 0;}

#nav .mask_bottom .boxbloc{
height:27px; width:100%;
background:url(images/nav_bottom.png) 0 0 no-repeat;}


#nav ul {
padding:0 5% 0 5%;
float:left;
background:url(images/nav_deco.png) 0 0 no-repeat;
width:90%;}


#nav li{
float:left;
background:url(images/btoff_right.png) right 0 no-repeat;
width:19%;
padding:0 1% 0 0;
white-space:nowrap;


}


#nav li a{
background-image:url(images/btoff.png);
background-repeat:no-repeat;
background-position:0 0;
text-align:center;
line-height:45px;font-size:99%;
display:block;height:45px;
font-weight:bold;padding:0 0 0 4px;
text-decoration:none;
color:#000;}

#nav .selected, #nav li:hover{
background-position:right -45px;
}

#nav .selected a, #nav a:hover {
background-position:0 -45px;
color:#fff;
}




/* ---------------------
        CONTENT
--------------------- */

/*   principal  */


/**/
.column3 {
width:28%;
float:left;
}

.column4 {
width:62%;
float:right;
background:url(images/coin1.png) 0 0 no-repeat;
padding:15px 0 0 20px;
}


.infos .content{background: url(images/infos_left.png) left 0 no-repeat;}
.infos .content .boxbloc {background: url(images/infos.png) right 0 no-repeat;}
.infos .bottom{ background: url(images/infos_bottomleft.png) left 0 no-repeat;}
.infos .bottom .boxbloc {background:url(images/infos_bottom.png) right 0 no-repeat;}
/* ---------------------
       SIDE
--------------------- */


#side dl{
text-align:center; 

}  
  
#side dt{
font-weight:bold;
background:url(images/ongletoff_right.png) right 0 no-repeat; 
padding:0 12px 0 0;  }



#side dt a, #side dt div  {
background:url(images/ongletoff.png) 0 0 no-repeat; 
padding:0 0 0 6px;
color:#fff;
display:block;
text-decoration:none;
font-weight:bolder;
min-height:35px!important; height:auto!important;
height:35px;
line-height:35px;
}

#side dt.selected  {
background:url(images/ongleton_right.png) right 0 no-repeat; 

}

#side dt.selected  a, #side dt.selected  div {
color:#fff;
background:url(images/ongleton.png) 0 0 no-repeat; 
}

#side .selected dd, #side #openmenu{
display:block;
}


#side dd{ margin:2px 12px 0 12px; 
text-align:left;
display:none;}



#side ul{
margin:10px 0 0 0;
text-align:center;
color:#000;font-weight:bold; 
}
#side li{
margin-bottom:8px;
}
#side  a{
color:#fff;
font-weight:bold; 
text-decoration:none;}

#side .infos a{
color:#000;
}

#side ul a:hover, #side .selected a  {
color:#fff;
}


/*  commun  */


/* ---------------------
        TITLES
--------------------- */



#second h3{
font-size:1.1em;color:#a39ba0;
margin:0 0 10px 10px;
font-weight:normal;
}

#second p{
font-size:0.9em;
margin-bottom:10px;
color:#4e403f;
font-weight:bold;}

 /*  formulaire  */


.formulaire ul{padding:0!important;}

  .formulaire li{
 margin:0 0 8px 0!important;padding:0!important;
 width:100%; float:left;
 list-style:none!important;
 }
 
input, textarea{
background:#423636;
border:solid 1px #4f4040;
padding:2px; width:70%;float:right;
color:#cbbebe;
 } 
 
 textarea{
 height:60px;
 }  
 
 label{
 display:block;
  width:25%; float:left;}
 
  input{
  

 }
 

 .formulaire .lignes{
 width:100%;
 clear:both;
 } 
 

 
 /*  bouton  */ 
 
 
.bt_form{clear:both;}
 
.bt_form input{
float:right;
width:154px;
height:31px;
line-height:30px;
background:url(images/bt_form.png) 0 0 no-repeat; 
color:#cbbebe;
text-align:center;
font-weight:bold;
font-size:1.1em;
border:none;} 

 .portfolio li{float:left;width:22%; margin:0 2% 4% 0;background:#000; border:solid 2px #241618; }
 .portfolio li:hover,  .pictmini li.selected{background:#4e0e0e; border:solid 2px #4e0e0e; } 
 
 .column  img, .column2  img { border:solid 2px #241618; }
  
 .portfolio a{text-decoration:none;} 
 .portfolio img{width:100%;}
  .portfolio h2{font-size:0.9em; margin:0; text-transform:none; font-weight:normal;}
   .pictmini {margin:0 0 15px 0; float:left;}   
  .pictmini img {width:100%;}  
 .pictmini li {width:11%; margin:0 0.5% 0.5% 0;} 
 .pictbig img, .pictbig2 img{border:solid 2px #3d0000;  }

 
    .pictbig, .pictbig2 img{margin-bottom:20px; }
  .pictbig img{ width:99%; } 
  .pictbig{ position:relative;}
   .pictbig a span{position:absolute; top:0; right:0;
   text-align:center;
   background:url(images/lien.png) 0 0 no-repeat;
   display:block;
	width:18px;
   padding: 107px 0 0 0;
height: 0px!important;
height /**/:107px;
overflow:hidden;
margin:0;}
   
     .pictbig a{
	 text-decoration:none;
	 font-size:0.9em;
	 
	 
	 }