@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Raleway');


@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');


/* CSS Document */

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: #fdfdfd;
  font-family:"Nunito Sans", helvatica, sans-serif;
  font-size: 16px;
}

body,
td,
th {
  color: #111;
}




/** aligner les vignettes dans les tableaux **/

.tr_vignette {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p {
  color: #333;
}

.p_center {
  text-align: center;
  margin-bottom: 3px;
}

.works {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 15px;
}

li,
ul {
  padding-left: 5px;
  display: list-item;
  list-style-type: none;
  text-decoration: none;
  line-height: 20px;
}

a:link {
  text-decoration: none;
  color: #666;
}



a:hover {
  text-decoration: none;
  color: #111;
}

a:active {
  text-decoration: none;
  color: #999;
}

h1 {
  display: inline;
  color: #111;
  font-size: 20px;
  text-align: left;
  font-weight: 400;
  font-style: italic;
}

/* IMAGES CONTAINERS*/

#image-container {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

.image-box {
  display: flex;
  justify-content: space-around;
 
}
.image-box-justifyleft {
 display: flex;
}
.image-box img{
 width:180px;
 height:180px;
 object-fit:contain;
}
.image-box-justifyleft img{
 width:180px;
 height:180px;
 object-fit:contain;
}
.image-box > div, .image-box-justifyleft > div {
  padding-bottom: 10px;
  padding-left:0px;
}
.image-box-justifyleft > div {
	padding-left:20px;
}

/* TEXTE CONTAINER*/



section {
  margin-left: auto;
  margin-right: auto;
  margin-top: 70px;
  width: 900px;
  padding-bottom: 250px;
}
.sectionindex{
  margin-top: 30px;

}
.menu {
  text-align: center;
  font-size: 14px;
  color: #222;
  font-family: "Nunito Sans", sans-serif;
line-height:18px;
}
.menu-top {line-height:20px ;
}


.menu-top a {
  font-size: 16px;
  letter-spacing: 1px;
  font-family: "Nunito Sans", sans-serif;
text-transform: capitalize;
}

.menu-main {
  width: 900px;
  margin: 0 auto;
  text-align: center;
}

.menu-main li {
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
}

.main-nav {
  display: inline;
}

.menuseries {
  letter-spacing: 1px;
}

.menuseries a,
.menuseries a:visited {
  color: #222;
}

.menuseries a:hover {
  color: #333;
}

.menuserie-index {
  letter-spacing: 1px;
}

.menuseries-index a,
.menuseries-index a:visited {
  color: #222;
}

.menuseries-index a:hover {
  color: #666;
}

a.menuactif:link {
  color: 000;
  font-style: bold;
}

a.menuactif:visited {
  color: 000;
  font-style: bold;
}

a.menuactif:hover {
  color: 000;
  font-style: bold;
}

a.menuactiftitre:link {
  font-weight: bold;
text-decoration: underline;
  color: #000;
}

a.menuactiftitre:visited {
  color: #000;
  font-weight: bold;
}

a.menuactiftitre:hover {
  color: #000;
  font-weight: bold;
}
a.menuactiftitre:active {
  color: #666;
}

a.lien-archive:link {

  font-size:15px;
}



a.lien-archive:hover {
  color: #222;
}



a.Style6 {
  color: #222;
  font-style: italic;
}

a.Style6:link {
  color: #222;
}

a.Style6:hover {
  color: #222;
}

a.Style6:visited {
  color: #666;
}



.texte-link {
  color: #666;
  line-height: 1.5em;
}

.texte-link a,
.texte-link a:visited {
  color: #000;
}

.texte-link a:hover {
  color: #666;
}

.couleur-bleu-lien a {
  color: #09F;
  font-family: "Raleway", sans-serif;
  font-size: 0.9em;
  font-style: italic;
}

.couleur-bleu-lien a:hover {
  color: #aaa;
}

.couleur-bleu-lien-normal a {
  color: #09F;
  font-family: "Raleway", sans-serif;
  font-size: 1em;
  font-style: normal;
}

.couleur-bleu-lien-normal a:hover {
  color: #aaa;
}


.policex3{font-size:120%;}

.color_theme {
  margin-bottom: 16px;
}

.color_theme a {
  color: #222;
}

.color_theme a:visited {
  color: #222;
}

.color_theme a:link {
  color: #222;
}

.color_theme a:hover {
  color: #222;
}

.titre_index {
  color: #000;
}

.titre_index a {
  color: #000;
}

.titre_index a:visited {
  color: #000;
}

.titre_index a:link {
  color: #000;
}

.titre_index a:hover {
  color: #000;
}


.titrebox{font-size:1.1em;padding-bottom:8px;padding-top:18px;}
#copyrights {
  font-size: 10px;
  color: #666;
  text-align: center;
  padding: 5px;
  width: 100%;
  height: 30px;
}

