/* Informations générales Orange : #FF6600 Orange : #E67300 (NEW) Gris : #AEAFB2 Gris de fond : #333333 */ /* TAG HTML */ /* Zone touchée : Le corps de la page web. La couleur de fond est initilialisée en code couleur HTML #333333, ce qui correspond à un gris foncé. La couleur du texte est définie en noir par le code couleur HTML #666666. Le texte sera aligné horizontalement au centre. La largeur de la ligne de texte sera de 15 pixels. */ body { background-color: #666666; color: #666666; line-height: 15px; } .bodytext { text-align:justify; } .csc-searchResultHeader { text-align:justify; } .tx-macinasearchbox-pi1 { color:#000000; background-color:#FFFFFF; } .tx-macinasearchbox-pi1 #headline-quicksearchbox { font-size:10px; font-weight:bold; } .tx-macinasearchbox-pi1 #input-quicksearchbox { color:#666666; background-color:#FFFFFF; font-weight:normal; border:#CCCCCC dashed 1px; } .tx-macinasearchbox-pi1 #submit-quicksearchbox { color:#666666; background-color:#FFFFFF; font-weight:normal; border-bottom:#CCCCCC dashed 1px; border-left:none; border-right:none; border-top:none; font-size:9px; width:130px; } /* Zones touchées : Le corps de la page web, les boutons et les champs de formulaire de type "input". Initialisation de la police d'écriture (si elle n'est pas présente, la police suivante dans la liste sera utilisée ainsi de suite). En dernier recours, une police de type verdana sera utilisée. La taille de la police est initialisée à 11pixels. */ body, button, input { font-family: Arial, Verdana, sans-serif; font-size: 11px; } /* Zones touchées : Le corps de la page web, les formulaires et les balises "div". Initialisation des marges externes à 0 pixels (haut, droite, bas, gauche). Initialisation des marges internes à 0 pixles (haut, droite, bas, gauche). */ body, form, div { margin: 0px; padding: 0px; } /* Zone touchée : Les zones de saisie de type "input" des formulaires. Initialisation de la largeur (1 pixel) ainsi que le type de bordure (solid, donc continue). Initialisation de la couleur de la bordure avec le code HTML #AEAFB2 qui correspond à un gris clair. */ input { border: 1px solid; border-color: #AEAFB2; } /* Zone touchée : Les boutons. Initialisation de la couleur (code HTML de la couleur : #AEAFB2, gris). Initialisation de la couleur de fond à blanc. Initialisation de l'épaisseur de la bordure à 1 pixel. Définition de la bordure à solid (continue). Initialisation de la couleur de la bordure (code HTML de la couleur : #AEAFB2, gris). */ button { color: #AEAFB2; background-color: #ffffff; border-width: 1px; border-style:solid; border-color:#AEAFB2; } /* Zone touchée : Les éléments images. Initialisation des marges externes à 0 pixel. Initialisation des marges internes à 0 pixel. Initialisation de l'élément sans bordure. */ img { margin: 0px; padding: 0px; border: none; } /* Zones touchées : Titre de premier niveau. Définition de la couleur du texte à noir. Définition des marges externes à 0 pixel sauf celle du bas, qui est à 10 pixels. Définition de la grandeur de la police d'écriture à 14 pixels. Définition de l'épaisseur de la police à gras. Initialisation d'une variante de format de la police correspondant à des petites majuscules. */ h1 { color: #666666; background-color:#FFFFFF; margin: 0px 0px 10px 0px; font-size: 14px; font-weight: bold; font-variant:small-caps; } /* Zone touchée : Liens. Il n'y a pas de décoration du texte. Initialisation de la couleur du texte en lien à orange. */ a { text-decoration: none; color: #E67300; background-color:transparent; } /* Zone touchée : Liens en survol du curseur. Définition de la décoration du texte à souligné. */ a:hover { text-decoration:underline; } /* Zone touchée : cela correspond au contenu de la page. Elle correspond à l'ID de la première balise div après le Détermine la largeur du contenu de la page à 912 pixels. Les écrans de résolution de 1024x768 auront encore une légère marge sur les côtés. Définition de la marge externe en automatique. Définition de l'alignement horizontal du texte à gauche. Définition des marges internes à 0 pixels sauf celle du bas qui est à 20 pixles. Ceci afin de ne pas avoir le texte collé au browser. */ #pagecontent { width: 912px; margin: auto; /* http://www.w3schools.com/css/css_margin.asp : La marge est déterminée par le navigateur. Le résultat obtenu est souvent un centrage de l'élément. */ text-align: left; padding: 0px 0px 5px 0px; } /* Zone touchée : La partie du haut (tête ou head) de la page dont l'ID est "head". La couleur de fond est initialisée à blanc (#FFFFFF). Définition des marges externes à 0 pixels sauf celle du bas (5 pixels). Ceci afin d'avoir un espacement avec le reste du contenu. Définition de la hauteur, 49 pixels. */ #head { background-color:#FFFFFF; color:#000000; margin: 0px 0px 5px 0px; height: 49px; } /* Zone touchée : Zone dans le "head" sous l'ID logo. Définition de la largeur à 180 pixels. Définition de l'élement float à gauche. Définition de la couleur de fond à blanc. Initialisation de la marge interne à 0 pixel. Initialisation de la marge externe à 0 pixel sauf pour la droite (15 pixels). */ #logo { width:640px !important; float: left; /* http://www.w3schools.com/css/pr_class_float.asp */ padding: 0px; margin: 0px 5px 0px 0px; } /* Zone touchée : Les éléments image dans la balise ayant l'ID logo. Définition de l'élément float à gauche. */ #logo img { float: left; } /* Zone touchée : la balise ayant l'ID headinformation dans la zone "head" Définition de la couleur du texte à blanc. Définition de la marge interne à 0 pixel sauf pour celle du haut (1 pixel). Dans cette balise, il y a une spécification de la couleur du texte de lien en blanc. */ #language{ float:left; margin-top:-10px; padding:0; } #language li{ list-style: none; color:#E67300; } #language a{ text-decoration:none; } #language .act a{ color:#666666; } #headinformation { /* color: #E67300; */ color:#000000; background-color:#FFFFFF; padding: 1px 0px 0px 0px; } #headinformation a { /* color: #FFFFFF; */ color:#E67300; background-color:#FFFFFF; } /* Zone touchée : "head" -> "headinformation" -> "headfunctions". Balise ayant l'ID headfunctions. Positionnement de la balise à droite. Définition de la largeur à 165 pixels. Initialisation des marges internes à 0 pixel. */ #headfunctions { float: right; width: 165px; margin: 0px 0px 0px 0px; } /* Zones touchées : Les balises de types button et input au sein de la balise ayant l'ID headfunction. Définition de la couleur du texte à blanc. Définition de la couleur de la bordure à blanc. Définition de la couleur de fond à transparent. Initialisation des marges internes : haut et bas à 2 pixels et gauche et droite à 4 pixels. L'alignement vertical est initialisé au milieu. */ #headfunctions input, #headfunctions button { color: #666666; border-color:#666666; background-color:#FFFFFF; padding: 2px 4px 2px 4px; vertical-align: middle; } /* Zone touchée : la balise input au sein de la balise ayant l'ID headfunction. Définition des marges externes à 0 pixel sauf pour celle de droite (3 pixel). Définition de la largeur à 115 pixels. Définition de la hauteur à 22 pixels. */ #headfunctions input { margin: 0px 3px 0px 0px; width: 115px; height:22px; } /* Zone touchée : la balise button au sein de la balise ayant l'ID headfunction. Définition de la largeur à 37 pixels. Définition de la hauteur à 12 pixels. */ #headfunctions button { width: 37px; height: 12px; } /* Zone touchée : la balise ayant l'ID search dans la zone "head". Initialisation des marges externes à 0 pixels. */ #search { margin: 0px 0px 5px 0px; text-align:center; } /* Zone touchée : deuxième bloque avec une image. ID : headimage. Initialisation des marges externes à 0 pixel sauf pour celle du bas (10 pixels). Initialisation de la hauteur du bloque à 230 pixels. Définition de la couleur d'arrière plan à blanc. Définition de l'URL de l'image en arrière plan. Le positionnnement est initialisé au centre. Il n'a pas de répétition de l'image en arrière plan. */ #headimage { margin: 0px 0px 5px 0px; height: 66px; background-color: #FFFFFF; color:#000000; background-image: url(images/banner.milieu.60.png); background-position: center; background-repeat: no-repeat; } /* ... */ #headerimageright { background-color:transparent; padding-top:47px; padding-right:4px; float: right; } #headerimageright a { background-color:transparent; color:#000000; text-decoration:underline; } /* Zone touchée : Bloc qui contient l'information. Initialisation de la couleur de fond à blanc. Définition des marges internes de 15 pixels pour le haut/bas et de 20 pixles pour les côtés. */ #body { background-color: #FFFFFF; color:#000000; padding: 15px 20px 15px 20px; margin: 0px 0px 0px 0px; } /* Zone touchée : La barre menu horizontal. Aligment centré du menu. */ #menubar { text-align:center; } /* Zone touchée : */ #menubar ul { padding: 0px; margin: 0px; list-style: none; } /* ... */ #menubar li { float: left; padding: 0px 13px 0px 13px; font: bold 12px Arial, Verdana, sans-serif; margin-left:18px; margin-right:29px; border-top:solid; border-bottom:solid; border-width:1px; border-color:#AEAFB2; } /* ... */ #menubar li a { display: block; line-height: 25px; color: #666666; background-color:#FFFFFF; } /* ... */ #menubar li a:hover, #menubar li a.subACT { color:#E67300; background-color:#FFFFFF; text-decoration:none; } /* #menubar li ul { display: none; position: absolute; color: #ffffff; padding: 15px 0px 8px 0px; background-color: #464F4C; margin: -4px 0px 0px 1px; } #menubar li ul, #menubar li ul li { width: 156px; height: auto; } #menubar li:hover ul, #menubar li.over ul { display: block; } #menubar li ul li { font: normal 10px Verdana, Arial, sans-serif; padding: 0px 0px 7px 15px; text-align: left; display: block; } #menubar li ul li a { text-transform: none; color: #000000; line-height: normal; } */ /* ... */ #menubar li ul li a:hover, #menubar li ul li a.subsubACT { color: #E67300; background-color:#FFFFFF; } .menu2level { padding: 0px; margin: 0px; list-style: none; float: left; font: bold 10px Verdana, Arial, sans-serif; } .menu2level li { margin-bottom: 5px; } .menu2level2 { padding-left: 10px; margin: 0px; list-style: none; font: bold 10px Verdana, Arial, sans-serif; color:#E67300; background-color:#FFFFFF; } .menuActif a { color:#666666; background-color:#ffe3c6; } .menu2level2 a { color:#E67300; background-color:#FFFFFF; } .menu2level2 .menuActif a { color:#666666; background-color:#ffe3c6; } #nav .menuActif a { color:#E67300; background-color:#FFFFFF; } /* Site map */ .csc-sitemap ul { list-style-type:none; } .csc-sitemap ul li { padding-bottom:10px; font-weight:bold; } .csc-sitemap ul li ul { padding-left:20px; padding-bottom:0px; padding-right:0px; padding-top:0px; } .csc-sitemap ul li ul li { padding-bottom:2px; font-weight:normal; } /* ... */ #content { clear: both; padding: 20px 0px 0px 0px; } /* Hides from IE-mac \*/ /* * html #content { height: 1%; }*/ /* End hide from IE-mac */ #leftColumn { float: left; width: 198px; padding:0px;} /* #leftColumn #newsletter { border:solid; border-color:#E67300; border-width:1px; } #leftColumn #newsletter h1 { border:solid; border-color:#E67300; border-width:1px; background-color:#E67300; color:#FFFFFF; padding: 2px 0px 3px 3px; } #leftColumn #newsletter p { padding: 0px 3px 3px 3px; margin:0px; } .box, .tx-slideshow-pi1 { border: 1px solid #B5C3A2; font-family: Arial, sans-serif; margin: 0px 0px 10px 0px; } /* .tx-slideshow-pi1{ width:198px; padding:0px; overflow:hidden; } */ /*.tx-slideshow-pi1 embed, .tx-slideshow-pi1 object { margin:0px; padding:0px; }*/ /* .rendered-banner { border: 1px solid #B4C4A2; font-family: Arial, sans-serif; margin: 0px 0px 10px 0px; } .style1 { background-color: #464F4C; color: #ffffff; padding: 13px 2px 13px 10px; } .style1 .headline { text-transform: uppercase; font-size: 10px; margin: 0px 0px 7px 0px; font-weight: bold; } .style2, .tx-slideshow-pi1 { padding: 7px 2px 7px 10px; background-color: #ffffff; } .style2 .headline { color: #6F827C; background-color:#666666; font-size: 10px; font-weight: bold; } .style2 .img { text-align: right; margin-right: 5px; }*/ /* .tx-slideshow-pi1 { text-align: right; padding-right: 7px; padding-top: 22px; background: #ffffff url(../images/referencer.gif) no-repeat; }*/ #rightColumn { float: right; width: 170px; } #rightColumn h1 { font-size: 11px; margin: 0px 0px 5px 0px; border-bottom:solid; border-bottom-color:#AEAFB2; border-bottom-width:1px; } #rightColumn .news { margin: 0px 0px 15px 0px; } .centerColumn { margin: 0px 200px 20px 228px ; /* right-margin = 170px #rightColumn-width + 30px space. left-margin = 198px #leftColumn-width + 30px space */ } .intro { font-weight: bold; } .centerColumn p { padding:0px 0px 0px 0px; margin:0px 0px 3px 0px; } /*.centerColumn.givememore { margin-right:0px; }*/ #banner { color:#000000; background-color:#FFFFFF; padding-top:5px; padding-bottom:5px; vertical-align:middle; text-align:center; } #footer { color:#EC7A13; background-color:#FFFFFF; text-align:center; border-top-width:1px; border-top-color:#333333; border-top-style:dashed; font-size:10px; } #footer a { line-height:14px; padding-left:10px; padding-right:10px; border-left-color:#EC7A13; border-left-style:solid; border-left-width:1px; border-right-color:#EC7A13; border-right-style:solid; border-right-width:1px; } .clear { clear: both; } #validation-w3c, #validation-w3c img { color:#000000; background-color:#666666; } /* width: 100%; */ /*table.csc-uploads { margin: 0px; border-collapse: collapse; } table.csc-uploads td { padding: 0px 5px 2px 0px; vertical-align: top; }*/ .csc-mailform { border:none; } .csc-mailform-submit { Margin-top:12px; } //Web-Romandie #twrss_table{ margin-left:20px; width:150px; } .wr_subscription td{ vertical-align:top; } /* .spacer img{ padding:0px; margin:0px; height:13px; overflow:hidden; }*/