/* CSS Document */
body {
	
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	
}


/* DIV */
.affiche
{

margin-top:20px;
width:970px;
height:274px;
}

.armoirie
{
position:absolute;
top:9em;
left:64em;
border:0;

}

.authentification
{
position:absolute;
top:0.5em;
left:30em;
border:0px;
}

.backline 
{
color:#414448;
text-decoration:none;

}
.backline:hover 
{
text-decoration:underline; 
}

.connect
{
position: absolute;
top:0em;
left:16.6em;
}

.connect2
{
position: absolute;
top:0em;
left:25.35em;
}


.en-ce-moment
{
float:left;
margin-left:-20px;
margin-top:20px;
}

.espace
{
width: 1000px;
height:200px;
margin: auto;
	
}

.espace12
{
width: 1000px;
height:100px;
margin: auto;
	
}

.espace-vivies{
width:1000px;
height:700px;
margin:auto
}

.espace-tuto-santon
{
width: 1000px;
height:2090px;
margin: auto;
}

.espace-tuto-faience
{
width: 1000px;
height:3190px;
margin: auto;
}

.espace-tuto-pastel
{
width: 1000px;
height:3960px;
margin: auto;
}

.espace-tuto-couteau
{
width: 1000px;
height:3000px;
margin: auto;
}

.espace-tuto-bijoux
{
width: 1000px;
height:2540px;
margin: auto;
}

.espace-tuto-cosmetique
{
width: 1000px;
height:2790px;
margin: auto;
}



.evenement2G
{
position: absolute;
top:68em;
left:0em;
width:398px;
height:270px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
padding-left:28px;
padding-top:37px;
}

.evenement2D
{
position: absolute;
width:398px;
height:270px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
top:68em;
left:31.5em;
padding-left:28px;
padding-top:37px;
}

.evenement3G
{
position: absolute;
top:68em;
left:0em;
width:398px;
height:410px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
padding-left:28px;
padding-top:37px;
}

.evenement3D
{
position: absolute;
width:398px;
height:410px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
top:68em;
left:31.5em;
padding-left:28px;
padding-top:37px;
}

.evenement5G
{
position: absolute;
top:68em;
left:0em;
width:398px;
height:720px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
padding-left:28px;
padding-top:37px;
}

.evenement5D
{
position: absolute;
width:398px;
height:720px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
top:68em;
left:31.5em;
padding-left:28px;
padding-top:37px;
}

.evenement6G
{
position: absolute;
top:68em;
left:0em;
width:398px;
height:870px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
padding-left:28px;
padding-top:37px;
}

.evenement6D
{
position: absolute;
width:398px;
height:870px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
top:68em;
left:31.5em;
padding-left:28px;
padding-top:37px;
}

.evenement7G
{
position: absolute;
top:68em;
left:0em;
width:398px;
height:1020px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
padding-left:28px;
padding-top:37px;
}

.evenement7D
{
position: absolute;
width:398px;
height:870px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
top:68em;
left:31.5em;
padding-left:28px;
padding-top:37px;
}

.evenement8G
{
position: absolute;
top:68em;
left:0em;
width:398px;
height:1020px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
padding-left:28px;
padding-top:37px;
}

.evenement8D
{
position: absolute;
width:398px;
height:1020px;
background-image: url(img/fond_presentation1.png);
background-repeat: repeat-y ;
top:68em;
left:31.5em;
padding-left:28px;
padding-top:37px;
}

.evenement9G{
position:absolute;
top:68em;
left:0;
width:398px;
height:1170px;
background-image:url(img/fond_presentation1.png);
background-repeat:repeat-y;
padding-left:28px;
padding-top:37px
}

.flux
{
float:left;
width:800px;
height:38px;
width:800px;
margin-left:10px;
}


.f-newsletter
{
position:absolute;
top:0.5em;
left:10.3em;

}

.footer
{
margin: 0 auto;
margin-top:70px;
width:536px;
height:18px;
background-image: url(/public_html/img/footer.png);
background-repeat: no-repeat;
}

.footer-contact
{
margin: 0 auto;
margin-top:810px;
width:536px;
height:18px;
background-image: url(/public_html/img/footer.png);
background-repeat: no-repeat;

}

.footer-legale
{
margin: 0 auto;
margin-top:510px;
width:536px;
height:18px;
background-image: url(/public_html/img/footer.png);
background-repeat: no-repeat;

}

.grandeimgBordure 
{
 border: 3px solid #0293FC;
}
.grandeimgBordure:hover{
border:3px solid #8EBD00
}

.header
{
	margin: 0 auto;
	width: 797px;
	height:55px;
	background-image: url(/public_html/img/header_connexion.jpg);
	background-repeat: no-repeat;
}

.image-recherche
{
margin-top:22px;
margin-left:95px;

}

.imgBordure
{

border: 1px solid #414448;
margin-top:5px;

}

.imgBorduredrapeau
{
vertical-align:middle;
 border:0;
 }

 
