* {
margin: 0;
padding: 0;
border: 0;
}

body {
font-size:0.9em;
margin:0;
padding:O;

}

#general{
position: relative;
width:65em;
top:0.5em;
left:0.5em;
}



/*Header*/

#header {
height:300px;
}

/* Images dynamiques*/

#image_parent {
float:left;
height : 18em;
width : 10em;
}

#image_parent img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}

#HowTo1 {
float:center;
height : 8em;
width : 10.2em;
}

#HowTo1 img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}

#HowTo2 {
float:center;
height : 8em;
width : 10.2em;
}

#HowTo2 img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}

#HowTo3 {
float:center;
height : 8em;
width : 10.2em;
}

#HowTo3 img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}

#HowTo4 {
float:center;
height : 8em;
width : 10.2em;
}

#HowTo4 img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}


/*fin images dynamique*/


#header_droit{
margin-left:11.5em!important;
margin-left: 14em; /*bug IE non rýsolu*/
}

#title {
margin-top:3em;
width: 500px;
color: #000066;
}


.bordure{
margin-top:3.2em;
width: 600px;
border-bottom : 1px solid #000066;

}

.bordure_top_index{
margin-top:5em;
width: 600px;
border-top : 1px solid #000066;
}

.bordure_top_avantages{
margin-top:5em !important;
margin-top:7em;
margin-bottom:1.5em;
width: 600px;
border-top : 1px solid #000066;
}

.bordure_top_MO{
margin-top:10em !important;
margin-top:12em;
margin-bottom:1.5em;
width: 600px;
border-top : 1px solid #000066;
}



/*fin Header*/

#redactionnel{
margin-left:12em !important;
margin-left:14em; /*bug IE non rýsolu*/
margin-right:15em !important;
margin-right:13em;

text-align:justify;
}

#navcontainer {
position: absolute;
left:0;
width:10em!important;

}

#right-side {
position: absolute;
right:0;
width:10em;
text-align: center;
width:12em;
background: white;
padding-bottom: 5em;
border : 3px dotted gray;
}



h3 {
margin : 1em 0 0.3em 0;
font-weight: bold;
color: #9933FF;
text-align:left;
}

.titre2 {
margin-top:0px;
}

h1 {
color: #9933FF;
}

p {
margin-top: 1em;
}


.charte{
font-weight:bold;
color: #0000a0;
}

h4 {
margin-top : 2em;
color:#EA806E;
font-size:114%;

}

a {
font-weight: ;
font-family: times;
color:blue;
}

a:hover  { 

color:#8000ff;
text-decoration: underline;
font-weight:bold;
}

.slogan {
text-align : center;
font:  bold 100% Arial;
text-align : center;
color: red;
}


.goto {

color:#9933FF;
background:white;
font-size : 110%;
text-decoration: none;
font-weight: bold;


}

.goto:hover{

text-decoration: none;
color:#9933FF;
}

.MO{

text-align: right;
margin-bottom:2em;
}



#encart1{
padding-top: 4em;
}

#encart1,
#encart2{

padding-bottom:7em;
margin: 0 auto;
background:white;
width:220px;
width /**/:120px;
}

#encart3{
margin-top:5em;
background:white;
margin: 0 auto;
width:220px;
width /**/:120px;
}

#cercle_vicieux,
#trousse,
#trousse_Comfort{
margin-top: 8em;
}





#right-side p {
font-weight: bold;
font-style: italic;
}

.legende{
padding-bottom: 1em;
color:#9933FF;
font-style:normal !important;
font-weight:bold;
}





.puces {
	list-style-image: url(puce_square.gif);
	margin:0;
	padding:0;
	padding-top:2em;
	padding-left:1em;
}
	
.puces li{
padding-bottom: 1em;
padding-left:1em;
}

.puces_2 {
	list-style: none;
	margin:0;
	padding:0;
	padding-top:2em;
	padding-left:1em;
}
	
.puces_2 li{
padding-bottom: 1em;
padding-left:1em;
}


.focus {
font-weight: bold;
color:#2f4acc

}


#right_side_avantages {
position: absolute;
right: 0;
width:12em;
text-align: center;
padding-bottom: 1em;
background: white;
border : 3px dotted gray;
padding-bottom:3em;

}

.chiffre {
border: 3px solid #9933FF;
padding-left:0.2em;
padding-right:0.2em;
font: normal bold 80% Times new Roman;
background:#9933FF;
color:white;
}

#right_side_MO {
position: absolute;
right: 0;

width:11em;
background: white;
border : 3px dotted gray;
padding-bottom:2.5em;
text-align:center;
}




#HowTo1,
#HowTo2,
#HowTo3,
#HowTo4 {
padding-top:3em;
margin: 0 auto;

}


.idee {
color: #9933FF;
}

.bold {
color: #9933FF;
font-weight: bold;;


}

#protocole_amielle {
list-style-type: square;
color:black;
margin:0;
margin-top:1em;
margin-bottom:0.5em;


background:#e8f5ff;


}
	
#protocole_amielle li{
margin-left:1.2em;
padding: 0.5em 0.5em 0.5em 0.5em;

}

