/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
 background-color: #FFF;
 }
.column,
.columns {
 background-color: #FFF;}

/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */

html {
  background-color:#C4ECFF; 
  background-image:url(bleu02neg.jpg); 
  
  
  }
body {
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */

h1 { color:#33C3F0;}
h2 { color:#33C3F0;}
h3 { color:#33C3F0;}
h4 { color:#33C3F0;}
h5 { color:#33C3F0;}
h6 { color:#33C3F0;}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
   color: #555;
   background-color: transparent;
   border: 1px solid #bbb;
  }

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333 ;
  background-color: #CCC;
  border-color: #888;
  outline: 0; }


/* Buttons flashy (primary)
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button.button-primary,
.bigbutton.button-primary,
button.button-primary,

input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
.bigbutton.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
.bigbutton.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }



/* Buttons corrects VERT
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button.button-correct,
button.button-correct,
input[type="submit"].button-correct,
input[type="reset"].button-correct,
input[type="button"].button-correct {
  color: #FFF;
  background-color: #00c040;
  border-color: #005100; }
.button.button-correct:hover,
button.button-correct:hover,
input[type="submit"].button-correct:hover,
input[type="reset"].button-correct:hover,
input[type="button"].button-correct:hover,
.button.button-correct:focus,
button.button-correct:focus,
input[type="submit"].button-correct:focus,
input[type="reset"].button-correct:focus,
input[type="button"].button-correct:focus {
  color: #FFF;
  background-color: #00A436;
  border-color: #1EAEDB; }


/* Buttons faux ROUGE
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.button.button-faux,
button.button-faux,
input[type="submit"].button-faux,
input[type="reset"].button-faux,
input[type="button"].button-faux {
  color: #FFF;
  background-color: #c00;
  border-color: #7A0000;
  text-decoration: line-through;
}
.button.button-faux:hover,
button.button-faux:hover,
input[type="submit"].button-faux:hover,
input[type="reset"].button-faux:hover,
input[type="button"].button-faux:hover,
.button.button-faux:focus,
button.button-faux:focus,
input[type="submit"].button-faux:focus,
input[type="reset"].button-faux:focus,
input[type="button"].button-faux:focus {
  color: #FFF;
  background-color: #860000;
  border-color: #7A0000;
}




/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  background-color: #fff;
  border: 1px solid #D1D1D1;
 }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }



/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  background: #F1F1F1;
  border: 1px solid #E1E1E1; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  border-bottom: 1px solid #E1E1E1; }

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  border-top: 1px solid #E1E1E1; }
  

#soflow{
	border-color:#33C3F0;
	}