/* ---------- GENERAL ---------- */
body { font-family: Roboto Regular, sans-serif; color: #444C50; background-color: #FFFFFF; font-size: 11pt; margin: 0; }
h1 { font-family: Roboto Regular, sans-serif; color: #D52349; }
h2 { font-family: Roboto Regular, sans-serif; color: #444C50; }
h3 { font-family: Roboto Regular, sans-serif; color: #444C50; }
.Site { font-family: Roboto Regular, sans-serif; color: #ffffff; font-size: 18pt; font-weight : bold; }
.Bandeau { width: 100% !important; height: auto !important; }
a { font-family: Roboto Regular, sans-serif; text-decoration:none; color: #0D55A7; }
a:hover { text-decoration:underline; }
.ombre { box-shadow: 1px 1px 8px #D3D3D3; }
.titreFooter { font-family: Roboto Regular, sans-serif; color: #FFFFFF; font-weight:bold; font-size: 12pt;}
.texteFooter { font-family: Roboto Regular, sans-serif; color: #808080; font-size: 11pt;}
a.Footer { font-family: Roboto Regular, sans-serif; color: #E4E1E6; text-decoration:none; font-size: 11pt; }
a.Footer:hover { font-family: Roboto Regular, sans-serif; color:#FFFFFF; text-decoration:underline; font-size: 11pt; }
/* -------- FIN GENERAL -------- */

/* ------------------ Menus déroulants et gestion responsive ------------------ */

/*Strip the ul of padding and list styling*/
ul.mnu {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
li.mnu {
	display:inline-block;
	float: left;
	margin-right: 10px;
}

/*Style for menu links*/
li.mnu a {
  background: #D52349;
  background-image: -webkit-linear-gradient(top, #D52349, #D52349);
  background-image: -moz-linear-gradient(top, #D52349, #D52349);
  background-image: -ms-linear-gradient(top, #D52349, #D52349);
  background-image: -o-linear-gradient(top, #D52349, #D52349);
  background-image: linear-gradient(to bottom, #D52349, #D52349);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Roboto Regular, sans-serif;
  color: #ffffff;
  font-size: 16px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

/*Hover state for top level links*/
li.mnu:hover a {
  background: #ffffff; color: #313639;
  background-image: -webkit-linear-gradient(top, #ffffff, #e0dde0);
  background-image: -moz-linear-gradient(top, #ffffff, #e0dde0);
  background-image: -ms-linear-gradient(top, #ffffff, #e0dde0);
  background-image: -o-linear-gradient(top, #ffffff, #e0dde0);
  background-image: linear-gradient(to bottom, #ffffff, #e0dde0);
  text-decoration: none;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: Roboto Regular, sans-serif; font-weight: bold;
	text-decoration: none;
	color: #702290;
	background: #313639;
	text-align: center;
	padding: 10px 0;
	display: none;
}

/*Hide checkbox*/
input.vue[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/
@media screen and (max-width : 1250px){
	/*Make dropdown links appear inline*/
	ul.mnu {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li.mnu {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	ul.mnu li.mnu, li.mnu a {
		width: 97%;
		max-width: 200px;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
	
	
	li.mnu a {
	display:block;
	min-width:150px;
	padding: 2px 5px 2px 5px;
	font-size: 15px;
	text-align: left;
	/*line-height: 50px;*/
	font-family: Roboto Regular, sans-serif;
	color: #FFFFFF;
	background: #313639;
	text-decoration: none;
	}

	/*Hover state for top level links*/
	li.mnu:hover a {
		background: #FFFFFF; color: #313639;
	}
	

iframe { max-width: 98%; }	
.Site { font-family: Roboto Regular, sans-serif; color: #FFFFFF; font-size: 120%; font-weight : bold; }
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
img { max-width: 100% !important; height: auto !important; }
.CacheMob { display:none; }
.tdTop { vertical-align:top; padding: 10px 0; }
}

@media screen and (max-width : 370px){ .LogoSite { max-width: 80px !important; height: auto !important; } 
.CacheMobPetit { display:none; } }
/* ------------------ FIN Menus déroulants et gestion responsive ------------------ */


/* ---------------------- Bouton remonter en haut de page ------------------------- */
a#cRetour{
  border-radius:3px;
  padding:10px;
  font-size:15px;
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.25);
  position:fixed;
  right:20px;
  opacity:1;
  z-index:99999;
  transition:all ease-in 0.2s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  text-decoration: none;
}
a#cRetour:before{ content: "\25b2"; }
a#cRetour:hover{
  background:rgba(0, 0, 0, 1);
  transition:all ease-in 0.2s;
}
a#cRetour.cInvisible{
  bottom:-35px;
  opacity:0;
  transition:all ease-in 0.5s;
}

a#cRetour.cVisible{
  bottom:20px;
  opacity:1;
}
/* -------------------- Fin Bouton remonter en haut de page ----------------------- */

/* ---------------------- Style du formulaire ---------------------- */
input.Form{
  height:27px; max-width:320px; width:95%;
  border-color: #FFFFFF; color: #D52349;
  border: 2px;
  font-size:11pt;
  font-family:Roboto Regular, Calibri;
  box-shadow: 1px 1px 8px #D3D3D3;
}
/* -------------------- Fin Style du formulaire -------------------- */

/* ---------------------- Bouton --------------------- */
.btn {
  background: #0D55A7;
  background-image: -webkit-linear-gradient(top, #0D55A7, #0D55A7);
  background-image: -moz-linear-gradient(top, #0D55A7, #0D55A7);
  background-image: -ms-linear-gradient(top, #0D55A7, #0D55A7);
  background-image: -o-linear-gradient(top, #0D55A7, #0D55A7);
  background-image: linear-gradient(to bottom, #0D55A7, #0D55A7);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Roboto Regular, sans-serif;
  color: #ffffff;
  font-size: 16px;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #ffffff; color: #313639;
  background-image: -webkit-linear-gradient(top, #ffffff, #e0dde0);
  background-image: -moz-linear-gradient(top, #ffffff, #e0dde0);
  background-image: -ms-linear-gradient(top, #ffffff, #e0dde0);
  background-image: -o-linear-gradient(top, #ffffff, #e0dde0);
  background-image: linear-gradient(to bottom, #ffffff, #e0dde0);
  text-decoration: none;
}
/* -------------------- Fin Bouton -------------------- */

/* -------------------- Positionnement des images -------------------- */
.imgGauche { float:left; margin:0 10px 10px 0; }
.imgDroite { float:right; margin:0 10px 10px 0; }
.imgCentre { display: block; margin-left: auto; margin-right: auto; }
/* --------------------------- Fin images ---------------------------- */

/* ----------- Bandeau - à partir de la version 1.0.3 --------------- */
#bandeauImg
{
 position: relative;
 width: 100%;
 text-align: center;
 vertical-align: top;
 font-size:13px;
 color:#000000;
}
#bandeauTxt1
{
 width: 100%;
 position: absolute;
 top: 5px;
 left: 0px;
 /*text-shadow: 1px 1px #BCBCBC;*/
 text-align: center; z-index: 50;
 font-family: Roboto Regular, Calibri;
 font-size: 3.5em; font-weight : bold;
 color:#000000;
}
#bandeauTxt2
{
 width: 100%;
 position: absolute;
 top: 58px;
 left: 0px;
 text-align: center; z-index: 50;
 font-family: Roboto Regular, Calibri;
 font-size: 2.5em;
 color:#000000;
}
/* --------------------------- Fin images ---------------------------- */

/* Fonction Rappelez-moi */
.rappelezmoi {
   z-index:3; font-family: Roboto Regular, Calibri; font-size:20px; text-align:center;
   position: fixed; height:auto;
}

/* Style innovation Partners */
@font-face {
 font-family: "SegoeUI-BoldItalic";
 src: url("../rapidodatas/SegoeUIBoldItalic.woff") format("woff"), url("../rapidodatas/SegoeUIBoldItalic.woff2") format("woff2");
 font-weight: normal;
 font-style: normal;
}
.logoIP { 
 font-family: 'SegoeUI-BoldItalic';
 font-size: 33px;
}

