a {
text-decoration:none;
color:#222222;
}

a:hover {
color:#888888;
}


body {
font-family: URW Gothic L, Free Sans,  Arial;
}


#titre {
border-bottom:1px solid #DDDDDD;
padding:0.6% 0 0.5% 0.4%;
margin:0 0 0 0;
position:relative;
top:-10;
}

#titre img.mentions {
float:right;
margin-right:0em;
}

#titre h1 {
float:left;
color:#000022;
margin:0 0 0 0;
}

#titre h2 {
margin:0 0 0 0;
padding:0 0 0 0;
position:relative;
top:18;
left:40;
width:40em;
font-size:110%;
color:#555555;
}


#page {
clear:both;
width:100%;
margin:-11 0 0 0;
padding:0 0 0 0;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
}

#gauche {
width:22%;
margin:0 0 0 0;
padding:0 0 20 10;
border-right:1px solid #DDDDDD;
}

#gauche a {
display:block;
font-size:90%;
font-weight:bold;
padding:0 0 0 0;
margin:0.5em 0 0 0;
}

#gauche a.selected {
color:#19C2CF;
}

#milieu {
height:27em;
}

#centre {
width:98%;
height:95%;
overflow:scroll;
margin:0 0 0 0;
padding:0 0 30 20;
}

#centre h2 {
margin:0 0 0 0;
padding:45 0 5 0;
width:96%;
font-size:160%;
color:#377A7F;
border-bottom:1px solid #DDDDDD;
}

#centre .article {
padding:30 0 0 40;
}

#centre .seul {
padding:15 0 0 40;
}

#centre h3 {
margin:0 0 0 0;
}

#centre h4 {
margin:0 0 0 0;
color:#444444;
}

#centre a {
font-size:80%;
margin:0 50 0 0;
}

#centre p {
margin:0 0 0 0;
color:#888888;
font-size:70%;
letter-spacing:0.08em;
width:80%;
text-align:justify;
text-indent:1em;
}



p.mentions {
color:#666666;
text-indent:0;

margin:0;
padding:0;
}

#devis {
margin:45 0 0 25;
}


#devis h2 {
margin:0 0 25 0;
padding:0 0 5 0;
width:96%;
font-size:160%;
border-bottom:1px solid #DDDDDD;
color:#377A7F;
}

#devis form {
margin:0 0 0 250;
}

#devis input {
}

#devis select {
width:17.5em;
}

#devis textarea {
}

#centre .competence {
margin : 40 0 0 40;
}