/*----------------------------------------------------------

	Feuille de style, avec initialisation 
	des principaux ÈlÈments HTML.

----------------------------------------------------------*/

* {
   margin: 0;
   padding: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   /*font-size: 100%;*/
   vertical-align: baseline;
}

html {
   text-align: center;
   height: 100%;
/*   _height: 100%;*/
}

/*h1 {
   padding: 0.67em 0;
}*/

/*h2 {
   padding: 0.83em 0;
}*/

h3 {
   padding: 1em 0;
}

h4 {
   padding: 1.33em 0;
}

h5 {
   padding: 1.67em 0;
}

h6 {
   padding: 2.33em 0;
}

p {
   margin: 0;
   padding: 0 0 1em 0;
   line-height: 1.6em;
}

ul, ol {
/*   display: block;*/
   margin: 0;
   padding: 0 0 0 1em;
   list-style-type: disc;
}
div#wrap ul,ol {
/*   display:list-item;*/
   margin-left:10px;
}
li {
/*   display: inherit;*/
   line-height: 1.6em;
}

dl {
   display: block;
   padding: 1em 0 0 0;
}

dd {
   display: block;
   padding-left: 1.5em;
}

dt {
}

img {
   border: none;
}

hr {
}

code, pre {
   font-size: 1.1em;
}

table {
   width: 100%;
   border-collapse: collapse;
}

th {
   border-bottom: 0px solid;
   white-space: nowrap;
}

td {
   border-width: 0;
}

textarea {
}

em {
}

strong {
}

blockquote {
   border-left: 2px solid orange;
   padding-left: 5px;
}

/*----------------------------------------------------------

	Structure de la page.

----------------------------------------------------------*/

body {
   background: #201e1c;
   text-align: center;
   height: 100%;
/*   _height: 100%;*/
}

#page {
   margin: 0 auto;
   width: 887px;
   background: url(/images/ripple/bg.png) repeat-y top;
	
}

#header {
   clear: both;
   background: url(/images/ripple/head.png) no-repeat top;
   width:887px;
   height:98px;
}

#header * {
   vertical-align: top;
}
#banner{
   width:671px;
   height:246px;
   background: url(/images/ripple/menu-entier.png) no-repeat top;
/*   background: url(/images/ripple/apps/essence/essence-environnement.png) no-repeat top;*/
}

#menu {
   float:left;
   width:151px;
   height:237px;
   margin-top:9px;
   padding-left:4px;
}
#menu-right{
   width:81px;
   height:238px;
   margin-left:427px;
   float:left;
   background: url(/images/ripple/menu-right.png) no-repeat;
}
.wrap-button1{
   width:81px;
   height:77px;
   clear:both;
   text-align:center;
   margin-top:9px;
   padding-left:1px;
}
.wrap-button2{
   width:81px;
   height:77px;
   clear:both;
   text-align:center;
   padding-left:2px;
}

#main {
   width:671px;
   float:left;

}

#slider {
   float: left;
   width: 216px;
   min-height:246px;
   text-align: justify;
   background: url(/images/ripple/slider.png) no-repeat;
}

#center {
   float: left;
   width: 671px;
   min-height:200px;
/*   _min-height:200px;*/
   text-align: justify;
   background: url(/images/ripple/bg-wrap.png) repeat-y;
}

#title {
   float:left;
   background: url(/images/ripple/title.png) no-repeat;
   width:671px;
   height:52px;
   background-color:#201e1c;
}
#title-left{
width:350px;
float:left;
}

div#title-submenu {
    width:300px;
    margin-left:20px;
    margin-top:30px;
    float:left;
    font-size:14px;
    letter-spacing:1px;
       font-variant: small-caps;
}

div#title-submenu p,a {
    color:white;
}


div#title-submenu a {
    color:white;
}


div#title-submenu a:hover {
    color:white;
}

#wrap {
   margin:25px;
}

