﻿<style type="text/css">
html {height: 100%; margin: 0px; padding: 0px; background-color: #414141;}
body {width: 90%; max-width:1280px; margin: 45px auto 0 auto; padding: 0px; background-color: #414141;}

/* Bandeau du centre */
	#centre {
height:100%;
width:100%;
margin:0px;
padding:0px;
border:0;
background-color:#ffffff;
clear:both;
}

/* Bandeau de Gauche */
		#gauche {
	height:auto;
	width:25%;
	margin:0px;
	padding:0px;
	border:0;
	background-color:#ffffff;
	float:left;
	}

			.menu {
		height:auto;
		margin:0 10% 0 10%;
		padding:0px;
		background-color:#ffffff;
		color:#ffffff;
		position:relative;
		}

		.cadre-t-g-E {
			color:#00008B;
			font-family:"Comic Sans MS";
			text-shadow:0px 1px 0px #DB0B32;
			margin:30px 10% 0 10%;
			padding: 3px;
			line-height:185%;
			border:1px solid silver;
			border-radius:8px 8px 8px 8px;
			-moz-border-radius:8px 8px 8px 8px;
			-webkit-border-radius:8px 8px 8px 8px;
			background: linear-gradient( #DCDCDC 30%, #F5F5F5 70%);
		/*background-color: #DCDCDC;*/
			behavior: url(/css-js/pie/PIE.htc);
			position:relative;
		}

			.texte-m-g {
				padding-left:10%;
			}

			.cadre-t-g-I {
				font-family:Calibri;
				text-align:center;
				line-height:normal;
				text-shadow: #ffffff 1px 1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 1px -1px;
				vertical-align:middle;
				text-align:middle;
				padding:5px;
				background-color: #F5F5F5;
				border:1px solid silver;
				border-radius: 8px 8px 8px 8px;
				-moz-border-radius:8px 8px 8px 8px;
				-webkit-border-radius:8px 8px 8px 8px;
				behavior: url(/css-js/pie/PIE.htc);
				position:relative;
			}

			.cadre-t-g-I-2 {
			min-height: 150px;
				font-family:Calibri;
				font-size:20px;
				text-align:center;
				vertical-align:middle;
				line-height:normal;
				text-shadow: #ffffff 1px 1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 1px -1px;
				padding:5px;
				background-color: #F5F5F5;
			background-image: url('/images/france-regions.gif');
			background-repeat: no-repeat;
			background-position:center;
			background-size: 60% 70%;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/france-regions.gif', sizingMethod='scale');
			-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/france-regions.gif', sizingMethod='scale');
				border: 1px solid silver;
				border-radius: 8px 8px 8px 8px;
				-moz-border-radius:8px 8px 8px 8px;
				-webkit-border-radius:8px 8px 8px 8px;
				behavior: url(/css-js/pie/PIE.htc);
				position:relative;
			animation: cadre-t-g-I-2 10s linear infinite;
			}

@keyframes cadre-t-g-I-2 {
	0%  {background: #F5F5F5 url('/images/france-regions.gif') 80% no-repeat center;}
	20% {background: #F0F8FF url('/images/france-regions.gif') no-repeat left top;}
	40% {background: #FFFAFA url('/images/france-regions.gif') no-repeat left bottom;}
    60% {background: #F5F5DC url('/images/france-regions.gif') no-repeat right top;}
	80% {background: #FAF0E6 url('/images/france-regions.gif') no-repeat right bottom;}
}
@-moz-keyframes cadre-t-g-I-2 {
	0%  {background: #F5F5F5 url('/images/france-regions.gif') no-repeat center;}
	20% {background: #F0F8FF url('/images/france-regions.gif') no-repeat left top;}
	40% {background: #FFFAFA url('/images/france-regions.gif') no-repeat left bottom;}
    60% {background: #F5F5DC url('/images/france-regions.gif') no-repeat right top;}
	80% {background: #FAF0E6 url('/images/france-regions.gif') no-repeat right bottom;}
}
@-ms-keyframes cadre-t-g-I-2 {
    0%   {background:#F5F5F5 no-repeat center;}
    25%  {background:#F0F8FF no-repeat 0% 0%;}
    50%  {background:#FFFAFA no-repeat 0% 100%;}
    75%  {background:#F5F5DC no-repeat 100% 0%;}
    100% {background:#FAF0E6 no-repeat 100% 100%;}
}
@-webkit-keyframes cadre-t-g-I-2 { 80%
    0%   {background:#F5F5F5 no-repeat center;}
    25%  {background:#F0F8FF no-repeat 0% 0%;}
    50%  {background:#FFFAFA no-repeat 0% 100%;}
    75%  {background:#F5F5DC no-repeat 100% 0%;}
    100% {background:#FAF0E6 no-repeat 100% 100%;}
}

			.cadre-t-g-I-3 {
			min-height: 150px;
				font-family:Calibri;
				font-size:large;
				text-align:center;
				line-height:normal;
				text-shadow: #ffffff 1px 1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 1px -1px;
				padding:5px;
				background-color: #F5F5F5;
			background-image: url('/images/femme3.jpg');
			background-repeat: no-repeat;
			background-size: 100% 100%;
			background-position:center;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/femme3.jpg', sizingMethod='scale');
			-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/femme3.jpg', sizingMethod='scale');
				border: 1px solid silver;
				border-radius: 8px 8px 8px 8px;
				-moz-border-radius:8px 8px 8px 8px;
				-webkit-border-radius:8px 8px 8px 8px;
				behavior: url(/css-js/pie/PIE.htc);
				position:relative;
			}

			.cadre-t-g-I-4 {
			min-height: 150px;
				font-family:Calibri;
				font-size:large;
				text-align:center;
				line-height:normal;
				text-shadow: #ffffff 1px 1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 1px -1px;
				padding:5px;
				background-color: #F5F5F5;
			background-image: url('/images/femme4.jpg');
			background-repeat: no-repeat;
			background-position:center;
			background-size: 100% 100%;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/femme4.jpg', sizingMethod='scale');
			-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/femme4.jpg', sizingMethod='scale');
				border: 1px solid silver;
				border-radius: 8px 8px 8px 8px;
				-moz-border-radius:8px 8px 8px 8px;
				-webkit-border-radius:8px 8px 8px 8px;
				behavior: url(/css-js/pie/PIE.htc);
				position:relative;
			}

			.imag-g {
		height: auto;
		margin-top:30px;
		margin-left:10%;
		margin-right:10%;
		margin-bottom:0px;
		padding:0px;
		}

			.cadre-g {
		height: auto;
		margin-top:0px;
		margin-bottom:0px;
		margin-left:10%;
		margin-right:10%;
		border-left:1px solid silver;
		border-right:1px solid silver;
		border-bottom:1px solid silver;
		background-color:#F5F5F5;
		border-radius:0px 0px 8px 8px;
		}

/* Bandeau de Droite dans le Centre */
		#droite {
	height:auto;
	width:75%;
	margin:0px;
	padding:0px;
	border:0;
	background-color:#ffffff;
	float:right;
	}

		.cadre-t-d-E {
			color:#DB0B32;
			font-family:"Comic Sans MS";
			/*text-shadow:0px 1px 0px black;*/
			margin:20px 1% 0 0;
			padding:3px;
			line-height:185%;
			border:1px solid #4682B4;
			border-radius:8px 8px 8px 8px;
			/*background: linear-gradient( #DCDCDC, #F5F5F5);*/
			background: linear-gradient( #4682B4 30%, #F0FFFF 70%);
			background-color: #4682B4;
			behavior: url(/css-js/pie/PIE.htc);
			position:relative;
		}

		.cadre-t-d-E-2 {
			display:none;
			color:#DB0B32;
			font-family:"Comic Sans MS";
			/*text-shadow:0px 1px 0px black;*/
			margin:3% 1% 0 0;
			padding:3px;
			line-height:185%;
			border:1px solid #4682B4;
			border-radius:8px 8px 8px 8px;
			/*background: linear-gradient( #DCDCDC, #F5F5F5);*/
			background: linear-gradient( #4682B4 30%, #F0FFFF 70%);
			background-color: #4682B4;
			behavior: url(/css-js/pie/PIE.htc);
			position:relative;
		}

		.cadre-t-d-E-3 {
			color:#DB0B32;
			font-family:"Comic Sans MS";
			margin: 3% 0 0 0;
			padding:3px;
			border:1px solid silver;
			border-radius:8px 8px 8px 8px;
			background: linear-gradient( #DCDCDC, #F5F5F5);
			behavior: url(/css-js/pie/PIE.htc);
			position:relative;
		}

		.h1-1 {
			display:none;
			font-size:14px;
		}

		.cadre-t-d-I {
			color:black;
			font-family:Calibri;
			text-shadow:none;
			padding:5px;
			background: linear-gradient( #F0FFFF 30%, #FEFEFE 70%);
			background-color:#F0FFFF;
			border:1px solid #4682B4;
			border-radius: 8px 8px 8px 8px;
			behavior: url(/css-js/pie/PIE.htc);
			position:relative;
		}

		.cadre-t-d-I-3 {
			color:black;
			font-family:Calibri;
			text-shadow:none;
			padding:15px 15px 5px 15px;
			background:#ffffff;
			border:1px solid silver;
			border-radius:8px 8px 8px 8px;
			behavior: url(/css-js/pie/PIE.htc);
			position:relative;
		}

		/*	pour le tarif matériels	*/
		.cadre-tarif-M-E {
			color:#DB0B32;
			font-family:"Comic Sans MS";
			font-size:12px;
			/*text-shadow:0px 1px 0px black;*/
			margin:3% 1% 0 0;
			padding:3px;
			border:1px solid silver;
			border-radius:8px 8px 8px 8px;
			background: linear-gradient( #DCDCDC, #F5F5F5);
			behavior: url(/css-js/pie/PIE.htc);
			/*position:relative; /* tests arrondies ie 8 */
		}

		.cadre-tarif-M-I {
			color:black;
			font-family:Calibri;
			text-shadow:none;
			/*padding:5px;*/
			background:#ffffff;
			border:1px solid silver;
			/*border-radius:8px 8px 8px 8px;*/
			behavior: url(/css-js/pie/PIE.htc); /* tests arrondies ie 8 */
			/*position:relative; /* tests arrondies ie 8 */
		}

			.cadre-t-h {
		height:30px;
		width:auto;
/*		text-align:center;*/
		margin-top:10px;
		margin-bottom:0px;
		margin-right:1%;
		border:1px solid silver;
		background-color:#F5F5F5;
		border-radius:8px 8px 0px 0px;		
		}

			.cadre-t-b {
		height:auto;
		width:auto;
		margin-top:0px;
		margin-bottom:0px;
		margin-right:1%;
		padding:5px;
		border-left:1px solid silver;
		border-right:1px solid silver;
		border-bottom:1px solid silver;
		background-color:#ffffff;
		border-radius:0px 0px 8px 8px;
		}

/* Bandeau du Bas */
		#bas {
	height:auto;
	width:100%;
	margin:0px;
	padding:0px;
		background-color:#ffffff;
	clear:both;
	}
			.bas-g {
		height:auto;
		width:25%;
		margin:0px;
		padding:0px;
		background-color:#ffffff;
		float:left;
		}

/*			.bas-g-b {
		height:auto;
		margin-top:25px;
		margin-left:10%;
		margin-right:10%;
		margin-bottom:10px;
		background-color:#F5F5F5;
		border:1px solid silver;
		border-radius:8px;
		color:#DB0B32;
		} */

			.bas-d {
		height:auto;
		width:75%;
		margin:0px;
		padding:0px;
		background-color: #ffffff;
		float:right;
		}

/*			.bas-d-b {
		height:auto;
		width:75%;
		margin:0px;
		background-color: #414141;
		text-align:right;
		color: #414141;
		float:right;
		} */
/* Fin du Bandeau du Bas */

/* Bandeau Bas */
		#footer {
	/*height:auto;
	width:100%;*/
	line-height:150%;
	background-color:#B22222; /* #B22222 #DB0B32 #414141 OrangeRed */
	margin:0px;
	padding:0px;
	color:#ffffff;
	text-align:center;
	font-family:Calibri;
	font-size:12px;
	border-radius:0px 0px 8px 8px;
	/*clear:both;*/
	}

.test {
	display:inline-block;
	align:left;
}

.test2 {
	display:inline-block;
	width:67%;
	margin-left:10px;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 110%;
}

.auto-style4 {
	vertical-align: middle;
}

.auto-style2 {
	text-align: center;
}

.auto-style3 {
	text-align: left;
}

.auto-style1 {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 110%;
}

.auto-style5 {
	margin-top: 8px;
	margin-bottom: 8px;
	line-height: 150%;
}

/* -- Blocks 2 colonnes 80% - 20% côte à côte pour la page « Tarifs Services Informatique » -- */
.titre-2	{
	background-color: #FFFACD;
	border: 1px solid #DCDCDC;
	border-radius: 4px 4px 4px 4px;
	text-align:left;
	font-weight:bold;
	padding-left:1%;
	box-shadow: 0px 0px 10px 3px rgba(154, 205, 0, 0.60);
	line-height:27px;
}

.titre-3	{
	background-color: #FFFACD;
	border: 1px solid #DCDCDC;
	border-radius: 4px 4px 4px 4px;
	text-align:center;
	font-weight:bold;
	padding:2% 2% 2% 2%;
	box-shadow: 0px 0px 10px 3px rgba(154, 205, 0, 0.60);
	line-height:27px;
}

.col-p-1 {
	background-color: #F5F5F5;
	border-radius: 4px 4px 4px 4px;
	margin-top:10px;
	padding:5px;
}

.col-2-80 {
	display: inline-block;
	width: 79%;
	color: #0000CD;
}

.col-2-20 {
	display: inline-block;
	width: 20%;
	color: #0000CD;
	text-align: center;
}

.col-3-80 {
	display: inline-block;
	width: 79%;
}

.col-3-20 {
	display: inline-block;
	width: 20%;
	text-align: center;
}

/* -- Blocks span Côte à côte pour : Services de TéléMaintenance (Immédiat) -- */
.span-2-c {
	display:inline-block;
	width:45%;
	margin:0 0 5px 3%;
	/*margin-top: 0;
	margin-bottom: 6px;*/
	/*line-height: 100%;*/
	padding:0;
	font-size:small;
}

/* est ce utiliser ! */
.span-2-c-b {	/* page "index" cadre services	*/
	display:inline-block;
	width:45%;
	margin:5px 0 5px 0;
	/*padding-right:1%;
	line-height: 100%;*/
	text-align:left;
	font-size:medium;
	color:#0000CD;
	vertical-align: top;
	line-height: 100%;
}

/* est ce utiliser ! */
.span-2-c-c {	/* page "index" cadre services	*/
	display:inline-block;
	width:45%;
	margin:5px 0 5px 0;
	padding-left:2%;
	/*margin:0;
	/*line-height: 100%;*/
	text-align:left;
	font-size:medium;
	color:#0000CD;
	vertical-align: top;
}

.span-2-c-d {	/* page "index" cadre services	*/
	padding:10px;
	border:1px solid silver;
	text-align:left;
	font-size:small;
	border-radius: 8px 8px 8px 8px;
	vertical-align: top;
}

/* -- Blocks span Côte à côte pour : Irtav vous propose une gamme de Services complète -- */
.span-2b-c { /* n'est peutrêtre plus utilisé */
	display:inline-block;
	width:20%;
	margin-top: 0;
	margin-bottom: 6px;
	line-height: 100%;
	text-align: center;
}

/* -- Blocks span Côte à côte pour : Irtav vous propose une gamme de Services complète -- */
.span-2c-c {
	display:inline-block;
	width:79%;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 110%;
}

/* -- Zone d'intervention -- */
#sp-01 #sp-02 { height: 0; overflow: hidden; }
#sp-02 { background-color:#F5F5F5; border-radius: 6px; font-size:small }
#sp-01:target #sp-02 { height: auto; }
#sp-01:target #ca-02, #sp-01 #af-02 { display: inline; }
#sp-01:target #af-02, #sp-01 #ca-02 { display: none; }
.liens { text-decoration:none; color:#0000CD; }

.cont-1	{
	background-color: #FAFAD2;	/*	#F5F5F5;	#008000	*/
	border: 1px solid #DCDCDC;	/*	#DCDCDC;	#008000	*/
	border-radius: 4px 4px 4px 4px;
	text-align:left;
	font-weight:bold;
	box-shadow: 0px 0px 10px 3px rgba(160, 160, 160, 0.60);
}

.cont-2	{
	width:350px;
	margin-top:0;
	background-color: #FAFAD2;	/*	#F5F5F5;	#008000	*/
	border: 1px solid #DCDCDC;	/*	#DCDCDC;	#008000	*/
	border-radius: 4px 4px 4px 4px;
	text-align:center;
	font-weight:bold;
	box-shadow: 0px 0px 10px 3px rgba(160, 160, 160, 0.60);
	float:right;
}

.titre-1	{
	background-color: #FFFACD;	/*	#EEE8AA	#F5F5F5;	#008000	// #9ACD32 //	*/
	border: 1px solid #DCDCDC;	/*	#DCDCDC;	#008000	*/
	border-radius: 4px 4px 4px 4px;
	text-align:left;
	font-weight:bold;
	box-shadow: 0px 0px 10px 3px rgba(154, 205, 0, 0.60);
	line-height:27px;
	margin:2% 2% 0 2%;
}

.c-tel {
	color:#FF4500;
}

.bouton-1 {
	/*line-height:27px;*/
		/*margin-bottom:2px;*/
	border-radius:4px 4px 4px 4px;
	/*background-color:#DB0B32;*/
	background-image: radial-gradient( #DB0B32 30%, #B22222 100%);
	color:#ffffff;
	font-family:"Comic Sans MS";
	font-weight:bold;
	padding:0 5px 0 5px;
}

.bouton-2 {
	border-radius:4px 4px 4px 4px;
	/*background-color:#DB0B32;*/
	background-image: radial-gradient( #B22222 30%, #FF8C00 100%);
	color:#ffffff;
	font-family:"Comic Sans MS";
	font-weight:bold;
	padding:0 5px 0 5px;
	float:right;
}

.text-shadow-1 {
text-shadow: #ffffff 1px 1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 1px -1px;
} 

/*.xxx {
  text-shadow: 0px 0px 9px #777;
  /*color: #fff;
}*/

/* -- Blocks span Côte à côte pour : Dépannage informatique à Distance, en Ligne, Immédiatement (page dépannage-informatique-à-distance) -- */
/* -- tests effets */
.cadre-3-i-Eb {	/*	cadre tests	*/
	display:inline-block;
	width:24.9%;
	margin:3% 2% 0 2%;
	padding: 2%;
	border:none;
	/*background-color:#F5F5F5;*/
	background-image: linear-gradient(to left top, #7FEBE7 30%, #700641 100%);
	border-radius:20px 20px 20px 20px;
	box-shadow: -5px -5px 26px 16px rgba(235, 134, 213, 0.61);
/*	box-shadow: -19px -19px 24px 34px rgba(235, 134, 213, 0.61);*/
/*	box-shadow: 2px 6px 8px 5px rgba(208, 202, 28, 0.6);*/
/*	box-shadow:inset 0px 0px 15px 5px rgba(160, 160, 160, 0.60);*/	/*	(119, 119, 119, 0.75)	(150, 150, 150, 0.75)	*/
/*	-moz-box-shadow: 0px 0px 15px 5px rgba(160, 160, 160, 0.60);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(160, 160, 160, 0.60);			#7FEBE7 40%, #700641 60%	*/
}

/* -- Blocks span Côte à côte pour : Dépannage informatique à Distance, en Ligne, Immédiatement (page dépannage-informatique-à-distance) -- */
.cadre-3-i-E {
	display:inline-block;
	width:24.9%;
	margin:3% 2% 0 2%;
	padding: 2%;
	border:none;
	background-color:#F5F5F5;
	border-radius:20px 20px 20px 20px;
	box-shadow: 0px 0px 15px 5px rgba(160, 160, 160, 0.60);	/*	(119, 119, 119, 0.75)	(150, 150, 150, 0.75)	*/
	-moz-box-shadow: 0px 0px 15px 5px rgba(160, 160, 160, 0.60);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(160, 160, 160, 0.60);
}

.cadre-3-i-I {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	padding: 5%;
	border-radius: 20px;
	box-shadow: 0px 0px 10px 5px rgba(0, 255, 255, 0.6);
	background-image: linear-gradient( #00FFFF, #7FFFD4);
}

/* -- Span "Display-block" pour Cadres  : Dépannage informatique à Distance, en Ligne, Immédiatement (page dépannage-informatique-à-distance) -- */
.s-1-cadre-3-i-I {
	display:block;
	background-color:#DCDCDC;
	border-radius:16px 16px 0 0;
	color:blue;
	text-align:center;
	font-weight:bold;
	font-size:large;
	background-image: radial-gradient( #FAFAFA 30%, #DCDCDC 100%);
}

.s-2-cadre-3-i-I {
	display:block;
	text-align:center;
	font-size:small;
	font-weight:bold;
	color:black;
}

.s-3-cadre-3-i-I {
	display:block;
	background-color:red;
	line-height:40px;
	text-align:center;
	font-size:30px;
	font-weight:bold;	/*font-weight:bolder;*/
	color:black;
}

.s-3-cadre-3-i-I-b {
	display:block;
	line-height:32px;
	text-align:center;
	font-size:medium;
	font-weight:bold;
	color:black;
	background-image: radial-gradient( #FF0000 40%, #0000CD 100%);
	text-shadow:1px 1px 0px #FFFF00;
}

.s-4-cadre-3-i-I {
	display:block;
	background-color:#ffffff;
	font-size:small;
	text-align:center;
	color:black;
}

.s-5-cadre-3-i-I {
	display:block;
	background-color:#ffffff;
	font-size:small;
	text-align:center;
	color:black;
}

.font-l {
	font-size:larger;
	line-height:25px;
}

.s-6-cadre-3-i-I {
	display:block;
	background-color:orange;	/*	red	orange;	*/
	border-radius:0 0 16px 16px;
	text-align:center;
	/*vertical-align: middle;*/
}

/* -- Cadres et Blocks span Côte à côte pour : Services informatique -- */
.cadre-1-i-Ec { /*	n'est pas utiliser	*/
	width:auto;
	margin: 15px 1% 15px 1%;	/*	5% 1% 2% 1%;*/
	padding: 2% 2% 1% 2%;
	border:none;
	border-radius:0 50px 0 50px;
	box-shadow: 0px 0px 15px 5px rgba(160, 160, 160, 0.60);
}

.cadre-3-i-Ic {
	display:inline-block;
	min-width: 20%;
	max-width: 22%;
	margin: 15px 3% 15px 3%;
	padding: 2% 2% 2% 2%;
	background-color:#F5F5F5;	/*	#F5F5F5;	414141	330000	(9E3A06)	#602E15	#904818	C88440	184, 138, 0 /	255,204,51	#003399	190,5,11	#F5B800	#DEB887	#CD853F	*/
	/*border:none;*/
	border-radius:0 50px 0 50px;
	box-shadow: 0px 0px 15px 5px rgba(255, 204,51, 0.60);
	color: blue;
	/*text-align:center;*/
	font-weight:bold;
	font-size:large;
	vertical-align: middle;
}

.cadre-3-i-Ic2 {/*	n'est pas utiliser	*/
	display:inline-block;
	min-width: 22%;
	max-width: 32%;
	margin: 15px 1% 15px 1%;
	padding: 2% 2% 1% 2%;
	background-color:#F5B800;	/*	#F5F5F5;	414141	330000	(9E3A06)	#602E15	#904818	C88440	184, 138, 0 /	255,204,51	#003399	190,5,11	#F5B800	#DEB887	#CD853F	*/
		/*border:none;*/
	border-radius:0 50px 0 50px;
	box-shadow: 0px 0px 15px 5px rgba(255, 204,51, 0.60);
	color: blue;
		/*text-align:center;*/
	font-weight:bold;
	font-size:small;
		/*vertical-align: middle;*/
}

.s-5-cadre-3-i-Ic {
		display:block;
	/*background-color: #F5B800;	/*	#F5F5F5;	*/
	font-size:small;
	text-align:center;
	color:black;
	font-weight:bold;
	line-height: 120%;

}

/* -- Blocks span Côte à côte pour : Irtav vous propose les Matériels adaptés à vos besoins -- */
.span-6-c {
	display:inline-block;
	width:16.19%;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 110%;
}

/* -- Blocks span Côte à côte pour : Dépannage informatique à Distance, en Ligne, Immédiatement (page dépannage-informatique-à-distance) -- */
.cadre-3-i-E-80 {
	display:inline-block;
	vertical-align:top;
	width:40%;	/*	68.4%;	*/
	margin:1% 1% 0 1%;
	padding: 2%;
	border:none;
	text-align:center;
	background-color: #FFFACD; /*	#6F603D	#F5F5F5	*/
	/*background-image: linear-gradient(to left top, #7FEBE7 30%, #700641 100%);*/
	border-radius:8px 8px 8px 8px;
/*	box-shadow: -5px -5px 26px 16px rgba(235, 134, 213, 0.61);
/*	box-shadow: -19px -19px 24px 34px rgba(235, 134, 213, 0.61);*/
/*	box-shadow: 2px 6px 8px 5px rgba(208, 202, 28, 0.6);*/
/*	box-shadow:inset 0px 0px 15px 5px rgba(160, 160, 160, 0.60);*/	/*	(119, 119, 119, 0.75)	(150, 150, 150, 0.75)	*/
/*	-moz-box-shadow: 0px 0px 15px 5px rgba(160, 160, 160, 0.60);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(160, 160, 160, 0.60);			#7FEBE7 40%, #700641 60%	*/
	box-shadow: 0px 0px 10px 3px rgba(154, 205, 0, 0.60);
}

.cadre-3-i-E-20 {
	display:inline-block;
	vertical-align:top;
	width:25%;
	margin:1% 1% 0 0;
	padding: 0;
	border:none;
	/*background-color:orange;*/	/*	#F5F5F5;	*/
	/*background-image: linear-gradient(to left top, #7FEBE7 30%, #700641 100%);*/
	border-radius:8px 8px 8px 8px;
/*	box-shadow: -5px -5px 26px 16px rgba(235, 134, 213, 0.61);
/*	box-shadow: -19px -19px 24px 34px rgba(235, 134, 213, 0.61);*/
/*	box-shadow: 2px 6px 8px 5px rgba(208, 202, 28, 0.6);*/
/*	box-shadow:inset 0px 0px 15px 5px rgba(160, 160, 160, 0.60);*/	/*	(119, 119, 119, 0.75)	(150, 150, 150, 0.75)	*/
/*	-moz-box-shadow: 0px 0px 15px 5px rgba(160, 160, 160, 0.60);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(160, 160, 160, 0.60);			#7FEBE7 40%, #700641 60%	*/
}

.cadre-1 {
	height:auto;
	width:100%;
	margin-top:0;
	padding:2%;
	text-align:center;
	line-height: 150%;
	border-radius:4px 4px 4px 4px;
	background-color: #808000;
}

/*
	/*display:inline-block;*/
	/*line-height:27px;*/
		/*margin-bottom:2px;*/
	/*background-image: radial-gradient( #DB0B32 30%, #B22222 100%);*/		/*	#DB0B32;	orange;	#A9A9A9;	#808000;	#808080;	*/
	/*color: orange;	/*	#ffffff;	*/
	/*font-family:"Comic Sans MS";		/*	#DB0B32;	orange;	#A9A9A9;	#808000;	#808080;
	font-weight:bold;
	padding:0 5px 0 5px;	rgba(154, 205, 0, 0.60)

*/

.cadre-1-b {
	margin:5px;
	padding:1% 1% 1% 1%;
	font-size:large;
	font-weight:bold;
	text-align:center;
	font-family:"Comic Sans MS";
		border-radius:4px 4px 4px 4px;
		box-shadow: 0px 0px 15px 3px rgba(154, 205, 0, 0.60);
	animation: cadre-1-b 15s linear infinite;
}

.cadre-1-c {
	padding:1% 1% 1% 1%;
	font-size:large;
	font-weight:bold;
	text-align:center;
	font-family:"Comic Sans MS";
		border-radius:4px 4px 4px 4px;
		box-shadow: 0px 0px 15px 3px orange;
	animation: cadre-1-c 20s linear infinite;
}

@keyframes cadre-1-b {
	0%  {color: black;}
    60% {background: #F5F5F5; color: blue;}
	40% {color: red;}
	20% {background: #FFFAFA; color: orange;}
	80% {color: black;}
}

/*
text-shadow:1px 1px 0px red;
text-shadow: 1px 1px 0px orange;
font-size:x-large
*/

@keyframes cadre-1-c {
	0%  {color: black;}
	20% {background: #FFFAFA; color: orange;}
	40% {color: red;}
    60% {background: #F5F5F5; color: blue;}
	80% {color: black;}
}

/*	0%  {font-size:large;}
	20% {font-size:x-large;}
	40% {font-size:large;}
    60% {font-size:medium;}
	80% {font-size:large;}
	100% {font-size:x-large;}
*/

/* -- Spoiler 1 / 2 -- */
#spoiler1 #spoiler2 { height: 0; overflow: hidden; }/* border: 1px solid silver; */ /* border: 1px dashed gray; */
#spoiler2 { background-color:#F5F5F5; border-radius: 6px; }  /* height: 0px; */ /* border: 1px solid silver; */ /* border: 1px dashed gray; */ 
#spoiler1:target #spoiler2 { height: auto; }
#spoiler1:target #cacher1, #spoiler1 #afficher1 { display: inline; }
#spoiler1:target #afficher1, #spoiler1 #cacher1 { display: none; }

/* -- Spoiler 3 / 4 -- */
#spoiler3 #spoiler4 { height: 0; overflow: hidden; margin:0; padding:0; }
#spoiler4 { background-color:#F5F5F5; border-radius: 6px; text-align:left; font-size:small; line-height:normal; }
#spoiler3:target #spoiler4 { height: auto; }
#spoiler3:target #cacher3, #spoiler3 #afficher3 { display: inline; }
#spoiler3:target #afficher3, #spoiler3 #cacher3 { display: none; }

/* -- Spoiler 5 / 6 -- */
#spoiler5 #spoiler6 { height: 0; overflow: hidden; margin:0; padding:0; }
#spoiler6 { background-color:#F5F5F5; border-radius: 6px; text-align:left; font-size:small; line-height:normal; }
#spoiler5:target #spoiler6 { height: auto; }
#spoiler5:target #cacher5, #spoiler5 #afficher5 { display: inline; }
#spoiler5:target #afficher5, #spoiler5 #cacher5 { display: none; }

/* -- Spoiler 7 / 8 -- */
#spoiler7 #spoiler8 { height: 0; overflow: hidden; margin:0; padding:0; }
#spoiler8 { background-color:#F5F5F5; border-radius: 6px; text-align:left; font-size:small; line-height:normal; }
#spoiler7:target #spoiler8 { height: auto; }
#spoiler7:target #cacher7, #spoiler7 #afficher7 { display: inline; }
#spoiler7:target #afficher7, #spoiler7 #cacher7 { display: none; }

/*	-- Page Services Informatiques	--	*/
#spoiler9 #spoiler10 { max-width: 174px; height: 0; overflow: hidden; margin:0; padding:0; }
#spoiler10 { background-color:#F5F5F5; color:black; border-radius: 5px 50px 0 50px; text-align:left; font-size:small; line-height:normal; }
#spoiler9:target #spoiler10 { height: auto; }
#spoiler9:target #cacher9, #spoiler9 #afficher9 { display: block; }
#spoiler9:target #afficher9, #spoiler9 #cacher9 { display: none; }

	/*	-- Cadre "Besoin d'infos"	--	*/
#b-i-1 #b-i-2 { max-width: 174px; height: 0; overflow: hidden; margin:0; padding:0; }
#b-i-2 { background-color:#F5F5F5; border-radius: 5px 50px 0 50px; text-align:left; font-size:small; line-height:normal; }
#b-i-1:target #b-i-2 { height: auto; }
#b-i-1:target #ca-1, #b-i-1 #aff-1 { display: block; }
#b-i-1:target #aff-1, #b-i-1 #ca-1 { display: none; }

#spoiler11 #spoiler12 { max-width: 174px; height: 0; overflow: hidden; margin:0; padding:0; }
#spoiler12 { background-color:#F5F5F5; color:black; border-radius: 5px 50px 0 50px; text-align:left; font-size:small; line-height:normal; }
#spoiler11:target #spoiler12 { height: auto; }
#spoiler11:target #cacher11, #spoiler11 #afficher11 { display: block; }
#spoiler11:target #afficher11, #spoiler11 #cacher11 { display: none; }

#spoiler13 #spoiler14 { max-width: 174px; height: 0; overflow: hidden; margin:0; padding:0; }
#spoiler14 { background-color:#F5F5F5; color:black; border-radius: 5px 50px 0 50px; text-align:left; font-size:small; line-height:normal; }
#spoiler13:target #spoiler14 { height: auto; }
#spoiler13:target #cacher13, #spoiler13 #afficher13 { display: block; }
#spoiler13:target #afficher13, #spoiler13 #cacher13 { display: none; }

#spoiler15 #spoiler16 { max-width: 174px; height: 0; overflow: hidden;  margin: 0; padding: 0; }
#spoiler16 { background-color:#F5F5F5; color:black; border-radius: 5px 50px 0 50px; text-align:left; font-size:small; line-height:normal; }
#spoiler15:target #spoiler16 { height: auto; }
#spoiler15:target #cacher15, #spoiler15 #afficher15 { display: block; }
#spoiler15:target #afficher15, #spoiler15 #cacher15 { display: none; }

/* -- Zone d'intervention / comme nouvelles pages -- */
#sp-01 #sp-02 { height: 0; overflow: hidden; }
#sp-02 { background-color:#F5F5F5; border-radius: 6px; font-size:small }
#sp-01:target #sp-02 { height: auto; }
#sp-01:target #ca-02, #sp-01 #af-02 { display: inline; }
#sp-01:target #af-02, #sp-01 #ca-02 { display: none; }
.liens { text-decoration:none; color:#0000CD; }

/* -- Arrow Box page "Maintenance Informatique" cadre "Audit et suggestions" -- */
.arrow_box {
    border-radius: 8px;
    /*z-index: 99;*/
    position: relative;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.15),inset 0 0 0 1px rgba(255,255,255,0.6), 0 4px 2px -2px rgba(0,0,0,0.2),0 0 1px 1px rgba(0,0,0,0.15);
    background-repeat: repeat-x;
    background-position: 0 0;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0.7) 0,rgba(255,255,255,0) 100%);
    background-color: #e1e1e1;
    margin-top: 1em;
    margin-left: .75em;
    margin-right: .75em;
    	margin-bottom:1em;
    /*padding-left: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-top: 0;*/
    padding:8px;
    width: auto;
    height: auto;
}
/*	arrow_box	suite (pointe)
.arrow_box:after, .arrow_box:before {
    border: 13px solid transparent;
    position: absolute;
    content: '';
    left: 80%;
    bottom:100%;
}

.arrow_box:after {
	border-bottom-color: #fafafa;
	border-width: 14px;
	margin-left: -24px;
}

.arrow_box:before {
	border-bottom-color: #999;
	border-width: 15px;
	margin-left: -25px;
}
*/

/* .moncoin {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
} */

/* -- essais, n'est pas utilisé -- */
.triangle {
	width: 0;
	height: 0;
	border-top: 100px solid red;
	border-left: 100px solid transparent;
/*float:right;*/
/*position:absolute;*/
/*margin-top:25px;*/
}

/* -- pour centrer les images dans div -- */
.img-c {
	/*margin-left:auto;
	margin-right:auto;
	vertical-align:middle;
	margin:auto;*/
	text-align:center;
}

/**********************************************/
/* fait afficher et puis cacher un volet "d'infos"	*/
#volet {
	position:fixed;
	min-width: 22%;
	max-width:22%;
    padding: 10px;
	left: 100%;
	top: 45%;
	-webkit-transition: all .8s ease-in;
	transition: all .8s ease-in;
background: radial-gradient( #F5F5F5 50%, #DCDCDC 100%);
border:2px double silver;
border-radius:8px;
font-family:Calibri;
font-size:large;
font-style:normal;
/*font-weight:bold;*/
color:#DB0B32;
behavior: url(/css-js/pie/PIE.htc); /* tests arrondies ie 8 */
}

#volet a.ouvrir,
#volet a.fermer {
    position: absolute;
	padding: 10px 25px;
    background: #DAA520;	/*	#6B9A49	orange	#F5B800	#FF8C00	#CD853F	*/
    color: black;	/*	#fff	#414141	#6B9A49	*/
    text-decoration: none;
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

#volet a.ouvrir {
	left: -105px;
	top: 40px;
    border-radius: 8px 8px 0 0;
}

#volet a.fermer {
    right: -79px;
	top: 40px;
    border-radius: 0 0 8px 8px;
}

#volet a.fermer {
    display: none;
}

#volet:target {
	left:71%;
}

#volet:target a.ouvrir {
	display: none;
}

#volet:target a.fermer {
    display: block;
}

#volet_clos:target #volet {
}

#volet_clos {
	position: fixed;
}

/**********************************************/
/* nouveau"	*/
.cadre-2 {
	margin:4% 3% 0 0;
	padding:2% 3% 1% 3%;
	color:black;
	font-family:Calibri;
	font-size:medium;
	/*text-shadow:none;*/
	/*background-color:orange;*/
		/*background-image: linear-gradient( #F0FFFF 30%, #FEFEFE 100%);	(6px)	0 0 15px 5px rgba(164, 198,51, 0.60)	(255, 204,51, 0.60)	(white, black)*/
		/*background-image: linear-gradient( #F0FFFF 30%, #FEFEFE 70%);*/
		/*background-image: radial-gradient( #DB0B32 40%, #B22222);*/
		background:radial-gradient(#E6E6FA, #FFFFFF 60%);
	box-shadow: 10px 5px 12px 6px rgba(164, 198,51, 0.60);
		/*box-shadow: 0 1px 3px rgba(0,0,0,.2);*/
	/*border:1px solid silver;*/
	border-radius:12px 12px 12px 12px;
	behavior: url(/css-js/pie/PIE.htc);
		position:relative;*/
			/*color:#9932CC;
			text-shadow:0px 1px 0px #0000CD;
			font-size:x-large;*/
			/*text-shadow: 0px 0px 9px #777;
  			/*color: #fff;*/
	}
.imag-1 {
	background-image: url('/images/tech.gif');
	background-repeat: no-repeat;
	background-position: 100% 40%;
	background-size: 40% 40%;
/*
	background-position: center center;
	background-size: 100% 100%;
*/
}

.imag-2 {
	background-image: url('/images/idf.jpg');
	background-repeat: no-repeat;
	background-position: 90% 40%;
	background-size: 180px 180px;
}

.imag-3 { /* pour la page "Dépannage informatique à distance" n'est pas utiliser */
	background-image: url('/images/france-regions.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 80% 80%;
}

.inter-1 {
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 110%;
	text-align:justify;
	}

.col-50-5 {
	display:inline-block;
	width:45%;
	margin:5px 0 5px 0;
	padding-left:4%;
	/*line-height:100%;*/
	text-align:left;
	font-size:medium;
	color:#0000CD;
	vertical-align:top;
	}


</style>