@charset "utf-8";
*{padding:0; margin:0}
body{font:100%/1.4 'Open Sans',arial,sans-serif; position:relative; margin: 0 auto; background:#fff; color:#849090; -webkit-font-smoothing: antialiased;}
header, footer, section, nav, aside, article, address{display: block; border: 0 none; font-family: inherit; font-size: 100%; font-style: inherit;font-weight: inherit;margin: 0;padding: 0; vertical-align: baseline; position:relative}
img {border:none; max-width:100%; display:inline-block}

header{overflow:hidden}
header .col6{text-align:center}

section#intro{background-image: url(../img/avocat_orsay.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 0;box-shadow: 0px 0px 21px 0px rgb(35 62 153 / 50%);z-index: 2;padding:0 0 1em 0}

h1, h2, h3, h4, h5, h6{font-family:'Taviraj',arial,sans-serif; color:#233e99; line-height: 1.2;}
 
p{padding:1em 1.8em; font-size: 1em;}
h1{padding: 1em 1em 0; font-size: 2.2em; font-weight: 600;}
h2{line-height: 1;padding:1em 1em 0; font-size: 1.8em; font-weight: 600;}
h3{padding:1em 1em 0; font-size: 1.4em; font-weight: 600;}
.mentions header .cadreh1 {
    padding-bottom: 1em;
}
.pascale{width:21vw; border-radius: 100%; border: solid 3px #a6b0b2; box-shadow: 0px 0px 21px 0px rgb(35 62 153 / 50%); margin-top:-7em}
.big{font-size: 1.2em;}
.cadreblanc{background:rgba(255,255,255,.9); box-shadow: 0px 0px 21px 0px rgb(35 62 153 / 50%); margin: 1em 4vw 4vw;
    padding: 0.5em 0; border-radius:1.5em;}
.cadreblanc p{color:#233e99}
.cadrebleu{background:rgba(35,62,153,.8); box-shadow: 0px 0px 21px 0px rgb(35 62 153 / 50%); margin:4vw; padding:0 0 1em; border-radius:1.5em;}
.cadrebleu h2, .cadrebleu h3, .cadrebleu p{color:#fff}
.cadregris{background:#eef; box-shadow: 0px 0px 21px 0px rgb(35 62 153 / 50%);margin:4vw 4vw 0; min-height: 14em; display: flex;
   align-items: center; justify-content: center; padding: 0 1em; border-radius:1.5em;}
#contact{background: #eef;
	background-image: url(../img/cabinet_avocat_orsay.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% 50%;
	padding: 1em;
	box-shadow: 0px 0px 21px 0px rgb(35 62 153 / 50%);
	}
#contact h2{padding: 1.5em 4vw 0;}
#service{padding: 0 0 4vw; background-image: url(../img/icon.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%;}
address{font-size: 1.1em; padding: 1em 1.8em; color: #fff;}
.none, label{display:none}

form{padding:1.5em 4vw;}
input, textarea{width:90%; margin:0 0 1rem; padding: 0.8em 5%; border-radius:0.5em; border:solid 1px rgba(166,176,178,1); color: #233e99;
    font-family: 'Open Sans',arial,sans-serif;
    font-size: 1rem;}
input[type="submit"]{background:#233e99; font-family:'Open Sans',arial,sans-serif; color:#fff; font-size: 1.2em; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -opera-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; width:auto; padding:0.5rem 1.5rem;}
input[type="submit"]:hover{cursor:pointer; color:#233e99; background:#fff}
a:link.tel, a:visited.tel{background: #fff; color: #233e99;     padding: 0.5em 1em;
    border-radius: 5em; display:inline-block; font-size: 1.1em; position:relative; border:solid 1px #fff; box-shadow: 0px 0px 21px 0px rgb(35 62 153 / 50%);font-weight: 600;}
a:hover.tel, a:active.tel, a:focus.tel{background:#233e99; color:#fff}
a:link, a:visited, a:active, a:focus {text-decoration:none; -moz-transition: all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s; -opera-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}

a:link, a:visited{color:#233e99}
a:hover, a:active, a:focus {color:#339999}
a:link.btn, a:visited.btn{color:#a39382; border:solid 1px #a39382; padding:0.5em 1em; margin:0.5em 0; border-radius:0.3em; display:inline-block}
a:hover.btn, a:active.btn, a:focus.btn {color:#ee2737; border:solid 1px #ee2737;}
.center{text-align:center}
/*Le site est sur 12 colonnes*/
.col1{width:6.333333%; float:left; padding:0 1%;}
.col10{width:81.333333%; float:left; padding:0 1%}
.col2{width:14.666666%; float:left; padding:0 1%}
.col3{width:25%; float:left;}
.col4{width:33.333333%; float:left; text-align:center}
.col5{width:41.666666%; float:left;}
.col6{width:50%; float:left;}
.col6inv{width:50%; float:right;}
.col7{width:48%; float:left; padding:0 0 0 2%}
.col8{width:66.666666%; float:left;}
.col12{width:96%; float:left; padding:0 2%}
.clear{clear:both; height:0}
.right{text-align:right}
.left{float:left}
footer{overflow: hidden; padding:1em}
.minimobil{display:none}
.mobil{display:none}

@media print, screen and (max-width:980px){
	.notablet{display:none}
	.col3{width:100%; float:none;}
	.col4{width:100%; float:none;}
	.col5{width:100%; float:none;}
	.pascale{width: 70%; margin-top: -11vw;}
	section#intro {
		background-image: url(../img/avocat_orsay.jpg);
		background-size: auto 100%;
	}
	.mentions section#intro {
		background-image: url(../img/avocat_orsay.jpg);
		background-size: 100% auto;
	}

}

@media print, screen and (max-width:800px){
	.nomobil{display:none}
	.mobil{display:initial}
	.col6, .col6inv{width:100%; float:none;}
	.pascale{width: 60%; margin-top: 14vw;}
	.cadrelogo{padding: 0 0 11px;}
	.cadreh1{background: #eef; box-shadow: 0px 0px 21px 0px rgb(35 62 153 / 50%);}
	section#intro {
		background-color: #eef;
		background-image: url(../img/avocat_orsay.jpg);
		background-size: 100% auto;
	}
}
@media print, screen and (max-width:480px){
	#contact{
	background-image: url(../img/cabinet_avocat_orsay.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
background-position: 50% 50%;}
}