﻿  /* CSS layout */
  
    
  
  /*Debut formulaire*/

#cadre-formulaire
  {
	height:auto;
}
  
  /*Fin formulaire*/
    
    /*Deb calendrier*/
  
  .texte_calendrier
  {
	width:50%;
}

  #contenu-calendrier
  {
  width: auto;
  /*margin:123px auto;*/
  margin: 123px 0 5px 0;
  border-radius: 10px;
	}
  /*Fin calendrier*/
  
    /*404*/
  
  #travaux
  {
	width:100%;

}
  
  /*404*/
  


  
    /*Deb conseil*/
        .li-formation1 { 
     line-height: 40px;
    width: 97%;
        } 

  
  .lien-conseil
  {
	height:385px;
}
  
.li-formation-conseil
{
	height:auto;
	line-height:94%;
}

.li-formation-conseil li
{
	height:100%;
}

.contenu-paragraphe-conseil
{
	width:100%;
	float:left;
}

  
  /*Fin Conseil*/

  
  /*Deb contact*/
  
  /*.li-formation-contact
  {
	padding-top:10%;
	height:auto;

}

.li-formation-contact li
{
	line-height:100%;
}*/
  
.contact
{
	height:auto;
	width:100%;
	margin-left:0px;
}


.contact-prestataire
  {
	height:auto;
	width:100%;
	
	background-color: #e9e9e9;
    border-bottom-width: 2px;
    border-color: #cc0066;
    border-radius: 20px;
    float: left;
}
.adresses
{
	width:100%;
	float:left;
	padding:0px;
}
  
  
.prestataire
{
	width:100%;
}  

.auto-style9
{
	width:30%;
	margin-left:10%;
}

.image-plan-innoprev
{
	margin-right:20%;
	margin-top:5%;
}

.image-pdf-innoprev
{
margin-right:5%;	
}

.image-telephone
{
	margin-left:40%;
}

.auto-style12-contact
{
	width:auto;
	text-align: center;s
}


  /*Fin contact*/

  
  
  /*Deb audit*/
  .li-formation-contact
{
	line-height:100%;
}


    .contenu-paragraphe-mobile-audit
{
	height:200px;
}

.contenu-paragraphe-mobile-audit li
  {
	line-height:100%;
	margin-top:200px;
	height:auto;
}

  

.demande-devis
{
	float:left;
	clear:left;
	width:250px;
}
  
  /*Fin audit*/
  
  
  
  /*--------------------------------*/
  
   /*Deb Accueil*/
  
 /* #contenu-paragraphe > tr:nth-of-type(1)
  {
	background-color:aqua;
	}*/

.table4
{
	font-size:80%;
}

.auto-style2
{
	font-size:35px;
}

.nouveauStyle1
{
	font-size:25px;
}

.auto-style5
{
	font-size:50px;
}

.style-texte-puce
{
	font-size:35px;
}

.style-constatez
{
	background-image:url('images-index/Constater.index.innoprev.JPG');
	background-repeat:no-repeat;
	background-position:right;
	background-color:#fde0d2;
	border-radius: 10px;
    display: block;
    clear:left;
    font-family: tahoma;
    font-size: 80%;
    height: auto;
    margin-top: 35px;
    text-align: left;
    width: 100%;
}

.style-besoin
{
	background-image:url('images-index/Besoin.index.Innoprev.JPG');
	background-repeat:no-repeat;
	background-position:right;
	background-color:#e0f4f3;

	border-radius: 10px;
    display: block;
    clear:right;
    font-family: tahoma;
    font-size: 80%;
	height: auto;
    margin-top: 35px;
    text-align: left;
    width: 100%;

}

.style-objectif
{
	background-image:url('images-index/Objectif.index.innoprev.JPG');
	background-repeat:no-repeat;
	background-position:right;
	background-color:#ffe8c6;

	border-radius: 10px;
    display: block;
    clear:left;
    font-family: tahoma;
    font-size: 80%;
	height: auto;
    margin-top: 35px;
    text-align: left;
    width: 100%;

}

.style-solution
{
	background-image:url('images-index/Solution.index.innoprev.JPG');
	background-repeat:no-repeat;
	background-position:right;
	background-color:#fcd8be;

	border-radius: 10px;
    display: block;
    clear:right;
    font-family: tahoma;
    font-size: 80%;
	height: auto;
    margin-top: 35px;
    text-align: left;
    width: 100%;

}

