*{
font-family : arial, sans-serif;
font-size:12px;

}

.conteneur {
  text-align: center;
}
.centre {
  margin-left: auto;
  margin-right: auto;
  margin-top:0%;
  width: 760px;
  text-align: left;
}
.centrehome {
  margin-left: auto;
  margin-right: auto;
  margin-top:0%;
  width: 760px;
  text-align: left;
}
.grimace{

  margin-top:-30px;
 margin-left:30px;
  width: 760px;
  text-align: left;
background-position:300px 50%;
  background-color:#fff;
/*background-image:url(grimace.jpg);*/
background-repeat:no-repeat;
height:500px;
  filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	float:left;
	z-index:0;
}

.grimace-2{

  margin-top:-30px;
 margin-left:0px;
  width: 760px;
  text-align: left;
background-position:300px 60%;
  background-color:#fff;
background-image:url(grimace.jpg);
background-repeat:no-repeat;
height:500px;
  filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	float:left;
	z-index:0;
}
.grimace-3{

  margin-top:-180px;
 margin-left:0px;
  width: 760px;
  text-align: left;
background-position:300px 60%;
  background-color:#fff;
background-image:url(grimace.jpg);
background-repeat:no-repeat;
height:500px;
  filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
	float:left;
	z-index:0;
}
.moijeconnais{
width:600px;
height:300px;
border : 1px solid #330099;
position :relative;
margin-top:-10px;
margin-left:50px;
 background-color:transparent;
background-image:url(fredmoijeconnais.jpg);
background-repeat:no-repeat;
background-position:left top;
/*z-index:6;*/
}
.moijeconnaisform{
width:600px;
height:300px;
border : 1px solid #330099;
position :relative;
margin-top:-10px;
margin-left:50px;
 background-color:transparent;
background-image:url(fredmoijeconnais.jpg);
background-repeat:no-repeat;
background-position:left top;
z-index:60;
}

.sous_moijeconnais {
/*filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;*/
width:300px;
height:300px;
background:transparent;
margin-left:300px;
margin-top:0px;
z-index:2;
}

.sous_sous_moijeconnais {
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
width:300px;
height:300px;
background:#fff;
margin-left:0px;
margin-top:0px;
z-index:0;
}
.sur_moijeconnais {

width:300px;
height:300px;
background:#fff;
margin-left:0px;
margin-top:0px;
z-index:20;
}

.moijeconnais-2{
width:600px;
height:300px;
border : 1px solid #330099;
position :relative;
margin-top:-10px;
margin-left:50px;
 background-color:transparent;
background-image:url(grimace.jpg);
background-repeat:no-repeat;
background-position:left top;
z-index:0;
}

.sous_moijeconnais_large {
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9;
width:600px;
height:300px;
background:#fff;
margin-left:0px;
margin-top:0px;
z-index:2;
}
.ledisque{
width:740px;
height:450px;
position:relative;
border : 0px solid #330099;
margin-top:-380px;
margin-left:38px;
z-index:6;
background-color:transparent;

}

.texteprincipal {padding:10px;overflow:hidden;height:280px;color:#330099;}
.texteprincipal-2{position:absolute;padding:0px;overflow:auto;height:300px;color:#330099;z-index:20;width:300px;margin-top:-300px;scrollbar-face-color :#fff;padding:0 5 0 10;}
.protectiondisque{float:right; width: 90px; height:120px;margin:0 ;}

td {color:#330099;}

#accueil{
width:120px;
height:30px;
position :relative;
margin-top:30px;
margin-left:0px;
 background-color:transparent;
z-index:10;
}

#decouvrez {
clear:both;
width:140px;
height:24px;
position :relative;
margin-top:-62px;
margin-left:40px;
z-index:10;
}
#temoignages {

width:130px;
height:24px;
position :relative;
margin-top:-24px;
margin-left:180px;
z-index:10;
}
#commander {

width:130px;
height:24px;
position :relative;
margin-top:-28px;
margin-left:180px;
z-index:10;
}

