/*!
 * Start Bootstrap - Agency Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html {
}

body {
font-family:"Times New Roman", Times, serif;
line-height: 1.42em;
font-size: 15px;
font-weight:400;
}

p {	
font-family:"Times New Roman", Times, serif;
font-size: 18px;
line-height: 1.7em;
margin-bottom:18px;
font-weight:400;
color:#000;
}

.titre {
font-family:"Times New Roman", Times, serif;
font-size: 36px;
line-height: 1.42em;
margin-bottom:0px;
font-weight:600;
color:#000;	
}

.nom {
font-family:"Times New Roman", Times, serif;
font-size: 20px;
line-height: 1.42em;
margin-bottom:0px;
font-weight:400;
color:#000;		
}

.citation {	
font-family:"Times New Roman", Times, serif;
font-size: 17px;
line-height: 1.42em;
margin-top:50px;
font-weight:400;
color:#000;	
width: 400px;	
}

.source {
font-family:"Times New Roman", Times, serif;
font-size: 14px;
line-height: 1.42em;
margin-bottom:70px;
font-weight:400;
color:#000;
width: 400px;			
}

#chapitre9 p,
#bio p,
#biobis p {
font-family:"Times New Roman", Times, serif;
font-size: 15px;
line-height: 1.6em;
margin-bottom:10px;
font-weight:400;
color:#000;	
text-align:justify ;		
}

h4 {	
font-family:"Times New Roman", Times, serif;
font-size: 24px;
line-height: 1.7em;
margin:90px 0 25px 0;
font-weight:600;
color:#000;		
}

h5 {	
font-family:"Times New Roman", Times, serif;
font-size: 18px;
line-height: 1.7em;
margin:40px 0 20px 0;
text-decoration:underline;
color:#000;		
}

blockquote {
font-family:"Times New Roman", Times, serif;
font-size: 17px;
line-height: 1.7em;
margin-bottom:18px;
font-weight:400;
color:#000;	
border-left: 1px solid #000 !important ;
padding:0 0 0 15px ;
text-align:justify ;
margin:25px 0 25px 3em !important;
}


p b,
li b {
font-weight:600;
}

#abstract p,
#online p {
text-align:justify;
text-indent: 3em;
}

a {
	color: #000 !important;
	text-decoration:none;
    outline: 0;
}

a:hover,
a:focus,
a:active,
a.active {
	color:#ff9000 !important;
	text-decoration:none;
    outline: 0;
}

a.bulle { 
position:relative;
color:#ff9000 ;
text-decoration:none;
font-family:"Times New Roman", Times, serif;
}

a.bulle:hover {
background: none;
z-index: 50;
}

a.bulle span {
display: none;
}

a.bulle:hover span {
display: block;
position: absolute;
top: -50px; 
left: 0px; 
text-align:left;
font-size: 15px;
font-weight: 400;
color:#fff;
background: black;
padding: 8px 14px;
text-indent: 0;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

sup {
font-family:"Times New Roman", Times, serif;	
}

.fa-2x {
font-size: 1.2em !important;
color:#ef5950;
}

.fa-3x {
font-size: 2.2em !important;
color:#ef5950;
}

#main {
margin:0 15px;	
}

/*Titre*/

.navbar-header a {
font-family:"Times New Roman", Times, serif;
font-weight:600;
font-size: 20px;
line-height: normal;
letter-spacing:0px;
color:#000 !important;
padding: 25px 15px 15px 15px;
}

/*menu*/

.navbar-default .nav li a {
font-family: 'Zilla Slab', serif;
font-weight: 500;
font-size:12px;
letter-spacing:1px;
color: #000;
}

.navbar-nav > li > a {
    padding-top: 30px;
	padding-bottom:0;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #ff9000;
}

.navbar-default .navbar-nav >.active > a {
    color: #ff9000;
}

.navbar-default .navbar-nav >.active > a:hover,
.navbar-default .navbar-nav >.active > a:focus {
    color: #ff9000;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: none !important;
}