p:nth-last-child(5) /*enfant partant de la fin*/
{
    clear: both;
    /*text-align: center;*/
    padding-top: 40px;
}
  
  /*Fin Accueil*/
  
  /*Debut formation*/
  
    .circle,.circle2,.circle3,.circle4,.circle5,.circle6,.circle7,.circle8
  {
	margin: 5px 0px 0px 0px;
	margin-top:5px;
	display:inline-block;
	font-size:150%;
	border-radius:10px;
	float:left;
	width:100%;
	height:auto;
}

/*.circle
{
	height:auto;
}*/

  .circle br,.circle2 br,.circle3 br,.circle4 br,.circle5 br,.circle6 br,.circle7 br,.circle8 br /*initialisation*/
{
	display:none;

}

  

.video-flashmod-formation  /*lien Video formation flashmob*/
{
	border:2px black solid;
	border-radius: 5px; 
	padding:3px; 
	float:left; 
	margin-left:20px; 
	margin-top: 10px; 
	width:300px;
	height:auto;
}

.video-flashmod-formation img
{
	border-width: 0px;
	 height: 212px;
	  width: 300px; 
	  border-radius:5px
	  
}
  

  
  /*Fin formation*/
 
  
  .contenu-paragraphe-mobile
{
	padding-top:10%;
	height:auto;
}


.contenu-paragraphe-mobile li
  {
	line-height:100%;
}


  .cadre-telechargement
  {
	display:block;
	width:auto;
}

.li-formation
{
	line-height:normal;
	width:29%;
}

body {
	font-size: 225%;/*164%;*/
	/*position:static;
	width:auto;*/
	background-attachment : fixed; /*Fixe le background*/
	}
	
	

#entete{
/*width:995px;*/
	width:99%;
	margin-left:0%;
	height: 150px;
	padding:0px;
	position:fixed; /*Permet de fixé l'entete pour que le contenu soit scrollé*/
	z-index: 50;
}	

	/*Fin modif*/
	
	
#entete-numero-vert {

	float:none;
	left:40%;
	margin-top:1%;
	display:none;
}

#numero-vert-mobile
{
	font-size:50%;
	display:block;	
	visibility: visible;
	height: auto;
	width: auto;	
	background-color: white;
	/*margin-left: 50px;
	margin-right:10px;*/
	padding: 2px;
	/*position:absolute;*/
	float:right;
	left:40%;
	margin-top:0;
	/*border: 3px #cecece ridge;*/
	background: linear-gradient(to bottom,  white 40%, #78b41e 60%,green);/*Degradé du background*/
	border-radius:5px;
	/*box-shadow: 2px 2px 0px grey;*/
	box-shadow: 0px 2px 0px grey;
}

#numero-vert-mobile h1
{
	font-size:150%;
	color:#78b41e;
}

#numero-vert-mobile h2
{
	font-size:150%;
	padding:10px 10px; 
	color:white;
}

.mobile-numero-vert{ 
	border-radius: 5px; 
	background: linear-gradient(to bottom, white 40%, #78b41e 60%,green,#78b41e 100%); 
	float: right; 
}

.mobile-numero-vert h1
{
	color:#78b41e;
}

.mobile-numero-vert h2
{
	padding:0px 10px; 
	color:white;
}


#entete-text-defilant {
	display:none;
}
		
#entete-logo{
	margin-left:50px;
	background-size:100%;
	height:150px;
	width: auto;	
	margin-top: 30px;
}

	
#menu-haut{
	display:none;
}
	
#cadre-page {
	padding-left:2px;
	padding-right:2px;
	margin:0px;
	width:99%;
	margin-right:2px;
	/*height:100%;*/ /*30082016*/

}


	
#contenu {
	margin-top: 164px;
	/*border-radius: 10px;*/
	width:100%;
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	
	/*30082016*/
	/*left:0px;
	border:none;
	margin:0px;*/
	/*30082016*/

	
	/*margin-left:1;*/
}

#block-gauche
{	display:none;
}

#menu-gauche
{	display:none;
}

#cadre-recherche {
	 display:none;
	
}

/*div#menu-deroulant-formulaire {
    display:none;
}*/

/*.menu-formation {
float:none;
}*/

.sous-menu-formation {   
    height: auto;
    width:auto;
    font-size:150%;
}


