html {height:100%; margin:0; width:100%}
body {width:100%; background:#000; margin:0 auto; text-align:center; color:#090; font-family: Arial, Helvetica, sans-serif; font-size:12px}
#page {margin:0 auto; width:100%; position:relative; z-index:100} /*cadre principal*/
#container {width:100%; height:100%; background:url(../images/plante.jpg) bottom left no-repeat; position:fixed; z-index:1}
#cse-banding-form {margin:0 auto; width:430px; background:url(../images/bg-black.png) top left repeat} /*bloc page recherche */
#cse-banding-form2 {margin:50px auto 0 auto; width:630px;  background:inherit} /*bloc page résultat */
form#cse-search-box {float:left} /*formulaire de recherche*/
form#cse-search-box div {text-align:right}
#cse-search-results {margin:0 auto; padding:0 10px} /*bloc de résultats */
#cse-branding-logo {clear:both; margin-top:20px; text-align:center; font-size:10px; color:#999} /*logo Google tout en bas*/

#links {height:21px; padding:2px 0; text-align:left; border-bottom:#036 1px solid} /*barre de lien au sommet*/

#versions {float:right; text-align:left; font-size:10px} /*liens CH FR BE*/
#version {float:none; position:absolute; top:100px; left:50%; margin-left:200px; text-align:left; font-size:10px} /*liens CH FR BE dans legal et info*/
#searchengines {clear:both; padding:20px 0 0 0} /*liens autres moteurs de recherche*/
#fav {position:fixed; bottom:20px; right:10px; font-size:10px; z-index:1000} /*ajouter aux favoris - page démarrage*/
#green {margin-top:20px} /*Phrase en vert en bas de page*/
#facebook {text-align:left; margin-bottom:20px}

#logo {clear:both; padding:30px 0} /*box contenant le grand logo - recherche et info */
#taoogle {float:left; margin:0 10px 0 0} /*petit logo - résultats */

.info {width:600px; margin:0 auto; text-align:justify; color:#BDB; background:url(../images/bg-black.png) top left repeat} /*texte page info*/
.eco {font-weight:bold; color:#fff} /*éléments du titre page info */
textarea.code {width:370px; font-size:11px; border:#999 1px solid; background:#666; color:#FFF; font-family:"Courier New", Courier, monospace} /*code source bouton et liens page info*/

ul {margin:0; padding:2px 3px 3px 5px}
ul li {display:inline; padding:0 3px; margin:0}
ul li ul.google {width:240px; display:inline-block; height:16px; padding:0; margin:0; background:url(../images/icones/g-more.png) left bottom no-repeat}
ul.google li {display:none}
ul.google:hover {padding-left:0; background-position:left top}
ul.google:hover li {display:inline}

a, a:link, a:visited {color: #3399ff}
a:hover {color:#99CCFF}

#fav a, #fav a:link, #fav a:visited {color:#009933}
#fav a:hover {color: #339933}

#versions a, #version a {padding-left:20px; background-position:left; text-decoration:none; color:#999}
#versions a:hover, #version a:hover {text-decoration:none; color:#99CCFF}
#versions a#fr, #version a#fr {background:url(../images/icones/fr.gif) no-repeat}
#versions a#be, #version a#be {background:url(../images/icones/be.gif) no-repeat}
#versions a#ch, #version a#ch {background:url(../images/icones/ch.gif) no-repeat}

p {line-height:140%; margin:0; padding:0 0 12px 0}
h1 {font-size :24px; margin:0 0 20px 0; padding:0; color:#090}
h2 {font-size:18px; margin:0; padding:5px 0 30px 0; color:#090}
h3 {font-size:12px; color:#ff3; margin:0; padding:5px 0}

img {border: none}

input#search {text-align:left; background-color:#666; color:#CCC; border:1px solid #999}
label {color:#ACA}

/*formulaire Googe Apps*/
.apps {float:right; width:auto; padding:0; margin:2px 15px 0 10px; font-size:11px; color:#999}
.appsfield {background:#666; border:#999 1px solid; color:#DDD; padding:0 1px 0 2px; margin:0 5px; font-size:10px}
.appsbtn {background:#666; border:#999 1px solid; color:#DDD; line-height:100%; padding:0 3px; font-size:10px}