/* Body */

body {
width: 100%;
margin: auto;
}


/* Bienvenue sur la page web Colin Decoration */

article {
width: 78%;
border: 0px solid;
border-radius: 5px;
padding: 0px;
padding-left: 25px;
margin: 0px;
margin-left: 10%;
background: linear-gradient( white, dodgerblue);
background: -webkit-linear-gradient( white, dodgerblue);
background: -moz-linear-gradient( white, dodgerblue);
background: -ms-linear-gradient( white, dodgerblue);
background: -o-linear-gradient( white, dodgerblue);
background: linear-gradient( white, dodgerblue);
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
float: left;
box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
0 3px 5px rgba(0, 0, 0, .2),
0 5px 10px rgba(0, 0, 0, .2),
0 20px 20px rgba(0, 0, 0, .15);
}

em {
font-weight: bold;
}

.effet1 {
text-align: center;
}

.interligne {
line-height: 100%;
}
aside
{
    margin-left: 80%;
}

/* Emplacement des Images défilantes */

.presentation {
float: left;
margin-right: 2%;
margin-left: 10%;

width: 38%;
height: 420px;

border: 0px solid;
border-radius: 5px;

padding-top: 15px;
padding-bottom: 0px;
padding-left: 1%;
padding-right: 1%;

background: linear-gradient( white, dodgerblue);
background: -webkit-linear-gradient( white, dodgerblue);
background: -moz-linear-gradient( white, dodgerblue);
background: -ms-linear-gradient( white, dodgerblue);
background: -o-linear-gradient( white, dodgerblue);
background: linear-gradient( white, dodgerblue);

box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
0 3px 5px rgba(0, 0, 0, .2),
0 5px 10px rgba(0, 0, 0, .2),
0 20px 20px rgba(0, 0, 0, .15);
}


/* Fenêtre de texte à droite Index*/

.intro {
float: right;
width: 35%;
border: 0px solid;
border-radius: 5px;
padding: 0px;
padding-left: 25px;
padding-right: 25px;
margin: 0px;
background: linear-gradient( white, dodgerblue);
background: -webkit-linear-gradient( white, dodgerblue);
background: -moz-linear-gradient( white, dodgerblue);
background: -ms-linear-gradient( white, dodgerblue);
background: -o-linear-gradient( white, dodgerblue);
background: linear-gradient( white, dodgerblue);
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
float: left;
box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
0 3px 5px rgba(0, 0, 0, .2),
0 5px 10px rgba(0, 0, 0, .2),
0 20px 20px rgba(0, 0, 0, .15);
}


/* Grande Fenêtre de texte - Qui sommes nous */

.description {
float: left;
margin-right: 2%;
margin-left: 10%;

width: 76%;
border: 0px solid;
border-radius: 5px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 25px;
padding-right: 25px;


background: linear-gradient( white, dodgerblue);
background: -webkit-linear-gradient( white, dodgerblue);
background: -moz-linear-gradient( white, dodgerblue);
background: -ms-linear-gradient( white, dodgerblue);
background: -o-linear-gradient( white, dodgerblue);
background: linear-gradient( white, dodgerblue);
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
0 3px 5px rgba(0, 0, 0, .2),
0 5px 10px rgba(0, 0, 0, .2),
0 20px 20px rgba(0, 0, 0, .15);
}

#entete2 {
/* styles de caractères */ 
font:Verdana, Arial, Helvetica, sans-serif;
font-size: medium; 
font-weight:bold;
color: #40427f; 
text-align: left;
/* marges et bordures */
padding:10px;
margin: 10px 0 20px 0;
border:1px solid #777879;
border-radius: 5px; 
/* couleur de fond */
background-color: white ;
} 


/* Tableau - Marques */

table{ text-align: center;
	width: 100%;}


.tableau {
float: left;
margin-right: 2%;
margin-left: 10%;

width: 76%;
border: 0px solid;
border-radius: 5px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 25px;
padding-right: 25px;


background: linear-gradient( white, dodgerblue);
background: -webkit-linear-gradient( white, dodgerblue);
background: -moz-linear-gradient( white, dodgerblue);
background: -ms-linear-gradient( white, dodgerblue);
background: -o-linear-gradient( white, dodgerblue);
background: linear-gradient( white, dodgerblue);
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
0 3px 5px rgba(0, 0, 0, .2),
0 5px 10px rgba(0, 0, 0, .2),
0 20px 20px rgba(0, 0, 0, .15);
}


/* Position fixe - Flèche de retour vers haut de page */

.fixed {
position: fixed;
bottom: 3%;
right: 3%;

width: 3%;
border: 0px solid;
border-radius: 5px;
padding: 0px;

margin: 0px;

background: linear-gradient( white, dodgerblue);
background: -webkit-linear-gradient( white, dodgerblue);
background: -moz-linear-gradient( white, dodgerblue);
background: -ms-linear-gradient( white, dodgerblue);
background: -o-linear-gradient( white, dodgerblue);
background: linear-gradient( white, dodgerblue);
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
float: left;
box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
0 3px 5px rgba(0, 0, 0, .2),
0 5px 10px rgba(0, 0, 0, .2),
0 20px 20px rgba(0, 0, 0, .15);
}