*{
	/* A universal CSS reset */
	margin:0;
	padding:0;
}


body{
  background-color:white;

  font-size:20px;
  font-family: Impact, Charcoal, sans-serif;
}

/*couleurs; gris anthracite: 3e3e3eff rouge vif: ff0008 sombre 6b0003 tres sombre #2b0003  vert clair 00ff05 sombre 006902 rose clair ff43d4 vif ff00c5 sombre a2007e
 orange vif ffbe00 clair ffd65e sombre 876500 */

#top-bar { 
	background-color: black;
	color:white;
	position:static;
	bottom:3px;
	height:30px; 
	margin-right:0px;
	box-shadow:  0px 2px 8px #3e3e3e;
}

ul#top-bar {
        width: 663px;
	list-style-type:none;
	margin:0 20px 0 auto;
	font-size:80%;
	float:right;
	box-shadow:none;
  }
ul#top-bar > li  { 
	float:right;
  padding:0.2em 0.4em 0.2em 0.4em;
}
ul#top-bar  > li > a, a:visited,a:active {  color:white; text-decoration:none;}
ul#top-bar  > li:hover {	background-color:#00ff05; }




#frame{
	float: left;
	background-color: white;
        margin:15px 0 10px 0 ;
	color:black; 
	width: 69%;
	
	border:none;
	
}
#frame1{
	float: left;
	background-color: white;
	color:black;
	width: 100%;
	height: 100%;
}

#frametitre{

	background-color: black;
        margin:15px 0 10px 0 ;
	color:white;
	width: 100%;
	text-align:center;
	font-size: 140%;
	font-style: bold;
	padding :10px 0 10px 0;
}
#frame1 > ul{
	font-size:100%;
	text-align:left;
	
	list-style-image: url('../img/list.png');
	margin: 10px 60px 0 80px;
}



#right-bar{ 
	background-color: white;
        width: 30%;
	height: 900px;
	float:right; 
	position: relative;
	margin:0px 0px 0px 0px ;
	padding : 0 0 0 0; 
	border:0.5px dotted #4b0f0f; }

#right-bar img {  width:75%; position: relative; float:center; display:block; margin:3% auto 3% auto ;
}

#right-bar a.select {
        position: absolute ;
	display:block;
        margin:0% 0 0px 0px ;
	width: 4%;
	height:4%;
	float:right;
}




#bar1{ 
        background-color: white;
        width: 95%;
	height: ;
	float:left; 
	position: relative;
	margin:1% 0px 0px 0px ;
	padding : 0 0 0 0; 
	border:0.5px dotted #4b0f0f; 
}

#bar1 > span { 
        color:black; 
	width: 100%;
        margin:2% 0 2% auto ;
	padding :10px 0 10px 2%; 
        font-size:120%; 
        font-style: italic; 
	font-weight: bold; 
        text-align:left; 
	display:block;
	border-top:1px;
}
#bar1 > ul {
        
	list-style-type:none;
	font-size:90%;
	bottom:1px;
	padding:0.5em 0.5em 0 4%;
	
	
  }
#bar1 >   ul > li > a, a:visited,a:active {
	color:#585858;
	outline:none;
	text-decoration:none;
}
#bar1  > ul > li:hover {	background-color:#00ff05; }
  
  
#bar1 > ul ul {
        
	list-style-type:none;
	font-size:90%;
	bottom:1px;
	padding:0.5em 0.5em 0 4%;
	
  }
  #bar1 >   ul ul li a, a:visited,a:active {
	color:#585858;
	outline:none;
	text-decoration:none;
}

#bar1  ul ul li:hover {	background-color:#00ff05; }



/*pour les annonces; blink!*/

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
    
 
 
	
			
			
/*specicifique à la partie FAQ */

#right-bargfaq{ 
	background-color: #6b0003;
        width: 30%;
	height: 900px;
	float:right; 
	position: relative;
	margin:0px 0px 0px 0px ;
	padding : 0 0 0 0; 
	border:0.5px dotted #4b0f0f; }

#right-bargfaq img {  width:55%; position: relative; float:center; display:block; margin:3% auto 1% auto ;
}




