@charset "UTF-8";
@import url("../webfonts/Cardenio/stylesheet.css");
@import url("../webfonts/REPROB/stylesheet.css");
/* Simplifier les calculs de largeur et de hauteur */
html{box-sizing: border-box;}
*, *:before,
*:after {
    box-sizing: inherit;
}
body {
	margin: 0;
	color: #4b4b4b;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
	background-color: rgba(207,216,195,1.00);
}
#wrapperEnsemble {
    width: 100%;
    margin: 0 auto;
    max-width: 2000px;
    background-color: white;
    text-align: center;
}
h1, h2 {
    color: #80c078;
    font-style: normal;
    font-weight: 400;
}
h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 2.5em;
	text-align: center;
	font-family: Cardenio;
	font-style: normal;
	font-weight: 400;    
}
h1 {
  animation-duration: 4s;
  animation-name: slidein;  
}

@keyframes slidein {
  from {
    opacity: 0;
  }
  to {
      opacity: 1;
  }
}



nav a {
    font-weight: bold;
    text-decoration: none;
}
a:link {
    color: #80c078;
}
a:visited {
    color: rgba(115,185,106,1.00);
}
img {
    max-width: 100%;
    margin: auto;
}
a:hover, a:active, a:focus {
    color: rgba(176,247,205,1.00);
    text-decoration: underline;
}
#menulink {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
    background-color: #1e1e1e;
    margin-top: -17px;
}
#menulink a {
    color: white;
    font-weight: 200;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    top: 0.1em;
    bottom: 0.1em;
}
#navlinks {
	padding: 0;
	width: 100%;
	text-align: center;
	list-style-type: none;
	background-color: #000000;
	background-color: rgba(0,0,0,0.65);
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
	position: absolute;
	-webkit-transition: all ease-out 0.5s;
	transition: all ease-out 0.5s;
	margin-top: -18px;
}
#navlinks.displayed {
    top: 135px;
    z-index: 1;
    opacity: 1;
}
#navlinks.start {
    display: none;
}
#navlinks.collapsed {
    top: -12em;
    opacity: 0;
}
#navlinks a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
}
#navlinks a:hover, #navlinks a:active, #navlinks a:focus, #navlinks a.thispage {
    color: #80c078;
}
.thispage {
}
#HeroPhoto {
    color: rgba(116,116,116,1.00);
    font-size: small;
    padding-top: 0px;
    padding-left: 0%;
    padding-right: 0%;
    position: absolute;
    text-align: right;
    margin-top: -23px;
    float: right;
    width: 97%;
    max-width: 1950px;
}
footer {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #80c078;
    text-align: center;
    color: rgba(217,225,208,1.00);
    font-size: 0.7em;
}
footer a:link  {
    color: rgba(221,229,211,1.00);
}
footer a:visited {
    color: rgba(217,224,207,1.00);
}
footer a:hover {
    color: rgba(255,255,255,1.00);
}
#texte strong {
	color: rgba(128,192,120,1.00);
	font-family: Cardenio;
	font-style: normal;
	font-weight: 400;
	font-size: large;
}
#texte {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 32px;
    margin-bottom: 75px;
    padding-top: 0px;
    text-align: justify;
}
#texte {
  animation-duration: 4s;
  animation-name: exper;  
}

@keyframes exper {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}


#maPhoto {
    width: 40%;
    max-width: 450px;
    text-align: center;
    display: block;
    float: none;
    margin-top: 12px;
    margin-left: auto;
    margin-right: auto;
    animation-duration: 1s;
  animation-name: portrait;  
}

@keyframes portrait {
  from {
      width: 36%;
      opacity: 0;
  }
  to {
      width: 40%;
      opacity: 1;
  }
}