#footer {
   clear: both;
   background: #201e1c url(/images/ripple/foot.png) no-repeat;
   width:887px;
   height:41px;
}
.colorfooter{
   color:#363330;
   text-align:right;
   padding-top:15px;
}
.colorfooter a {
   color: #363330;
   text-decoration: underline;
   text-align:right;
}

.colorfooter a:hover {
   color: #363330;
   text-decoration: none;
   text-align:right;
}
/* si changement de couleur au survol */

.colorfooter a:visited {
   color: #363330;
   text-decoration: underline;
   text-align:right;
}
/* si changement de couleur aprËs le clic */

#wrap-slider {
	padding:10px;
}
div.slider-bar {
   width:187px;
   height:37px;
   background: #f1f2ee url(/images/ripple/slider-bar.png) no-repeat;
}
.slider-bar-rss {
   width:187px;
   height:37px;
   background: #f1f2ee url(/images/ripple/slider-bar-rss.png) no-repeat;
}
.slider-bar-headlines {
   width:187px;
   height:37px;
   background: #f1f2ee url(/images/ripple/slider-bar-headlines.png) no-repeat;
}
.classh1 {
	color:white;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align:left;
	margin-left:25px;
	margin-top:5px;
	letter-spacing:2px;
	font-variant: small-caps;
}
#language {
	width:887px;
	height:60px;
	clear:both;
}
#flag-fr {
	width:38px;
	height:60px;
	float:left;
}
#flag-en {
	width:38px;
	height:60px;
	float:left;
}
#flag-de {
	width:38px;
	height:60px;
	float:left;
}
#flag-sp {
	width:38px;
	height:60px;
	float:left;
}

#flag-it {
	width:37px;
	height:60px;
	float:left;
}

#top-header {
	width:697px;
	height:60px;
	float:left;
}

.white {
   color:white;
   padding-top:13px;
   padding-left:5px;
   letter-spacing:1px;
   font-variant: small-caps;
}

ul.nav {
	margin: 0;
	padding: 0;
/* width: 132px; /*WIDTH OF MAIN MENU ITEMS*/*/
   width: auto;
/*   width:151px;*/
	list-style-type:none;
}

ul.nav li {
	position: relative;
}

ul.nav li a{
	background: white url(/images/ripple/button-normal.png) no-repeat;
	font: normal 12px Verdana, Helvetica, sans-serif;
	color: black;
	display: block;
	width: auto;
/*	padding: 5px 0;*/
	padding-left: 15px;
	text-decoration: none;
	text-align:left;
	height:30px;
	width:137px;
	border:none;
   line-height: 27px;
	
}


ul.nav a:visited, ul.nav li a:active{
	color: black;
}

ul.nav li a:hover{
	/*background-image: url(/images/ripple/button-mouseover.png);*/
	background: white url(/images/ripple/button-mouseover.png) no-repeat;
}

ul.nav li a {
/*	margin-top:13px;*/
/*	width:100%;*/
}
/*li.classnavigation {
	padding-top:3px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align:left;
	width:132px;
	height:30px;
    background: url(/images/ripple/bouton1.png) no-repeat;
}
li.selected {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align:left;
	width:132px;
	height:30px;
    background: url(/images/ripple/bouton2.png) no-repeat;
}
li.mouseover {
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align:left;
	width:132px;
	height:30px;
    background: url(/images/ripple/bouton3.png) no-repeat;
}*/

#submenu{

}

/* Import de la CSS d'initialisation
----------------------------------------------------------*/

/*@import url(structure.css);*/

/* Construction (Montage)
----------------------------------------------------------*/
body {
	color: #201e1c;
/* font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif;*/
   font-family: 'ArialMT', 'Arial', sans-serif;
	font-size: 12px;
}

h1 {
   color: #201e1c;
   font-size: 14px;
   line-height: 1.6em;
   font-weight: bold;
   text-align:left;
   padding: 0.67em 0;
}

