/* CSS Document */

body {
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
position:relative;
font-size:12px;

text-align:center;
}
.conteneur {
position:relative;
margin:auto;
width: 900px;
text-align:left;
}
img {
border:none;
}
.window {
	position:absolute;
	top:0px;
	left:12px;
	width:850px;
	height:800px;
	background-color:#FFFFFF;
}
.window2 {
	position:absolute;
	top:0px;
	left:12px;
	width:850px;
	height:2800px;
	background-color:#FFFFFF;
}
.noeud {
position:absolute;
top:10px;
left:0;
width:900px;
text-align:center;
}
.noeud2 {
position:absolute;
top:0px;
left:48px;
width:780px;
height:800px;
text-align:center;
background-color:#6C7A66;
}
.noeud3 {
position:absolute;
top:0px;
left:54px;
width:771px;
height:800px;
text-align:center;
background-color:#525353;
}
.noeud3bis {
position:absolute;
top:0px;
left:57px;
width:764px;
height:800px;
text-align:center;
background-color:#4b5148;
}
.noeud4 {
position:absolute;
top:0px;
left:48px;
width:780px;
height:800px;
text-align:center;
background-color:#3A3A3A;
}
.fondcomment {
position:absolute;
top:0px;
left:48px;
width:780px;
height:2800px;
text-align:center;
background-color:#3A3A3A;
}
.julie {
position:absolute;
top:0px;
left:48px;
width:294px;
height:174px;
}
.texteaccueil {
position:absolute;
top:591px;
left:165px;
width:551px;
height:90px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:32px;
color:#3D4242;
}
.texteaccueil h1 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#3D4242;
font-size:60px;
font-weight:300;
}
.cadre {
position:absolute;
top:58px;
left:57px;
width:303px;
height:670px;
text-align:center;
}
.cadre2 {
position:absolute;
top:58px;
left:57px;
width:378px;
height:517px;
text-align:center;
}
.cadre3 {
position:absolute;
top:58px;
left:48px;
width:497px;
height:690px;
text-align:center;
}
.cadre4 {
position:absolute;
top:23px;
left:30px;
width:520px;
height:779px;
text-align:center;
}
.menu {
position:absolute;
top:5px;
left:59px;
width:760px;
height:42px;
z-index:10;
}
.boutonqui {
	position:absolute;
	top:717px;
	left:403px;
	width:282px;
	height:61px;
}
.retourqui {
position:absolute;
top:522px;
left:670px;
width:187px;
height:212px;
}
.retourquiaccessoires {
	position:absolute;
	top:574px;
	left:671px;
	width:187px;
	height:212px;
}
.retourqui2 {
position:absolute;
top:2522px;
left:670px;
width:187px;
height:212px;
}
.defijeunes {
position:absolute;
top:576px;
left:391px;

z-index:0;
}
.textequi {
position:absolute;
top:64px;
left:388px;
width:421px;
height:90px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
z-index:1;
}
.textequi h1 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}
.textequi li {
text-decoration:none;
list-style-type:none;
}
.textequi h2 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}


