* {
  font-family: Arial;
}
:root{
	--bgc :   #F8F8F9;
	--sidec : #6592a7;
	--ft1c :  #BFA181;
	--ft2c :  #EAE7DD;
	--boxgc : #B2B5E0;
	--boxc :  #BFA181;
	--side2c : #E5EDF1;
	--bbgc :  #EAE7DD;
	--ft3c : #6592a7;
}

body {

  background-color: var(--bgc);
}

/*#99775C #c3b8ff*/

.Pagep{
	border: 3px solid var(--boxc);
	display: grid;
	grid-gap: 10px;
	border-radius: 15px;
	padding: 10px;
}



.boxg {
  background-color: var(--bgc);

  border-radius: 15px;
  border: 1px solid var(--boxc);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px;
}
.box {
  background-color: var(--bbgc);

  border-radius: 15px;
  border: 1px solid var(--boxc);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px;
}

.conteneur {
  border: 3px solid var(--boxgc);
  display: grid;
  grid-template-columns: 3fr 6fr;

  grid-gap: 10px;
}

.conteneur1 {
  border-radius: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  
  grid-gap: 20px;
  background-color: var(--sidec);
  
  color : var(--ft2c);
  padding:2px 10px;
  
  height: 100%;
}

.conteneur2 {
  border-radius: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  background-color: var(--side2c);
  padding:2px 10px;
  grid-gap: 20px;
  height: 100%;
}

.photo {
	border-radius: 15px;
	margin-left: 15%;
	margin-right: 15%;
    grid-row: 1 / 1;
    grid-column: 1 / 4;
	
}

.photoident {
	border-radius: 15px;
	margin-left: 15%;
	margin-right: 15%;
	grid-row: 1 / 3;
    grid-column: 1 / 2;

}

.fjobtitle1 {
	font-weight: bold;
	font-size: 1.3em;
	color : var(--ft1c);
	grid-row: 2 / 2;
    grid-column: 2 / 3;

}

.nom1 {
	font-size: 2em;
	
	grid-row: 1 / 1;
    grid-column: 2 / 4;
	align-items : center;
}

.site1 {
	grid-row: 3 / 3;
    grid-column: 1 / 1;
	text-align: center;
}

.mail1 {
	grid-row: 3 / 3;
    grid-column: 2 / 2;
	text-align: center;
}

.add1 {
	grid-row: 3 / 3;
    grid-column: 3 / 3;
	text-align: center;
}

.nom {
    grid-row: 2 / 3;
    grid-column: 1 / 4;

	font-size: 1.9em;
	text-align: center;	
}



.prof-titre {
    grid-row: 4 / 4;
    grid-column: 1 / 1;
}
.profil {
    grid-row: 5 / 6;
    grid-column: 1 / 4;
	padding:2px 10px;
	text-align: justify;
}
.contact {
    grid-row: 6 / 7;
    grid-column: 1 / 2;
}

.pdf {
    grid-row: 7 / 8;
    grid-column: 1 / 2;
	justify-self: center;
}
.pdf a:link {color:var(--ft1c); text-decoration : none;}
.pdf a:visited {color:var(--ft1c);}
.pdf a:active {color:var(--ft1c);}

.site {
}

.mail {
}

.add {
}
.detailsct{
  grid-column: 2 / 4;
  grid-row: 7 / 9;
  text-align: center;
}

.detailsct a:link {color:var(--ft1c); text-decoration : none;}
.detailsct a:visited {color:var(--ft1c);}
.detailsct a:active {color:var(--ft1c);}

.competence {
    grid-column: 1 / 1;
    grid-row: 9 /10;
}
.detailscomp{
  grid-row: 10 /10;
  grid-column: 2 / 4;
}
.interet {
    grid-row: 11 / 11;
    grid-column: 1 / 3;
 }
.detailslect{
  grid-column: 2 / 4;
  grid-row: 12/ 12;
}
.langues {
    grid-row: 13 / 13;
    grid-column: 1 / 1;
}

.detailslang{
  grid-column: 2 / 4;
  grid-row: 14 / 14;
}

.ftitre{
	color : var(--ft1c);
	font-weight: bold;
}

img.rc {
  border-radius: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

img.rcl {
  border-radius: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.lm{
	
	margin-left:-50px;
	padding:2px 10px;

}
.lbox {
  border-radius: 15px;
  border: 1px solid var(--boxc);
  display: flex;
  padding: 5px 5px;
}

.C1-3{
	grid-column: 1 / 3;
}
.C1-1{
	grid-column: 1 / 1;
}

.C2-2{
	grid-column: 2 / 2;
}

.C2-6{
	grid-column: 2 / 6;
}

.C3-5{
	grid-column: 3 / 6;
	display:inline-block;
}

.C1-5{
	grid-column: 1 / 6;
}

.l3-4{
	grid-row: 3 / 6;
	display:inline-block;
}

.l5-9{
	grid-row: 6 / 14;
	display:inline-block;
}

.l16-17{
	grid-row: 16 / 18;
	display:inline-block;
	font-weight: bold;
}

.separ{
	border-top: 5px solid var(--boxgc);
	border-radius: 5px;
	width: 100%
}
.separl{
	border-top: 3px solid var(--boxgc);
	border-radius: 5px;
	width: 100%
}

.fent{
	color : var(--ft3c);
	font-weight: bold;
	font-size: 1.3em;
}

.fdate{
	margin-top: -15px;
	font-weight: bold;
	font-size: 0.8em;
}

.fjob{
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: underline;
	color : #178582;
}

.fjobtitle{
	grid-column: 1 / 4;
	text-align: center;
	font-weight: bold;
	font-size: 1.4em;
}

.fs1{
	color : #178582;
}


#carre1 {
    height: 30px;
    width: 30px;
    background: #C5ADC5;
}
#carre2 {
    height: 30px;
    width: 30px;
    background: #B2B5E0;
}
#carre3 {
    height: 30px;
    width: 30px;
    background: #F8F8F9;
}
#carre4 {
    height: 30px;
    width: 30px;
    background: #111439;
}
#carre5 {
    height: 30px;
    width: 30px;
    background: #96C2DB;
}
#carre6 {
    height: 30px;
    width: 30px;
    background: #E5EDF1;
}
#carre7 {
    height: 30px;
    width: 30px;
    background: #0A1828;
}
#carre8 {
    height: 30px;
    width: 30px;
    background: #178582;
}
#carre9 {
    height: 30px;
    width: 30px;
    background: #BFA181;
}
#carre10 {
    height: 30px;
    width: 30px;
    background: #CAC0B3;
}
#carre11 {
    height: 30px;
    width: 30px;
    background: #EAE7DD;
}
#carre12 {
    height: 30px;
    width: 30px;
    background: #99775C;
}