/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
  osCommerce, Open Source E-Commerce Solutions
  https://www.oscommerce.com
  Copyright (c) 2003 osCommerce
  Released under the GNU General Public License

  Jaune du bec #F9F869;
  Bleu du logo #0534DD;

*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #EFEFEF;
background-image:url(images/fond-ecran.jpg);  background-attachment:fixed;
  color: #000000;
  margin: 0px;
}

H1 {
  color: blue;
  font-family: Verdana, Arial, sans-serif;
  font-size: 22px;
  font-weight : bold;
  margin: -5px 0px -5px 5px;
}

H2 {
  color: black;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  /*   font-weight : bold; */
}

A {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #0092DC;
/*  text-decoration: underline; */
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  /*  background: #bbc3d3; #3E5E89; */
  background: #DEE3E7;
  color: #000000;
  font-weight : bold;
  text-align: left;
}

A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #0092dc;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  /*  background: #bbc3d3;  #3E5E89; */
  background: #DEE3E7;
  color: #000000;
  font-weight: bold;
}

.infoBox {
  /*  background: #DEE3E7; */
  background: #3E5E89;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.EXinfoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: #1a82f7;
	 /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, left top, right top, from(#B8E3FF), to(#1a82f7)); 
	 /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(left, #1a82f7, #B8E3FF); 
	 /* Firefox 3.6+ */ background: -moz-linear-gradient(left, #B8E3FF, #1a82f7); 
	 /* IE 10 */ background: -ms-linear-gradient(left, #B8E3FF, #1a82f7); 
	 filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#B8E3FF', endColorstr='#1a82f7'); /* IE6 et IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#B8E3FF', endColorstr='#1a82f7')"; /* IE8 */
	 /* Opera 11.10+ */ background: -o-linear-gradient(left, #1a82f7, #B8E3FF);
/*  background: #1841c8 url(includes/menu/pro_15_0.gif); /* #DEE3E7; */
  text-align:left;
  color: #000000;
/*  background: #bbc3d3; #3E5E89; */
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
}


TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffcc;
}

TABLE.productListing {
/*  border: 1px;
  border-style: solid;
  border-color: #DEE3E7; */
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #DEE3E7;
  color: #0092dc;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
/*  color: #9a9a9a; */
  color: #0092DC;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #ff0000;
}

SPAN.productOldPrice {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; color: #0092DC; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

	.estimatedshippingBox {
	  background: #FFF; /* #999 #FF8E90; */ 
	}

	TD.estimatedshippingBoxHeading {
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10px;
	  font-weight: bold;
	  background: #bbc3d3;
	  color: #ffffff; 
	}

	.estimatedshippingBoxContents {
	  background: #FFF; /* #f8f8f9; */
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10px; 
	}

	.ShowShipping {
	border-color: #7b9ebd;
	  background: #F0F0F0;
	  color: #303030;
	  font-family: Verdana, Arial, sans-serif;
	  font-size: 10px;
	  font-weight: bold;
	  text-align: center;
	} 
	
#menuh, #menuh ul /* Liste */     
{
	padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menuh /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 11 pixels */
}

#menuh a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background-color: #EEEEEE;
/*		background:url(includes/menu/pro_15_0.gif); */
        color : #000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 162px; /* largeur */
}

#menuh a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background-color: #DDDDDD;
/*	background:url(includes/menu/pro_15_3.gif);  ... et au contraire */
}

#menuh li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border : 1px solid grey; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuh li
{
        border: 1px solid grey ; /* transparent   ex on met une bordure transparente à droite de chaque élément */
}

#menuh li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 155px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		text-align:left;
		z-index: 10000000;
}


#menuh li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid grey; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menuh li ul li                
{
        border-top : 1px solid grey ; /* transparent   ex on met une bordure transparente en haut de chaque élément */
}

#menuh li ul ul 
{
        margin    : -22px 0 0 155px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #f0f ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menuh li ul ul                
{
        border-left     : 1px solid grey ; /* transparent   ex on met une bordure transparente sur la gauche de chaque élément */
}

#menuh li:hover ul ul, #menuh li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menuh li:hover ul, #menuh li li:hover ul, #menuh li.sfhover ul, #menuh li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}


ul#saturday{
margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;
text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("images/bgOFF.gif") repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #336666;border-top:1px solid #C0E2D4;}
ul#saturday li{display:block;float:left;margin:0;padding:0;}
ul#saturday li a{display:block;float:left;color:#874B46;text-decoration:none;padding:15px 14px 0 15px;height:24px;
background:transparent url("images/bgDIVIDER.gif") no-repeat top right;}
ul#saturday li a:hover{background:transparent url("images/bgHOVER.gif") no-repeat top right;}
ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("images/bgON.gif") no-repeat top right;}
	

div.jqZoomTitle
{
    z-index:5000;
    text-align:center;
    font-size:13px;
    font-weight: bold;
    font-family:Tahoma;
    height:16px;
    padding-top:1px;
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    color: #000;
    background: #FFF;

}

.jqZoomPup
{
        overflow:hidden;
        background-color: #FFF;
        -moz-opacity:0.6;
        opacity: 0.6;
        filter: alpha(opacity = 60);
        z-index:4900;
        border-color:#c4c4c4;
        border-style: solid;
        cursor:crosshair;
}

.jqZoomPup img
{
    border: 0px;
}

.preload{
    -moz-opacity:0.8;
    opacity: 0.8;
   filter: alpha(opacity = 80);
    color: #333;
    font-size: 12px;
    font-family: Tahoma;
   text-decoration: none;
    border: 1px solid #CCC;
   background-color: white;
   padding: 2px;
    text-align:center;
   background-image: url(images/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
    width:90px;
    * width:100px;
    height:43px;
    *height:55px;
    z-index:4900;
    position:absolute;
    top:3px;
    left:3px;

}

.jqZoomWindow
{
    border: 5px solid #CCC;
    background-color: #FFF;

}

#popCart {
	position: absolute; /*do not change this*/
	top: 25%;
	left: 30%;
	width: 550px;
	background-color: #f8fff8;
	border: 3px solid #BAC4D0;
	color: #000FFF;
	z-index: 4000; /*do not change this 100000*/
	display: none; /*do not change this*/
	padding: 20px;
}

ul.popcartList {list-style-type:none; margin:0; padding:0;}
li.popcartButton {float:right;padding-right:10px;}

#popCart_overlay {
	position: fixed;
	z-index:3000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
    background-color: #000;
    display:none;
    opacity:0.75;
   	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
}

