/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,






textarea {
    min-height: 150px;
    resize: vertical;
}
div.container {
  width:1100px;
  
}

div.split {
  
  width:45%;
 
  float:left;
}



#gauche{
	width:40%;
	float:left;
	background-color:blue;
	margin:0;
}

#droite{
	float:right;
	background-color:white;
	width:60%;
	margin:0;
}



   



/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */




/**
 * Remove default margin.
 */


/* ==========================================================================
   Links
   ========================================================================== */





a:link {
    text-decoration: none;
}

 
 a:link {color:aqua}
 a:visited {color:#80a81c}   
	





	



 


/**
 * TITRES Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
 h0 {
            -moz-animation-duration: 3s;
            -webkit-animation-duration: 3s;
            -moz-animation-name: slidein;
            -webkit-animation-name: slidein;
			text-align: center;
         }
         @-moz-keyframes slidein {
            from {
               margin-left:100%;
               width:300%
            }
            75% {
               font-size:300%;
               margin-left:25%;
               width:150%;
            }
            to {
               margin-left:0%;
               width:100%;
            }
         }
         @-webkit-keyframes slidein {
            from {
               margin-left:100%;
               width:200%
            }
            75% {
               font-size:300%;
               margin-left:25%;
               width:150%;
            }
            to {
               margin-left:0%;
               width:100%;
            }
         }
 
 h1 {
     
        font-family: 'Moyenage', arial;
        font-size: 24px;
        text-shadow: 4px 4px 4px #aaa;
   color:white;
     
    }
h2 {
  font: 400 25px/1.3 'Lobster Two', Helvetica, sans-serif;
  color: #2b2b2b;
  text-shadow: 1px 1px 0px #ededed, 4px 4px 0px rgba(0,0,0,0.15);
}
       

h3 {
  font-size: 16px;  
 font-family: 'cursive', arial;
       
  color: white;
   text-align: center;
}  
h4 {
  font-size: 14px;  
 
  color: white;
   text-align: center;
   
} 
h5 {
  font-size: 15px;  
 Font-Family: Cursive;
  color: white;
   text-align: left;
    font-style: italic;
}  
 h6 {
  font-size: 25px;  
 
  color: brown;
   text-align: center;
}  
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */


/**
 * Address inconsistent and variable font size in all browsers.
 */
i { 
    font-style: italic;
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */



/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 1;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
#tuto_box-shadow {

    width : 800px ;
 
    height : 220px ;
  
   
 box-shadow: 10px 10px 5px #888888;	
 border-style: solid;
    border-color: orange;
	

}


textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables  scroll
   ========================================================================== */

/**
 * scroll bar.
 */
.scrollbar{
width:1200px;
height:600px;
background-color:transparent;
margin-top:40px;
margin-left:5px;
overflow-y:scroll;
float:left;
}
.content{
height:1200px;
} 
.form-style-6{
    font: 95% Arial, Helvetica, sans-serif;
    max-width:  600px;
    margin: 30px auto;
    padding: 16px;
    background: transparent;
}
.form-style-6 h1{
    background: transparent;
    padding: 8px 0;
    font-size: 130%;
    font-weight: 200;
    text-align: center;
    color: #fff;
    margin: -10px -10px 10px -10px;
}
.form-style-6 input[type="text"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 95% Arial, Helvetica, sans-serif;
}
.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus,
.form-style-6 select:focus
{
    box-shadow: 0 10 5px black;
    padding: 4%;
    border: 1px solid #43D1AF;
}

.form-style-6 input[type="submit"],
.form-style-6 input[type="button"]{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 2%;
    background: #43D1AF;
    border-bottom: 2px solid #30C29E;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;   
    color: #fff;
}
.form-style-6 input[type="submit"]:hover,
.form-style-6 input[type="button"]:hover{
    background: #2EBC99;
}