body, html {
padding:0px;
margin:0px;
zoom:1;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#363636;
font-size: 12px;
}

#accueil {
background:#ffffff url(../medias/fond-body.jpg) center top no-repeat;
}

#interne {
background:#ffffff url(../medias/fond-body-interne.jpg) center top no-repeat;
}

#interne-contact {
background:#ffffff url(../medias/fond-body-interne-contact.jpg) center top no-repeat;
}

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

p {
margin:0px;
padding:0px;
}

/*a:hover {
color:#0a7b88;
border-bottom:solid 2px;
border-color:#f0bb49;
}*/

#presentation ul {
margin: 10px 0 0 0;
padding: 0 0 0 0;
}

#presentation li {
margin: 5px 0 0 12px;
padding: 0 0 0 0;
font-size:12px;
}

img {
border:none;
}

.cache {
display:none;
}

/**sous partie*/
.sous-menu{
letter-spacing:-1px;
margin:0px 10px 10px 0px;
font-size:18px;
list-style:none;
text-align:right;
border-bottom:solid 1px;
border-color:#c4c4c4;
width:288px;
float:right;
}

.sous-menu li{
display:inline;
margin:0 13px 0 0;
font-size:1.05em;
}

.top {
font-size:0.8em;
}
/***fin sous partie*/

.big-titre {
display:none;
}

#wrapper {
width:960px;
margin:0 auto 0 auto;
height:500px;
}


/********HEADER************/
#header {
position:relative;
height:335px;
}

#header-interne {
position:relative;
height:195px;
}

h1{
display:none;
}

#logo{
margin:90px 0 0 24px;
}

#logo-interne{
margin:83px 0 0 340px;
}

#baseline{
position:absolute;
top:235px;
left:24px;
}

#main-menu{
letter-spacing:-1px;
margin:30px 0 0 277px;
position:absolute;
top:0px;
left:0px;
padding:0px;
font-size:17px;
list-style:none;
}

#main-menu li{
display:inline;
margin:0 13px 0 0;
font-size:1.05em;
}

#menu{
letter-spacing:-1px;
margin:90px 0 0 0px;
position:absolute;
top:0px;
right:0px;
font-size:17px;
list-style:none;
text-align:right;
}

#menu li{
display:inline;
margin:0 13px 0 0;
font-size:1.05em;
}

/********Generalité************/
#introduction {
position:relative;
padding:10px 0 0 22px;
}

strong{
font-size:10px;
}

li{
margin:10px 0 0 0
}

#charpente-interne {
position:relative;
padding:10px 0 0 22px;
}

h2{
margin:10px 0 0 0px;
padding:0px;
font-size:38px;
font-weight:bold;
color:#140937;
}

h3{
margin:40px 0 0px 0px;
padding:0px;
font-size:14px;
font-weight:bold;
color:#0a7b88;
}

p{
margin:10px 0 10px 0;
font-size:14px;
}

.charpente {
margin:20px 0 0 0;

}


/********PRESENTATION************/
#presentation {
position:relative;
padding:10px 0 0 22px;
}

#presentation  h2{
margin:30px 0 0 0px;
padding:0px;
font-size:13px;
font-weight:normal;
width:430px;
color:#363636;
}

#presentation h3{
margin:10px 0 0 0px;
padding:0px;
font-size:14px;
font-weight:bold;
color:#0a7b88;
}

#presentation  .flottant, .flottant-interne {
margin:15px 0 0 0px;
padding: 0 0 0 0;
width:101px;
height:213px;
float:left;
}

.flottant-interne{
margin:15px 0 0 9px;
}

.pousseur {
clear:both;
}

/********references - Clients************/
#references {
margin:30px 0 0 0;
}

#references .rea li {
float:left;
width:159px;
height:90px;
margin:0 10px 0 10px;
}


/********PortFolio************/
#portfolio {
margin:20px 0 0 0;
padding:0px 0 0 0px;
/*background:transparent url(../medias/fond-portfolio.jpg) left top no-repeat;
*/}

/********Contact************/
#contact {
margin:0px 0 0 0;
padding:10px 0 0 22px;
}

#iphone {
float:right;
margin:5px 5px 0 0;
}

#statut-mail{
font-weight:bold;
font-size:14px;
color:#DF7401;
}


/* Formulaire*/
fieldset, form, label {
margin: 0; 
padding: 0; 
border: 0; 
outline: 0; 
font-size: 100%;
vertical-align: baseline; 
background: transparent;}

			#formID {width: 420px; float:left; margin-top:0px; padding:0}
			#formID legend {display: none;}
			#formID label {clear: left; float: left; margin: 15px 10px 0 0; width: 240px; font-size: 12px; text-align: left;}
			#formID input {float: left; margin: 10px 0 0 0; padding: 7px 5px 7px 5px; width: 350px; border: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #000; border:solid 1px #c4c4c4; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
			#formID label.error {clear: right; margin: 3px 0 0 150px; width: 388px; text-align: left; color: #e41e26; font-weight: normal;}
			#formID label.checkBox {margin: 0 20px 0 5px;}
			#formID textarea {float: left; margin-top:10px; padding: 5px; width: 350px; border: none; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; color: #000; border:solid 1px #c4c4c4; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
			#formID input.submit {padding: 0; margin: 10px 0 0 294px; width: 69px; height: 26px; border: none; background: none;}
			#formID input:hover, #formID textarea:hover {background-color: #0b7a83;}
	
	
/********Footer************/
#footer {
position:relative;
margin:10px 0 0 0;
padding:0px 0 0 30px;
height:150px;
text-align:center;
}

.haut-footer{
letter-spacing:-1px;
margin:0px 10px 1px 0px;
font-size:18px;
list-style:none;
text-align:right;
border-bottom:solid 1px;
border-color:#c4c4c4;
width:890px;
float:right;
}

.haut-footer li{
display:inline;
margin:0 13px 0 0;
font-size:1.05em;
}

#menu-footer{
letter-spacing:-1px;
margin:30px 0 0 0px;
position:absolute;
top:15px;
right:0px;
font-size:15px;
list-style:none;
text-align:right;
}

#menu-footer li{
display:inline;
margin:0 13px 0 0;
font-size:1.05em;
}

/****Reseaux-sociaux**/
#reseaux-sociaux{
margin:10px 0 0 0;
text-align:center;
padding:40px 0 0 0;
background:transparent url(../medias/reseaux-sociaux/fond-reseaux-sociaux.jpg) center top no-repeat;
}

#reseaux-sociaux-actu{
margin:0px 0 0 0;
padding:20px 0 0 0;
}

#reseaux-sociaux img{
margin:0 5px 0 5px;
}