#archives {
  font-size: 15px;
  color: #999;

}

.stickyheader {
  background-color: #fff;
  font-size: 22px;
  text-align: center;
  position: fixed;
  left: 0;
  top: 0; 
  padding-top: 0px;
  padding-bottom:0px;
  width: 100%;
  transition: top .5s;
  -webkit-transition: top .5s;
  height: auto;
  border-bottom: thin solid #ddd;
}


.gizle {
  top: -90px;
}

.sabit {
  top: 0;
  z-index: 9999;
}


/*INDEX */

.indexsection {
  width: 1200px;
}

.indexsection > nav {
  padding-top: 0;
  margin-top: 0;
}

.index-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  align-content: left;
  grid-template-columns: repeat(3, 1fr);
  align-items: end;
}

.grid-news{
max-width: 800px;
grid-template-columns: repeat(2, 1fr);

}
.menu-index {
	font-size:17px;
}

.index-box {
padding: 0rem;
padding-bottom:2rem;
padding-left:2rem;
border: 1px solid lightgrey;
justify-content: center;

height:auto;
}


.index-box img {
  height:300px;
}

.inbox-actu{height:800px;
text-align:left; padding:.5rem; }
.inbox-actu img{width:100%;height:auto;}





/* HIGHLIGHTS*/

.index-container-hl {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}

.index-box-hl {
  padding: 1rem;
  text-align: center;
}

.index-box-hl img {
  width:100%;
}


#slider_index {
  margin-top: 8vh;
  margin-bottom: auto;
  height: 700px;
}

.aside_nav {
  font-size: 15px;
  padding-bottom: 0;
  padding-top: 7px;
  font-family: "Nunito Sans", sans-serif;
}

.padmenu2 {
  padding-left: 237px;
}

.padmenu3 {
  padding-left: 388px;
}

.padmenu1 {
  padding-left: 550px;
}

nav {
  margin-top: 5px;
}

section > nav {
  padding-top: 25px;
}

article {
  padding-top: 10px;
}

#tableau_image {
  width: 560px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-style: normal;
}

.tableau_image2 {
  width: 100%;
  text-align: center;
}

.tableau_image2 img {
  width: 450px;
  max-width: 100%;
}

#tableau_image img {
  max-height: 150px;
  max-width: 150px;
}

.table_photo {
  width: 560px;
  text-align: center;
  border-collapse: separate;
  border-spacing: 15px;
}

.table_photo td {
  width: 140px;
}

#texte_serie {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 500px;
  padding-left: 100px;
  color: #666;
}

.ombre {
  border: 0 solid #fff;
  -moz-box-shadow: 1px 1px 12px #555;
  -webkit-box-shadow: 1px 1px 12px #555;
  box-shadow: 1px 1px 12px #555;
}

.patrick_rimond {
  font-size: 28px;
  font-family:  "Raleway", sans-serif;
  text-align: center;
  letter-spacing: 3px;
  padding-top: 4px;
  padding-left: 9px;
  padding-bottom: 0px;
}

.patrick_rimond a:link,
.patrick_rimond a:visited {
  color: #222;
}

.patrick_rimond a:hover {
  color: #ccc;
}

.edition {
  font-size: 12px;
}

#main {
  position: absolute;
  top: 25px;
  left: 50%;
  width: 1200px;
  margin-left: -600px;
  z-index: 1;
}

.Style13 {
  font-weight: 400;
  color: #006;
  font-size: 14px;
  visibility: visible;
  color: #666;
}

.Style14 {
  font-size: 10px;
  color: #00F;
}

.Style15 {
  color: #666;
}

.Style16 {
  font-size: 12px;
  color: #000;
}

.titrexpobio{font-style: italic;}

#primondframe {
  padding-top: 70px;
  width: 700px;
  margin-right: auto;
  margin-left: auto;
  width: 525px;
  height: 775px;
  text-align: center;
}

#apDiv3texte {
  position: absolute;
  width: 600px;
  height: auto;
  z-index: 1;
  left: 50%;
  margin-left: -300px;
  top: 121px;
  overflow: visible;
  visibility: visible;
  color: #666;
}

#apDiv3edition {
  width: 80%;
  max-width: 700px;
  height: auto;
  z-index: 1;
  padding-top: 100px;
  margin-left: auto;
  margin-right: auto;
  color: #666;
  margin-bottom: 150px;
}

#apDiv3edition img {
  max-width: 100%;
}

#apDiv3bio {
  max-width: 750px;
  z-index: 1;
  margin-right: auto;
  margin-left: auto;
  color: #666;
  padding-top: 55px;
}

.poemeformes {
  line-height: 150%;
}

.bio-demarche {
  width: 95%;
  padding-left: 3%;
}

#depart_rencsingul {
  width: 375px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 10px;
  margin-top: 10px;
}