.langues
{
position:absolute;
top:0.85em;
left:57em;
}

#leftvideo
{
margin-top:80px;
margin-left:200px;
}

.left-photo-tuto
 {
	float: left;
	width: 1px;
	padding-top: 20px;
	padding-left: 0px;
}

.lien
{
margin: 0 auto;
width:950px;
color:#414448;
height:50px;
text-align:center;
}

.lien-dans-contenu
{
font-size:18px;
color:#0293FC;
text-decoration:none;
letter-spacing:0.5px ;
}

.lien-dans-contenu:hover 
{
color:#8EBD00;
text-decoration:none; 

}

.logo
{
padding-top:125px;
width: 400px;
height:66px;
background-image: url(/public_html/img/logo2.jpg);
background-repeat: no-repeat;
}

.menu-video
{
position: absolute;
top:15.7em;
left:0em;
}

.message-newsletter
{
position:absolute;
top:2em;
left:0.5em;
width:500px;
}

.menu 
{
margin: 0 auto;
margin-top:5px;
width: 975px;
height:106px;

}
.menu1
{
position: absolute;
top:40em;
left:2em;
color:#414448;
text-decoration:none;
font-weight: bold ;
font-size:10px;
}
.menu2
{
position: absolute;
top:40em;
left:14.9em;
color:#414448;
text-decoration:none;
font-weight: bold ;
font-size:10px;

}
.menu3
{
position: absolute;
top:40em;
left:31.5em;
color:#414448;
text-decoration:none;
font-weight: bold ;
font-size:10px;
}
.menu4
{
position: absolute;
top:40em;
left:43.6em;
color:#414448;
text-decoration:none;
font-weight: bold ;
font-size:10px;
}
.menu5
{
position: absolute;
top:40em;
left:59em;
color:#414448;
text-decoration:none;
font-weight: bold ;
font-size:10px;
}
.menu6
{
position: absolute;
top:40em;
left:72em;
color:#414448;
text-decoration:none;
font-weight: bold ;
font-size:10px;
}
.menu7
{
position: absolute;
top:40em;
left:85.6em;
color:#414448;
text-decoration:none;
font-weight: bold ;
font-size:10px;
}

.moteur-recherche
{
float:left;
margin-left:600px;
width:373px;
height:100px;
background-image: url(/public_html/img/search.png);
background-repeat: no-repeat;

}

.news
{
margin-left:420px;
width:300px;
height:84px;
background-image: url(/public_html/img/news_it.png);
background-repeat: no-repeat;

}

.photo-ev1
{


width:120px;
height:151px;



}
/*.photo-ev1 a { 
display:block; 
width:100%; 
height:100%; 
font-size:1px; 
color:#dfd; 
text-decoration:none; 
background:url(img/bg_big_a.gif);/* image transparente de 5px sur 5px */ 

.photo-ev2 
{

width:120px;
height:151px;

}

.photo-ev-verticale
{

position: absolute;
width:398px;
height:150px;
background-image: url(img/fond_presentation-vert.png);
background-repeat: no-repeat;
top:46.8em;
left:0.1em;
padding-left:43px;
padding-top:30px;

}


.portail-menton
{
text-align: center;
margin-top:10px;
height:30px;
color:#414448;

}

.plus-video
{
margin-left:140px;
height:22px;
}

.publicite
{

width:200px;
margin-left:805px;

}

.rmenu_link
{
font-size:14px;
color:#0293FC;
text-decoration:none;
letter-spacing:0.5px ;
font-weight:bold;

}

.rmenu_link:hover
{
font-size:14px;
color:#8EBD00;
text-decoration:none;
letter-spacing:0.5px ;
font-weight:bold;

}


.texte-accueil
{

width:750px;
height:1px;
font-family: arial;
text-indent:3%;
text-align: justify;
font-size:16px;
color:#414448;
}

.texte_article
{
width:750px;
font-family: arial;
text-align: justify;
font-size:16px;
color:#414448;
line-height:20px;
}

.texte-evenement
{
margin-left:120px;
position:relative;
left:1em;
width:200px;
height:150px;
font-family: arial;
text-align: justify;
font-size:11px;
color:#414448;
}

.texte-evenement-vertical
{
margin-left:102px;
position:relative;
left:1em;
width:200px;
height:150px;
font-family: arial;
text-align: justify;
font-size:11px;
color:#414448;
}

.texte-contact
{
margin-top:30px;
width:750px;
height:1px;
font-family: arial;
text-align: justify;
font-size:16px;
color:#414448;
line-height:20px;

}

.texte-portail
{
width:805px;
height:1px;
color:#414448;
line-height:18px;
}


.texte-recherche {
float:left;
width:400px;
height:50px;
margin-left:55px;
padding-top:25px
}

.texte-sous-header
{

font-size: 13px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#414448;
margin-bottom:10px;

}



.texte-news {
position:absolute;
top:20.5em;
left:61.1em;
}

.texte_tuto_bijoux
{   
    margin-top:20px;
    float: left;
   	width: 305px;
	height:230px;
	padding-left: 350px;
	text-align:justify;
}

