body {
background-image:url(bgbody.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
background-color:#fff;
color:#000;
font-family:verdana;
}

#top {
width:980px;
margin:0 auto;
}

#header {
margin:0 auto;
padding:0;
width:814px;
height:185px;
background-image:url(header.jpg);
background-repeat:no-repeat;
}

#logo {
border:0;
margin:0;
padding:0;
}

#boxmenu {
background-image:url(menu.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
}

#menu_flash {
padding:0;
width:815px;
background-image:url(bgmenu.jpg);
background-repeat:no-repeat;
margin:0 auto;
}

#flash {
height:216px;
margin:0 auto;
padding-top:7px;
padding-left:7px;
}

#flashaccueil{
width:400px;
float:left;
padding-left:8px;
}

#tagcloudflash {
text-align:right;
margin:0 24px 0 0;
}

#menu {
width:814px;
height:62px;
margin:0;
padding:0;
background-image:url(backgroundmenu.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#menu ul {
margin:0 0 0 7px;
padding:0;
}

#menu li {
margin:0;
padding:0;
float:left;
list-style-type:none;
}

.webdesign a {
margin-top:1px;
color:#fff;
display:block;
text-align:center;
text-decoration:none;
width:116px;
height:55px;
line-height:55px;
font-family:arial;
font-size:.9em;
font-weight:700;
}

.webdesign a:hover {
background-image:url(m_webdesign_hover.jpg);
}

.portrait a {
margin-top:1px;
color:#fff;
display:block;
text-align:center;
text-decoration:none;
width:96px;
line-height:55px;
font-family:arial;
font-size:.9em;
font-weight:700;
}

.portrait a:hover {
background-image:url(m_portrait_hover.jpg);
}

.dvlpt a {
margin-top:1px;
color:#fff;
display:block;
text-align:center;
text-decoration:none;
width:145px;
height:55px;
line-height:55px;
font-family:arial;
font-size:.9em;
font-weight:700;
}

.dvlpt a:hover {
background-image:url(m_dev_hover.jpg);
}

.blog a {
margin-top:1px;
color:#fff;
display:block;
text-align:center;
text-decoration:none;
width:71px;
height:55px;
line-height:55px;
font-family:arial;
font-size:.9em;
font-weight:700;
}

.blog a:hover {
background-image:url(m_blog_hover.jpg);
}

.contact a {
margin-top:1px;
color:#fff;
display:block;
text-align:center;
text-decoration:none;
width:107px;
height:55px;
line-height:55px;
font-family:arial;
font-size:.9em;
font-weight:700;
}

.contact a:hover {
background-image:url(m_contact_hover.jpg);
}

.real a {
margin-top:1px;
color:#fff;
display:block;
text-align:center;
text-decoration:none;
width:122px;
height:55px;
line-height:55px;
font-family:arial;
font-size:.9em;
font-weight:700;
}

.real a:hover {
background-image:url(m_real_hover.jpg);
}

.seo a {
margin-top:1px;
color:#fff;
display:block;
text-align:center;
text-decoration:none;
width:143px;
height:55px;
line-height:55px;
font-family:arial;
font-size:.9em;
font-weight:700;
}

.seo a:hover {
background-image:url(m_seo_hover.jpg);
}

#centre {
width:980px;
margin:0 auto;
}

#contenu {
width:815px;
margin:0 auto;
}

#gauche {
float:left;
width:590px;
margin:0;
padding:0;
}

#skill {
float:right;
width:189px;
margin:0;
margin-top:20px;
margin-right:4px;
padding:0;
padding-bottom:15px;
border-bottom:1px dotted #11a4c7;
}

#skill ul {
margin:0;
padding:0;
font-size:.7em;
color:#11a4c7;
}

#skill li {
padding:0;
margin:0;
margin-top:3px;
margin-left:10px;
list-style-type:none;
}

#pratique {
float:right;
width:189px;
margin:0;
padding:0;
margin-top:15px;
margin-right:4px;
padding-bottom:15px;
border-bottom:1px dotted #11a4c7;
}

.pictos {
text-align:center;
border:0;
}

.pictos img {
border:0;
margin:3px 5px 0;
}

