html { height: 100%; width: 100%; padding:0px; margin: 0px; overflow: hidden; } body { height: 100%; width: 100%; padding:0px; margin:0px; color: #000000; font-size: 12px; font-family: 'Proxima Nova',arial,sans-serif; background-image: url(../images/logoLarge.png); background-position: bottom right; background-repeat: no-repeat; } .header { display:table; white-space: nowrap; width:100%; padding:0px; /* espace interne du conteneur */ text-align:left; height:75px; font-size: 90%; font-weight: bold; background-color:#676e83; background-image: -webkit-gradient(linear,left top,left bottom,from(#676e83),to(#21242d)); background-image: -webkit-linear-gradient(top,#676e83,#21242d); background-image: -moz-linear-gradient(top,#676e83,#21242d); background-image: -ms-linear-gradient(top,#676e83,#21242d); background-image: -o-linear-gradient(top,#676e83,#21242d); background-image: linear-gradient(top,#676e83,#21242d); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#676e83',EndColorStr='#21242d'); } .header .logo { padding:0px; padding-top: 9px; margin:0px; width:20%; min-width: 219px; display:inline-block; vertical-align:middle; } .header .content { padding:0px; padding-top:10px; margin: 0px; width:40%; height:27px; display:inline-block; vertical-align:middle; text-align: left; } .header .content input{ color: #5e5e5e; font-size: 150%; font-style: italic; padding-left: 10px; margin-right: -1px; width:80%; height: 27px; border: 0px; vertical-align:middle; } .header .identity { padding:0px; padding-top:0px; margin: 0px; width:40%; display:inline-block; vertical-align:middle; text-align: left; white-space: nowrap; } .header .identity p { margin:0px; padding:0px; color: #ffffff; font-size: 200%; } .header .identity .user { color: #ffffff; font-size: 100%; width:100%; display:inline-block; vertical-align:middle; padding-top:10px; } .header .identity .user div{ padding:0px; margin: 0px; width:100%; display:inline-block; vertical-align:middle; } .header .content a{ height: 29px; border: 0px; vertical-align:middle; } .breadCrum { /*display: inline-block;*/ height:21px; width:100%; border-width:1px 0px 1px 0px; border-color:#c6c6c6; border-style:solid; font-size: 100%; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; background-color:#f5f5f5; background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: linear-gradient(top,#f5f5f5,#f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1'); } .breadCrum:hover { -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background-color:#f8f8f8; background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1'); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.1); box-shadow:0 1px 1px rgba(0,0,0,0.1); text-decoration:none; } .navigationMenu { /*display: inline-block;*/ height:21px; width:100%; border-width:1px 0px 1px 0px; border-color:#c6c6c6; border-style:solid; font-size: 100%; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; background-color:#f5f5f5; background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: linear-gradient(top,#f5f5f5,#f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1'); } .navigationMenu:hover { -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background-color:#f8f8f8; background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1'); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.1); box-shadow:0 1px 1px rgba(0,0,0,0.1); text-decoration:none; } .softwareMenu { background-color:transparent; border:0px; float:left; position:absolute; top:98px; left:0px; width: 119px; height: 40px; padding-left:0px; } .floatingMenu { position:absolute; top:-11px; right:0%; z-index:999; width:200px; height:250px; } .footer { display:table; color: #ffffff; width:100%; padding:0px; /* espace interne du conteneur */ text-align:left; height:20px; width:100%; border-width:1px 0px 0px 0px; border-color:#c6c6c6; border-style:solid; font-size: 90%; font-weight: bold; background-color:#676e83; background-image: -webkit-gradient(linear,left top,left bottom,from(#676e83),to(#21242d)); background-image: -webkit-linear-gradient(top,#676e83,#21242d); background-image: -moz-linear-gradient(top,#676e83,#21242d); background-image: -ms-linear-gradient(top,#676e83,#21242d); background-image: -o-linear-gradient(top,#676e83,#21242d); background-image: linear-gradient(top,#676e83,#21242d); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#676e83',EndColorStr='#21242d'); }