#right-barfaq{ 
        background-color: #b8b8b8;
        width: 95%;
	height: ;
	float:left; 
	position: relative;
	margin:1% 0px 0px 0px ;
	padding : 0 0 0 0; 
	border:0.5px dotted #4b0f0f; 
	box-shadow:  -5px 5px 8px #3e3e3e;
}

#right-barfaq > span { 
        background-color: #ff0008;
        color:white; 
	width: 100%;
        margin:1% 0 1% auto ;
	padding :1px 0 1px 0; 
        font-size:120%; 
        font-style: italic; 
	font-style: bold; 
        text-align:left; 
	display:block;
        background: url(../img/friso2.png);
        background-position: right;
        background-repeat: no-repeat;
}
#right-barfaq > ul {
        
	list-style-type:none;
	font-size:90%;
	bottom:1px;
	padding:0.5em 0.5em 0 0.5em;
	
	
  }
  
#right-barfaq > ul ul {
        
	list-style-type:none;
	font-size:95%;
	bottom:1px;
	padding:0.5em 0.5em 0 1.5em;
	margin:0px 0 0 2%;
	
	
  }
  
  #right-barfaq >   ul  li  a, a:visited,a:active {
	color:#585858;
	outline:none;
}
  #right-barfaq >   ul  ul a, a:visited,a:active {
	color:#585858;
	outline:none;
}


#right-barfaq > ul > li:hover {	background-color:#00ff05; }

			
			

			
			




	
#pied { 
     background-color:;
  
}




/* The styles below are only needed for the demo page */

#main{
	margin-right:270px ;
	position:center;
	width:600;
	margin-left:270px;
}


h1{
	color:#fff;
	font-size:35px;
	font-weight:bold;
	padding:60px 0 20px;
	text-align:center;
}

h2{
	font-weight:normal;
	text-align:left;
	font-size:170%;
	color:#6b0003;
	padding: 1% 1em 1em 3%;
}
h3{
	font-weight:bold;
	text-align:left;
	font-size:150%;
	font-style:bold;
	color:#6b0003;
	padding: 3% 10px 0.5em 3%;
}

h4{
	font-weight:normal;
	text-align:left;
	font-size:130%;
	color:#6b0003;
	padding: 1em 1em 0.5em 3%;
}
h6{
	font-weight:normal;
	text-align:left;
	font-size:70%;
	color:#3e3e3e;
	padding: 1% 1em 1em 3%;
	
}
h1,h2,h3,h4{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}

a, a:active {
	color:#ff0008;
	text-decoration:none;
	outline:none;
}
a:visited {
	color:#6b0003;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}

a img{
	border:none;
}

p{
	color:#3e3e3e;
	font-size:90%;
	text-align:left;
	margin: 1em 3% 0 3%;
	font-style:none;
}
p img {
       width:;
       margin: 10px 3% 0 3%;
}
p b { color:red;}

p.note{
	color:#3e3e3e;
	font-size:70%;
	text-align:left;
	margin: 10px 40px 0 40px;
}
span.important p {
	color:black;
	font-size:85%;
	text-align:left;
	padding: 1% 3% 0 10%;
	font-weight:bold;
}

/* ##### le formulaire de contact  ###### */

#frame1 > form > p {
        text-align:center;
        
	margin: 0px 0px 0px 0px;
}
label {
        float:center;
        margin:35px 0 10px 0px ;
	background-color:#ff0008;
	color:white;
	padding:4px 4px 4px 4px ;
	border-radius: 5px  5px 5px 5px;
}
input[type="text"] {
        float:center;
        margin:15px 0 20px 0px ;
	background-color: white;
	color:black;
	border-radius: 5px  5px 5px 5px;
	width: 50%;
	height:20px;
}
textarea {
        margin:25px 0 10px 0px ;
	background-color: white;
	color:blue;
	width: 90%;
	float:center;
}
input[type="submit"] {
        float:center;
	padding:4px 4px 4px 4px ;
	background-color: #00ff05;
	color:white;
	border-radius: 5px  5px 5px 5px;
	border:1px;
	width: 10%;
	height:10%;
	
	box-shadow:  -2px 2px 8px #3e3e3e;
}



/*   */