#contact {

width:500px;
height:24px;
position :relative;
margin-top:5px;
margin-left:300px;
z-index:10;
}

div#contact p{
float:left;
}

#nousecrire {

width:140px;
height:24px;
position :absolute;
margin-top:25px;
margin-left:530px;
z-index:12;
}
#contacthome {

width:500px;
height:24px;
position :relative;
margin-top:-24px;
margin-left:360px;
z-index:10;
}		
div#contacthome p{
float:left;
}

a.decouvrez {
width:140px;
height:24px;
background-image:url(decouvrez_on.png);
background-repeat:no-repeat;
background-position:left top;
 display: block;

}

a.decouvrez:hover{
width:140px;
height:24px;
background-image:url(decouvrez_hover.png);
background-repeat:no-repeat;
background-position:left top;
}
.decouvrez {
width:140px;
height:24px;
background-image:url(decouvrez.png);
background-repeat:no-repeat;
background-position:left top;
 display: block;

}

a.lestemoignages {
width:120px;
height:24px;
background-image:url(temoignages_on.png);
background-repeat:no-repeat;
background-position:left top;
 display:block;

}

a.lestemoignages:hover{
width:120px;
height:24px;
background-image:url(temoignages_hover.png);
background-repeat:no-repeat;
background-position:left top;
}

.lestemoignages {
width:120px;
height:24px;
background-image:url(temoignages.png);
background-repeat:no-repeat;
background-position:left top;
 display:block;

}

.laccueil{
z-index:10;
width:120px;
height:24px;
background-image:url(accueil.png);
background-repeat:no-repeat;
background-position:left top;
 display:block;
 margin-left:20px;

}


a.laccueil {
width:120px;
height:24px;
background-image:url(accueil_on.png);
background-repeat:no-repeat;
background-position:left top;
 display:block;
 margin-left:20px;

}

a.laccueil:hover{
width:120px;
height:24px;
background-image:url(accueil_hover.png);
background-repeat:no-repeat;
background-position:left top;
}
.lacommande {

width:120px;
height:24px;
background-image:url(commander.png);
background-repeat:no-repeat;
background-position:left top;
 display:block;

}
a.lacommande {
width:120px;
height:24px;
background-image:url(commander_on.png);
background-repeat:no-repeat;
background-position:left top;
 display:block;

}

a.lacommande:hover{
width:120px;
height:24px;
background-image:url(commander_hover.png);
background-repeat:no-repeat;
background-position:left top;
}


a.contact {
width:140px;
height:24px;
background-image:url(contact_on.png);
background-repeat:no-repeat;
background-position:left top;
 display:block;
}

a.contact:hover{
width:140px;
height:24px;
background-image:url(contact_hover.png);
background-repeat:no-repeat;
background-position:left top;
}

.contact {
width:140px;
height:24px;
background-image:url(contact.png);
background-repeat:no-repeat;
background-position:left top;
 display:block;
}

a.nousecrire {
width:140px;
height:24px;
background-image:url(nousecrire_on.png);
background-repeat:no-repeat;
background-position:left top;
 display:block;

}

a.nousecrire:hover{
width:140px;
height:24px;
background-image:url(nousecrire_hover.png);
background-repeat:no-repeat;
background-position:left top;
}
.nousecrire {
width:140px;
height:24px;
background-image:url(nousecrire.png);
background-repeat:no-repeat;
background-position:left top;
 display:block;

}

.entete{
position:relative;
margin-top:45px;
margin-bottom:-30px;
width:600px;
margin-left:50px;
z-index:10;
font-size:12px;
color:#7E79A4;
font-weight:bold;

}
.pied{
position:relative;

top:-10px;
width:600px;
margin-left:50px;
z-index:10;
font-size:12px;
color:#7E79A4;
font-weight:bold;

}

input,textarea {
font-size:12px;
font-family: arial, sans-serif;
color:#FF00DD;
border:1px dashed #FF00DD;

}