@import url(commun_guepe.css);

.categorie {
color:#E4E176;
font-size:2em;
text-align:right;
padding-right:0.2em;
font-variant:small-caps;
}

div#sommaireRealisations {
position:absolute;
left:345px;
top:80px;
width:470px;
}

.categorie img {
border:1px solid #000;
margin-top:-0.5em;
margin-bottom:1em;
margin-right:0.2em;
}

.categorie h2 {
margin:0;
padding:0;
/* font-family:Arial Black,Verdana,Helvetica,sans-serif; */
font-size:1.5em;
border-right:10px solid #E4E176;
border-bottom:1px solid #E4E176;
padding-right:0.2em;
}


.retourAccueil {
float:left;
}
.realisation {
position:absolute;
top:80px;
width:470px;
}

.realisation h3 {
margin:0;
border-bottom:1px solid #ccc;
color:#E4E176;
padding-right:0.2em;
font-size:1.5em;
font-family:Georgia,Times New Roman,serif;
text-align:right;
}

.realisation h3 strong { 
color:#F43E71 !important;
font-variant:small-caps;
}

strong {
font-weight:bold;
}

.realisation h4 {
margin:0;
background-color:#ccc;
color:#fff;
width:100px;
text-align:center;
padding:2px;
}

.realisation p {
color:#000;
font-size:1.2em;
margin-top:0.7em;
margin-bottom:0.7em;
}

p.URLprojet {
border-top:1px solid #941021;
text-align:right;
color:#941021;
clear:both;
}

p.URLprojet a {
margin:0;
background-color:#941021;
color:#fff;
text-align:center;
padding:5px;
text-decoration:none;
}

p.URLprojet a:hover {
text-decoration:underline;
}

.realisation img {
float:right;
width:150px;
border:1px solid #000;
margin:0.5em;
margin-right:0;
margin-bottom:0;
}

.realisation a {
color:#cd6a00;
font-weight:bold;
text-decoration:none;
}

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