* html #popCart_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

a.infobulle {
position: relative;
text-decoration: none;
color: black;
border-bottom: 1px gray dotted;
}
a.infobulle span {
display: none;
border : 1px solid #6699FF;
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 5500;
}
a.infobulle:hover span {
display: inline;
position: absolute;
top: 1em;
left: 0em;
background: #FFFFCC;
text-align: center;
color: black;
padding: 2px;
}

.price {
  font-family: verdana,arial,sans-serif;
  font-size: 2.5em;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  color: #F56B2A; /* #ff0000; */
  font-weight: bold;
}
.oldprice {
  font-family: verdana,arial,sans-serif;
  font-size: 1.5em;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  color: red; /* #ff0000; */
  font-weight: bold;
}

.destock_cadre, .new_cadre{
position:relative;
background: #FFFFFF;
border: solid 1px blue;
width: 190px;
height: 180px;  /* 135px */
}

div.destock_cadre:hover{
border: solid 1px red;
}

.destock_bandeau {
float: left;
width:100%;
background: #EEEEEE;
border-bottom: solid 1px grey;
font-weight:bold;
color: black;
}

.destock_titre, .new_titre{
display: inline-block;
text-align: center;
}
.destock_why {
font-weight:bold;
color: black;
width:105px;
}
.new_why {
float: left;
width:105px;
background: #CCFFCC;
font-weight:bold;
color: black;
}
.new_new {
float: right;
width:85px;
background: #CCFFCC;
font-weight:bold;
color: red;
}
.destock_destock {
font-weight:bold;
color: black;
}
.destock_pourcent, .new_icon {
display: inline;
/* width: 0; height: 0; border-top: 50px solid green; border-right: 50px solid transparent; */
color: white;
font-weight:bold;
font-size:14px;
position:absolute;
z-index:6;
}
.destock_img, .new_img {
float: left;
z-index:2;
-webkit-box-shadow: 6px 8px 6px -6px black;
-moz-box-shadow: 6px 8px 6px -6px black;
box-shadow: 6px 8px 6px -6px black;
}
.destock_price, .new_price {
float: right;
font-size:14px;
font-weight:bold;
color: blue;
}

.destock_nouveau {
			display: block;
			position: absolute;
			top: 15px;
			right:-30px;
			padding: 1px 4px;
			width: 101px;
			font-size:10px;
			color: #fff;
			text-align: center;
			text-transform: uppercase;
			-moz-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			-o-transform:rotate(45deg);
			background-color: #990000;
			transform: rotate(45deg); 
			-ms-transform: rotate(45deg);			/* Newer browsers */
		}
		
		.ie8 #product_list span.destock_nouveau{top:111px;right:0;width:94%}
		.ie7 #product_list span.new {top:111px;right:0;width:94%}



.destock_designation, .new_designation {
display: inline-block;
}
.destock_suite, .new_suite {
text-align : right;
width:100%;
background: #CCFFCC;
font-weight:bold;
}

/* CSS Document */		

/* BUTTONS */

.buttons a, .buttons button{
    display: inline-block;
    text-align: center;
    margin:10px 2px 2px 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
/* margin-left: auto;
  margin-right: auto; 
  position: absolute; */
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular  input.regular{
 margin-left: auto;
  margin-right: auto; 
  position: absolute;
/* vertical-align:middle; */
    color:#336699;
}
.buttons a.regular:hover, input.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active, input.regular:active {
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

#breadcrumbs-one{
  margin: 0;
  padding: 0;
  list-style: none;
  background: #eee;
  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
  overflow: hidden;
/*  width: 100% */
}

#breadcrumbs-one li{
  float: left;
}

