/* CSS Document */

/*code couleur

violet : #A800FF /4B0170
violet : #A800FF /4B0170
*/



/*/////////////// HEADER */

#header h2{ background: url(images/header-h2-violet.gif) 0px 0px no-repeat;}

/*////////////// MENU NIV 1 */



/*///////////// MENU NIV 2 & 3 */

div#page #menu-niv-2-3 {background:transparent url(images/menu-niv-2-3-hr-violet.gif) 0 0 repeat-y;}


div#page #menu-niv-2-3 li a, div#page #menu-niv-2-3 li a:link {}
div#page #menu-niv-2-3 li a:visited {}
div#page #menu-niv-2-3 li.active a {color: #A800FF; background: url(images/menu-niv-2-li-violet.gif) 0px 9px no-repeat; }
div#page #menu-niv-2-3 li a:hover {color: #A800FF;  }
div#page #menu-niv-2-3 li.active a:hover {color: #A800FF; background: url(images/menu-niv-2-li-violet.gif) 0px 9px no-repeat; }

div#page #menu-niv-2-3 ul li.active ul li a, div#page #menu-niv-2-3 ul li.active ul li a:link {border-bottom-color:#4B0170; border-bottom-width:1px; border-bottom-style:solid;}
div#page #menu-niv-2-3 ul li.active ul li a:visited { }
div#page #menu-niv-2-3 ul li.active ul li.active a {color: #A800FF; background:none; /*background: url(images/menu-niv-2-li-violet.gif) 0px 8px no-repeat;*/  }
div#page #menu-niv-2-3 ul li.active ul li a:hover {color: #A800FF; background:none; /*background: url(images/puce-noire.gif) 1px 1px no-repeat; */}
div#page #menu-niv-2-3 ul li.active ul li.active a:hover {color: #A800FF; background:none; /*background: url(images/menu-niv-2-li-violet.gif) 0px 8px no-repeat;*/ }

div#page #menu-niv-2-3 div#menu-fin { background: url(images/menu-niv-2-3-fin-violet.gif) 0px 9px no-repeat; }

/*///////////// COLONNE GAUCHE */

div#page div#colonne-gauche h3, div#page div#colonne-gauche-img h3, div#page div#colonne-gauche-txt h3{  color:#A800FF;}

div#page div#colonne-gauche h4{border-left-color:#A800FF; border-left-style:solid; border-left-width:1px; border-right-color:#A800FF; border-right-style:solid;border-right-width:0px; color:#A800FF;}

div#page div#colonne-gauche p a, div#page div#colonne-gauche p a:link { color: #A800FF; text-decoration:underline}
div#page div#colonne-gauche p a:visited { color: #A800FF; }
div#page div#colonne-gauche p a:hover { color: #A800FF; text-decoration:none }
div#page div#colonne-gauche p a:active { color: #A800FF; }

div#page div#colonne-gauche-img p a.pdf, div#page div#colonne-gauche p a.pdf:link { background:transparent url(images/puce-pdf-violet.gif) 0 0 no-repeat; }
div#page div#colonne-gauche-img p a.pdf:hover {  background:transparent url(images/puce-pdf-on.gif) 0 0 no-repeat;  }

div#page div#colonne-gauche-txt p a.pdf, div#page div#colonne-gauche p a.pdf:link { background:transparent url(images/puce-pdf-violet.gif) 0 0 no-repeat; }
div#page div#colonne-gauche-txt p a.pdf:hover {  background:transparent url(images/puce-pdf-on.gif) 0 0 no-repeat;  }

div#page div#colonne-gauche-txt h4{border-left-color:#A800FF; border-left-style:solid; border-left-width:1px; border-right-color:#A800FF; border-right-style:solid;border-right-width:0px; color:#A800FF;}

div#page div#colonne-gauche-txt p a, div#page div#colonne-gauche-txt p a:link { color: #A800FF; text-decoration:underline}
div#page div#colonne-gauche-txt p a:visited { color: #A800FF; }
div#page div#colonne-gauche-txt p a:hover { color: #A800FF; text-decoration:none }
div#page div#colonne-gauche-txt p a:active { color: #A800FF; }

/*///////////// COLONNE DROITE */

div#page div#colonne-droite h5{  color:#69009F; }


div#page div#colonne-droite img{border-color:#A800FF; border-style:solid; border-width:1px;}


div#page div#colonne-droite .media-son p {border-top-color:#A800FF; border-top-style:solid; border-top-width:1px; border-left-color:#A800FF; border-left-style:solid; border-left-width:1px; border-right-color:#A800FF; border-right-style:solid; border-right-width:1px;  background:#A800FF}
div#page div#colonne-droite .media-son h5{ background:transparent url(images/media-h4-puce-son-violet.gif) 0 0 no-repeat;  color:#A800FF;}

div#page div#colonne-droite .media-video p {border-top-color:#A800FF; border-top-style:solid; border-top-width:1px; border-left-color:#A800FF; border-left-style:solid; border-left-width:1px; border-right-color:#A800FF; border-right-style:solid; border-right-width:1px;  background:#A800FF}
div#page div#colonne-droite .media-video h5{ background:transparent url(images/media-h4-puce-video-violet.gif) 0 0 no-repeat;  color:#A800FF;}


/*///////////// FOOTER */



/*/////////////// BOUTON HAUT E PAGE */

#footer #haut-de-page a{background:transparent url(images/menu-haut-violet-off.gif) 0 0 no-repeat; }
#footer #haut-de-page a:hover {background:transparent url(images/menu-haut-on.gif) 0px 0 no-repeat; }


/*/////////////// BOUTON HAUT DE PAGE DEUTSCH */

.deutsch #haut-de-page a{background:transparent url(images/menu-haut-vert-off-de.gif) 0 0 no-repeat !important; }
.deutsch #haut-de-page a:hover {background:transparent url(images/menu-haut-on-de.gif) 0px 0 no-repeat !important; }


/*/////////////// BOUTON HAUT DE PAGE ENGLISH */

.english #haut-de-page a{background:transparent url(images/menu-haut-vert-off-en.gif) 0 0 no-repeat !important; }
.english #haut-de-page a:hover {background:transparent url(images/menu-haut-on-en.gif) 0px 0 no-repeat !important; }