body
{
   width: 960px;
   margin: auto; /* Pour centrer notre page */
   margin-bottom: 20px;    
   background-image: url("img/planches_fond.jpg");
}

#en_tete
{
   width: 960px;
   height: 320px;
   position: relative;
   left: 0px;
   top: 0px;
   /*background-image: url("img/planches_banniere.jpg");*/
   background-repeat: no-repeat;
}
.photo_1{
   width: 380px;
   position: absolute;
   left: 0px;
   top: 20px;
}
.space{
   width: 330px;
   position: absolute;
   left: 400px;
   top: 20px;
   text-align: center;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 1.3em; 
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}
.nom_site
{
	padding-top: 30px;
	padding-bottom: 0px;
   text-align: center;
   color: #444;
}
.logo_artisan_dart
{
	padding-top: 40px;
	padding-bottom: 20px;
	padding-right: 20px;
   text-align: right;
}
.titre_site
{
	padding-top: 10px;
	padding-bottom: 0px;
   text-align: center;
   font-size: 1.4em; 
}

.adresse{
   position: relative;
   top: 40px;
   font-weight: bold;
   font-size: 0.8em;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}


.note{
   position: relative;
   top: 5px;
   left: 140px;
   font-size: 0.8em;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}

.photo_2{
   width: 220px;
   position: absolute;
   right: 0px;
   top: 20px;
}

.photo_3{
   margin-top: 40px;
   margin-bottom: 40px;
   margin-left: 40px;
}

* {
    box-sizing: border-box;
}

.img-container-1 {
    float: center;
    width: 80%;
    padding: 5px;
}

.img-container-3 {
    float: left;
    width: 33.33%;
    padding: 5px;
}

.img-container-2 {
    float: left;
    padding: 5px;
}

.imgClear {
	clear: both;
}

.image_ligne{
   margin-top: 40px;
   margin-bottom: 40px;
   margin-right: 25px;
	width: 400px;
	display: inline-block;
}

.image_ligne_right{
   margin-top: 40px;
   margin-bottom: 40px;
   margin-left: 20px;
	width: 420px;
	display: inline-block;
}

.image_ligne_vert_right{
   margin-top: 40px;
   margin-bottom: 40px;
   margin-right: 10px;
   margin-left: 10px;
	width: 500px;
	display: inline-block;
}

.image_ligne_vert_left{
   margin-top: 40px;
   margin-bottom: 40px;
   margin-right: 10px;
   margin-left: 10px;
	width: 350px;
	display: inline-block;
}

.image_large{
   margin-top: 40px;
   margin-bottom: 40px;
   margin-right: 25px;
	width: 600px;
	display: inline-block;
}

#menu
{
   width: 960px;
   height: 30px;
   position: relative;
   padding: 5px;
   left: 0px;
   top: 0px;
   text-align: center;
   font-weight: bold;
   font-size: 1.3em;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   font-style: italic;
   color: #EFEFEF;
}

#menu a
{
   color: #444;
}

#menu a:hover
{
   color: #EFEFEF;
}

.element_1{
   width: 138px;
   position: absolute;
   left: 0px;
   top: 0px;
   border: 0px solid white;

}

.element_2
{
   width: 138px;
   position: absolute;
   left: 138px;
   top: 0px;
   border: 0px solid white;
}

.element_3
{
   width: 138px;
   position: absolute;
   left: 276px;
   top: 0px;
   border: 0px solid white;
}

.element_4
{
   width: 138px;
   position: absolute;
   left: 414px;
   top: 0px;
   border: 0px solid white;
}

.element_4b
{
   width: 138px;
   position: absolute;
   left: 552px;
   top: 0px;
   border: 0px solid white;
}

.element_5
{
   width: 138px;
   position: absolute;
   left: 690px;
   top: 0px;
   border: 0px solid white;
}

.element_6
{
   width: 138px;
   position: absolute;
   left: 828px;
   top: 0px;
   border: 0px solid white;
}

.element_7
{
   width: 138px;
   position: absolute;
   left: 649px;
   top: 0px;
   border: 0px solid white;
}

a 
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #FAFFFF; 
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}
   
a:hover /* Quand le visiteur pointe sur le lien */
{
   color: #FFFFFF;
}

/* Le corps de la page */

#corps
{
   margin-left: 0px;
   margin-bottom: 25px;
   margin-top: 25px;
   padding: 15px;
   color: #222222;
   background-image: url("img/planches_corps.jpg");
   background-repeat: repeat;
   border: 2px solid white;
}

