/* 
Css screen - auto expertise brest
*/

/* -- Reset  -- */

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, img, small, strike, strong, 
ul, li,
fieldset, form, label, legend,
table, caption, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

ol, ul {
list-style: none;
}

/* -- global -- */

html {
background: #FFF;
}

body {
background: #FFF;
font: 0.80em/1.2em Arial, Verdana, sans-serif;
color: #FFF;
height: 100%;
}

hr {
display: none;
}

#global {
background: #043c56 url(../img-design/fond-site.jpg) no-repeat left 168px;
border: solid 1px #5a5f60;
margin: 5px auto;
width: 950px;
height: 709px;
}

/* -- lien -- */

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

a.actif {
color: #cbcbcb;
font-style: italic;
}

a:hover, a:focus, a:active {
color: #FFCC00;
}

/* -- entete -- */

#entete {
background: #043c56 url(../img-design/header.jpg) no-repeat 130px top;
height: 145px;	
}

#tel {
float: right;
margin-right: 100px;
margin-top: 23px;
}

/* -- menu -- */

#logo{
margin-bottom: 35px;
}

#menu {
width: 352px;
float: left;
display: inline;
margin-left: 40px;
background: url(../img-design/fond-menu.jpg) no-repeat left 120px;
}

#menu h2{
font-size: 1.1em;
font-weight: normal;
margin: 18px 0px 4px 13px;
}

#menu h2.last{
margin-bottom: 20px;
}

#menu li{
margin: 4px 0px 4px 30px;
}

/* -- contenu -- */
#texte {
float: right;
display: inline;
width: 470px;
margin-right: 40px;
margin-top: 7px;
background: #FFF;
color: #000;
height: 395px;
}

#texte h1{
font-size: 1.5em;
line-height: 1.2em;
font-weight: normal;
color: #043d57;
margin: 15px 10px 12px 30px;
}

#texte p{
margin: 8px 30px;
}

#texte img{
float: left;
margin: 20px 15px 10px 15px;
}

#texte ul{
margin: 8px 30px;
list-style: disc;
}

#texte li{
margin: 12px 20px;
}

/* -- plaquette -- */
#plaquette {
float: right;
display: inline;
width: 470px;
margin-right: 40px;
margin-top: 5px;
height: 30px;
}

#plaquette img{
vertical-align: bottom;
margin-right: 5px;
}

#plaquette p{
font-size: 0.8em;
text-align: right;
}

#plaquette span{
margin-bottom : 4px;
}

/* -- pied de page -- */
#footer {
height: 128px;
clear: both;
}

/* -- studio entete -- */

p#studio_entete{
padding: 5px 20px;
font-size: 0.9em;
margin : 0px auto;
width: 950px;
color: #000;
}

p#studio_entete span{
margin-bottom : 4px;
}

p#studio_entete img{
vertical-align: bottom;
margin-right: 5px;
}

p#studio_entete a{
color: #000;
text-decoration: underline;
}

#pied p#studio_entete a:hover, #pied p#studio_entete a:focus, #pied p#studio_entete a:active {
color: #cacaca;
text-decoration: underline;
}