h2 {
   color: #201e1c;
   font-size: 1.3em;
   padding: 0.83em 0;
}

h3 {
   color: #201e1c;
   font-size: 1.17em;
}

h4 {
   color: #201e1c;
   font-size: 1em;
}

h5 {
   color: #201e1c;
   font-size: 0.83em;
}

h6 {
   color: #201e1c;
   font-size: 0.67em;
}

/*p {
   color: #201e1c;
   font-size: 1em;
}*/

/*ul, ol {
   color: #201e1c;
   font-size: 1em;
}

li {
   color: #201e1c;
   font-size: 1em;
}*/

a {
   color: #201e1c;
   text-decoration: underline;
}

a:hover {
   text-decoration: none;
}
/* si changement de couleur au survol */

a:visited {
}
/* si changement de couleur aprËs le clic */

textarea {
   border-width: thin;
   padding: 3px;
   color: #201e1c;
}

em {
   font-style: italic;
}

strong {
   font-weight: bold;
}


/* Placement d'images */

.imgLeft {
   float: left;
   padding: 0 2em 0 0;
}


.imgRight {
   float: right;
   padding: 0 0 0 2em;
}

/* Des classes d'alignement d'objets */
.aligntop {
   vertical-align: top;
}

.alignbottom {
   vertical-align: bottom;
}

.aligncenter {
   margin-left: auto;
   margin-right: auto;
}

/* Des classes d'alignement du texte */
.left {
   text-align: left;
}

.right {
   text-align: right;
}

.center {
   text-align: center;
}

.justify {
   text-align: justify;
}

/* Des classes de formatage du texte en ligne */
.bold, .gras {
   font-weight: bold;
}

.italic, .italique {
   font-style: italic;
}

.strike, .barre {
   text-decoration: line-through;
}

/* Des classes flotante */
.floatleft {
   float: left;
}

.floatright {
   float: right;
}

/* Les "nettoyeurs" */
.clearb {
   clear: both;
}

.clearer {
   clear: both; /*width: 0;
   height: 0;
   line-height: 0;*/
}



div#wrap img {
    padding:5px;
}
#block-wrapper {
   width:621px;
   clear:both;
}

.screenshots{
   float:left;
   width:204px;
   text-align:right;
}
.text-screenshots{
   float:left;
   width:410px;
   padding-right:7px;
}
.screenshots-img{
   padding-bottom:50px;
}

form#mailer input[type="text"] {
width:200px;
border:1px solid gray;
color:#666666;
padding:3px;
}
form#mailer fieldset {
width:600px;
padding: 5px;
}
form#mailer textarea {
width:500px;
height:300px;
border:1px solid gray;
color:#666666;
}
form#mailer input[type="submit"] {
float:right;
margin-right:20px;
}
form#mailer label {
color:#555555;
margin-bottom:10px;
display:block;
}
form#mailer label span {
display:block;
float:left;
padding-right:6px;
padding-top:3px;
padding-bottom:3px;
width:70px;
text-align:right;
font-weight:bold;
}
form#mailer span.error {
color:red;
}
div#block-wrapper h1 {
   background-color:#e26127;
   width:100%;
   height:14px;
   padding:0 0 5px 5px;
   margin:10px 0 10px 0;
   color:white;
   letter-spacing:2px;
   font-variant: small-caps;
}
.move-app-description{
   width:97px;
   float:left;
}
.app-description{
   width:195px;
   padding-left:10px;
   float:left;
   text-align:center;
}
.app-description-icon{
   width:115px;
   height:115px
   padding:45px;
   float:left;
   text-align:center;
}

.app-description-content{
   height:115px;
   padding:5px;
   float:left;
   text-align:center;
}

legend { font: 700 1em ArialMT, "Arial", Times, sans-serif; border-left:3px solid #a9a9a9; padding:0 15px 0 10px; }