.imghover:hover {
  opacity: .5;
}

.RencS-dates {
  font-size: 11px;
  font-style: italic;
  text-align: left;
  padding-top: 15px;
}

.videofr3 {
  max-width: 100%;
}

.imagevertical {
  width: 525px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.imagevertical img {
  padding-bottom: 50px;
}



footer {
  position: relative;
  bottom: 0;
}

/* arrow to top http://www.jqueryscript.net/other/Smooth-Page-Scroll-to-Top-with-jQuery.html*/

.scrollup{
			width:55px;
			height:55px;			
			text-indent:-9999px;
			opacity:0.9;
			position:fixed;
			bottom:130px;
			right:14%;
			display:none;			
			background: url('https://www.patrickrimond.com/images/icon_top_large.png') no-repeat;
		}



@media (max-width: 768px) {

.index-box img {
  height:auto;
  width:100%;
  padding-bottom:15px; 
}

.index-box {
height:auto;

}

.index-container {
    grid-template-columns: repeat(1, 1fr);
  }

   .index-container-hl {
    grid-template-columns: repeat(1, 1fr);

   }
  
  #index-container {
	width:100%;  
  }

.image-box{display:block}
 .image-box img{
  height:auto;
    width: 100%;
  }
 
  .image-box-justifyleft img{
    width: 100%;
  }
  

  .imagevertical {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
width:100%;
  }

  .imagevertical img {
    padding: 2%;
    width: 96%;
    max-width: 525px;
    text-align: center;
  }

  .menu {
    font-size: 14px;
    letter-spacing: 0px;
  }

  .menuseries {
    font-size: 15px;
    line-height: 20px;
    text-align: center;
  }

  .patrick_rimond {
    font-size: 28px;
    letter-spacing: 0;
    padding-top: 6px;
  }

  .p_centerpaypal {
    text-align: center;
    height: auto;
  }

  #slider_index {
    margin-top: auto;
    height: 700px;
  }

  #copyrights {
    height: 45px;
    font-size: 9px;
    position: relative;
    text-align: left;
    padding-left: 3%;
    width: 95%;
  }

  #depart_rencsingul {
    width: 100%;
  }

  .aside_nav {
    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 10px;
  }

  p {
    text-align: justify;
    font-size: 1em;
    color: #333;
    line-height: 1.1em;
  }

  p.menuseries {
    padding-top: 5px;
  }

  .menu-main {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }

  .menu-main li {
    display: block;
    padding-left: 0px;
    padding-right: 0px;
    line-height: 170%;
  }

  section {
    margin-left: 3%;
    margin-right: auto;
    margin-top: 20px;
    width: 94%;
    min-height: 1200px;
  }

  li,ul {
    padding: 0;
    list-style-type: none;
    text-decoration: none;
    line-height: 20px;
  }

  article {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }

  #tableau_image {
    position: relative;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    font-style: normal;
  }

  .table_photo {
    width: 100%;
    overflow-x: visible;
    text-align: center;
    border-spacing: auto;
  }

  .table_photo img {
  
    max-width: 100%;
    max-height: 120px;
  }

  #tableau_image img {
  
    height: auto;
    max-height: auto;
    max-width: auto;
  }

  .table_photo td {
    width: auto;
  }

  #texte_serie {
    padding: 0;
    width: 95%;
    top: 30px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  #apDiv3edition {
    width: 96%;
    font-size: 16px;
    margin-left: auto;
    margin-right: auto;
  }

  #apDiv3bio {
    font-size: 16px;
  }

  .fotorama__caption {
    font-size: 35px;
  }

  .padmenu1,
	.padmenu2,
	.padmenu3 {
    padding-left: 0;
    text-align: center;

  .menuseries {
    font-size: 16px;
    line-height: normal;
    text-align: center;
  }
  .scrollup{
			right:5%;
			bottom:30px;
  }

     .image-box  {
	   
    width: 100%;
	display:block;
	text-align:center;
  }
  
  .image-box > div, .image-box-justifyleft > div {
  padding-bottom: 20px;
  padding-left:0px;
}
  .image-box-justifyleft {
    width: 100%;
	display:block;
	text-align:center;
  }
  
   .image-box img {
	    height:auto;
		width:100%;
   		max-height:400px;
  }
  .image-box-justifyleft img{
   height:auto;
	width:100%;
		
  }
}

@media (max-width: 375px) {

 .imagevertical {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }

  .imagevertical img {
    padding: 1%;
    width: 80%;
 height: auto;
    max-width:100%;
    text-align: center;
  }

  p {
    text-align: left;
    font-size: 1em;
    line-height: 1em;
  }

  .dsplnone {
    display: none;
  }

  .menuseries-index>.dsplnone {
    display: inline;
  }

  .menuseries a {
    padding: 5px;
    display: block;
  }
}