.navbar-default {
        padding: 0;
        border: 0;
        background-color: white;
        -webkit-transition:none;
        -moz-transition: none;
        transition: none;
		border-bottom:2px dotted #ccc;
		min-height:79px;
}

.navbar-default.navbar-shrink {
        padding: 0;
}

/*menu responsive*/

.navbar-toggle {
margin-top:25px;
background-color:#ddd;	
}
.navbar-header {
height:80px;	
}

@media (min-width:768px) and (max-width:1250px) {
 nav .container {
	 width:100% !important; 	 
 }
 
.navbar-default .nav li a {
letter-spacing:0;
}
}

@media (min-width:921px) and (max-width:1250px) {
 
.nav > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
 
 .navbar-default .nav li a {
    font-size: 11px !important;
}
}
 
@media (min-width:768px) and (max-width:920px) {
 
.nav > li > a {
    padding-left: 6px !important;
    padding-right: 6px !important;
}
 
 .navbar-default .nav li a {
    font-size: 10px !important;
}
}

@media (max-width:767px) {
.navbar-nav > li > a {
    padding-bottom: 0;
    padding-top: 10px;
	margin-bottom:10px;
}
}


/*banner*/

header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #f5f4ed;
    background-origin: padding-box;
    background-position: center top;
    background-repeat:repeat;
    background-size: auto auto;
    height: 700px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 80px;
	/*border-bottom:2px dotted #ccc;	*/
}

header .container {
	height:700px;
	line-height:700px;
	text-align:center;
}

header .intro-text {
   vertical-align:middle;
   display:inline-block;
   line-height:normal;
   text-align:center; 
   padding-top:0px;
   padding-bottom:0; 
}

header .intro-text img {
   margin:0 auto 15px auto;
}


/*
header .intro-text .name {
font-family: 'Source Sans Pro', sans-serif;
font-weight:600;
font-size: 30px;
line-height: 1.1em;
letter-spacing:0;
color:#000;
display:block;
padding:20px 0 20px 0;
}

.container-fluid.orange {
background-color:#f16338;
}

.container-fluid.orange .skills {
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size: 16px;
line-height: 1.42em;
letter-spacing:0;
color:#fff;
margin:0 auto;
padding:30px 15px 30px 15px;
max-width:800px !important;
display:block;
}

.container-fluid.footer {
border-top:2px dotted #ccc;
padding-bottom:30px;
}

.container-fluid.footer .skills {
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size: 16px;
line-height: 1.42em;
letter-spacing:0;
color:#000;
margin:0 auto;
padding:30px 15px 15px 15px;
max-width:800px !important;
display:block;
}
*/


@media (max-width:767px) {	
header {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #f5f4ed;
    background-origin: padding-box;
    background-position: center top;
    background-repeat:repeat;
    background-size: auto auto;
    height: 680px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 80px;
}

header .container {
	height:680px;
	line-height:680px;
	text-align:center;
}
}

/*intro*/

#intro {
   margin:0 auto 0 auto;
   text-align:center;
}

#intro h3 {
font-family:"Times New Roman", Times, serif;
font-size: 24px;
line-height:normal;
margin:80px 15px 25px 15px;
font-weight:600;
color:#000;	
width:auto;
text-align :center;	
}

#intro p {
font-family:"Times New Roman", Times, serif;
font-weight:400;
margin:0 15px 50px 15px;
text-align :center;	
}

#bio h3 {
font-family:"Times New Roman", Times, serif;
font-size: 24px;
line-height:normal;
margin:15px 15px 50px 15px;
font-weight:600;
color:#000;	
width:auto;
text-align :center;	
}

#biobis h3 {
font-family:"Times New Roman", Times, serif;
font-size: 24px;
line-height:normal;
margin:50px 15px 50px 15px;
font-weight:600;
color:#000;	
width:auto;
text-align :center;	
}

/*section*/

#table,
footer {
background-color: #f5f4ed;
}


section h2.section-heading {
	font-family:"Times New Roman", Times, serif;
/*font-family: 'Zilla Slab', serif;*/
	font-size:24px;
	font-weight:600;
	line-height: normal;
	letter-spacing:0px;
	color:#000;
	padding:0;
	margin:90px 0 25px 0;
}