.texte_tuto_bijoux_fin
{   
    margin-top:30px;
    float: left;
   	width: 305px;
	height:200px;
	padding-left: 350px;
	text-align:justify;
	margin-bottom:40px;
}

.texte_tuto_couteau
{   
    margin-top:30px;
    float: left;
   	width: 305px;
	height:220px;
	padding-left: 350px;
	text-align:justify;
}
.texte_tuto_couteau_fin
{   
    margin-top:30px;
    float: left;
   	width: 305px;
	height:260px;
	padding-left: 350px;
	text-align:justify;
}
.texte_tuto_couteau_verticale
{   
    margin-top:40px;
    float: left;
   	width: 305px;
	height:290px;
	padding-left: 350px;
	text-align:justify;
}

.texte_tuto_pastel
{   
    float: left;
   	width: 305px;
	height:235px;
    margin-top: 25px;
	padding-left: 350px;
	color: #414448;
	text-align:justify;
}
.texte_tuto_pastel_fin
{   
    float: left;
   	width: 305px;
	height:280px;
    margin-top: 30px;
	padding-left: 350px;
	color: #414448;
	text-align:justify;
}

.texte_tuto_verticale_cosmetique
{
   float: left;
	width: 457px;
	height:200px;
	padding-top: 40px;
	padding-left: 200px;
	text-align: justify;
	
}
.texte_tuto_verticale_pastel1
{
    float: left;
	width: 380px;
	height:340px;
	padding-left: 270px;
	text-align: justify;
	color: #414448;
}

.texte_tuto_verticale_pastel
{
    float: left;
	width: 380px;
	height:320px;
	padding-top: 20px;
	padding-left: 270px;
	text-align: justify;
	color: #414448;
}

.texte_tuto_verticale_superpose
{
    float: left;
	width: 650px;
	height:80px;
	padding-top: 10px;
	padding-bottom:1px;
	padding-left: 1px;
		
} 


.texte_tuto_pastel_rattrapage
{
    float: left;
	width: 380px;
	height:290px;
	padding-top: 40px;
	padding-bottom: 50px;
	padding-left: 270px;
	text-align: justify;
	color: #414448;
}
.texte_tuto_pastel_haut
{
    float: left;
	width: 320px;
	height:270px;
	padding-top: 1px;
	padding-bottom: 50px;
	padding-left: 330px;
	text-align: justify;
	color: #414448;
}

.texte_tuto_photo_verticale
{
    float: left;
	width: 477px;
	height:230px;
	padding-top: 40px;
	padding-left: 180px;
	text-align: justify;
	color: #414448;
}

.texte_tuto_photo_horizontale
{   
    float: left;
   	width: 305px;
	height:225px;
	padding-left: 350px;
	color: #414448;
	text-align:justify;
}

.texte_tuto_photo_horizontale_fin
{   
    float: left;
   	width: 305px;
	height:225px;
	padding-left: 350px;
	color: #414448;
	text-align:justify;
}

.texte_tuto_faience
{   
    float: left;
   	width: 305px;
	height:220px;
    margin-top: 20px;
	padding-left: 350px;
	color: #414448;
	text-align:justify;
}

.texte_tuto_verticale_faience
{
    float: left;
	width: 457px;
	height:180px;
	padding-top: 40px;
	padding-left: 200px;
	text-align: justify;
	color: #414448;
}

.texte_tuto_faience_fin
{   
    float: left;
   	width: 305px;
	height:265px;
    margin-top: 30px;
	padding-left: 350px;
	color:#414448;
	text-align:justify;
}

.texte_fin_tuto
{
width: 655px;
height:225px;
color: #414448;
text-align:justify;
}

.titre
{
padding-top:5px;
height:1px;
font-size: 40px;
font-weight: bold ;
line-height:70px;
color:#414448;
}

.titre-evenement
{
color:#0293FC;
font-size:12px;
line-height:17px;
text-decoration:none;
}

.titre-evenement:hover {
color:#8EBD00;
font-size:12px;
line-height:17px;
text-decoration:none
}

.titre_galerie_photo
{
width:700px;
padding-top: 20px;
}


.video
{
position: absolute;
top:9.5em;
right:0.8em;
}

.wrapper
{
	width: 1000px;
	background-image: url(img/middle.jpg);
	background-repeat: repeat-y;
	margin: auto;
}

h1
{
font-size:17px;
margin: 0 20px 0 0;

}

h2
{

font-size:16px;
color:#414448;
margin: 0 55px 0 0;
font-weight: normal ;
font-family: arial;
text-align: justify;



}

#corps
{  
 position: relative; /* on positionne le conteneur */   
 margin-left: auto; 
 margin-right: auto;
 width: 970px;
text-align:left; 
  }

#pscroller1
{
padding-top:15px;
margin-left:10px;
font-size: 11px;
font-family: verdana;
width: 300px;
height: 50px;
text-align:left;
color:#414448;
}