@charset "utf-8";
/* ------------- Global style ------------- */

body {
	margin: 0; padding: 0;
	font-family: Arial, sans-serif; font-size: 12px;
	background-color: #fff;
}

img { border: none; }

::selection { text-shadow: none; background-color: #959595; color: #fff; }

::-webkit-input-placeholder { color: #787878; }
:-moz-placeholder { color: #787878; }
::-moz-placeholder { color: #787878; }
:-ms-input-placeholder { color: #787878; }

/* -------------- Font face -------------- */

@font-face {
    font-family: 'cabin-bold';
    src: url('fonts/cabin-bold-webfont.eot');
    src: url('fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabin-bold-webfont.woff2') format('woff2'),
         url('fonts/cabin-bold-webfont.woff') format('woff'),
         url('fonts/cabin-bold-webfont.ttf') format('truetype'),
         url('fonts/cabin-bold-webfont.svg#cabinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'oswald-book';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'din-cond-bold';
    src: url('fonts/din-bold-webfont.eot');
    src: url('fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold-webfont.woff') format('woff'),
         url('fonts/din-bold-webfont.ttf') format('truetype'),
         url('fonts/din-bold-webfont.svg#din-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'oswald-bold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ------------- Reset style ------------- */

ul, ol, li, p, h1, h2, h3, h4, h5, h6 {
	-webkit-padding-start: 0 ; -webkit-margin-before: 0; -webkit-margin-after: 0;
	-webkit-margin-start: 0; -webkit-margin-end: 0; -moz-padding-start: 0;
	-moz-padding-end: 0; -moz-margin-start: 0; -moz-margin-end: 0; padding: 0; margin: 0;}

.displayBlock { display: block; }
.displayNone { display: none; }
.alignleft { float: left; }
.alignright { float: right; }
.clear { display: block; clear: both; }

/* --------------- Header ---------------- */

.main-header-full {
	display: block; position: relative;
	background-image: url('../img/rendez-vous-medical-01.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	width: auto; height: 158px;
}

.main-header-bottom-full {
	position: absolute; bottom: 0;
	background-image: url('../img/rendez-vous-medical-02.png');
	background-repeat: repeat-x;
	width: 100%; height: 22px;
	-webkit-box-shadow: 0 5px 5px 0 #b1b1b1;
	box-shadow: 0 5px 5px 0 #b1b1b1;
}

.main-header-centered {
	display: block; margin: 0 auto 0; position: relative;
	width: 980px; height: 146px;
	background-image: url('../img/rendez-vous-medical-03.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.main-header-logo {
	display: block; float: left; margin: 40px 0px 40px 150px;
	background-image: url('../img/rendez-vous-medical-04.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 284px; height: 69px;
}

.main-header-logo a {
	display: block; width: 100%; height: 100%;
}

.main-header-share {
	display: block; float: right;
	position: relative;
	top: 30px; right: 15px;
}

.main-header-share li {
	display: inline-block;
	*display: inline; zoom: 1;
	margin: 0 3px;
	list-style: none inside;
	width: 29px; height: 29px;
	background-repeat: no-repeat;
	background-position: center center;
}

.main-header-share li a { display: block; width: 100%; height: 100%; }

.get-fb {
	background-image: url('../img/rendez-vous-medical-05.png');
}

.get-tw {
	background-image: url('../img/rendez-vous-medical-06.png');
}

.get-gp {
	background-image: url('../img/rendez-vous-medical-07.png');
}

/* --------------- Content --------------- */

.main-content-full {
	background-color: #ffffff;
}

.main-content-centered {
	display: block; margin: 50px auto 50px;
	width: 980px; height: auto;
}

.main-content-centered-top {
	
}

.main-content-centered-top-left {
	 float: left;
}

.main-content-centered-top-left h1 {
	display: block;
	font-family: 'cabin-bold'; font-weight: normal; font-style: normal;
	font-size: 35px;
	text-shadow: -1px -1px 1px #ccd6e3;
	color: #052667; text-transform: uppercase;
}

.main-content-centered-top-left h2 {
	display: block; float: left; clear: both;
	font-size: 14px; font-weight: normal;
	color: #000;
}

.main-content-centered-top-left h2 > span {
	font-size: 14px; font-weight: bold;
	color: #002060;
}

.main-content-centered-top-right {
	float: right;
}

.main-content-button {
	font-family: 'oswald-book'; font-weight: normal; font-style: normal;
	position: relative; color: #fff; text-decoration: none; padding: 5px 25px 5px 50px;
	-webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; text-transform: uppercase; font-size: 14px;
	
	background: #1d428a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFkNDI4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTI2NjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #1d428a 0%, #052667 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d428a), color-stop(100%,#052667));
	background: -webkit-linear-gradient(top,  #1d428a 0%,#052667 100%);
	background: -o-linear-gradient(top,  #1d428a 0%,#052667 100%);
	background: -ms-linear-gradient(top,  #1d428a 0%,#052667 100%);
	background: linear-gradient(to bottom,  #1d428a 0%,#052667 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d428a', endColorstr='#052667',GradientType=0 );
}

.main-content-button:before {
	content: ''; position: absolute; left: 10px; margin-top: auto; margin-bottom: auto; top: 0; bottom: 0;
	background-image: url('../img/icon/rendez-vous-medical-10.png');
	background-repeat: no-repeat;
	width: 13px; height: 17px;
}

.main-content-centered-middle {
	width: 980px; height: auto;
	margin: 30px auto 0;
}

.main-content-centered-middle-left {
	float: left; 
	width: 455px; height: auto;
}

.main-content-centered-middle-right {
	float: right;
	width: auto; height: auto;
}

.main-content-centered-middle-text {
	padding: 15px 0 25px 0; color: #000;
}

/*.ico-options {
	background-repeat: no-repeat;
	background-position: center center;
	width: 36px; height: 36px;
}

.ico-parking-01 { background-image: url('../img/icon/rendez-vous-medical-12.png'); } .ico-parking-00 { background-image: url('../img/icon/rendez-vous-medical-13.png'); }
.ico-metro-01 { background-image: url('../img/icon/rendez-vous-medical-14.png'); } .ico-metro-00 { background-image: url('../img/icon/rendez-vous-medical-15.png'); }
.ico-rer-01 { background-image: url('../img/icon/rendez-vous-medical-16.png'); } .ico-rer-00 { background-image: url('../img/icon/rendez-vous-medical-17.png'); }
.ico-bus-01 { background-image: url('../img/icon/rendez-vous-medical-18.png'); } .ico-bus-00 { background-image: url('../img/icon/rendez-vous-medical-19.png'); }
.ico-cb-01 { background-image: url('../img/icon/rendez-vous-medical-20.png'); } .ico-cb-00 { background-image: url('../img/icon/rendez-vous-medical-21.png'); }
.ico-cheque-01 { background-image: url('../img/icon/rendez-vous-medical-22.png'); } .ico-cheque-00 { background-image: url('../img/icon/rendez-vous-medical-23.png'); }
.ico-cartevitale-01 { background-image: url('../img/icon/rendez-vous-medical-24.png'); } .ico-cartevitale-00 { background-image: url('../img/icon/rendez-vous-medical-25.png'); }*/

.ico-options {
	background-image: url('../img/rendez-vous-medical-28.png');
	background-repeat: no-repeat;
	background-position: center center;
	width: 36px; height: 36px;
}

.ico-parking-01 { background-position: 0 0; } .ico-parking-00 { background-position: 0 -36px;}
.ico-metro-01 { background-position: -36px 0; } .ico-metro-00 { background-position: -36px -36px; }
.ico-rer-01 { background-position: -72px 0; } .ico-rer-00 { background-position: -72px -36px; }
.ico-bus-01 { background-position: -108px 0; } .ico-bus-00 { background-position: -108px -36px; }
.ico-cb-01 { background-position: -144px 0; } .ico-cb-00 { background-position: -144px -36px; }
.ico-cheque-01 { background-position: -180px 0; } .ico-cheque-00 { background-position: -180px -36px; }
.ico-cartevitale-01 { background-position: -216px 0; } .ico-cartevitale-00 { background-position: -216px -36px; }

.list-ico-options li {
	position: relative;
	list-style: none inside;
	display: inline-block;
	*display: inline; zoom: 1;
	margin: 0 9px;
}

.list-ico-options li span {
	position: absolute;
	bottom: -15px;
	text-align: center; font-size: 10px;
	left: 0; right: 0;
	margin-left: auto; margin-right: auto;
}

.list-ico-options li.ico-cartevitale-01 span,
.list-ico-options li.ico-cartevitale-00 span {
	bottom: -25px;
}

.list-ico-options li:first-child { margin: 0 9px 0 0; }
.list-ico-options li:last-child { margin: 0 0 0 9px; }

.main-content-centered-bottom {
	margin: 40px auto 0;
	display: block; width: 950px; height: auto;
	background-color: #f1f1f1;
	padding: 15px;
}

.main-content-centered-bottom h3 {
	font-family: 'oswald-book';
	font-weight: normal; font-style: normal; text-transform: uppercase;
	color: #002060; font-size: 16px;
	padding: 0 0 15px 0;
}

/* RDV TABLE */

.navigation_button {
	display: inline-block; outline: none;
	background: #ececec;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VjZWNlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ececec 0%, #dfdfdf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#dfdfdf));
	background: -webkit-linear-gradient(top,  #ececec 0%,#dfdfdf 100%);
	background: -o-linear-gradient(top,  #ececec 0%,#dfdfdf 100%);
	background: -ms-linear-gradient(top,  #ececec 0%,#dfdfdf 100%);
	background: linear-gradient(to bottom,  #ececec 0%,#dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#dfdfdf',GradientType=0 );

	border: 1px solid #DCDCDC; border-radius: 15px 15px 0 0; box-shadow: 0 1px 0 0 #FFFFFF inset;
	font-family: Georgia; font-size: 12px; font-style: normal; font-weight: bold; color: #777777;
	width: 86px; height: 25px; line-height: 25px;
	text-align: center; text-decoration: none; text-indent: 0;
	text-shadow: 1px 1px 0 #FFFFFF;
}

.navigation_button:hover {
	background: #dfdfdf;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #dfdfdf 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #dfdfdf 0%,#ececec 100%);
	background: -o-linear-gradient(top,  #dfdfdf 0%,#ececec 100%);
	background: -ms-linear-gradient(top,  #dfdfdf 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #dfdfdf 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ececec',GradientType=0 );
}

#textRdv {
	color: #979797; font-family: Georgia;
}

#grid td:nth-child(2n+1), #content #grid th:nth-child(2n+1) {
	background: none repeat scroll 0 0 #EFEFF5;
}

#grid, #content #grid th {
	font-family: Georgia;
	border-bottom: 1px solid #C0C0D9;
	color: #08375E;
}

#grid a {
	color: #858997;
	text-decoration: none;
	padding: 1px 0;
	display: inline-block;
}

#grid a:hover {
	color: #08375E;
	font-weight: bold;
}

/* Page int */

.input-style-select {
	padding: 3px; outline: none;
	border: 1px solid #bbbbbb;
	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.blue {
	color: #002060;
}

.edit-profil:before {
	content: ''; position: absolute;
	width: 15px; height: 15px; left: -20px; top: -1px;
	background-image: url('../img/icon/rendez-vous-medical-26.png');
	background-repeat: no-repeat;
	background-position: left center;
}

.edit-profil {
	display: block; float: right; position: relative;
	color: #08296b; font-weight: bold;
	margin: 20px 0;
}

.main-content-centered-middle-right-top {
	line-height: 16px;
}

.main-content-centered-middle-right-top strong {
	color: #;
}

.main-content-centered-middle-right-bottom {
	padding: 18px;
	background-color: #f1f1f1;
	margin: 20px 0 0 0;
}

.main-content-centered-middle-right-bottom ul li:first-child { padding: 0 0 5px 0; }
.main-content-centered-middle-right-bottom ul li:last-child { padding: 7px 0 10px 0; }

.main-content-centered-middle-right-bottom ul li {
	list-style: none inside;
	padding: 7px 0;
}

.main-content-centered-middle-right-bottom .list-form-top label {
	display: inline-block;
	width: 175px;
	text-align: right; font-weight: bold;
}

.middle-right-width-page-int { width: 464px; }

.list-form-mid {
	margin: 0;
}

.list-form-bot {
	margin: 20px 0 0 0;
}

.input-style-textarea {
	display: block; outline: none; padding: 3px; resize: none;
	width: 428px; height: auto; min-height: 100px;
	border: 1px solid #bbbbbb;
	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
	transition: height 0.2s; -webkit-transition: height 0.2s; -moz-transition: height 0.2s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cursor-pointer { cursor: pointer; }

.style-input-checkbox { position: relative; top: 2px; }

.last {
	padding: 7px 0 0 0 !important;
}

.input-style-submit {
	position: relative; float: right;
	outline: none; border: none;
	font-family: 'oswald-book'; font-weight: normal; font-style: normal; font-size: 14px;
	color: #fff; text-decoration: none;
	padding: 5px 20px;
	border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
	text-transform: uppercase;
	background: #1d428a;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #1d428a 0%, #052667 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d428a), color-stop(100%,#052667));
	background: -webkit-linear-gradient(top, #1d428a 0%,#052667 100%);
	background: -o-linear-gradient(top, #1d428a 0%,#052667 100%);
	background: -ms-linear-gradient(top, #1d428a 0%,#052667 100%);
	background: linear-gradient(to bottom, #1d428a 0%,#052667 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d428a', endColorstr='#052667',GradientType=0 );
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* --------------- Footer ---------------- */

.main-footer-top-full {
	width: 100%; height: 108px;
	background-image: url('../img/rendez-vous-medical-08.jpg');
	background-repeat: repeat-x;
	background-color: transparent;
}

.main-footer-top-centered {
	width: 980px; height: auto;
	margin: 0 auto 0;
	padding: 20px 0;
}

.main-footer-top-line-01,
.main-footer-top-line-02,
.main-footer-top-line-03 {
	display: block;
	text-align: center;
	padding: 4px 0;
}

.main-footer-top-line-01 {
	text-transform: uppercase;
	color: #000; font-weight: bold; font-size: 12px;
}

.main-footer-top-line-02 {
	color: #002060; font-weight: normal; font-weight: bold; font-size: 14px;
}

.main-footer-top-line-03 {
	font-style: italic; font-size: 12px;
}

.main-footer-bottom-full {
	width: 100%; height: 44px;
	background-image: url('../img/rendez-vous-medical-09.jpg');
	background-repeat: repeat-x;
	background-color: transparent;
}

.main-footer-bottom-centered {
	width: 980px; height: auto;
	margin: 0 auto 0; color: #002060;
	padding: 15px 0;
}

.main-footer-bottom-centered-left {
	float: left;
	text-align: left;
}

.main-footer-bottom-centered-right {
	float: right;
	text-align: right;
}

.main-footer-bottom-centered-right a {
	color: #002060;
}

.labelError { color: #f00; }
.inputError { border: 1px solid #f00; }
#confirm-rdv-error { color: #f00; font-weight: bold; }

/* --------------- Effects --------------- */

.anim-opacity {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.anim-opacity:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.anim-all {
	-webkit-transition: all 0.2s ease-out; 
	-moz-transition: all 0.2s ease-out; 
	-ms-transition: all 0.2s ease-out; 
	-o-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;
}