.pictos a,a:hover {
border:0;
}

#blog {
float:right;
width:189px;
margin:0;
padding:0;
margin-top:15px;
margin-right:4px;
}

#blog ul {
margin:0;
padding:0;
font-size:.7em;
}

#blog li {
padding:0;
margin:0;
margin-top:3px;
margin-left:10px;
list-style-type:none;
}

#blog a {
color:#11A4C7;
}

#left {
float:left;
width:480px;
}

#right {
margin-top:35px;
float:right;
width:300px;
padding-left:15px;
border-left:1px solid #3ad2f6;
text-align:right;
margin-right:0;
}

#right p {
float:right;
}

label {
vertical-align:top;
color:#0291d7;
}

input.field {
border:1px solid #0065b3;
background-color:#fff;
width:190px;
font-family:verdana;
color:red;
}

input.field:hover {
border:1px solid #0065b3;
background-color:#fff;
cursor:text;
color:red;
}

input.field:focus {
border:1px solid #0065b3;
background-color:#0498b3;
color:#fff;
}

select.field {
border:1px solid #0065b3;
background-color:#fff;
width:190px;
font-family:verdana;
color:red;
}

select.field:focus {
border:1px solid #0065b3;
background-color:#0498b3;
color:#fff;
}

textarea {
border:1px solid #0065b3;
background-color:#fff;
width:190px;
height:10em;
font-family:verdana;
font-size:13px;
color:red;
}

textarea:hover {
border:1px solid #0065b3;
background-color:#fff;
cursor:text;
color:red;
}

textarea:focus {
border:1px solid #0065b3;
background-color:#0498b3;
color:#fff;
}

.submit_contacts {
color:#C00;
background-color:#fc0;
border:double #fff;
}

.submit_contacts:hover {
color:#fff;
background-color:#f70;
cursor:pointer;
}

span {
margin-top:7px;
margin-bottom:10px;
line-height:19px;
font-size:.8em;
font-style:italic;
color:#555;
}

.contactliste {
margin:0;
font-size:.8em;
color:#555;
}

.realisations{
width:100%;
padding:0;
clear:both;
margin-top:15px;
margin:0;
overflow:hidden;
}

.picto_realisations {
width:180px;
position:relative;
float:left;
}

.picto_realisations img {
text-decoration: none;
border: 0;
}

.picto_realisations img{
vertical-align:middle;
}

.details_realisations {
width:600px;
text-align:left;
right:15px;
position:relative;
float:right;
}

.details_realisations h3 {
padding-top:15px;
margin:0;
font-family:arial;
font-size:1.1em;
font-weight:400;
color:#007fcf;
}

.details_realisations a:hover {
border-bottom:1px dotted #0192ee;
}

#contenu p {
margin-top:7px;
margin-bottom:10px;
line-height:19px;
text-align:justify;
font-size:.8em;
color:#555;
}

#contenu h1 {
font-family:arial;
font-size:1.5em;
font-weight:400;
color:#fd23f0;
margin:30px 0 0;
}

#contenu h2 {
font-family:arial;
font-size:1.2em;
font-weight:400;
color:#0192ee;
margin:30px 0 10px;
}

#contenu a {
text-decoration:none;
color:#0192ee;
}

#contenu a:hover {
border-bottom:1px dotted #0192ee;
}

q {
font-style:italic;
}

#footer {
background-image:url(footer.jpg);
background-repeat:repeat-x;
background-position:bottom;
height:80px;
margin:0;
padding:0;
width:100%;
clear:both;
}

#footerin {
width:980px;
height:80px;
margin:0 auto;
background-image:url(footerin.jpg);
background-repeat:no-repeat;
text-align:center;
}

#footerin_liens{
float:right;
margin-right:110px;
margin-top:30px;
font-size:0.7em;
color:#666;
}

#footerin_liens a {
margin:0;
padding:0;
color:#666;
text-decoration:none;
}

#footerin_liens a:hover{
text-decoration:underline;
}

#footerin_icone{
float:left;
width:100px;
margin-left:75px;
margin-top:25px;
}

#footerin_icone img{
border:0;
margin-top:5px;
}