﻿<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;
}*/

.cadre-1 {
	margin:3% 3% 3% 3%;
	padding:2% 5% 1% 5%;
	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;*/
	}

		.col-50-1 {
			display:inline-block;
			width:39.5%;
			margin:0;
			padding-left:10%;
			text-align:left;
			font-size:medium;
			color:#0000CD;
			line-height:150%;
			vertical-align:top;
				/*background-color:fuchsia;*/
		}

		.col-30-2 { /* pour dépannage express */
			display:inline-block;
			width:24%;
			height:auto;
			font-family:Calibri;
			font-size:20px;
			text-align:center;
			vertical-align:top;
			line-height:normal;
			text-shadow: #ffffff 1px 1px, #ffffff -1px 1px, #ffffff -1px -1px, #ffffff 1px -1px;
			padding:5px;
			background-color: #F5F5F5;
			background: url('/images/france-regions.gif') no-repeat center;
			background-size: 80% 80%;
			/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/france-regions.gif', sizingMethod='scale');	#FAF0E6
			-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: col-30-2 10s linear infinite;
		}

@keyframes col-30-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;}
/*
	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;}

    0%   {background:#F5F5F5 url('/images/france-regions.gif') 80% no-repeat center;}
    25%  {background:#F0F8FF url('/images/france-regions.gif') no-repeat 0% 0%;}
    50%  {background:#FFFAFA url('/images/france-regions.gif') no-repeat 0% 100%;}
    75%  {background:#F5F5DC url('/images/france-regions.gif') no-repeat 100% 0%;}
    100% {background:#FAF0E6 url('/images/france-regions.gif') no-repeat 100% 100%;}
*/
}
@-moz-keyframes col-30-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 col-30-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 col-30-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%;}
}

		.col-30-3 {
			display:inline-block;
			width:30%;
			margin:0;
			/*padding:0 3% 0 0;*/
			/*text-align:justify;*/
			font-size:15px;
			/*color:#0000CD;*/
			/*line-height:160%;*/
			vertical-align:middle;
			/*background-color:lime;*/
		}

		.col-70-4 { /* n'est pas utiliser */
			display:inline-block;
			width:70%;
			margin:0;
			text-align:right;
			font-size:15px;
			color:#0000CD;
			line-height:150%;
			/*background-color:red;*/
		}

		.col-70-4-b {
			display:inline-block;
			width:70%;
			margin:0;
			padding:0 0 0 3%;
			font-size:15px;
			color:black;
			line-height:150%;
			/*background-color:red;*/
		}



/* slider */
.slider{
		float:right;
	position:relative;
	width:500px;
	height:290px;
overflow:hidden;
	margin:1% 0 0 0;
		background-color: red;
		/*display:inline-block;*/
		/*text-align:right;*/

}
.slider div{
	width:1500px;
position:absolute;
left:0;
-webkit-animation:slide 10s ease 0s infinite;
-moz-animation:slide 10s ease 0s infinite;
-ms-animation:slide 10s ease 0s infinite;
-o-animation:slide 10s ease 0s infinite;
animation:slide 10s ease 0s infinite;
	background-color: green;
}
.slider img{
display:inline-block;
}
@keyframes slide{
0{left:0}
33%{left:0}
33.01%{left:-500px}
63%{left:-500px}
63.01%{left:-1000px}
99.99%{left:-1000px}
}

@-webkit-keyframes slide{
from{left:0}
33%{left:0}
33.01%{left:-500px}
63%{left:-500px}
63.01%{left:-1000px}
99.99%{left:-1000px}
to {left:-1000px}
}



		.col-6-7 {
			display:inline-block;
			width:16.19%;
			margin-top: 0;
			margin-bottom: 10px;
			line-height: 110%;
		}

.cadre-2-E {
	color:#DB0B32;
	font-family:"Comic Sans MS";
	margin: 3% 3% 0 3%;
	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;
}

	.cadre-2-I {
		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;
	}

		.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;
		}
		
/*		.col-50-6 {
			display:inline-block;
			width:45%;
			margin:5px 0 5px 0;
			padding-left:2%;
			/*margin:0;
			/*line-height: 100%;*/
/*			text-align:left;
			font-size:large;
			color:#0000CD;
			vertical-align: top;
		}*/

.cadre-25-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;
}

.cadre-25-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-75-E {
	color:#DB0B32;
	font-family:"Comic Sans MS";
	/*text-shadow:0px 1px 0px black;*/
	margin:20px 3% 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-75-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;
		}



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

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

.c-tel {
color:#FF4500;
}

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

/* -- 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; }

/* 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 */

/**********************************************/
/* 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;
}

/* Bandeau du Bas footer */
		#footer {
	line-height:180%;
	background-color:#B22222;
	margin:0px;
	padding:0px;
	color:#ffffff;
	text-align:center;
	font-family:Calibri;
	font-size:12px;
	border-radius:0px 0px 8px 8px;
	}

</style>