.custo {
	position:absolute;
	top:637px;
	left:337px;
	width:456px;
	height:33px;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
}
.texteperso {
position:absolute;
top:64px;
left:388px;
width:421px;
height:90px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
text-align:center;
}
.texteperso h1 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}
.texteperso li {
text-decoration:none;
list-style-type:none;
}
.texteperso h2 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}
.texte-comment {
position:absolute;
top:64px;
left:388px;
width:421px;
height:90px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
text-align:center;
}
.texte-comment h1 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}
.texte-comment li {
text-decoration:none;
list-style-type:none;
}
.texte-comment h2 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}
.texte-comment2 {
position:absolute;
top:560px;
left:86px;

font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
text-align:center;
}
.texte-comment2 h2{


font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:14px;

}
.shoes1 {
position:absolute;
top:336px;
left:440px;
width:116px;
height:81px;
}
.texteshoes1 {
position:absolute;
top:343px;
left:509px;
width:116px;
height:81px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:right;
}
.shoes2 {
position:absolute;
top:459px;
left:440px;
width:116px;
height:81px;
}
.texteshoes2 {
position:absolute;
top:456px;
left:525px;
width:149px;
height:81px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
text-align:right;
}
.fleche {
position:absolute;
top:416px;
left:729px;
width:18px;
height:23px;
}
.fleche2 {
position:absolute;
top:386px;
left:778px;
width:34px;
height:31px;
}
.fleche3 {
position:absolute;
top:316px;
left:661px;
width:146px;
height:73px;
}
.fleche4 {
position:absolute;
top:533px;
left:657px;
width:146px;
height:73px;
}
.fleche5 {
position:absolute;
top:296px;
left:646px;
width:146px;
height:73px;
}
.fleche6 {
position:absolute;
top:519px;
left:629px;
width:146px;
height:73px;
}
.fleche16 {
	position:absolute;
	top:567px;
	left:636px;
	width:146px;
	height:73px;
}
.fleche7 {
	position:absolute;
	top:309px;
	left:660px;
	width:146px;
	height:73px;
}
.etape {
position:absolute;
top:211px;
left:390px;
width:451px;
height:371px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
text-align:center;
}
.picto {
position:absolute;
top:34px;
left:22px;
width:99px;
height:288px;
text-align:right;
}
.etape2 {
position:absolute;
top:360px;
left:222px;
width:161px;
height:120px;
text-align:center;
}
.etape5 {
position:absolute;
top:1462px;
left:175px;
width:166px;
height:120px;
text-align:left;
}
.etape h2 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
font-size:16px;
}
.etape2 h2 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
font-size:16px;
}
.etape5 h2 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
font-size:16px;
}
.texteliens {
position:absolute;
top:71px;
left:514px;
width:313px;
height:452px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
text-align:left;
}
.texteliens h1 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
font-size:14px;
}
.texteliens li {
text-decoration:none;
list-style-type:none;
}
.cadreamis {
position:absolute;
top:74px;
left:388px;
width:139px;
height:308px;
background-image:url(../images/cadreamis.png);
}
.texteperso2 {
position:absolute;
top:64px;
left:550px;
width:259px;
height:355px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
text-align:center;
}
.texteperso2 h1 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}
.textequi2 {
position:absolute;
top:64px;
left:388px;
width:421px;
height:90px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
text-align:center;
}
.textequi2 h1 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}
.textequi3 {
position:absolute;
top:64px;
left:354px;
width:421px;
height:90px;
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-height:20px;
text-align:center;
}
.textequi3 h1 {
font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
color:#FFFFFF;
text-align:center;
}
.tissu {
	position:absolute;
	top:198px;
	left:340px;
	width:150px;
	height:375px;
}
a {
text-decoration:none;
}
.collections {
	position:absolute;
	top:39px;
	left:311px;
	width:436px;
	height:25px;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#87D300;
}
.collections a {
text-decoration: none;
color: #FFFFFF;
}
.collections a:active {
color:#FFFFFF;
text-decoration:none;
}
.collections a:link {
color:#FFFFFF;
text-decoration:none;
}
.collections a:visited {
color:#FFFFFF;
text-decoration:none;
}
.collections a:hover {
text-decoration: none;
color: #87D300;
}
.concept {
	position:absolute;
	top:39px;
	left:121px;
	width:328px;
	height:25px;
	font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#87D300;
}
.concept a {
text-decoration: none;
color: #FFFFFF;
}
.concept a:active {
color:#FFFFFF;
text-decoration:none;
}
.concept a:link {
color:#FFFFFF;
text-decoration:none;
}
.concept a:visited {
color:#FFFFFF;
text-decoration:none;
}
.concept a:hover {
text-decoration: underline;
color: #87D300;
}
a {
text-decoration: none;
color: #FFFFFF;
}
a:active {
color:#FFFFFF;
text-decoration:none;
}
a:link {
color:#FFFFFF;
text-decoration:none;
}
a:visited {
color:#FFFFFF;
text-decoration:none;
}
a:hover {
text-decoration: underline;
color: #87D300;
}

.galerie2-femmes {
	position:absolute;
	top:133px;
	left:488px;
	width:342px;
	height: 246px;
	color:#FFFFFF;
}
.galerie2-femmes img {
float:left;
margin-right:8px;
margin-bottom:8px;
}

.galerie2-femmes  a:hover img{
	border-width:thin;
	border-style: dashed;
	border-color:#7cce00;
	margin-right:4px;
	margin-bottom:4px;
}
.galerie3-femmes {
	position:absolute;
	top:393px;
	left:488px;
	width:324px;
	height: 246px;
	color:#FFFFFF;
}
.galerie3-femmes img {
float:left;
margin-right:8px;
margin-bottom:8px;
}
.galerie3-femmes a:hover img{
	border-width:thin;
	border-style: dashed;
	border-color:#7cce00;
	margin-right:4px;
	margin-bottom:4px;
}
.galerie2-ac {
	position:absolute;
	top:133px;
	left:411px;
	width:441px;
	height: 209px;
	color:#FFFFFF;
}
.galerie2-ac img {
float:left;
margin-right:8px;
margin-bottom:8px;
}
.galerie2-ac a:hover img{
	border-width:thin;
	border-style: dashed;
	border-color:#7cce00;
	margin-right:4px;
	margin-bottom:4px;
}
.galerie3-ac {
	position:absolute;
	top:360px;
	left:412px;
	width:400px;
	height: 279px;
	color:#FFFFFF;
}
.galerie3-ac img {
float:left;
margin-right:8px;
margin-bottom:8px;
}
.galerie3-ac a:hover img{
	border-width:thin;
	border-style: dashed;
	border-color:#7cce00;
	margin-right:4px;
	margin-bottom:4px;
}

.galerie3-enfants {
	position:absolute;
	top:294px;
	left:489px;
	width:324px;
	height: 246px;
	color:#FFFFFF;
}
.galerie3-enfants img {
float:left;
margin-right:8px;
margin-bottom:8px;
}
.galerie3-enfants a:hover img{
	border-width:thin;
	border-style: dashed;
	border-color:#7cce00;
	margin-right:4px;
	margin-bottom:4px;
}

.pied {
	position:absolute;
	top:614px;
	left:258px;
	width:781px;
	height:20px;
	z-index:10;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#000000;
}
.pied-d {
	position:absolute;
	top:614px;
	right:257px;
	z-index:10;
}
.pied a {
color:#000000;
text-decoration:none;
}
.pied-d a {
color:#000000;
text-decoration:none;
}