/*********** ** Fonts ** ***********/
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One|Raleway:400,400italic);
/********** CSS ***********/
/***************** ** Base du CSS ** *****************/
*
{
	box-sizing: border-box;
    /* Opera et IE 8+ */
	-webkit-box-sizing: border-box;
    /* Safari ou Chrome et WebKits */
	-moz-box-sizing: border-box;
    /* Firefox et Geckos */
}
html{
	padding: 0;
	margin: 0;
}
body{
	padding: 0;
	margin: 0;
	color: #1e62bd;
	background: #ffffff;
	font-family: Regular, sans-serif;
	font-size: 70%;
}
/*********** ** Liens ** ***********/
a{
	color: #3cb6c7;
	-webkit-transition: all 0.45s ease-out;
	-moz-transition: all 0.45s ease-out;
	transition: all 0.45s ease-out;
	text-decoration: none;
}
a:visited{
	color: #09806b;
}
a:focus{
	color: #bf0280;
}
a:hover{
	color: #804180;
	text-decoration: underline;
}
/****************** ** Abreviations ** ******************/
abbr{
	border: none;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 0.01em;
	font-weight: bold;
}
/************ ** Header ** ************/
.body_header{
	height: 230px;
	padding: 50px 0 70px 0;
	background: #f8d69a 70% 0;
	background-attachment: fixed, fixed, fixed, scroll;
	box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.3);
	text-align: center;
}
.header_info{
	display: block;
	margin-top: -50px;
	font-size: 1.2em;
}
/************ ** Titles ** ************/
h1, h2{
	padding: 0 10%;
	margin: 0;
	color: #1d3658;
}
h1{
	padding-bottom: 5px;
	border-bottom: none;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 3.2em;
	text-transform: uppercase;
	font-weight:bold;
}
h1::before{
	display: inline-block;
	position: relative;
	top: 95px;
	content: "";
	width: 60px;
	height: 150px;
	margin: -100px 20px 0 0;
	background: url(logo.png);
	background-repeat: no-repeat;
	background-size: 100%;
	opacity: 0.6;
}
h2{
	display: block;
	padding-top: 5px;
	padding-bottom: 30px;
	border-top: none;
	color: rgba(29,54,88,0.6);
	font-size: 1.6em;
	font-style: italic;
	font-weight: normal;
}
h2::before{
	content: " ";
	padding: 50px;
}
h3{
	margin: 2em 0 0 0;
	color: #1d3658;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
}
/**************** ** Paragraphe ** ****************/
p{
	margin: 1.0em 0;
	line-height: 1.7;
}
.bold_italic{
	font-style: italic;
	font-weight : bold;
}
.bold_italic::hover{
	text-decoration: none;
}
/******************* ** Main elements ** *******************/
.main_page{
	position: relative;
}
.main_summary{
	margin: 0 auto;
	float: left;
	clear: left;
	width: 60%;
	padding: 1em 5% 1em 10%;
}
.page_content h3,.page_content p,.content_elements_list{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.main_summary{
	padding-top: 4em;
	padding-bottom: 1.5em;
}
/************* ** Sidebar ** *************/
 .sidebar{
	background: #edf4f0;
}
.sidebar h3{
	display: none;
}
.sidebar a{
	color: #607476;
	text-decoration: none;
}
.sidebar a:hover,.sidebar a:focus{
	color: #49968e;
}
.sidebar ul{
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
/********** ** Menu ** **********/
.menu ul{
	margin: 0;
}
.menu li{
	float: left;
	width: 50%;
	padding: 1.5em 10%;
	border-top: solid 1px #d9e3dc;
	color: #c0cac3;
	font-style: italic;
}
.menu li:hover,.menu li:focus{
	background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
    /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
    /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
    /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
    /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%);
    /* W3C */
}
.menu li.menu_fixed:hover,.menu li.menu_fixed:focus.menu li.menu_fixed,.menu li.menu_fixed{
	background: -moz-linear-gradient(left, rgba(180,180,180,0) 0%, rgba(180,180,180,0.5) 50%, rgba(180,180,180,0) 100%);
    /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(180,180,180,0)), color-stop(50%,rgba(180,180,180,0.5)), color-stop(100%,rgba(180,180,180,0)));
    /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(180,180,180,0) 0%, rgba(180,180,180,0.5) 50%, rgba(180,180,180,0) 100%);
    /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(180,180,180,0) 0%, rgba(180,180,180,0.5) 50%, rgba(180,180,180,0) 100%);
    /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(180,180,180,0) 0%, rgba(180,180,180,0.5) 50%, rgba(180,180,180,0) 100%);
    /* IE10+ */
	background: linear-gradient(to right, rgba(180,180,180,0) 0%, rgba(180,180,180,0.5) 50%, rgba(180,180,180,0) 100%);
    /* W3C */
}
.menu li:nth-child(2n+1){
	clear: left;
}
.menu .menu_title,li.viewall a{
	display: block;
	margin-bottom: 0.25em;
	font-family: 'Julius Sans One', sans-serif;
	font-size: 1.2em;
	font-style: normal;
	text-transform: uppercase;
}
.menu h3{
	display: none;
}
.menu .menu_title{
	color: #616857;
	font-size: 0.9em;
	font-style: normal;
}
/************** ** Portrait ** **************/
.portrait{
	display: inline-block;
	position: absolute;
	top: 45px;
	right: 7%;
	content: "";
	width: 150px;
	height: 154px;
	background: url(portrait_Magali_recontrast.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.8;
	border-style: solid;
	border-width: 8px;
	border-color: rgba(255, 157, 61, 0.15);
}
/****************** ** Honoraires ** ******************/
 .honoraires{
	margin: 0;
	padding: 1.5em 10%;
}
.honoraires h3{
	margin: 0;
	padding: 0 0 1em 0;
}
.honoraires table{
	padding: 0;
}
.honoraires td{
	border: solid 1px #d9e3dc;
}
.honoraires_line_pair{
	background: rgba(0, 40, 45, 0.02);
}
.honoraires_line_impair{
	background: rgba(0, 40, 45, 0.075);
}
.honoraires_line1{
	background: #278081;
}
.honoraires_line1 a{
	font-weight:bold;
	color: #ffeecc;
}
/******************** ** Meeting events ** ********************/
.content_elements_list{
	display: block;
}
 .content_elements_list li{
	padding-bottom : 4px;
}
/************** ** Pictures ** **************/
 .picture_base{
	display: inline;
	position: relative;
	opacity: 0.8;
	margin: 5px 20px 0 auto;
	border-style: solid;
	border-width: 8px;
	border-color: rgba(213, 208, 200, 0.15);
}
.picture_auto_resize{
	width:50%;
}
.picture_to_max_width{
	width:300px;
}
.picture_to_left{
	margin-top:-15px;
	float:left;
	width:120px;
}
.picture_to_right{
	border-color: rgba(30, 98, 189, 0.30);
}
.picture_to_left_calendar{
	float:left;
	width:190px;
}
.picture_double{
	display:inline-block;
	width:70%;
}
.picture_dual{
	display:none;
}
/****************** ** Introduction ** ******************/
/** Rien pour le moment **/
/************************ ** Content 2 (stones) ** ************************/
 .page_content_2{
	background-color: #2e425d;
}
.page_content_2{
	padding: 3em 0;
	margin-top: 3em;
}
.page_content_2 h3{
	margin-top: 0;
	color:#f8d69a;
}
.page_content_2 p,.page_content_2 li{
	margin-bottom: 0;
	color:#cef6f5;
}
/*************** ** Content 3 ** ***************/
/** Rien pour le moment **/
/************* ** Contact ** *************/
.page_content div.contact_div{
	margin : 0;
	padding : 0;
	width : 100%;
}
 .contact_form{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.contact_form fieldset{
	font-family: 'Julius Sans One', sans-serif;
	font-style: normal;
	color:#e8c68a;
}
.contact_form legend{
	font-size: 1.2em;
	text-transform: uppercase;
	color:#e8c68a;
}
.contact_form label{
	font-size: 0.8em;
	color:#e8c68a;
}
.contact_form p{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0;
	margin-right:0;
	width:100%;
}
.contact_form .basic_info input{
	width:100%;
}
.contact_form textarea{
	width:100%;
	height:150px;
	margin:5px 0;
}
.contact_form_mandatory_star{
	color : rgba(255, 55, 55, 0.8);
}
.contact_form_reveal_mandatory{
	border: solid 3px rgba(190, 50, 50, 0.6);
	background: rgba(250, 120, 90, 0.9) 20% 0;
}
/************ ** Footer ** ************/
 footer{
    /* Texte */
	padding: 2.5em 5%;
	text-align: center;
    /* Recouvrement */
	clear: both;
	padding-top : 0;
    /* Background */
	background: #f8d69a 70% 0;
	background-attachment: fixed, fixed, fixed, scroll;
	box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.3);
}
footer p{
	color: rgba(85, 85, 85, 0.7);
	margin-bottom: 0;
	font-style: italic;
	text-align: center;
	text-decoration: none;
	line-height: 0.9em;
	-webkit-transition: all 0.45s ease-out;
	-moz-transition: all 0.45s ease-out;
	transition: all 0.45s ease-out;
}
footer p.owner{
	padding-top:30px;
	font-size: 2em;
}
footer p.webmaster{
	font-size: 1.5em;
}
footer p.legal{
	padding-top:10px;
	font-size: 1.0em;
}
footer p:hover{
	color: #804180;
}
footer p:focus{
	color: #bf0280;
}
footer::before{
	display: block;
	content: " ";
	position: absolute;
	z-index: 3;
	left: 0;
	width: 100%;
	background: rgba(0, 40, 45, 0.075);
	height: 4px;
	margin-top : -4px;
}
/************** ** LightBox ** **************/
/* Overlay */
.overlay{
    /* Masqué Par défaut */
	display : none;
    /* Recouvrement */
	position : fixed;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
    /* Centrage de l'image */
	text-align : center;
    /* Background */
	background-color : rgba(0, 0, 0, 0.8);
}
/* Picture Container */
.overlay .pictureContainer{
    /* Recouvrement */
	position : fixed;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	z-index:10;
    /* Centrage de l'image */
	text-align : center;
}
/* Image dans l'overlay */
.overlay img{
    /* Marges */
	margin-top: 5%;
	margin-bottom: auto;
	margin-left:auto;
	margin-right:auto;
    /* Dimensions */
	max-width:80%;
	max-height:80%;
    /* Ombres */
    /* offset-x | offset-y | blur-radius | spread-radius | color */
	box-shadow: 0px 0px 0.7em 10px rgba(0, 0, 0, 0.8);
    /* Bordure */
	border-style: solid;
	border-width: 6px;
	border-color: rgba(0, 0, 0, 0.8);
}
/* The Close Button */
.closeButton{
    /* Marges */
	margin:0px;
	padding:0px;
    /* Couleurs */
	color: white;
    /* Positions */
	position: absolute;
	top: 15px;
	right: 20px;
	z-index:11;
    /* Font */
	font-size: 35px;
	font-weight: bold;
    /* Couleurs */
	transition: 0.6s ease;
}
.closeButton:hover,.closeButton:focus{
    /* Couleurs */
	color: #888;
    /* Pas de décoration */
	text-decoration: none;
    /* Curseur */
	cursor: pointer;
}
/* Next et previous */
.previous,.next{
    /* Curseur */
	cursor: pointer;
    /* Positions */
	position: absolute;
	top: 50%;
	z-index:11;
    /* Dimensions */
	padding: 16px;
	width: auto;
    /* Couleur */
	color: white;
    /* Font */
	font-weight: bold;
	font-size: 20px;
    /* Transition */
	transition: 0.6s ease;
    /* Bordures */
	border-radius: 0 3px 3px 0;
}
/* Position du bouton "précédent" */
.previous{
	left : 0px;
}
/* Position du bouton "next" */
.next{
    /* Positions */
	right: 0px;
	border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.previous:hover,.next:hover{
    /* Background */
	background-color: rgba(0, 0, 0, 0.8);
}
/**************** ** MessageBox ** ****************/
/* Overlay */
.messageOverlay{
    /* Masqué Par défaut */
	display : none;
    /* Recouvrement */
	position : fixed;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	z-index: 10;
    /* Centrage de l'image */
	text-align : center;
}
/* Message Info */
.messageOverlayNeutral{
    /* Background */
	background-color : rgba(150, 150, 150, 0.8);
}
/* Message Failure */
.messageOverlayFailed{
    /* Background */
	background-color : rgba(172, 45, 38, 0.8);
}
/* Message Success */
.messageOverlaySuccess{
    /* Background */
	background-color : rgba(45, 172, 38, 0.8);
}
/* La div de forme */
.messageBox{
    /* Recouvrement */
	position : fixed;
	top : 50%;
	left : 50%;
	width : 350px;
	height : 150px;
	margin-top : -75px;
	margin-left : -175px;
    /* Background */
	background-color : rgba(0, 0, 0, 0.7);
    /* Ombres */
    /* offset-x | offset-y | blur-radius | spread-radius | color */
	box-shadow: 0px 0px 0.3em 10px rgba(0, 0, 0, 0.4);
    /* Bordure */
	border-style: solid;
	border-width: 2px;
	border-color: rgba(200, 200, 200, 0.8);
}
/* Le message */
.messageContainer{
    /* Marges */
	margin-top:30px;
	padding:0px;
    /* Couleurs */
	color: white;
    /* Recouvrement */
	width: 100%;
	text-align: center;
}
/* The Close Button */
.messageCloseButton{
    /* Marges */
	margin:0px;
	padding:0px;
    /* Couleurs */
	color: white;
    /* Positions */
	position: relative;
	text-align: center;
	vertical-align: text-top;
	z-index:11;
    /* Font */
	font-size: 35px;
	font-weight: bold;
    /* Couleurs */
	transition: 0.6s ease;
}
.messageCloseButton:hover,.messageCloseButton:focus{
    /* Couleurs */
	color: #888;
    /* Pas de décoration */
	text-decoration: none;
    /* Curseur */
	cursor: pointer;
}
/************* ** Captcha ** *************/
/* Overlay */
.captchaOverlay{
    /* Masqué Par défaut */
	display : none;
    /* Recouvrement */
	position : fixed;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	z-index: 10;
    /* Centrage de l'image */
	text-align : center;
    /* Background */
	background-color : rgba(215, 215, 215, 0.9);
}
/* La div de forme */
.captchaBox{
    /* Recouvrement */
	position : fixed;
	top : 50%;
	left : 50%;
	width : 450px;
	height : 220px;
	margin-top : -110px;
	margin-left : -225px;
    /* Background */
	background-color : rgba(255, 255, 255, 0.9);
    /* Ombres */
    /* offset-x | offset-y | blur-radius | spread-radius | color */
	box-shadow: 0px 0px 0.3em 10px rgba(0, 0, 0, 0.4);
    /* Bordure */
	border-style: solid;
	border-width: 2px;
	border-color: rgba(50, 50, 50, 0.8);
}
/* Le conteneur du captcha */
.captcha_container{
    /* Marges */
	margin-top:0px;
	padding:0px;
    /* Couleurs */
	color: white;
    /* Recouvrement */
	width: 100%;
	text-align: center;
}
/* Le message */
.captchaMessage{
    /* Marges */
	margin-top:30px;
	padding:0px 20px;
    /* Couleurs */
	color: rgba(50, 50, 50, 0.8);
    /* Recouvrement */
	width: 100%;
	text-align: center;
}
/* Le message */
.captcha_form div{
    /* Marges */
	margin-bottom:-30px;
    /* Couleurs */
	color: rgba(50, 50, 50, 0.8);
    /* Recouvrement */
	width: 100%;
	text-align: center;
}
/************* ** Effects ** *************/
.initial_effect{
    /* Marges */
	margin:0px;
	padding:0px;
    /* Recouvrement */
	display: none;
	height:100%;
	width:200px;
    /* Position initiale */
	top: 0;
	position: fixed;
    /* Background */
	background: url(loading_effect.png);
	background-size: 100%;
	background-repeat: repeat-y;
	opacity: 0.8;
}
/************* ** Doctolib ** *************/
.doctolib-button
{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0px;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.42857;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	min-height: 0px;
	width: 135px;
	background-image: none;
	background-color: #3498db;
	cursor: pointer;
	text-decoration: none;
	border: 1px solid transparent;
	border-width: medium medium 2px;
	border-style: none none solid;
	border-image: none;
	border-radius: 5px;
	border-bottom-color: #2383c4;
	-moz-border-top-colors: none;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-user-select: none;
}
.doctolib-button-large
{
	width: 240px;
}
a.doctolib-button,
a.doctolib-button:visited
{
	color: #ffffff;
}
.doctolib-button:hover
{
	background-color: #077ac7;
	color: #ffffff;
	text-decoration: none;
}
.doctolib-div
{
	display: inline-block;
	position: absolute;
	top: 145px;
	content: "";
	opacity: 0.8;
}
/*************************** ** Medium-Low resolution ** ***************************/
 @media only screen and (max-width: 730px){
    /************ * Pictures * ************/
	.portrait {
	    display:none;
    }
	.doctolib-div {
         display:none;
    }
	.picture_auto_resize {
	    width:60%;
    }
	.picture_double {
	    display:none;
    }
	.picture_dual {
	    display:inline-block;
    }
}
@media only screen and (max-width: 600px){
	h1 {
	    margin-top: 10px;
	    font-size: 2.5em;
    }
	h1::before {
	    top: 90px;
	    content: "";
	    width: 50px;
	    height: 130px;
	    margin: -100px 50px 0 0;
    }
	h2::before {
	    padding: 25px 25px 25px 70px;
    }
    /************ * Pictures * ************/
	.picture_auto_resize {
	    width:70%;
    }
}
@media only screen and (max-width: 575px){
	.picture_to_left, .picture_to_left_calendar {
	    margin-top:-8px;
    }
}
/******************** ** Low resolution ** ********************/
 @media only screen and (max-width: 500px){
	.body_header {
	    height: 230px;
	    padding-top: 0;
    }
	h1 {
	    margin: 0;
    }
	h1::before {
	    display: block;
	    left: 50%;
	    width: 50px;
	    height: 50px;
	    margin: 0 0 0 -25px;
	    padding: 45px 0 35px 0;
	    top:20px;
    }
	h2::before {
	    padding: 0;
    }
	.menu li {
	    padding: 1em 5%;
    }
	.header_info {
	    margin-top: -30px;
	    font-size: 0.8em;
    }
    /************ * Pictures * ************/
	.picture_auto_resize, .picture_to_left_calendar {
	    width:80%;
    }
}
@media only screen and (max-width: 575px){
	.picture_to_left, .picture_to_left_calendar {
	    margin-top:0px;
	    width:90px;
    }
}
/*********************** * Very low resolution * ***********************/
@media only screen and (max-width: 340px){
    /********** * Header * **********/
	h1 {
	    font-size: 2em;
    }
	h2 {
	    font-size: 1.3em;
    }
    /********************* * Linéarise le menu * *********************/
	.menu li {
	    float: none;
	    width: 100%;
    }
    /************ * Pictures * ************/
	.picture_auto_resize {
	    width:90%;
    }
	.picture_to_max_width {
	    width:90%;
    }
	.picture_to_left, .picture_to_left_calendar {
	    float:inherit;
	    width:200px;
    }
}
/*********************** ** Medium resolution ** ***********************/
 @media only screen and (max-width: 1132px){
    /********** * Header * **********/
	.body_header {
	    border-top: solid 25px rgba(255, 157, 61, 0.05);
    }
	.body_header::after {
	    display: block;
	    content: " ";
	    position: absolute;
	    z-index: 3;
	    left: 0;
	    width: 100%;
	    background: rgba(0, 40, 45, 0.075);
	    top: 230px;
	    height: 4px;
    }
	.header_info {
	    display : none;
    }
	.portrait {
	    top : 45px;
	    right:10%;
	    width:100px;
	    height:100px;
    }
	.doctolib-div
	{
		top: 92px;
		margin-left:-25px;
	}
	.doctolib-button
	{
		
	}
    /******** * Font * ********/
	p, li, td {
	    font-size: 1.2em;
    }
    /*********** * Summary * ***********/
	.main_summary {
	    width:100%;
    }
}
/********************* ** High resolution ** *********************/
@media only screen and (min-width: 1132px){
    /****************************** * Background Gradiant (Menu) * ******************************/
	body {
	    background: #ffffff;
	    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 66%, #d5d0c8 66%, #d5d0c8 100%);
	    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(66%,#f3f8ff), color-stop(66%,#d5d0c8), color-stop(100%,#d5d0c8));
	    background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 66%,#d5d0c8 66%,#d5d0c8 100%);
	    background: -o-linear-gradient(left, #ffffff 0%,#ffffff 66%,#d5d0c8 66%,#d5d0c8 100%);
	    background: -ms-linear-gradient(left, #ffffff 0%,#ffffff 66%,#d5d0c8 66%,#d5d0c8 100%);
	    background: linear-gradient(to right, #ffffff 0%,#ffffff 66%,#d5d0c8 66%,#d5d0c8 100%);
	    font-size: 100%;
    }
    /********** * Header * **********/
	.body_header {
	    width: 100%;
	    height: 280px;
	    padding: 0 10%;
	    border-top: solid 25px rgba(255, 157, 61, 0.05);
	    vertical-align: middle;
	    text-align: left;
    }
	.body_header::after {
	    display: block;
	    content: " ";
	    position: absolute;
	    z-index: 3;
	    top: 9px;
	    left: 0;
	    width: 100%;
	    height: 7px;
	    background: rgba(0, 40, 45, 0.2);
    }
	.body_header::after {
	    top: 280px;
	    height: 4px;
	    background: rgba(0, 40, 45, 0.075);
    }
    /********* * Sizes * *********/
	h1 {
	    display: inline-block;
	    position: relative;
	    margin: 15px 0 0 0;
	    padding: 30px 0 5px 0;
    }
    /******** * Logo * ********/
	h1::before {
	    display: inline-block;
	    position: relative;
	    top: 85px;
	    content: "";
	    width: 75px;
	    height: 150px;
	    margin: -90px 60px 0 0;
	    background: url(logo.png);
	    background-size: 100%;
	    opacity: 0.6;
    }
    /******** * Text * ********/
	h2 {
	    display: block;
	    margin: 0;
	    padding: 5px 0 60px 70px;
    }
	p, li {
	    font-size: 1em;
    }
    /******** * Main * ********/
	.page_content {
	    display: inline;
    }
	.main_summary, .page_content div, .honoraires {
	    float: left;
	    clear: left;
	    width: 66%;
	    padding: 1em 5% 1em 10%;
    }
	.captcha_container div {
	    width: 100%;
	    float:none;
	    clear:none;
	    padding:0;
    }
	.page_content_1 h3, .page_content_1 p, .page_content_2 h3, .page_content_2 p, .page_content_3 h3, .page_content_3 p, .content_elements_list li {
	    width: 100%;
    }
	.content_elements_list {
	    margin-left : 0;
    }
    /************* * Content_2 * *************/
	div.page_content_2 {
	    width: 100%;
	    padding-left: 10%;
	    padding-right: 38%;
	    margin: 0;
    }
	div.page_content_last {
	    margin-bottom : 20px;
    }
    /******************** * Content paddings * ********************/
	div.page_content_2, div.page_content_3 {
	    padding-top: 2em;
    }
	div.page_content_1 {
	    padding-bottom: 2em;
    }
	.section_intro h3, .page_content h3 {
	    margin-top: 0;
    }
	.section_intro p:last-child, .page_content p:last-child {
	    margin-bottom: 0;
    }
    /******** * Menu * ********/
	.menu {
	    position: absolute;
	    top: 300px;
	    right: 0;
	    width: 33.3%;
	    padding: 0 0 20px 0;
	    margin: 0;
	    overflow: visible;
	    background: transparent;
    }
	.sidebar li {
	    float: none;
	    width: auto;
	    padding-left: 0;
	    padding-right: 0;
	    margin: 0 29.4% 0 14.7%;
	   /* 0 10% 0 5% of total width */
    }
	.menu li:first-child {
	    border-top: 0;
    }
    /************** * Motivation * **************/
	.picture_to_right {
	    right:50px;
	    margin-top:-70px;
	    margin-bottom:-300px;
	    width:380px;
	    position: absolute;
    }
    /*********** * Contact * ***********/
	.contact_form {
	    width:100%;
    }
	.contact_form .first_paragraph {
	    margin-top:-5px;
    }
}
@media only screen and (min-width: 1350px){
    /************ * Pictures * ************/
	.portrait {
	    right:10%;
    }
	.picture_to_right {
	    margin-top:-55px;
    }
}