@charset "utf-8";
/* CSS Document */
@import url(reset.css);

/*21 x29,7 moins 1 cm de marge*/

div#page{
position:relative;
width:800px;
margin: 0 auto;
background: #fff; 
color: #333; 
font: 70%/1.2em arial,sans-serif;
line-height:145%;
}
/********************   conteneurs principaux ******************/
div#header{
display:none;
}
div#conteneur_central{
width:20cm;
position:relative;
top:2em;
display:block;
overflow:auto;
}
div#menu_lateral{
display:none;
}
div#conteneur_texte{
width:100%;
position:relative;
float:left;
}

/*****************  Conteneur texte **************/
div#conteneur_texte h1{
font-size: 2em;
margin:5px 0px 25px 0px;
padding:5px 0px 5px 0px;
width:100%;
position:relative;
color:#f47a0e;
font-weight:lighter;
}
div#conteneur_texte h3{
font-size:16px;
color:#f47a0e;
font-weight:lighter;
margin-top:10px;
margin-bottom:20px;
}
.photo_lien {
position:relative;
width:230px;
margin:15px;
}
.photo_realisation{
position:relative;
width:520px;
margin: 10px auto;
}
img.vignette{
width:230px;
}
.left{
float:left;
}
.right{
float:right;
}
.photo_lien .title-insert { background: #000; bottom: 0; display: block; left: 0; position: absolute; width: 100%; z-index: 101; padding: 4px 0; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=85); -moz-opacity: .85; opacity:.85; }

.photo_realisation .title-insert { background: #000; bottom: 0; display: block; left: 0; position: absolute; width: 100%; z-index: 101; padding: 4px 0; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=85); -moz-opacity: .85; opacity:.85; }

.title-insert h2 { margin: 8px 10px 7px; line-height: 1.4em; }
.title-insert h2 a { display: block; color: #f79b42; text-decoration: none; }
.title-insert h2 a:hover { color: #fff; }

/********************* Categories ******************/
div#categories{
width:100%;
position:relative;
border:1px solid #bbbbbb;
border-left:none;
border-right:none;
}
div#categories ul{
overflow: auto;
margin:10px 0px 10px 15px;
display:block;
}
div#categories ul li{
width:23%;
display:block;
float:left;
margin:0px 0px 10px 0px;
}
div#categories ul li a{
color:#F47A0E;
float:left;
font-weight:bold;
text-decoration:none;
}
div#categories ul li a:hover{
background-color:#F47A0E;
color:#FFFFFF;
}