body {margin:0;padding:0;color:#212121;font-family:Arial;font-size:100%;background:#f2f2f2 url(/common/img/white_wave.png) repeat}
.page .cont {margin:0 auto; position:relative;width:1000px}
.topbar {position:relative;background-color:#fff;height:170px}
.header .toplogo {position:relative;top:20px;display:block;max-width:578px;height:130px;overflow:hidden;background:url(/common/img/logo-avocats-toulon-bauducco-rota-lhotellier.png) no-repeat}
.header .menu {position:relative;height:44px;background-color:#272264;font-size:1em}
.slides {position:relative;height:400px;background-color:#E0E0E0;background:#fff url(/img/slides/slide02.jpg) no-repeat left bottom;background-size:cover}
.slides .slidecopyright {position:absolute;bottom:10px;right:10px;color:#fff;font-size:70%}
.slides,.banner,.header .menu,.header .logo,.bigiconlist {transition:all 0.3s ease 0s}
.bigiconlist {height:115px;background-color:#332558}

.main ul {list-style:square;margin-left:20px/*color:#292265*/}
.main h1, .main h2, .main h3, .main h4 {font-family:"Times New Roman", Arial, Helvetica, sans-serif}
.main h1 {font-size:240%;color:#292265}
.main h2 {font-size:200%;color:#292265}
.main h3 {font-size:160%;color:#af9064}
.main h4 {font-size:140%;/*color:#292265*/color:#292265;margin-bottom:8px}
.main h4 SPAN {/*border-bottom:#af9064 solid 2px*/}
.main a {text-decoration:underline;color:#292265}
.main a:hover {text-decoration:none}

.main .bloc1 {padding:1em;background-color:#f5f5f5;border:#e6d2bb
 solid 1px;margin-bottom:2em}

/* Contenu */
.main {min-height:400px;padding:20px;background-color:#fff}
.main p {margin:10px 0}

.main .bold {font-weight:bold}
.main .txtcolor.navy {color:#272264}
.main .txtcolor.beige {color:#B18E66}

.main.conseil, .main.domaines, .main.philo {padding:20px 80px}

.main .comment {background-color:#eeeeee;border-left:#af9064 solid 4px;padding:20px}

.table {display:table;width:100%;box-sizing:border-box}
.table .cell {display:table-cell}
.table .cell.cola {width:300px;padding-right:20px;margin-bottom:20px;text-align:center}
.table .cell.colc {width:400px;padding-left:20px}

/* Homepage */
.homepage .row1 .title, .homepage .row2 .title {text-transform:uppercase;font-family:"Century Gothic", Arial;border-top:#272264 solid 10px;color:#272264;font-size:1.3em;padding-top:10px}
.homepage .row2 .title {margin-bottom:10px}
.homepage .row2 {margin-top:2em}
.homepage .row1 {text-align:justify}
.homepage .row1, .homepage .row2 {display:table}
.homepage .row1 .col1, .homepage .row1 .col2 {display:table-cell;width:50%;padding-right:20px}
.homepage .row2 .colc {background-color:#b18e66;color:#fff;font-family:"Century Gothic", Arial;padding:20px}
.homepage .row2 .colc span {text-transform:uppercase;font-size:1.4em}
.homepage .row2 .colc .tel {font-size:1.6em;margin:0.6em 0}
.homepage .row2 .colc .titlemail {color:#272264}
.homepage .row2 .colc .email a {color:#fff;text-decoration:none}
.homepage .row2 .colc .email a:hover {text-decoration:underline}
.homepage .row2 .cola, .homepage .row2 .colb, .homepage .row2 .colc {display:table-cell;width:33%}
.homepage .row2 .cola, .homepage .row2 .colb {padding-right:20px}

/* Cabinet */
.banner {position:relative;background-repeat:no-repeat;background-size:cover;background-position:center top;height:400px}
.banner.office {background-image:url(/img/cabinet/banner_office.jpg)}
.banner.urban {background-image:url(/img/banner-urban.jpg)}
.banner.environnement {background-image:url(/img/banner-environnement.jpg)}
.banner.avion {background-image:url(/img/banner-avion.jpg)}

.bio ul li strong {display:block}
.bio ul.liner {list-style:none;margin:0 10px}
.bio ul.liner li {border-left:#B18E66 solid 2px;padding-left:8px;margin-bottom:8px}
.bio .cola img {width:320px;height:250px;margin-bottom:20px}

.bio .cell.cola > div {position:relative}
.bio .imgcop {position:absolute;right:10px;bottom:26px;color:#fff}

a.social-link {margin:10px 0}
a.social-link.linkedin {display:inline-block;height:40px;line-height:40px;text-decoration:none;background:url(/common/img/linkedin_icon.png) no-repeat left;padding:0 20px 0 50px;color:#2B2B2B;background-color:#FFE8CE;border:#B18E66 solid 1px}

.biopic {display:inline-block;max-width:320px;width:100%;overflow:hidden;position:relative;margin:10px 20px;border:#b18e66 solid 1px}
.biopic img {max-width:320px;width:100%;height:250px;border:none}
/*.biopic span {display:block;position:absolute;bottom:0;left:0;width:100%;text-align:center;height:30px;line-height:30px;background-color:rgba(177, 142, 102, 0.7);}
.biopic a {text-decoration:none;color:#fff}
.biopic a:hover span {background-color:#272264}*/
.biopic .btn {display:inline-block;margin-top:16px;padding:0 1.8em;line-height:2.2em;height:2.2em;text-decoration:none;color:#fff;background-color:#b18e66;border-radius:3px}
.biopic .btn:hover {background-color:#272264}
.biopic .profil {background-color:#eee;padding:40px 20px 20px 20px}
.biopic .profil .name {position:absolute;height:40px;line-height:40px;top:230px;width:200px;left:50%;margin-left:-100px;font-size:1.1em;background-color:#fff;font-family:"Times New Roman", Arial, Helvetica, sans-serif;border:#b18e66 solid 1px}

.main.bio H2 {display:inline-block;border-bottom:#B18E66 solid 1px;margin-bottom:8px}
.main .title_break {background-color:#b18e66;width:200px;height:2px;margin:0.6em auto}

/* Form */
.contactForm input[type=text] {border:#B18E66 solid 1px;height:30px;line-height:30px;border-radius:2px;padding:0 10px}
.contactForm input[type=submit] {border:#292265 solid 1px;height:38px;line-height:38px;font-size:1em;border-radius:2px;background-color:#292265;color:#fff;padding:0 16px;cursor:pointer}
.contactForm textarea {font-family:Arial, Helvetica, sans-serif;font-size:1em;border:#B18E66 solid 1px;border-radius:2px;padding:10px}
.contactForm label {line-height:30px}

/* Footer */
.footer {height:220px;background-color:#272264;border-top:#242150 solid 1px;color:#fff}
.footer .logo {text-align:center;padding:30px 0}
.footer .copyright {position:relative;text-align:center;font-size:0.8em;clear:both}
.footer .copyright a {color:#fff;text-decoration:underline}
.footer .copyright a:hover {color:#fff;text-decoration:none}
.footer .copyright .dr {margin-top:10px}

/* Footer Menu */
.footer .menu {color:#fff;text-align:center;margin-bottom:10px}
.footer .menu a {font-size:0.9em;text-decoration:none;text-transform:uppercase;color:#fff}
.footer .menu a:hover {text-decoration:underline}

/* Menu */
.header .nav {}
.header .nav ul li > ul {display:none}
.header .nav ul li a {display:block;text-decoration:none;font-family:'Open Sans', Arial}
.header .nav ul > li a span {display:block;color:#fff;height:44px;line-height:44px;font-size:96%;padding:0 16px;text-transform:uppercase}
.header .nav ul > li a:hover span, .header .nav ul > li.active > a > span {background-color:#b18e66;color:#ffffff}
.header .nav ul li {float:left;position:relative;z-index:10}
.header .nav ul > li > ul {position:absolute;top:44px;left:0;z-index:100}
.header .nav ul > li > ul li {float:none;background-color:rgba(177,142,102,.8)}
.header .nav ul > li > ul li a span {height:38px;line-height:38px;white-space:nowrap}

/* Select Menu */
.select-menu {
	display:none;
	margin:0;
	padding:10px;
	height:40px;
	outline:none;
	border:1px solid #c8c8c8;
	background-color:#e4e4e4;
	line-height:40px;
	cursor:pointer;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	position:absolute;
	right:10px;
	top:10px;
	z-index:15}
.select-menu:focus {border-color:#999;outline:none}
.select-menu option {padding:5px;cursor:pointer}
.select-menu option.main_item {font-weight:bold}

/* Responsive */
@media (max-width:767px) {
	.sf-menu > UL {display:none}
	.page .cont {width:auto}
	.header .logo {left:0;width:120px;height:100px}
	.header .menu {height:60px}
	.header .select-menu {display:block;position:relative;margin:0 auto}
	.slides, .banner {height:280px}
	.bigiconlist {height:80px}
	.bio .table .cell {display:block}
	.bio .table .cell.cola {text-align:center;width:100%}
	.main.conseil, .main.domaines, .main.philo {padding:10px}
	.header .toplogo {width:auto;background-size:contain;background-position:50%}
	.imgcop {display:none}
	.main h1 {font-size:200%}
}
@media (min-width:768px) and (max-width:1150px) {
	.page .cont {width:770px}
	.banner {height:300px}
	.header .menu .nav a span {padding:0 8px;font-size:76%}
}
@media (max-width:400px) {
	.slides, .banner {height:200px}
	.main h1 {font-size:140%}
}