.message 
{
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        color: #101B2A;
        padding:30px;
        margin-top:0;
		text-align: center;

        
}

.message2
{
	top:0;
	left:0;
	width:100%;
  
	
	padding:0 1em;
  
	text-align:center;
	text-shadow: -1px 1px 0 #989898, 
               -2px 2px 0 #909090,
               -3px 3px 0 #888888,
               -4px 4px 0 #808080,
               -5px 5px 0 #787878,
               -6px 6px 1px rgba(0,0,0,.20),
               0 0 5px rgba(0,0,0,.20),
               -1px 1px 3px rgba(0,0,0,.4),
               -3px 3px 10px rgba(0,0,0,.38),
               -10px 5px 10px rgba(0,0,0,.35),
               -20px 10px 20px rgba(0,0,0,.3),
               -40px 20px 40px rgba(0,0,0,.2);

	font-family: 'OCR A Extended', 'Courrier New', monospace;
	font-size:30px;
	font-weight:bold;
	letter-spacing: -.1em ;
  
	color:#101B2A;
  
	-webkit-opacity: .2;
	-moz-opacity: .2;
	opacity: .2;
}



#faire > ul { 
   	list-style: none;
}

#faire > ul > li { 
   	padding: 30px 0 0 0; 
}

#all > ul { 
	    	list-style: none;
	    	float: center; 
        width: 200px; 
	    	padding: 50px 10px 0 0; 
  	    }

#all a 
{ 
			text-decoration: none; 
			display: block; 
			padding: 5px;
			background: pink; 
			border-radius: 3px; 
			color: #6b7278; 
			text-align: center;
			margin: 0 0 3px 0; 
      font-family: 'Open Sans', sans-serif;
      font-weight: bold;
      font-size: 18px;
      font-variant: small-caps;
      font-weight: bold;
      



			
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
	   
}

#all:hover a 
{
			opacity: 1.0;
     


	    }
	    #all:hover ul:hover a {
			opacity: 0.5; 
      
	    }
	    #all:hover ul:hover a:hover {
			opacity: 1;
      

	    }


#all:active a 
{
			opacity: 1.0;
	    }  
      #all:active ul:active a {
     	opacity: 0.5;
	    }
	    #all:active ul:active a:active {
			opacity: 0.9;
	    }

	    


body 
{
		background-image:-moz-linear-gradient(30deg, white, pink);
		background-image:-webkit-linear-gradient(30deg, white, pink);
		background-image:-o-linear-gradient(30deg, white, pink);
		background-image:linear-gradient(60deg, white, pink);
  
}
.content{

		background-image:url('img/fond.JPG');
		background-repeat:no-repeat ;
		background-position: center 5%;
		min-height: 600px
}

.content2{

		background-image:url('img/fond2.JPG');
		background-repeat:no-repeat ;
		background-position: center 5%;
		min-height: 600px
}
.pied{
	text-align :center;
}

/*** ********** menu **************** ****************/

* {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.pick {
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  width: 100%;
  height: 60px;
  border-bottom-right-radius: 20px 10px;
  border-bottom-left-radius: 20px 10px;
}

.pick:hover .text {
  color:transparent;
  text-shadow:0 0 9px rgba(0,0,0,.5);
}

.text {
  display: inline-block;
  padding-left :10px;
  padding-right :10px;
  height: 55px;
  line-height: 55px;
  font-size: 30px;
  font-family: Georgia ;
  text-align: center;
  border-bottom: 5px solid transparent;
  transition: all 0.5s ease;
}

.text:first-child {
  border-left:1px solid rgba(0,0,0,.7);
}

.text:last-child {
  border-right:1px solid rgba(0,0,0,.7);
}

.pick .text:hover {
  color:rgb(0,180,180);
  text-shadow:none;
  border-bottom: 5px solid red;
}

#fairePart{
    margin-left: auto;
    margin-top: 50px;
    font-size: 20px;
    margin-right: auto;
    text-align: center;
}


p.question {
    font-weight: bold;
	margin-top : 20px
}

p.reponse {

    min-width: 200px;
}