html{
	background-color:#accee9;
	}

body{
	width:941px;
	margin:0 auto;
	background-color:#d3ebf3;
	background-image: url("../PHOTOS/Arbres2.jpg");
		background-position:569px 545px;
	background-repeat: no-repeat;
	}
header
{
	width:100%;
	height:204px;
	background-color:#d3ebf3;
	background-image: url("../PHOTOS/Entete.jpg");
	background-position:185px 50px;
	background-repeat: no-repeat;
}
footer
{
	visibility: hidden;
}
#logo{
	 width:100%;
	 height:178px;
     }

#Arbre{
	height: 50%;
    background-repeat: no-repeat;
	position: relative;
	background-position:185px 50px;
	/*margin-bottom: 20px
    margin-right: 150px;
    margin-left: 80px;*/
      }
	  
article{
	margin-left: 154px;
	margin-bottom:30px;
	margin-top:30px;
}

h2 {
    color: black; 20px;
	margin:0px auto;
	margin-left:25px;
	margin-bottom: 35px;
	margin-top:53px;
	width:541px;
	font-family: 'Brush Script MT', cursive;
	font-size: 5.5em;
	font-weight: normal;
	background-color:##ffa500;
	background:linear-gradient(to right,green 30%, white);
    margin-inline-start: 28px;
    
	/*border:3px solid #98FB98;*/
	}
	
#section1{
    width:530px;
	/*margin-bottom:30px;*/
	margin-bottom:150px;
	margin-left:25px;
	background-color:#f0f7d3;
	border:8px solid #fbd298;
    /*height:697px;
	height:785px;
    overflow:hidden;
    font-family:"Helvetica Neue","Trebuchet MS",sans-serif;
    font-size:0.9em;
	margin-top:60px;
	margin:0px auto;
	border:3px solid #98FB98;*/
	}
#section2{
    /*width:530px;*/
	margin-bottom:10px;
	margin-left:25px;
	margin-right:25px;
	margin-top:30px;
	background-color:#6bd6e1;
	border:8px solid #578f75;
    /*height:697px;
	height:785px;
    overflow:hidden;
    font-family:"Helvetica Neue","Trebuchet MS",sans-serif;
    font-size:0.9em;
	margin:0px auto;
	border:3px solid #98FB98;*/
	}
#section3{
	margin-bottom:10px;
	margin-left:25px;
	margin-right:25px;
	margin-top:30px;
	}
