.center {
    text-align:center;
}

.left {
    text-align:left;
}

.right {
    text-align:right;
}

.decoNone{
    text-decoration: none;
}

/*text-decoration: line-through; = barrer le texte*/
body {
    background-color: #000000;
    /*width: calc(100% - 150px); pour que les bords s'arrêtent au max à 75px a droite et a gauche*/
    margin: 70px 75px 35px 75px; /*top right bottom left*/
    padding: 25px;
    border: 3px solid gold;
    border-radius: 60px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

@media (max-width: 300px){
    Body {
        background-color: black;
    }
}

header {
    font-size: 22px;
}

h1, h2{
    color:#00ff00
}

h1{
    font-size: 35px;
}

a{
    color: gold;
}

#painDuHaut, #galette2Patates, .salade, #tomates, #oignon, #fromage, #ketchup, #steak, #painDuBas{
    text-decoration: none;/*pas de soulignement du fait que ça soit un hyperlien*/
    border-radius: 60px;
    border: 3px solid;
    font-size: 17px;
}

#painDuHaut, #galette2Patates, .salade, #oignon, #fromage, #steak, #painDuBas{
    color: black;
}

#tomates, #ketchup{
    color: white;
}

#painDuHaut, #painDuBas{
    border-color: #bc713a;
    background-color: #bc713a;
}

.salade{
    border-color: #287f1e;
    background-color: #287f1e;
}

#tomates{
    border-color: #af0e0e;
    background-color: #af0e0e;
}

#oignon{
    border-color: #ebe7bf;
    background-color: #ebe7bf;
}

#fromage{
    border-color: #c2a335;
    background-color: #c2a335;
}

#ketchup{
    border-color: rgb(173, 54, 54);
    background-color: rgb(173, 54, 54);
}

#steak{
    border-color: #785411;
    background-color: #785411;
}

#galette2Patates{
    border-color: #c9c42f;
    background-color: #c9c42f;
}

#imgHamburger{
    display: block;
}

#black{
    float: left;
}

#hamburgerBlack{
    float: left;
    height: auto;
    width: 45px;
}

#hamburgerWhite{
    float: right;
    height: auto;
    width: 45px;
}

#menuBurgerImg{
    height: auto;
    width: 50px;
    background-color: white;
    padding: 0.25em;
}


.tabs > input,
.tabs section > div {
    display: none;
}

/*#tab1:checked ~ nav .tab1,
#tab2:checked ~ nav .tab2,
#tab3:checked ~ nav .tab3 {
label {
    background: white;
}
}*/


.textWhite{
    color: white;
    text-decoration: none;/*pas de soulignement*/
}

p {
    font-size: 16px;
    line-height: 2em;
    font-family: 'Eras Medium ITC', 'Microsoft Sans Serif', Arial;
}

#redirectionGmapsS2023{
 text-align: center;
}

a mark{
    text-decoration: none;
    color: black;
    font-size: 17px;
    background-color: gold;
}

#CV{
    background-color: rgb(240,235,210);
    border: 3px solid rgb(240,235,210);
    background-color: rgb(240,235,210);
    border-radius: 60px;
    color: black;
}

#lienChangeCouleur{
    /*sert à avoir une transition plus douce entre
    le moment où on est sur le texte qui change de couleur et
    celui où on le quitte*/
    transition:color 250ms;

}

#lienChangeCouleur:hover{
    color: rgb(0, 221, 255);
}

.alinea{
    text-indent: 40px;
}

.competencesliste .competences {/*competences bts + animation grands titres*/
    list-style-type: none;
    font-size: 1.6em;
}

.competencesliste li {/*competences bts + animation contenu*/
    margin-top:10px 0px 0px 25px;/*top right bottom left*/
    font-size: 17px;
    list-style-type: none;
    line-height: 2em;
}

/*.competencesliste li:first-child {
    list-style-type: circle;
    margin-left: 0;
    font-size: 23px;
}*/

/*.competences {
    list-style-type: circle;
    margin-left: 0;
    font-size: 23px;
}*/

aside{
    background-color: cyan;
    text-align: center;
    width: 100%;
    border: 10%;
    border-radius: 60px;
}