#corps a
{
   text-decoration: none;
   color: #555; 
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}

#corps h1
{
   color: #333333;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
   height: 30px;
   padding-left: 30px;
   color: #B3B3B3;
   text-align: left;
}

#corps p, li
{
   width: 900px;
   color: #222222;
   /*text-align: left;*/
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   font-size: 1.2em;
}

.contactForm {
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   font-size: 1.1em;

}

.bienv
{
   width: 900px;
   color: #222222;
   /*text-align: left;*/
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   font-size: 1.2em;
}

.photo_acc
{
   padding-left: 300px;
}

#contact
{
   width: 900px;
   color: #FFFFFF;
   text-align: left;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
}

bienv:first-letter /* La première lettre de chaque paragraphe */
{
   font-weight: bold;
   font-size: 1.7em;
}

p
{
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   padding-top: 50px;
}

p:first-letter 
{
   font-weight: bold;
   font-size: 1.7em;
   padding-left: 80px;
}

.titre
{
   	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	padding-left: 25px;
	padding-right: 25px;
}

.titre_photo
{
   font-family: Verdana, Georgia, serif;
   font-weight:bold;
   text-align: left;
   padding-top: 70px;
   padding-bottom: 30px;
   padding-left: 10px;
   padding-right: 10px;
}

.titre_partenaires
{
   font-family: Verdana, Georgia, serif;
   font-weight:bold;
   text-align: left;
   padding-top: 30px;
   padding-bottom: 20px;
   padding-left: 10px;
   padding-right: 10px;

}

.sous_titre_photo
{
   font-family: Verdana, Georgia, serif;
   text-align: left;
   padding-top: 20px;
   padding-left: 20px;
   padding-right: 10px;
}


.couleur_lien
{
   color: #555;
}

.lien_pour_titre
{
   font-family: Verdana, Georgia, serif;
   font-weight: bold;
   font-size : 1.3em;
   color: #333;
   margin-left: 3%;
}

.lien_annees_precedentes
{
   font-family: Verdana, Georgia, serif;
   font-weight: bold;
   font-size : 1.1em;
   color: #333;
   margin-left: 3%;
}

.lien_haut_page
{
   font-family: Verdana, Georgia, serif;
   font-weight: bold;
   font-size : 1.3em;
   color: #ff0000;
   margin-left: 75%;
}

.prix_meuble
{
   font-family: Verdana, Georgia, serif;
   font-weight:bold;
   text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.photo	img 
{
   max-width: 400px;
   max-height: 500px;
}

.photo_large	img
{
   max-width: 500px;
}


.player
{
padding-left: 50px;
}

tr
{
   height: 50px;
}

.photo_diplome
{
	padding-left: 180px;
   	padding-top: 20px;
}

.photo_logo_artisan_art
{
	padding-left: 35%;
   	padding-top: 20px;
}

.texte_logo
{
	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
	font-size: 1.2em;
	text-align: center;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
}

.premiere_lettre_big 
{
   font-weight: bold;
   font-size: 1.7em;
}

#pied_de_page
{
   padding: 15px;
   clear: both;
   text-align: left;
   color: #444444;
   /*background-color: #626262;*/
   background-image: url("img/planches_corps.jpg");
   background-repeat: repeat-x;
   border: 2px solid white;
}


#slides {
    position: relative;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.slide {
	margin: auto;
    position: absolute;
    opacity: 0;
    z-index: 1;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    -o-transition: opacity 2s;
    transition: opacity 2s;
}

.showing 
{
    opacity: 1;
    z-index: 2;
}


.slides_cont 
{
	margin: auto;
	background-color: #000;
	position: relative; 
	overflow: hidden; 
	width: 600px; 
	height: 400px;
}

.cont_centrage 
{
	margin-top: 30px;
}

#deco_0 
{
	padding-top: 40px;
	padding-left: 80px;
   	color: #222222;
   	font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   	font-size: 1.2em;
}


#deco_1 
{
	padding-top: 10px;
	padding-left: 40px;
}

#deco_1 li
{
	margin-top: 30px;
   color: #444;
}

#deco_2 
{
	padding-top: 40px;
	padding-bottom: 60px;
   color: #222222;
	text-align: center;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   font-size: 1.3em;
}

.nom_contact 
{
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
   color: #222;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   font-size: 1.2em;
}

.adr_contact 
{
	padding-top: 0px;
	padding-bottom: 30px;
	text-align: center;
   color: #444;
   font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
   font-size: 1.1em;
}