.MybuttonClassdeOuf{
	font-family: Arial,sans-serif;
	display: block;
	padding-left: 4px;
	font-size: 1.6em;
	width: 200px;
	height: 59px;
	padding-top: 13px; /*permet le centrage vertical*/
	text-align: center;
	color: #fff;
	background: #444;

	/*dégradé
	background: -webkit-linear-gradient( #555, #2C2C2C);
	background:    -moz-linear-gradient( #555, #2C2C2C);
	background:     -ms-linear-gradient( #555, #2C2C2C);
	background:      -o-linear-gradient( #555, #2C2C2C);
	background:         linear-gradient( #555, #2C2C2C);
    */
	background: -webkit-linear-gradient( #555, #FFA500);
	background:    -moz-linear-gradient( #555, #FFA500);
	background:     -ms-linear-gradient( #555, #FFA500);
	background:      -o-linear-gradient( #555, #FFA500);
	background:         linear-gradient( #555, #FFA500);
	
	/*coins arrondis*/
	border-radius: 8px;

	/*ombrages*/
	text-shadow: 0px 1px 0px white;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
		0 -1px 0 rgba( 255, 255, 255, 0.4);
}
.MybuttonClassdeOuf:hover{
     color: #ccc;
     background: #555;
     background: -webkit-linear-gradient( #777, #FFA500);
     background:    -moz-linear-gradient( #777, #FFA500);
     background:     -ms-linear-gradient( #777, #FFA500);
     background:      -o-linear-gradient( #777, #FFA500);
     background:         linear-gradient( #777, #FFA500);
}

.MybuttonClassdeOuf:active{
     color: #000;
     background: #444;
     background: -webkit-linear-gradient( #555, #2C2C2C);
     background:    -moz-linear-gradient( #555, #2C2C2C);
     background:     -ms-linear-gradient( #555, #2C2C2C);
     background:      -o-linear-gradient( #555, #2C2C2C);
     background:         linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}
#H2{
	text-align : center;
	background-color:##d3ebf3;*/
   }
.container {
  display: flex;
  flex-wrap: wrap;
}
#Services{
    color: black; 20px;
	margin:0px auto;
	text-align:center;
	margin-left:25px;
	margin-bottom: 70px;
	/*margin-top:53px;*/
	width:870px;
	font-family: 'Brush Script MT', cursive;
	font-size: 3.3em;
	font-weight: normal;
	background-color:##ffa500;
    margin-inline-start: 28px;
    
	/*border:3px solid #98FB98;*/
	}
#QSN{
	color: black; 20px;
	margin:0px auto;
	margin-bottom: 10px;
	margin-left:10px;
	font-size: 1.3em;
	text-decoration: underline;
}
[id^="Cadre_QSN"]{
	margin-left: 54px;
	margin-bottom: 10px;
	margin-top: 15px;
}
.two-columns {
    display: flex;
}
.column {
    flex: 1;
    padding: 10px;
}
#Logo_CredImpot {
	margin:0 auto;
	width:100px;
	margin-top:170px;
	margin-left:20px;
}
[id^="Joindre"]{
	margin-left: 54px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	font-size: 2.8em;
	color: #c49f20;
}
#NousJoindre {
	color:#987910; 20px;
	margin-bottom: 10px;
	text-decoration: underline;
	font-size: 2.8em;
}
/*wrapper
section #demoWrap{
	/*position:absolute;
	position:relative;
	top:-380px;
	width:585px;
	overflow:hidden;}
		
 
/*background gradient
section #background{
    width:585px;
    height:380px;
    padding-top:403px;
    background-color:#82d312;
    background-image:-webkit-linear-gradient(white,white 50%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
    background-image:-moz-linear-gradient(white,white 50%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
    background-image:-o-linear-gradient(white,white 50%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
    background-image:linear-gradient(white,white 50%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
    /*transitions background
    -webkit-transition:background-color 1s ease-out;
       -moz-transition:background-color 1s ease-out;
         -o-transition:background-color 1s ease-out;
            transition:background-color 1s ease-out;
}

 
/*ul li
section #demoWrap ul{
    height:130px;
    padding-top:60px;
    padding-left:95px;
}
section #demoWrap ul li{
    position:relative;
    float:left;
    width: 100px;
    height: 58px;
    list-style:none;
    margin: 0px 10px;
    padding:6px 5px 6px 5px;
    background:#353A40;
    background:-webkit-linear-gradient(#464c54,#22272b);
    background:-moz-linear-gradient(#464c54,#22272b);
    background:-o-linear-gradient(#464c54,#22272b);
    background:linear-gradient(#464c54,#22272b);
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
    -webkit-box-shadow:0px 0px 4px #1b1e22;
       -moz-box-shadow:0px 0px 4px #1b1e22;
            box-shadow:0px 0px 4px #1b1e22;
}
/* init lights : off 

PLUS: lors de chaque :target sur lien 2,3,4
remise par défaut de light 1

section #demoWrap ul li::after,
section #demoWrap #wrap2:target ul li:nth-child(1)::after,
/*section #demoWrap #wrap3:target ul li:nth-child(1)::after,
section #demoWrap #wrap3:target ul li:nth-child(1)::after{
    content:"";
    position:absolute;
	top:160px;
	left:48px;
    width: 4px;
    height: 4px;
    background:black;
    -webkit-border-radius:2px;
       -moz-border-radius:2px;
            border-radius:2px;
    -webkit-box-shadow:none;
       -moz-box-shadow:none;
            box-shadow:none;
}
 
/* init lien 

PLUS: lors de chaque :target sur lien 2,3,4
remise par défaut du lien 1

section #demoWrap ul li a,
section #demoWrap #wrap2:target ul li:nth-child(1) a,
/*section #demoWrap #wrap3:target ul li:nth-child(1) a,
section #demoWrap #wrap3:target ul li:nth-child(1) a{
    display: block;
    height: 58px;
    width: 100px;
    /*color:#111;
	color:rgb(255 255 255 / 68%);
    font-size:1.4em;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    text-shadow:1px 1px 0px rgba(0,0,0,0.5);
    background:#888;
    background:-webkit-linear-gradient(right top,#575a5c,#757575 15%,#888 35%,#555a63);	
    background:-moz-linear-gradient(right top,#575a5c,#757575 15%,#888 35%,#555a63);
    background:-o-linear-gradient(right top,#575a5c,#757575 15%,#888 35%,#555a63);
    background:linear-gradient(to bottom left,#fbfbfb,#fffafa 15%,#cbc7c7 35%,#000000);*/
	/*background:linear-gradient(to bottom left,#575a5c,#757575 15%,#888 35%,#555a63);*/
    /*shadows top et bottom
    -webkit-box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
				   0px 1px 0px rgba(255,255,255,0.5),                       
                       0px 2px 0px rgba(0,0,0,1);
       -moz-box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
				   0px 1px 0px rgba(255,255,255,0.5),                       
                       0px 2px 0px rgba(0,0,0,1);
            box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
				   0px 1px 0px rgba(255,255,255,0.5),                       
                       0px 2px 0px rgba(0,0,0,1);
    /* hover sur couleur
    -webkit-transition:color 0.25s ease;
       -moz-transition:color 0.25s ease; 
         -o-transition:color 0.25s ease;
            transition:color 0.25s ease;                    
}
 
/* hover lien 
/*
PLUS: lors de chaque :target sur lien 2,3,4
remise par défaut du lien 1

section #demoWrap ul li a:hover,
section #demoWrap #wrap2:target ul li:nth-child(1) a:hover,
/*section #demoWrap #wrap3:target ul li:nth-child(1) a:hover,
section #demoWrap #wrap3:target ul li:nth-child(1) a:hover{
    color:white;
}
/* span 
section #demoWrap ul li a span{
display:block;
position:absolute;
top:19px;
left:10px;
height: 28px;
width: 35px;
padding-top:5px;
background:rgba(255,255,255,0.4);
    -webkit-border-radius:18px;
       -moz-border-radius:18px;
            border-radius:18px;
    -webkit-box-shadow:0px -1px 0px rgba(0,0,0,0.5);
       -moz-box-shadow:0px -1px 0px rgba(0,0,0,0.5);
            box-shadow:0px -1px 0px rgba(0,0,0,0.5);
}
 
/* fleche 
section #demoWrap #fleche{
	width: 0px;
	height: 0px;
	border-bottom:15px solid #1b1e22;
    border-right:10px solid transparent;
    border-left:10px solid transparent;
	margin-left: 145px;
	/*deplacement
    -webkit-transition:margin-left 0.1s ease-in;
       -moz-transition:margin-left 0.1s ease-in;
         -o-transition:margin-left 0.1s ease-in;
            transition:margin-left 0.1s ease-in;
}
 
/* :target Couleur d'arrivée du dégradé apres click */
/* lien1 
section #demoWrap #wrap1:target #textes{margin-left:0px;}
section #demoWrap #wrap1:target #background{background-color:#82d312;}
section #demoWrap #wrap1:target #fleche{margin-left:145px;}
/* lien2 
section #demoWrap #wrap2:target #textes{margin-left:-585px;}
section #demoWrap #wrap2:target #background{background-color :#35b908;}
section #demoWrap #wrap2:target #fleche{margin-left:275px;}
/* lien3 
section #demoWrap #wrap3:target #textes{margin-left:-1170px;}
section #demoWrap #wrap3:target #background{background-color:#b38815;}
section #demoWrap #wrap3:target #fleche{margin-left:405px;}
/* lien4 
section #demoWrap #wrap4:target #textes{margin-left:-1755px;}
section #demoWrap #wrap4:target #background{background-color:#90c;}
section #demoWrap #wrap4:target #fleche{margin-left:415px;}

/* liens modifiés par :target */
/* PLUS: init lien1 
section #demoWrap ul li:nth-child(1) a,
/*section #demoWrap #wrap1:target ul li a[href="#wrap1"],
section #demoWrap #wrap2:target ul li a[href="#wrap2"],
section #demoWrap #wrap3:target ul li a[href="#wrap3"],
section #demoWrap #wrap1:target ul li a[href="#wrap1"]{
	/*couleur texte bouton après click
    /*color:white;
	/*color:#ffc61e;
	color:#ffff00;
    background:#282C2F;
    background:-webkit-linear-gradient(#585c61,#1a1e20);
    background:-moz-linear-gradient(#585c61,#1a1e20);
    background:-o-linear-gradient(#585c61,#1a1e20);
	/*Fond de bouton sur dégradé après click*/
    /*background:linear-gradient(#4CFF7C,#358519);
	background:linear-gradient(to bottom left,#FFFF00,#ffff00 15%,#a6cb42 35%,#166b3c);
	-webkit-box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
                       0px 1px 0px rgba(0,0,0,0.9),
                       0px 2px 0px rgba(255,255,255,0.4);
       -moz-box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
                       0px 1px 0px rgba(0,0,0,0.9),
                       0px 2px 0px rgba(255,255,255,0.4);
            box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
                       0px 1px 0px rgba(0,0,0,0.9),
                       0px 2px 0px rgba(255,255,255,0.4);
    border-left:1px solid rgba(0,0,0,0.1);
    border-right:1px solid rgba(0,0,0,0.1);
    margin-left:-1px;
}
 
 section #demoWrap #wrap2:target ul li a[href="#wrap2"]{
	/*couleur texte bouton après click
    /*color:white;
	color:#18fb03;
    background:#282C2F;
    background:-webkit-linear-gradient(#585c61,#1a1e20);
    background:-moz-linear-gradient(#585c61,#1a1e20);
    background:-o-linear-gradient(#585c61,#1a1e20);
	/*Fond de bouton sur dégradé après click*/
    /*background:linear-gradient(#4CFF7C,#358519);
	background:linear-gradient(to bottom left,#b1f59d,#0ced24 15%,#29bf46 35%,#23412a);
	-webkit-box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
                       0px 1px 0px rgba(0,0,0,0.9),
                       0px 2px 0px rgba(255,255,255,0.4);
       -moz-box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
                       0px 1px 0px rgba(0,0,0,0.9),
                       0px 2px 0px rgba(255,255,255,0.4);
            box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
                       0px 1px 0px rgba(0,0,0,0.9),
                       0px 2px 0px rgba(255,255,255,0.4);
    border-left:1px solid rgba(0,0,0,0.1);
    border-right:1px solid rgba(0,0,0,0.1);
    margin-left:-1px;
}
 section #demoWrap #wrap3:target ul li a[href="#wrap3"]{
	/*couleur texte bouton après click*/
    /*color:white;*/
	/*color:#a6ff00;
	color:#ffd600;
    background:#282C2F;
    background:-webkit-linear-gradient(#585c61,#1a1e20);
    background:-moz-linear-gradient(#585c61,#1a1e20);
    background:-o-linear-gradient(#585c61,#1a1e20);
	/*Fond de bouton sur dégradé après click*/
    /*background:linear-gradient(#4CFF7C,#358519);
	background:linear-gradient(to bottom left,#e5c40d,#e3ae22 15%,#ad8b34 35%,#433b15);
	-webkit-box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
                       0px 1px 0px rgba(0,0,0,0.9),
                       0px 2px 0px rgba(255,255,255,0.4);
       -moz-box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
                       0px 1px 0px rgba(0,0,0,0.9),
                       0px 2px 0px rgba(255,255,255,0.4);
            box-shadow:0px -1px 0px rgba(255,255,255,0.5),
                       0px -2px 0px rgba(0,0,0,0.3),
                       0px 1px 0px rgba(0,0,0,0.9),
                       0px 2px 0px rgba(255,255,255,0.4);
    border-left:1px solid rgba(0,0,0,0.1);
    border-right:1px solid rgba(0,0,0,0.1);
    margin-left:-1px;
}
 
/* lights modif */
/* PLUS: init light 1 
section #demoWrap ul li:nth-child(1)::after,
section #demoWrap #wrap1:target ul li:nth-child(1)::after,
section #demoWrap #wrap2:target ul li:nth-child(2)::after,
section #demoWrap #wrap3:target ul li:nth-child(3)::after{
    background:white;
    -webkit-box-shadow:0px 0px 4px #fff;
       -moz-box-shadow:0px 0px 4px #fff;
            box-shadow:0px 0px 4px #fff;
}
 
 
/* couleur du rond dans lien
section #demoWrap #wrap1:target ul li a[href="#wrap1"] span,
section #demoWrap #wrap2:target ul li a[href="#wrap2"] span,
section #demoWrap #wrap3:target ul li a[href="#wrap3"] span{
    background:rgba(151,151,151,0.7);
}
 
/* div textes 
section #textes{
	clear:left;
	width:2340px;
	height:590px;
	margin-top:6px;
	background:#292E34;
    background:-webkit-linear-gradient(#333941,#21262a);
    background:-moz-linear-gradient(#333941,#21262a);
    background:-o-linear-gradient(#333941,#21262a);
    background:linear-gradient(#333941,#21262a);
    border-top:1px solid rgba(255,255,255,0.4);
    -webkit-box-shadow:0px -6px 0px #1b1e22,0 -7px 3px rgba(0,0,0,0.5);
       -moz-box-shadow:0px -6px 0px #1b1e22,0 -7px 3px rgba(0,0,0,0.5);
            box-shadow:0px -6px 0px #1b1e22,0 -7px 3px rgba(0,0,0,0.5);
    -webkit-transition:margin-left 1s ease-out;
       -moz-transition:margin-left 1s ease-out;
         -o-transition:margin-left 1s ease-out;
            transition:margin-left 1s ease-out;
}
/*texte
section #demoWrap p{
    width:585px;
    /*height:443px;
	height:490px;
    float:left;
    /*padding-top:30px;
    text-align:center;
    font-size:1.2em;
    color:#ddd;
    text-shadow:0px -1px 0px rgba(0,0,0,0.5);
}
/*titre
section #demoWrap p strong{
    display: block;
    /*font-size:3.4em;
    line-height:1.2em;

.image{
	max-width:585px;
	max-height:440px;
}
*/