body {
background-image : url(../images/sommaire-atelier/fond-coloriages-emareva.gif);
background-repeat : repeat;
font-family : Arial, Helvetica, sans-serif;
color : #000000;
margin : 0;
padding : 0;
padding-top : 10px;
background-color : #dfceff;
font-size : 100%;
font-weight : normal;
font-style : normal;
text-decoration : none;
text-align : justify;
}
a {
color : #ff3399;
text-decoration : none;
}
a:link {
color : #ff3399;
text-decoration : underline;
}
a:visited {
color : #ff3399;
text-decoration : underline;
}
a:hover {
color : #ff3399;
text-decoration : underline;
}
.image {
margin : 20px;
float : left;
}
.image2 {
margin : 2px;
float : right;
}
.image3 {
margin : 2px;
float : left;
}
#conteneur {
margin-left : auto;
margin-right : auto;
margin-top : 0;
width : 900px;
bottom : 10px;
text-align : left;
}
#colonne1 {
width : 350px;
float : left;
}
#colonne2 {
width : 350px;
float : right;
}
#gauche {
position : absolute;
float : left;
padding : 0 0 0 0;
margin-left : 0;
top : 328px;
width : 165px;
height : auto;
}
#droite {
width : 730px;
position : relative;
padding : 0 0 0 0;
float : right;
}
.spacer {
clear : both;
}
.spacer2 {
clear : right;
}
.spacer3 {
clear : left;
}
#texte {
width : 728px;
padding : 3px;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
font-style : normal;
text-align : justify;
}
h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 110%;
color : #663399;
margin : 0;
padding : 0;
font-style : normal;
}
h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 105%;
color : #663399;
background-color : #fcc1fd;
margin : 2px;
padding : 2px;
font-weight : bold;
text-align : center;
border-bottom-style : solid;
border-bottom-color : #663399;
border-bottom-style : dotted;
}
h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
color : #663399;
padding : 2px;
margin : 2px;
font-style : normal;
text-align : justify;
}
h4 {
font-family : Arial, Helvetica, sans-serif;
font-size : 85%;
font-weight : bold;
color : #000000;
margin : 0;
padding : 0;
font-style : normal;
}
h5 {
font-family : Arial, Helvetica, sans-serif;
font-size : 80%;
font-weight : normal;
color : #000000;
margin : 0;
padding : 0;
font-style : normal;
text-align : right;
}
p {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #000000;
line-height : 15px;
padding : 2px;
margin : 2px 0 2px 0;
font-weight : normal;
text-decoration : none;
text-align : justify;
display : block;
vertical-align : middle;
bottom : auto;
}
.rose {
color : #9d1e5d;
font-weight : bold;
}
#bottom {
margin-left : auto;
margin-right : auto;
margin-top : 0;
padding : 0 10px 10px 10px;
font-family : "Arial", Helvetica, sans-serif;
text-align : right;
line-height : 17px;
width : 900px;
}
div#menu {
z-index : 100;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
}
div#menu a {
color : #63299b;
}
div#menu ul {
padding : 0;
width : 155px;
border : 1px solid;
margin : 0;
background : #fcc1fd;
}
div#menu li:hover {
background : #dfbfff;
}
div#menu li.sousmenu:hover {
background : #dfbfff;
}
div#menu ul li {
z-index : 100;
position : relative;
list-style : none;
border-bottom : 1px solid;
}
div#menu ul ul {
position : absolute;
top : -1px;
left : 155px;
display : none;
background : #fecdf4;
}
div#menu li a {
text-decoration : none;
padding : 2px 0 2px 8px;
display : block;
border-left : 6px solid #63299b;
width : 84px;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
display : block;
width : 210px;
}
div#menu ul.niveau3 {
left : 210px;
}
div#menu li a:hover {
border-left-color : #ff3399;
}
div#menu ul ul li a:hover {
border-left-color : #ff66cc;
}
div#menu ul ul ul li a:hover {
border-left-color : #ff99ff;
}