/*
.divMulticolore{
    position: relative;
    /*border: 3px dashed cyan;
    border-radius: 40px;*/
    /*margin: 1% auto 0;*/
    /*min-width: 45%;*/
    /*width: 55%;*/
    /*width: 10em;*/
    /*height: 10%;
    background: linear-gradient(0deg, white, white);*/
    /*border: 10%;
    margin-left: 22.5%;
    padding-bottom: 5px;
    transform: rotate(45deg);*/
    /*color: black;
}*/

/*.divMulticolore:before, .divMulticolore:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 
		#0000ff, #00ff00,#ffff00, #ff0000);
	background-size: 400%;
	width: calc(100% + 10px);
	height: calc(100% + 10px);
	z-index: -1;
	animation: steam 60s linear infinite;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

/*.divMulticolore:after {
	filter: blur(50px);
}


#divAnim{
    position: relative;
    margin: 1% auto 0;
    width: 93%;
    height: 20%;
    color: white;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

#divAnim:before, #divAnim:after {
	content: '';
	position: absolute;
	left: -2px;
	top: -2px;
	background: linear-gradient(45deg,  cyan, #7700ff, #0000ff);
	background-size: 400%;
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	z-index: -1;
	animation: steam 40s linear infinite;
}

@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}*/

.certifSololearn{
    padding: 1%;
    vertical-align: middle;
    /*border: 2px solid white;*/
    width: 32%;
    height: 50%;
    text-align: center;
}

#contener1 #certificatsTitre, #BTS, #BAC, #BAFA{
    padding-left: 0%;
    text-align: left;
}

#contener1, #contener2, #contener3, #contener4{
    padding: 1%;
    /*border: 2px solid white;*/
}

#contener2{
    width: 65%;
}

#contener3{
    width: 55%;
    position: relative;
    top: 0px;
    right: -43%;
    /*border: 2px solid white;*/
}

#contener4{
    text-align: center;
    width: 50%;
    position: relative;
    top: 0px;
    right: -25%;
}

#BTS_diplome{
    padding: 1%;
    vertical-align: middle;
    /*border: 2px solid white;*/
    text-align: center;
    margin: 1%;
}

#BAC_diplome{
    padding: 1%;
    vertical-align: middle;
    /*border: 2px solid white;*/
    text-align: center;
    margin: 1%;
}

#BTS_diplome img, #BAC_diplome img{
    max-width: 90%;
}

.contour{
    display: flex;
    justify-content: center;
    gap: 2%; /*espacement entre 2 div*/
}

button{
    font-family: 'Eras Medium ITC', 'Microsoft Sans Serif', Arial;
}

.AP1{
    width: auto;
    height: 1250px;
}

.divImgAPHTMLCSS{
    /*border: 2px solid white;*/
    width: 50%;
    height: 50%;
    vertical-align: middle;
}

/*#divAP11{
    border: 2px solid white;
    width: 50%;
}*/

.imgAPHTMLCSS{
    max-width: 100%;
}

/*#divAP12{
    border: 2px solid white;
}

#divAP13.1{
    border: 2px solid white;
}

#divAP13.2{
    border: 2px solid white;
}
#divAP14{
    border: 2px solid white;
}*/

h3 a #A2COMFoliateam{
    background-color: white;
}

h3{
    text-decoration: underline;
}

#lieuLunaWeb{
    height: 25%;
    text-align: center;
    max-width: 35%;
}

.image{
    height: 50%;
    margin-left: 1%;
    width: 50%;
}

#logoRennes2{
    width: 25%;
}

#logoIDBC{
    background-color: white;
    height: 5%;
    margin-left: 1%;
    width: 10%;
    padding: 0.5%;
}

#logoDatacend{
    background-color: white;
    height: 5%;
    margin-left: 1%;
    width: 10%;
    padding: 0.5%;
}

.diplomes{
    max-width: 100%;
    height: auto;
    text-align: center;
}

#CVPotfolio{    
    max-width: 70%;
    height: auto;
    text-align: center;
}

#BACSTI2DpostBTS, #HackatonLPUSETIC{
    border-style: dashed;
    border-color: #00ff00;
    animation: border-angle-rotate 2s infinite linear;

}

.footerTitle {
    color: black;
    text-align: center;
}

footer a{
    text-decoration: none;
    color: #00ff00;
    font-size: 17px;
}

footer{
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background-color: black;
    padding: 1%;
    margin-bottom: 0.1%;
    font-size: smaller;
    margin-left: 3.275%;
    margin-right: 3.275%;
    margin-bottom: 1.5%;
}