/* ........... Header/Top Nav .............*/ 

/* ...... SIFY ........ */


/* ........................................*/
/* .......... buttons.css ................ */
/* ........................................*/


a {
	color:  #1B5980;
	}
	p > a:not(.Button):hover {
		text-decoration: underline;
		color: #1B5980;
		}
	
		
		

a.Button,
ul.Nav.Main .Normal li.Button a,	
input[type="submit"] {
	background-color:  #1B5980;
	}
	
a.Button:hover,
ul.Nav.Main .Normal li.Button a:hover,		
input[type="submit"]:hover  {
	background-color: #1B5980;
   	color: ;

	}



.swiper-slide a,
.swiper-slide > span,
.TemplateHead > span {
	display: block;
	position: absolute;
	background-size: cover;
	background-position: bottom center;
	}
		





/* ........................................*/
/* ........... naviguation.css ............*/
/* ........................................*/

		
			
ul.Nav.Main .Normal li a {
   	color: ;
	}

ul.Nav.Main .Normal li a:hover {
	color:  #1B5980;
	}
	
	
@media (min-width: 50em) {
	ul.Nav.Main .Normal {
		margin-right: 0em; /* for social area */
		}
		}	
		
		

/* top bar */

	@media (min-width: 1024px){
		.main_h::before {
			background-image: url(../images/skin/head.png);
			}
			}
		
		
	
		
/* ........................................*/
/* ........... layout_site.css ............*/
/* ........................................*/
	
		

/* ........................................*/
/* ........... layout_row.css ............*/
/* ........................................*/

#Procedure {
	background-image: url(../images/back-02.jpg);
}

		
.ContentWidth > img.Fill {
	margin-bottom: 4em;
	}
		
		
#Contact .ContentWidth > img.Fill {
	margin-top: 4em;
	}
		
		
		
		

/* ........................................*/
/* ........... typography.css ............*/
/* ........................................*/

h1 {
text-align: center;
letter-spacing: .01em;
}


@media (max-width: 640px) {
	[class*='Template'] > h2 {
		text-align: left;
		margin-bottom: 1em;
		}
		}
		
	.TemplateHead h1 {
		margin-top: 0;
		}



.TemplateHead {
	min-height: 250px;
	}	
		
@media (min-width: 480px) {
	.TemplateHead {
		min-height: 400px;
		}	
		}		
		
@media (min-width: 800px) {
	.TemplateHead {
		min-height: 480px;
		}	
		}		
		
@media (min-width: 1024px) {
	.TemplateHead {
		min-height: 550px;
		}	
		}		
		
@media (min-width: 1200px) {
	.TemplateHead {
		min-height: 600px;
		}	
		}		
		
		
@media (min-width: 1600px) {
	.TemplateHead {
		min-height: 700px;
		}	
		}	

@media (min-width: 1800px) {
	.TemplateHead {
		min-height: 800px;
		}	
		}	

@media (min-width: 2000px) {
	.TemplateHead {
		min-height: 900px;
		}	
		}



h2,
h3 {
	font-family: "Bold";
	letter-spacing: -0.025em;
	}

h3 em {
	font-style: normal;
	font-size: .6em;
	}








/* ........... L O G O  ............ */


				
ul.Nav.Main li.Logo a {

		width:  3em;
		height: 2em;
		background-image: url(../images/skin/logo_nav_small.svg);
		}
		@media (min-width: 1024px){
			ul.Nav.Main li.Logo a{
				width:  8em;
				height: 2.5em;
				background-image: url(../images/skin/logo_nav_full.svg);
				}
				}
		
		

/* ........... S O C I A L   /    C O N T A C T......... */



/* Contact */ 	

.Nav.Main .Social li a.Contact:hover {
		background-image: url(images/skin/icon_contact_hover.svg);
		}

			

/* .......... L A N G U A G E ..........*/


	a.English {
	background-color:  #1B5980;
	color: #1B5980;
	}

	a.English:hover {
	background-color: #1B5980 ;
	color: #1B5980;
	}




/* ........................................*/
/* .......... S W I P P E R ........... */ 
/* ........................................*/



/* Bullets */

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: white;
	opacity: .5;
	}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: ;
	}
	.swiper-pagination-bullet:hover 	{
		opacity: 1;
		background: ;
		}

/* Arrows */	
	
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url(../images/skin/slidder_previous.svg);
	}
	
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url(../images/skin/slidder_next.svg);
	}	

.swiper-button-prev,
.swiper-button-next {
	filter: brightness(10);
	opacity: .5;
	}	
			
.swiper-button-prev:hover,
.swiper-button-next:hover {
	opacity: 1;
	}		



.swiper-slide.Logo::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 10%;
	margin-top: -10%;
	margin-left: -10%;
	background-color: rgba(255, 255, 255 ,0.5);
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: center;
	background-image: url(../images/skin/logo_nav_small.svg);
	z-index: 100;
	}



		
		
/* -----------------------  I C O N S  ----------------------- */


	/* URL */

		.TemplateIcon a:hover h3 { 
			color:  #1B5980; /* Light SIFY *//
			}

		.Reverse .TemplateIcon a:hover h3 { 
			color:  white; /* Light SIFY *//
			}



.ContactBar > div > a:hover > span,		
.TemplateIcon > div a:hover span,
.TemplateIcon.Contact > div a:hover span { 
	background-color: transparent;
	background-blend-mode: luminosity;
	filter: brightness(1) saturate(1) hue-rotate(10deg); /* Amber */
	}



		
/* hover on JPG */	
.TemplateIcon > div a:hover span[style*=".jpg)"] {
	background-color: ; /* Dark SIFY */
	}

		
/* ------------------ P O P .  U P -----------*/	
		
body.SIFY {
	background-color: ;
	}

body.SIFY .PopGrid {
	padding: 0;
	padding-top: 10em;
	background-image: url(../images/skin/logo_nav_small.svg);
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: 1em;
	background-size: 8em;
	
}


body.SIFY .PopGrid li:first-child {
	margin-right: 1em;
	}


body.SIFY .PopGrid li {
	margin-top: 0;
	min-width: 5em;
	}


body.SIFY .PopGrid li a {
	margin-top: 0;
	min-width: 5em;
	}


/* ........ LINKS LISTINGS ........ */

.Link a,
.Link a:hover {
	color: #1B5980;
	}

[class*='Template'] ul[class*='Link'] li a:hover {
	color: #1B5980;
	}

	/* Icon */
		ul[class*='Link'] li a:hover::after{
	filter: brightness(.70) saturate(150) hue-rotate(340deg); /* Amber */
			}






/* ------------------- S T Y L I N G --------------- */


#Temoignage img {
	border-radius: 1em;
	}


/* ------------------- C O N T A C T --------------- */

#Contact {
	padding-top: 1em;
	}

#Contact > div > p.Intro {
	margin-bottom: 6em;
	} 

.FooterContact::after {
	top: 12rem;
	}