hr {
    border-top: 2px dotted #ccc;
	/*height:1px;
    background-color: #ff9000;*/
    width: 60px;
	margin-top:80px;
	margin-bottom:0px;
}

div#bio,
div#biobis {
margin-bottom:50px;	
}

section {
    padding: 0 0 80px 0;
}

@media (max-width:767px) {
section {
    padding: 0 0 80px 0
}
}

section img {
   display:block;
   margin:0 auto;
}

section.notes {
border-top:2px dotted #ccc;	
}

/*section contact - formulaire*/

.form-control{
border-top:none;
border-left:none;
border-right:none;
box-shadow: none;
border-radius: 0px;
border-bottom-color:#222222 !important;
padding-left:0;
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
}

.form-control:focus{
box-shadow: none;
border-bottom-color:#ff9000;

}

.btn {
background-color: #000;
border: none;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
transition: all 0.35s;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
cursor: pointer;
vertical-align:top;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857;
	margin-top:5px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 8px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-top: 8px !important;
	color:#fff;
}

.btn:hover,
.btn-success:hover,
.btn:focus,
.btn:active {
  background-color: #000;
  color:#fff;
}

textarea {  
  overflow:hidden;
  display:block;
}

.text-danger ul {
    color: #ff9000;
	list-style:none !important;
	padding-left:0 !important;
}

.help-block li {
	font-size:13px;
}

.colonne {
max-width:850px;
margin:0 auto;
padding:0 15px;	
}

/*footer*/

footer p {
	color:#000;
	margin-bottom:0px;
	font-size:15px;
}

@media (max-width:992px) {
footer .col-md-3 {
padding-bottom:30px;	
}

footer .col-md-3.last {
padding-bottom:0;	
}
}

/* modal */

/*Add .modal-dialog-centered to .modal-dialog to vertically center the modal.*/

@media (max-width: 680px) {
.modal-dialog img {
max-width:200px;
}
}

.modal-dialog-centered {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:calc(100% - (.5rem * 2));
}

@media (min-width: 576px) {
  .modal-dialog-centered {
    min-height:calc(100% - (1.75rem * 2));
  }
}

.modal-backdrop.show {
    opacity: 0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
}

.modal-backdrop {
    background-color: none;
}

.modal-content {
	max-width:850px !important;
	border-radius:0 !important;	
	border:none;
	/*background-color: rgba(250, 250, 250, 1);*/
}

.modal-content h3 {
font-family: 'Zilla Slab', serif;
font-weight: 600;
font-size:18px;
letter-spacing:1px;
color: #000;
padding:0 0 15px 0;
margin:0;
line-height:normal;
}

.modal-content p {
font-family: 'Source Sans Pro', sans-serif;
font-size: 16px;
line-height: 1.6em;
font-weight:400;
color:#000;
}

.close,
.close:hover,
.close:focus {
	color:#222;
	text-shadow:none;
	opacity :1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

li {	
font-family: 'Source Sans Pro', sans-serif;
font-size: 17px;
line-height: 1.42em;
font-weight:400;
color:#000;
}


li.espace {
padding :0 0 15px 0;	
}

@media (min-width: 768px) and (max-width:991px) {
.modal-dialog {
	width:750px !important;
}
}

@media (min-width: 992px) {
.modal-header {
	border-bottom:none;
	padding:20px 25px 25px 25px !important;
}
.modal-body {
padding:0 25px;	
}

.modal-footer {
padding:20px 25px 25px 25px;
border-top:2px dotted #ccc !important;		
}

ol {
padding :0 15px;	
}
}

@media (max-width: 991px) {
.modal-header {
	border-bottom:none;
	padding:15px 15px 15px 15px !important;
}
.modal-body {
padding:0 15px;	
}

.modal-footer {
padding:15px 15px 15px 15px;	
border-top:2px dotted #ccc !important;
}


ol {
padding :0 15px;	
}
}