#telechargement {
    text-align: center;
    left: 122%;
    color: rgba(128,192,120,1.00);
    font-size: small;
}
#texteContact {
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 96px;
    margin-bottom: 50px;
    text-align: center;
}
#adresse {
    font-size: 1.3em;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
    color: #575757;
    margin-top: 65px;
    padding-right: 15px;
    font-variant: small-caps;
    line-height: 1.52em;
}
#adresse a:link {
    text-decoration: none;
    color: #575757;
}
#adresse a:hover {
    color: rgba(128,192,120,1.00);
}
#tableau {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 68px;
    margin: 0;
    border-top: thin solid rgba(128,192,120,1.00);
}
#titreLogos, #titreBrochures, #titreIdentite, #titreAnnonces, #titreAffiches, #titreInvit, #titrePres, #titreIllus , #titreNews{
    text-align: right;
    margin-right: 8%;
    text-shadow: 1px 3px 4px rgba(20,18,18,0.22);
    text-transform: none;
    font-size: 1.5em;
    font-weight: 200;
}
figure {
    margin-bottom: 51px;
    margin-top: 49px;
}
#enTete {
    text-shadow: 0.6px 0.8px 5px rgba(57,66,57,0.24);
}
strong {
	color: rgba(128,192,120,1.00);
	font-family: Cardenio;
	font-style: normal;
	font-weight: 400;
}

#voeux {
    margin-top: -27px;
    font-size: medium;
    margin-left: -7px;
}




@media (min-width:800px){
#menulink {
    display: none;
}
img {
    margin: 0;
    text-align: center;
}
#navlinks {
    max-width: 2000px;
    position: static;
    background-color: transparent;
    border-left-style: solid;
    border-right-style: solid;
    border-collapse: collapse;
}
#tableau {
    width: 80%;
    margin-left: 10%;
    max-width: 2000px;
}
#navlinks.collapsed {
    opacity: 1;
}
#navlinks a {
    width: 25%;
    margin-top: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    color: #1e1e1e;
}
#texteContact {
    border-top: thin solid rgba(128,192,120,1.00);
    padding-top: 44px;
}
#texte {
    border-top: thin solid rgba(128,192,120,1.00);
    padding-top: 4px;
    margin-top: 94px;
    text-align: justify;
    padding-left: 12%;
    padding-right: 12%;
}
#titreLogos, #titreBrochures , #titreAnnonces  ,  #titreAffiches , #titrePres , #titreNews , #titreLogos , #titreInvit , #titreIllus ,#titreIdentite{
    font-size: 2.3em;
}
#grande {
    width: 640px;
    height: 400px;
}
#grandePlaquette {
    width: 640px;
    height: auto;
}
#grandeIdentite {
    width: 640px;
}
#grandePres {
    width: 640px;
}
#grandeAffiche {
    width: 640px;
}
#legendeAp {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
}
#grandeAp {
    width: 640px;
}
#grandeInv {
    width: 640px;
}
#grandeIllus {
    width: 640px;
}
#grandeEm {
    width: 640px;
}
.blocAdresse{
    max-width: 800px;
	margin: auto;
    padding: 0px;
	display: flex;
}

#separation {
    width: 80%;
}
#titreLogos {
    color: rgba(213,9,16,1.00);
    text-align: right;
}
#titreBrochures {
    color: rgba(158,204,82,1.00);
}
#titreIdentite {
    color: rgba(208,37,43,1.00);
}
#titreAffiches {
    color: rgba(30,173,156,1.00);
}
#titreInvit {
    color: rgba(247,148,30,1.00);
}
#titrePres {
    color: rgba(96,72,157,1.00);
}
#titreIllus {
    color: rgba(38,166,89,1.00);
}
#titreNews {
    color: rgba(171,222,229,1.00);
}
#titreAnnonces {
    color: rgba(238,28,37,1.00);
    
}
#Legal {
    background-color: rgba(255,255,255,1.00);
}
#lienSite {
	text-align: center;
	font-size: x-large;
	font-family: Cardenio;
	font-style: normal;
	margin: auto;
	font-weight: 400;
	display: block;
}
#contenuInfos {
    margin-left: 29px;
    margin-right: 29px;
}
.vue {
	position: absolute;
	margin-top: -36px;
	color: rgba(194,187,187,1.00);
	width: 97%;
	text-align: right;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
	font-size: small;
}
#texteExperience {
    text-align: left;
    margin-left: 23%;
    margin-right: 23px;
}
/*Logos
*/
#grande {
    margin: auto;
    display: block;
}
#legendeLogos {
	margin: auto;
	display: block;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
	text-align: center;
}
#legendePlaquette {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
	text-align: center;
}
vignettes {
    text-align: center;
    list-style-type: none;
    margin: auto;
    padding-top: 4px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    width: 96%;
    list-style-image: none;
    background-color: #FFFFFF;
    display: block;
    bor2der: thin solid rgba(202,202,202,1.00);
    border: thin solid rgba(213,212,212,1.00);
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 5px rgba(79,83,84,0.41);
    box-shadow: 2px 2px 5px rgba(79,83,84,0.41);
}