#right_side_contact{
text-align: center;
position:absolute;
right:5em!important;
right:2em;
width:12em;
background: white;
padding:0.2em 0.2em 0em 0.2em;
border : 3px dotted gray;
z-index:0;
}

#right_side_contact img{
margin-bottom:2em;
}

/*table arrondie*/


#cadre { /* cf. tableau page contact */
width: 20em;
background-color: #e8f5ff;
margin-left:18em;;
margin-right:0;

}

/* propri?t?s communes ? l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1em; /* correction d'un bug IE */
}
/* propri?t?s sp?cifiques ? chaque coin */
#hautgauche {
background: url(hautgauche.gif);
}
#hautdroit {
float: right;
background: url(hautdroit.gif);
}
#basgauche {
background: url(basgauche.gif);
}
#basdroit {
float: right;
background: url(basdroit.gif);
}

/*týmoignage*/

#cadre2 { /* cf. tableau page contact */
width: 20em;
background-color: #e8f5ff;
margin-left:18em;
margin-top:2em;
margin-right:0;
}

#cadre2 p{
padding-left:2em;
padding-right: 2em;
text-align: center;
font-size: 90%;
font-family: arial;
font-weight: bold;
color:gray;
}

#cadre2 p span {
color:#9933FF;
font-family: arial;
}

/* propri?t?s communes ? l'ensemble des 4 coins */
#hautgauche2, #hautdroit2, #basgauche2, #basdroit2 {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1em; /* correction d'un bug IE */
}
/* propri?t?s sp?cifiques ? chaque coin */
#hautgauche2 {
background: url(hautgauche.gif);
}
#hautdroit2 {
float: right;
background: url(hautdroit.gif);
}
#basgauche2 {
background: url(basgauche.gif);
}
#basdroit2 {
float: right;
background: url(basdroit.gif);
}

/*fin týmoignage*/

#contenu p {
color: white;
margin: 0.5em; /*gestion des espaces interparagraphes */
font-size:120%;
}

.mauve {
color:#9933FF;
font-size:200%;
font-weight: bold;
}
/*fin du cadre arrondi*/



#bordure_contact {
position:absolute;
left: 25%;
top :110% !important;
top: 100%; /*positionnement IE*/


width: 400px;
}

.gras{
font-weight:bold;
}

td {
font-size:1em;
}

td p {
margin-left:1em;}


.petit{
font-size:100%;
font-weight: ;
}

#right_side_contact #trousse {
margin-top:0.5em;
margin-bottom:0em;
}

#right_side_contact #trousse_comfort {
margin-top:-2em;
padding-bottom:0em;
}

#right_side_avantages #trousse {
margin-top:3em;
margin-bottom:5em;
}


#talli_photo{
float:left;
padding-right:1em;
padding-top:0em!important;
padding-top:1em;
}

#plus_bas{
margin-top: 2em;
}

.signature{
text-align: right;
font-weight:bold
}

#lettrine {
float: left;
color:#000066;
font: bold 1.5em/1em Georgia, Arial;
border: 1px solid #000066;
margin-right:0.1em;
Padding:0.1em;
}

/*special traduction*/

a.info{
position:relative;
text-decoration:none;
color:black;
border-bottom: 1px gray dotted;
}
p{
z-index:1;
}
a.info span {
display: none;
}

a.info:hover {
background :none;
z-index : 500;
}

a.info:hover span{
display : inline;
position: absolute;
z-index: 500;
top: 2em;
left: 1em;
background :blue;
text-align : justify;
color:white;
padding : 0.2em;
width:30em;
}
p{
z-index:1;
}

/*fin traduction*/

/*lýgende*/

a.info{
position:relative;
text-decoration:none;
color : #1A7157;
border-bottom: 1px gray dotted;
}
a.info span{
display:none;
}
a.info:hover{
background:none;
z-index:500;
color:black;
font-weight: bold;
text-decoration: none;
}

a.info:hover span{
padding-top:1em;
display:inline;
position:absolute;
z-index:500;
top:2em;
left:-10em;
background:#B8DDF8;
text-align:center;
color:black;
padding:0.2em;
font-weight:normal;
border : 4px gray double;
}

.bug {
color:white;
}


#menu_maia{
list-style-type: none;
margin:0;
padding:ý;
position: relative;
width: 600px;

margin-bottom:10em;



}

#menu_maia li{
float:left;
border : 1px solid black;


}

#menu_maia a {
width: 280px;
height: 20px;
float:left;
display: block;
text-align: center;
border: 1px solid #fff;
text-decoration: none;
color:#9933FF;
background:#fff;
}

#menu_maia a:hover{
color: white;
background:#9933FF;
border: 1px solid black;
border-bottom: 1px solid #555;
margin-bottom: 0em; /*descend le texte qui suit*/

}

#menu_maia a span{
display:none;

}

#menu_maia a:hover span{
display:block;
position: absolute;
top:23px;
left:0;
width:500px;
text-align:left;
color:blue;
padding-top:1em;

}

.retour_haut{
text-align:center;
}