/*----------------------Réalisation------------------------*/
/*------------------<--  Benj -->----------------------*/

/* Menu gauche
-------------------------------------------------------- */
#gauche {
width: 200px;
font-size: .8em;
}
#image_gauche {
background: transparent url(composants/image_gauche_realisation.jpg) 0 0 no-repeat;
padding-top: 100px;
}
#gauche h2{
font-size: 1em;
color: #003277;
font-weight: bold;
margin: 0px 0 15px 0;
padding-left: 15px;
padding-top: 20px;
border-bottom: 1px dashed #CCCCCC;
}
#gauche select {
margin: 0 0 0px 10px;
width: 180px;
}
#gauche label {
margin-left: 10px;
font-style: italic;
}
#gauche input {
margin-right: 10px;
margin-top: 10px;
}
#gauche ul {
margin: 10px 0 15px 15px;
}
#gauche li {
padding-left: 20px;
list-style-type: none;
background: transparent url(composants/puce.gif) 0 5px no-repeat;
}
#gauche a, #realisation a {
color: #003277;
}
#gauche p{
border: 0 none;
margin: 0 0;
padding: 0 0;
}


/* Réalisation
-------------------------------------------------------- */
.realisation{
position: relative;
width: 97%;
background: white;
border-bottom: 1px dashed #999999;
padding: 10px 5px 10px 5px;
overflow: auto;
}
.realisation:hover{
background: white url(composants/realisation_fond.gif) 0 0 repeat-y;
}
.realisation.first{
border-top: 1px dashed #999999;
margin-top: 10px;
}
.realisation img.image{
float: left;
background: #43B1CD;
padding: 1px 1px;
}
#texte .realisation h2, #texte .realisation p {
margin: 0px 0 0 175px;
}
#texte .realisation h2, #texte .realisation h2 a{
color: #DC7B05;
text-decoration: none;
background: none;
color: #00449F;
text-transform : uppercase;
padding: 0 0;
padding-bottom: 10px;
}
#texte .localisation {
color: #cbcbcb;
font-size: .8em;
}
#texte .realisation p{
color: #666666;
padding-bottom: .5em;
}
#texte .realisation p.operation {
color: #2f9bb6;
font-weight: bold;
}

#texte .realisation .lien {
text-align: right;
font-size: .85em;
position: absolute;
bottom: 10px;
right: 5px;
}
#texte a{
color: #003277;
}

#multi_page {
clear: both;
text-align: center;
}
#multi_page a {
text-decoration: none;
}

/* --- Fiche technique  --- */
#realisation {
background: #E6E6E6;
border: 1px solid #999999;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
width: 490px;
}

/* --- Galerie  --- */
#galerie dl{
margin: 0 19px 20px 19px;
}
#galerie dt{
color: white;
font-size: 1.5em;
font-weight: bold;
position: relative;
top: 3px;
z-index: 1;
}
#galerie dd{
text-align: right;
}
#galerie li{
background: none;
float: left;
padding: 0 0;
margin: 0 10px 5px 0;
}
#galerie ul{
padding: 0 0;
margin: 0 19px;
background: red;
}
#galerie #big_pict, #galerie #galerie_mini img{
border: 1px solid #43B1CD;
}

/* fiche technique */
#fiche_technique {
width: 450px;
margin: 15px 19px 20px 19px;
}
#entete_fiche_technique {
background: transparent url(composants/entete_fiche_technique_background.gif) 0 0 repeat;
position: relative;
border: 1px solid #43B1CD;
padding: 0 0 0 1em;
}
#entete_fiche_technique p, #entete_fiche_technique h2{
margin-left: 0px;
padding-left: 0px;
background: none;
width: 270px;
}
#entete_fiche_technique h2{
margin-top: 6px;
}
#entete_fiche_technique ul{
background: transparent url(composants/entete_fiche_technique_ul.gif) 0 0 repeat;
position: absolute;
top: 0px;
right: 10px;
border: 1px solid #43B1CD;
padding: .5em .5em .5em 0;
}
#entete_fiche_technique li{
background: none;
}
#entete_fiche_technique li a{
font-style: italic;
}
#fiche_technique table{
background: #F2F2F2 url(composants/fiche_technique_background.gif) top right no-repeat;
border: 1px solid #43B1CD;
margin-top: 20px;
width: 100%;
}
#fiche_technique table tr{
border: 5px solid transparent;
}
#fiche_technique table td{
padding: .2em .2em;
}
#fiche_technique table .intitule{
font-weight: bold;
color: #003277;
border-right: 1px solid #43B1CD;
width: 150px;
}