#retour {
    padding-bottom: 96px;
}
.GrandePlaquette {
}
#plaquetteMr {
    opacity: 0.6;
}
contenubrochure vignettes #plaquetteMr {
}
#plaquetteClic {
    opacity: 0.6;
}
#grandePlaquette {
    
}
#grandeIdentite {
}
#legendeIdentite {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: 200;
}
#grandeAffiche {
}
#legendeAff {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 200;
}
#grandeGE {
}
#grandeInv {
}
#legendeInv {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 200;
}
#legendePres {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
}
#legendeIllus {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 200;
}
#legendeEm {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 200;
}
#precLog {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    padding-left: 0px;
    opacity: 0.4;
}
#precLog:hover {
    opacity: 1;
}
#suivLog {
    opacity: 0.4;
    padding: auto;
}
#suivLog:hover {
    opacity: 1;
}
#txtSuivLog {
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 300;
    color: #80C078;
}

#suivpla {
    padding: auto;
    opacity: 0.4;
}
#suivpla:hover {
    opacity: 1;
}
#precPla {
    opacity: 0.4;
}
#precPla:hover {
    opacity: 1;
}
#precId {
    opacity: 0.4;
}
#precId:hover {
    opacity: 1;
}
#suivId {
    opacity: 0.4;
}
#suivId:hover {
    opacity: 1;
}
#precAf {
    opacity: 0.4;
}
#precAf:hover {
    opacity: 1;
}
#suivAf {
    opacity: 0.4;
}
#suivAf:hover {
    opacity: 1;
}
#suivAp {
    opacity: 0.4;
}
#suivAp:hover {
    opacity: 1;
}
#precAp {
    opacity: 0.4;
}
#precAp:hover {
    opacity: 1;
}
#precInv {
    opacity: 0.4;
}
#precInv:hover {
    opacity: 1;
}
#suivInv {
    opacity: 0.4;
}
#suivInv:hover {
    opacity: 1;
}
#precPr {
    opacity: 0.4;
}
#precPr:hover {
    opacity: 1;
}
#legendeIllus {
}
#precIl {
    opacity: 0.4;
}
#suivIl {
    opacity: 0.4;
}
#suivIl:hover {
    opacity: 1;
}
#precIl:hover {
    opacity: 1;
}
#suivPr {
    opacity: 0.4;
}
#suivPr:hover {
    opacity: 1;
}
#precEm {
    opacity: 0.4;
}
#precEm:hover {
    opacity: 1;
}
#suivEm {
    opacity: 0.4;
}
#suivEm:hover {
    opacity: 1;
}

#precLog {
}
#suivLog {
}
#imageAccueil {
}
/* --------  Formulaire  ----------
#nom {
    margin: auto;
    width: 50%;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 200;
    text-align: left;
    display: block;
}
#prenom {
    margin: auto;
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 200;
    text-align: left;
    width: 50%;
    display: block;
}
#message {
    font-family: source-sans-pro;
    font-style: normal;
    font-weight: 200;
    text-align: left;
    width: 80%;
    display: block;
}*/

.formulaire{
	width: 100%;
    max-width: 450px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-family: ""Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif";
	color: #666;
	border-width: thin;
	border-color: #80c078;
	border-radius: 12px;
	padding: 10px;
	border-style: dotted;
	-webkit-box-shadow: 2px 2px 8px #353D36;
	box-shadow: 2px 2px 8px #353D36;
}
.boutonInitiatialiser {
	margin-top: 14px;
}
.boutonInitiatialiser:hover{
    background-color: #F5C4C4;
}
.boutonEnvoyer {
	width: 151px;
	margin-top: 16px;
	background-color: #80c078;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFFFFF;
}
.boutonEnvoyer:hover{
    color:#80c078;
    background-color:#D7E3D6;
}
input{
	border: thin solid #80c070;
	border-radius: 2px;
}
/*
 animation image d'accueil
*/
#imageAccueil{
    animation-duration: 6s;
   
}
}
@keyframes accueil {
  from {
    opacity:0;
    }

  to {
    opacity:1;
  }
}
.monanim{ animation-name : accueil}