#breadcrumbs-one a{
  padding: .6em 1em .6em 2em;
  float: left;
  text-decoration: none;
  color: #444;
  position: relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
  background-color: #ddd;
  background-image: linear-gradient(to right, #f5f5f5, #ddd);  
}

#breadcrumbs-one li:first-child a{
  padding-left: 1em;
  border-radius: 5px 0 0 5px;
}

#breadcrumbs-one a:hover{
  background: #fff;
}

#breadcrumbs-one a::after,
#breadcrumbs-one a::before{
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -1.5em;   
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid;
  right: -1em;
}

#breadcrumbs-one a::after{ 
  z-index: 20;
  border-left-color: #ddd;  
}

#breadcrumbs-one a::before{
  border-left-color: #ccc;  
  right: -1.1em;
  z-index: 20; 
}

#breadcrumbs-one a:hover::after{
  border-left-color: #fff;
}

#breadcrumbs-one .current,
#breadcrumbs-one .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs-one .current::after,
#breadcrumbs-one .current::before{
  content: normal;  
}

/* Starter CSS for Menu */
#menu {
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;

	list-style:none;
	width:940px;
	margin:0px auto 0px auto;
	height:43px;
	padding:0px 20px 0px 20px;
	
	background: #EAEAEA;

/*  border-width: 1px;
  border-style: solid;
  border-color: #f5f5f5 #e5e5e5 #ccc;
  border-radius: 5px;
  box-shadow: 0 0 2px rgba(0,0,0,.2); */

	 
	/* Rounded Corners */
	
/*	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	/* Background color and gradients */
	
/*	background: #014464;
	background: -moz-linear-gradient(top, #0272a7, #013953);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
	
	/* Borders */
	
/*	border: 1px solid #002232;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff; */
}

#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 10px 4px 10px;
	margin-right:30px;
	margin-top:7px;
	border:none;
	z-index: 999; 
}

#menu li:hover {
	border: 1px solid #777777;
	padding: 4px 9px 4px 9px;
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

#menu li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	color: #EEEEEE;
	display:block;
	outline:0;
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

#menu li:hover a {
	color:#161616;
	text-shadow: 1px 1px 1px #ffffff;
}
#menu li .drop {
	padding-right:21px;
	background:url("images/drop.png") no-repeat right 8px;
}
#menu li:hover .drop {
	background:url("images/drop.png") no-repeat right 7px;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	margin:4px auto;
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
}
#menu h2 {
	font-size:21px;
	font-weight:400;
	letter-spacing:-1px;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #666666;
}
#menu h3 {
	font-size:14px;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #888888;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#015b86;
}
#menu li:hover div a:hover {
	color:#029feb;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
}

#menu li .black_box {
	background-color:#333333;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

	/* Shadow */
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}


.tabs {
  position: relative; 
  min-height: 320px;
  min-width: 327px; /* This part sucks */ 
  clear: both;
  margin: 5px 0;
}
.tabs2 {
  position: relative; 
  min-height: 320px;
  min-width: 150px; /* This part sucks */ 
  clear: both;
  margin: 5px 0;
}
.tabs3 {
  position: relative; 
  /* min-height: 1200px; */
  min-width: 700px; /* This part sucks */ 
  clear: both;
  margin: 5px 0;
}

.tab {
  float: left;
}

.tab label {
  background: #eee; 
  padding: 5px; 
  margin: 5px;
  border: 1px solid #ccc; 
  margin-left: -1px; 
  position: relative;
  left: 1px; 
}
.tab [type=radio] {
  display: none;   
}
.tabstyle {
	font-size: 14px;font-weight: bold; border-bottom: 1px dashed #999999;
}
.content {
  position: absolute;
  top: 20px;
  left: 0;
  background: white;
  padding-top: 5px;
  border: 1px solid #ccc; 
  display:none;
  min-width:320px;
}
.content2 {
  position: absolute;
  top: 25px;
  left: 0;
  background: white;
  padding-top: 5px;
  border: 1px solid #ccc; 
  display:none;
  min-width:700px;
}
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  display:block;
}
[type=radio]:checked ~ label ~ .content2 {
  display:block;
}
#table {
	display: table;
} 
.row {
	display: table-row;
}
.cell {
	display: table-cell;
}

/* Special Scroller */

#pscroller1 {
	height: 160px;
	border: 0px;
	padding: 5px;
}

#pscroller2{
	width: 350px;
	height: 20px;
	border: 0px;
	padding: 3px;
}

#pscroller2 a{
	text-decoration: none;
}

.someclass {
  	font-family: sans-serif;
  	font-size: 11px;
  	line-height: 1.5;
}

.blue {
	color: blue;
}
.red {
	color: red;
}
.green {
	color: green;
}
.orange {
	color: orange;
}

/* Atos retour automatique by brouillard s'embrouille */
TD.AtosEchecHeading, DIV.AtosEchecHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: red;
}
/* Fin Atos retour automatique by brouillard s'embrouille */

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:3000;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 25%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
  left: 30px;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 10px;
  max-width: 10%;
  transition: all 200ms;
  font-size: 25px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
}
.popup .close:hover {
  color: #06D85F;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}