*{margin:0;padding:0;z-index:100;}
html{background:#d6dee1 url(http://www.davista.fr/images/bg/bg2.jpg) repeat-x;font-size:14px;font-family:Helvetica;}
a, a:hover, a img, a:link, a:focus, a:active{text-decoration:none;border:none;outline:none;}
/* content */
#content{margin:0 auto;width:1000px;text-align:center;}
/*partie haute*/
#content .logo{float:left;margin:0 0 0 -70px;}
#content .top{width:100%;height:440px;margin:-95px 0 0 30px;float:left;background:transparent url(http://www.davista.fr/images/content/bg-content-top.png) no-repeat;}
/*arrondis des blocks*/
#content .agence blockquote, #content .contact blockquote, #content .metiers .metier{-moz-box-shadow:0px 0px 3px #aaa;-webkit-box-shadow:0px 0px 3px #333;box-shadow:0px 0px 3px #333;-moz-border-radius:10px;border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #C4C4C4;background:#ccd0d1;}
/*accroche*/
#content .top .texte{float:left;width:415px;margin:25px 0 0 0;}
#content .top .texte h1{margin:105px 0 10px 0;padding:0;color:#272727;text-align:left;font-size:2.2em;}
#content .top .texte h2{margin:0 0 10px 0;color:#272727;text-align:justify;font-size:1.5em;font-weight:bold;}
#content .top .texte h3{margin:0 0 25px 0;color:#272727;text-align:justify;font-size:1.1em;font-weight:normal;}
#content .top .texte p{margin:30px 0 15px 0;color:#272727;text-align:right;font-size:1.5em;font-weight:bold;}
#content .top .texte p span a{padding:10px;background:#60CF0C;color:white;font-size:1.2em;font-weight:bold;font-style:italic;border-radius:14px;-moz-border-radius:14px;-webkit-border-radius:14px;}
#content .top .texte p span a:hover{background:orange;}
/*accroche visuelle + diaporama*/
#content .top .visuel{float:left;width:520px;height:290px;margin:100px 0 10px 45px;background:url(http://www.davista.fr/images/content/slider/cadre.png) no-repeat;}
#content .top .visuel img{margin:55px 0 0 15px;}
/*titres h3 des rubriques*/
#content .agence h3, #content .contact h3, #content .portfolio h3, #content .metiers h3{text-align:left;font-size:2em;font-weight:normal;color:#88151C;margin:0 0 5px 0;}
/*Zones Agence + Contact*/
#content .agence, #content .contact, #content .portfolio, #content .metiers {float:left;margin:0 0 55px 0;}
#content .agence{width:460px;}
#content .agence blockquote{width:420px;height:290px;text-align:left;}
#content .agence blockquote p{padding:6px 15px;color:#272727;text-align:justify;font-size:1.1em;font-weight:normal;}
#content .contact{width:540px;}
#content .contact blockquote{width:540px;height:240px;text-align:left;}
#content .contact blockquote p{padding:15px 15px 0 15px;color:#272727;text-align:justify;font-size:1.1em;font-weight:normal;}
#content .contact blockquote p span{color:#88151C;font-size:1.1em;font-weight:bold;}
#content .contact blockquote p a{color:#88151C;font-weight:bold;}
#content .contact blockquote p a:hover{text-decoration:underline;}
/*Zone Portfolio + Metiers */
#content .portfolio .reference, #content .metiers .metier{display:block;width:235px;height:160px;margin:0px 17px 15px 0;float:left;}
#content .metiers .metier{height:235px;}/*hauteur des blocks metiers qui changent par rapport aux references*/
#content .metiers .metier h4{padding:15px 10px;color:#272727;text-align:center;font-size:1.5em;display:block;}
#content .metiers .metier h5{padding:0 10px;color:#88151C;text-align:left;font-size:1em;}
#content .metiers .metier p{padding:6px 10px;color:#272727;text-align:justify;font-size:1em;}
/*couleur des blocks gris*/
#content .agence blockquote, #content .contact blockquote, #content .portfolio .reference, #content .metiers .metier{background:#ccd0d1;}
/*#content .metiers .metier:hover, #content .metiers .metier:hover h5, #content .metiers .metier:hover p{background:#88151C;color:white;cursor:pointer;}*/
#content .metiers .metier:hover h4{color:black;}
/* footer */
#footer{width:100%;float:left;background:#88151C;height:189px;text-align:center;}
#footer ul{color:white;list-style-type:none;text-align:center;font-family:Verdana;font-size:1.2em;margin:15px 0 0 0;}
#footer li{display:inline;margin:0 10px 0 10px;padding:0 12px;}
#footer li a{color:#8f8f8f;}
#footer li a:hover{color:#b1ad87;}
#footer .footer-content{margin:0 auto;width:1000px;}
#footer .footer-content img{margin:0 10px 0 0;float:left;}
#footer .footer-content .col{width:170px;margin:20px 17px 0 0;float:left;color:white;font-size:1.1em;text-align:left;}
#footer .footer-content .premiere{width:110px;} /*reduit la taille de la premiere colonne*/
#footer .footer-content .col img{margin:10px 0;}
#footer .footer-content .col h3{color:white;font-size:.9em;font-weight:bold;}
#footer .footer-content .col h3 a{color:gray;}
#footer .footer-content .col ul, #footer .footer-content .col p{margin:3px 0;padding:0;color:white;font-size:.8em;text-align:justify;}
#footer .footer-content .col p a{color:white;}
#footer .footer-content .col ul{text-align:center;}
#footer .footer-content .col li {margin:0;padding:0;display:list-item;}
#footer .footer-content .col li a{color:white;margin:0;padding:0;/*text-decoration:underline;*/}
#footer .footer-content .col li a:hover, #footer .footer-content .col p a:hover{color:white;text-decoration:underline;/*margin-left:3px;*/}
#footer .footer-content .col .ico{margin:0 7px;}
#footer .footer-content a.ico-fb{color:#441115;display:block;margin:5px;width:33px;height:33px;background:url(http://www.davista.fr/images/footer/ico-facebook.jpg) no-repeat;float:left;font-size:0em;}
#footer .footer-content a.ico-fb:hover{background:url(http://www.davista.fr/images/footer/ico-facebook.jpg) 0 100%;}
#footer .footer-content a.ico-tw{color:#441115;display:block;margin:5px;width:33px;height:33px;background:url(http://www.davista.fr/images/footer/ico-twitter.jpg) no-repeat;float:left;font-size:0em;}
#footer .footer-content a.ico-tw:hover{background:url(http://www.davista.fr/images/footer/ico-twitter.jpg) 0 100%;}
#footer .footer-content a.ico-in{color:#441115;display:block;margin:5px;width:32px;height:32px;background:url(http://www.davista.fr/images/footer/ico-linkedin.jpg) no-repeat;float:left;font-size:0em;}
#footer .footer-content a.ico-in:hover{background:url(http://www.davista.fr/images/footer/ico-linkedin.jpg) 0 100%;}
/*evite que le dernier bloc soit a la ligne*/
#content .portfolio .derniere, #content .metiers .derniere, #footer .footer-content .derniere{margin-right:0;}