.menu-formation {
    height: auto;
    z-index: -1;
    width:auto;
    margin-left:0px;
    }



.text-sous-menu-formation
{
	width:70%;
	font-size: 170%;
}

.image-sous-menu-formation
{
	margin-left : 35px;
	width: 130px;;
	height: 210px;
}


.bouton_prestataire {
    font-size:92%;
    float: left;
    display: inline-block;
    margin-top: 10px;
}


#footer, #footer-mobile {
	width:100%;
	float:left;
	height:auto;
	padding: 0px;
/*position:fixed;*/
}

h2 {
    text-align: center;
}

h1 {
	text-align:center;
}

/*Ajout bouton menu*/
.column {
	float: left;
	width: 50%;
	padding: 0 2em;
	position: absolute;
	display:block;
}


/*
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

/* Debut styles menus mobile */

.dl-menuwrapper {
	width: 34%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	margin-left: 154%;
    margin-top: 50px;}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background: #ccc;
	border: none;
	width: 73px;
	height: 73px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background:#e1f79c;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 7px;
	background: black;
	top: 13px;
	left: 16%;
    box-shadow: 0 19px 0 black, 0 39px 0 black;
    border-radius: 10px;
	}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid grey;
}

.dl-menuwrapper li:last-child {
	border-bottom: none !important;
}


.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 10px;
	font-size: 120%;
	line-height: 20px;
	font-weight: 300;
	color: black;
	outline: none;
	/*border-bottom: 1px solid grey;*/
	background-image: url('images-communes/menu-gauche/fleche-droite-menu.gif');
	background-repeat:no-repeat;
	background-position: 0.2em 0.50em;
	padding-left:40px;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(212,204,198,0.3);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px -119% 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	text-align:left;
	font-family: Tahoma;
	border-radius: 13px;
	top:98px;
	width: 217%;
}

/* cache le sous menu intern */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
Quand un sous-menu est ouvert , nous allons masquer tous les descendants de li .
Pour cela, nous donnons une classe au menu parent appelé " dl-subview " .
Nous cachons aussi le lien du sous-menu .
Le sous-menu ouvert obtiendra la classe « dl-subviewopen " .*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/*Ecran inferieur à 800px*/
/*@media screen and (max-width: 800px)
{
	#numero-vert-mobile
	{
	display:none;
	}
	
	#menu-footer{
		display:none;
	}
}

@media screen and (max-width: 400px)
{
	

.dl-menuwrapper
{
	margin-left:0%;
}

.dl-menuwrapper .dl-menu.dl-menuopen
{
	width:480%;
}

}*/

.menu-footer, .sidebar-menu-right, #footer-mobile, #menu-mobile{
	display: inline-block !important;
}

#footer{
	display:none;
}

.partenaires{
	margin-left: 25px;
    height: 750px;
    width: 90%;
}

.iso-26000{
    width: 100% !important;
}

#charte-qualite{
	float:right !important;
	width: 250px !important;
}

.sidebar-menu-right{
	font-size: 150%;
	float: right;
	margin: 5%;
}

html{
	zoom: 0.55;
}

/*html{
	zoom: 0.55;
	-ms-zoom: 0.55;
	-webkit-zoom: 0.55;
	-moz-transform:  scale(0.55,0.55);
	-moz-transform-origin: left center;
}*/

input.gsc-input::-webkit-input-placeholder{
	font-size: 150% !important;
}

input.gsc-input::-moz-placeholder{
	font-size: 150% !important;
}
input.gsc-input:-ms-input-placeholder{
	font-size: 150% !important;
}

input.gsc-input:-moz-placeholder{
	font-size: 150% !important;
}


input.gsc-input{
	height: 40px !important;
	background-size: 45% !important;
	text-indent: 80px !important;
}

.gsc-search-button {
    height: 40px !important;
}

#lbOuterContainer {
    height: 100% !important;
    width: 950% !important;
}

#lbIframe{
    height: 750px;
    width: 100%;
}

#lbCloseTop, #lbPrintTop {
	width: 52px !important;
    height: 56px !important;
	background-size: 100% !important;
}

/*.menu-footer{
	margin-bottom: 5px !important;
}*/

p {
    margin-left: 5px;
    margin-right: 5px;
}

#contenu-paragraphe-calendrier{
	width: auto;
}
