* {
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:23em !important;
margin-top:25em;
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;
}

#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: 1em;
margin-bottom: 1em;
font-size:140%;
text-align: center;
text-decoration:underline; 


font-weight: bold;
color:#000066;

}

a {
font-weight: bold;
font-family: times;
color:gray;
}

a:hover  { 

color:#8000ff;
text-decoration: underline;
}

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


.goto {

color:#9933FF;
background:white;
font-size : 100%;
text-decoration: none;

font-weight:bold;
}

.goto:hover{

text-decoration: none;
}

.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;
padding:0;
padding-top:1em;
padding-bottom:1em;
background:#e8f5ff;
padding-left:1.3em;
padding-right:0.8em;
font-size:1em;
}
	
#protocole_amielle li{
padding-bottom: 1em;
padding-left:1em;

}

#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;

z-index:0;
}

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




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

}



#contenu{
width:25em ;
}


.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: 00px;
}

.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;
}





/*frio*/

table {
text-align:center;
border: 0.3em solid #A0D7FE;
margin: 0 auto;
width:35em;

padding:2em;
}


.title,
.subtitle{
text-align: center;
}

.title{
font-weight:bold;
position:relative;
top:;
color:#F2616E;
}

.subtitle{
padding-bottom:3em;
color:pink
}

td {
text-align: center
}


#cadre table {
border:0;
}

.description p{

margin: 0 auto;
}

#nomadia {
border: 0.3em solid #F0D187;
}

.charte2{
color:white;
background-color: blue;
padding:0.1em;
}

.charte3{
color:white;
background-color: #F0D187;
padding:0.1em;
}

#instruction {
border: 4px dotted #A0D7FE;

padding: 0.7em;
width: 25em;
margin: 0 auto;
}

.surligne{
font-size: 0.9em;
font-style: normal;
line-height: normal;
font-weight: bold;
color: blue;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: red;
text-decoration: none
}


#parag_surligne{
margin-top: 0.5em;
margin-bottom : 0.5em;

}

#video_frio{
text-align:center;
}

#MO_frio{
margin:3em;
}

#MO_frio li{
padding-top: 2em;
}

#cadre_MO_frio{
background-color: #A0D7FE;
padding-bottom: 0.5em;
}

#attention{
text-align:center;
color: red;
font-weight : bold;
font-size :80%;

}
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;
}

.td colspan {
text-align:left;
}

.left{
padding-top:3em;
text-align:left;
font-size:90%;
font-style:italic;
}