@CHARSET "UTF-8";

/**************************
** BALISES HTML STANDARD **
***************************/

/*
html, body {
	 height:100%;
}

*/


body
{
    background-color : #bbb;
    font-family: Arial, Helvetica, sans-serif;
    font-style:normal;
    font-size: 11px;
    color: black;
    
}

a
{
    color: navy;
}

checkbox
{
	width: 30px;
	height: 30px;
}

a:visited
{
    color: gray;
}

h1,h3
{
	/*color: #b6051f;*/
	color: #281487;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 5px;
}

h1
{
	font-size: 16px;
}

h3
{
	font-size: 13px;
}

h2 
{
	font-size: 16px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	
    margin: 5px;
}


h4,h5,h6
{
	font-size: 11px;
	color: #fe000d;
    text-indent: 10px;
}

ul
{
    
    line-height: 2em;
    list-style-type: disc;
    list-style-position: outside;
}

select
{
	background-color: #fff9f9;
	border: 1px solid #999;
	padding: 2px;
	font-size: 10px;
	min-width: 80px;
}

option
{
	background-color: inherit;
}

option:hover
{
	color : white;
	background-color: #fee;
}

.float_left{
	float:left;
}

.float_right{
	float:right;
}

 /* technique n°2 : Empêche le dépassement des flottants. */

.clear {
  clear: both;
  height: 0; 
  overflow: hidden; /* Précaution pour IE 7 */
}


.height_full{
	min-height:100%;
	
}


.width_full{
	min-width:100%;
}

.width_percent_1{
	width:1%;
}

.width_percent_5{
	width:5%;
}


.width_20{width:20px;}
.width_50{width:50px;}
.width_150{width:150px;}

.max_width_500{max-width:500px;}

.small_padding{ padding:15px; }
.tiny_padding{ padding:5px; }

.white_space_pre_wrap{white-space: pre-wrap;}

.color_button{
	color:#000000;
}











.button{
	-moz-border-radius:5px;
	border-radius:5px;
		
	background:#0085ba;
	border-color:#0073aa #006799 #006799;
	
	/*-webkit-box-shadow:0 1px 0 #006799;
	box-shadow:0 1px 0 #006799;
	*/
	color:white;
	text-decoration:none;
	
	/*text-shadow: 0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799;*/
	
	font-size:14px;
	font-weight:bold;
	height:30px;
	margin-bottom:0;
	margin-top:0px;
	padding:5px;
	max-width:250px;
}



.button_info{
	color: white;
    background-color: #0085ba;
    border: #033b6d 1px solid;
}

.button_action,.back_action{
	color: #555;
    background-color: #f7f7f7;
    border: #ccc 1px solid;
}

.button_success{
	color: #4F8A10;
    background-color: #DFF2BF;
    border: #4F8A10 1px solid;
}

.button_warning{
	color: #9F6000;
    background-color: #FEEFB3;
    border: #9F6000 1px solid;
}

.button_error{
	color: #D8000C;
    background-color: #FFBABA;
    border: #D8000C 1px solid;
}


.button:HOVER,.button_info:HOVER {
       color: #0085ba;
       background-color:white; 
       border: #0085ba 1px solid;
}

.button_action:HOVER{
	color: #555;
    background-color: white;
    border: #ccc 1px solid;
}


.button_success:HOVER{
	color: #DFF2BF;
    background-color: #4F8A10;
    border: #DFF2BF 1px solid;
}

.button_warning:HOVER{
	color: #FEEFB3;
    background-color: #9F6000;
    border: #FEEFB3 1px solid;
}

.button_error:HOVER{
	color: #FFBABA;
    background-color: #D8000C;
    border: #FFBABA 1px solid;
}

/*****************
** MISE EN PAGE ****
******************/

#maindiv
{
    width: 95%;

	 /* technique n°1 : Empêche le dépassement des flottants. */
    /*overflow: hidden;*/
    
    min-width : 850px;
    max-width : 1800px;
    margin-left: auto;
    margin-right: auto;
    
     background-color: white;
    
    /** OMBRAGE **/
    -moz-box-shadow: 2px 2px 4px #444;
    -webkit-box-shadow: 2px 2px 4px #444;
	box-shadow: 2px 2px 4px #444;
    /** ombrage IE 
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=8); 
    **/
    
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left : 5px;
    padding-right : 5px;
    
    /** BORD ARRONDI **/
	border-radius : 5px;
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
}

 /* technique n°2 : Empêche le dépassement des flottants. */

#maindiv > .clear {
  clear: both;
  height: 0; 
  overflow: hidden; /* Précaution pour IE 7 */
}


.smarttitle1
{
	font-size: 24px;
	color: #B0B0B0;
    
    
}
.smarttitle2
{
	font-size: 24px;
	color: #909090;
    font-weight: bold;
    
}

#title
{
    height: 100px;
    background-color: transparent;
    padding: 10px;
    
}



#content
{
    background-color: white;
    font-family: Arial;
    font-size: 11px;
    color: black;
    
    padding:10px;
    padding-top:0px;
}

#footer
{
	/** /
	color: white;
    font-size: 11px;
    text-align: center;
    padding-top:5px;
    /**/
    
    height : 16px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    
    /*margin-top: 20px;*/
    margin-bottom: 5px;
    
    /** /
    background-image : url("../img/footerback.gif");
    background-repeat : repeat-x;
    
    /** BORD ARRONDI ** / 
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    /**/
}

#footerright
{
	height: 21px;
	width: 6px;
	background-image: url("../img/footerbackright.gif");
	background-repeat : no-repeat;
	float : right;
}

#footerleft
{
	height: 21px;
    width: 6px;
    background-image: url("../img/footerbackleft.gif");
    background-repeat : no-repeat;
    float : left;
}


#footercenter
{
	height: 16px; /* +5px */
	margin-left: 6px;
	margin-right: 6px;
	background-image : url("../img/footerback.gif");
    background-repeat : repeat-x;
    
    color: white;
    font-size: 11px;
    text-align: center;
    padding-top:5px;
}

.textcontainer{
	height:30px;
	}
	
.textcontainerleft{
	float:left;
	}
.textcontainerright{
	float:right;
	text-align:right;
	}

/********************
** Mise en forme de text   **
*********************/

.numlist
{
	list-style-type: decimal-leading-zero;
}

.info
{
    font-size: 12px;
    color: blue;
}


.warning
{
    font-size: 12px;
    font-weight: bold;
    color: #9F6000;
}

.error
{
    font-size: 12px;
    font-weight: bold;
    color: red;
}

.success
{
    font-size: 12px;
    font-weight: bold;
    color: green;
}


.lighttitle
{
    font-size: 18px;
    font-weight: bold;
    color: #281487;
}
.lightinfo
{
    font-size: 14px;
    font-weight: bold;
    color: #281487;
}




.help
{
	font-size: 9px;
    color: gray;
    font-style: italic;
}

.clearer
{
	clear: both;
	background: transparent;
	width: 0px;
	border: none;
}

.bigtitle
{
	font-size: 16px;
    color: #281487;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 25px;
    margin-left: 5px;
    margin-right: 5px;
}

.title
{
    font-size: 14px;
    color: #281487;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    margin-top: 0px;
    padding-top: 10px;
    margin-bottom: 25px;
    margin-left: 5px;
    margin-right: 5px;
}

.text
{
	text-indent: 10px;
	font-size : 12px;
}

#langselect
{
	background-color: #281487;
	color : white;
	font-weight: bold;
	
	-moz-border-radius : 5px;
    -webkit-border-radius : 5px;
	border-radius : 5px;

}

.storeselect
{
	background-color: #281487;
	color : white;
	font-weight: bold;
	
	-moz-border-radius : 5px;
    -webkit-border-radius : 5px;
	border-radius : 5px;

}

.infotext
{
    font-family: Arial;
    font-size: 22px;
    color: black;
    font-weight:normal;
		
}
.infolighttext
{
    font-family: Arial;
    font-size: 24px;
    color: #CECECE;
    font-weight:normal;	
}

/*****************
** FORMULAIRE ****
******************/
.formulaire
{
    background-color: #fafafa;
    border : 1px solid #bbb;
    
    margin-left: auto;
    margin-right: auto;
    
    width: 400px;
    
    /** BORD ARRONDI **/
	border-radius : 5px;
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    
    /** OMBRAGE **/
    -moz-box-shadow: 6px 6px 6px #656;
    -webkit-box-shadow: 6px 6px 6px #656;
    box-shadow: 6px 6px 6px #656; 
    
   /* padding: 5px;*/
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 5px;
    
}

.formheader
{
    color: white;
    font-size: 14px;
    text-align: center;
    padding-top:5px;
    
    height : 18px;
    
    background-image : url("../img/headerback.gif");
    background-repeat : repeat-x;
    
    /** BORD ARRONDI **/ 
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
	border-radius : 5px;
}

.formtable
{
    width: 380px;
    border: none;
    
    margin-top: 10px;	
}

.formquestion
{
	color : black;
	min-width: 150px;
	width: 150px;
    text-align: left;	
    padding-right: 10px;
}


.formreponse
{
    
    text-align: left;  
    padding-left: 10px;
    width : 230px;
}
.loginform input{
	background-color: #fff8f8;
    border: 1px solid #999;
    width : 180px;
}


.formreponse input
{
	background-color: #fff8f8;
    border: 1px solid #999;
    width : 230px;
}

.formreponse input[disabled] 
{
	background-color: #eee;
    border: 1px solid #eee;
    width : 230px;
}

.disabled 
{
	background-color: #eee;
    border: 1px solid #eee;
}

.hidden
{
  display:none;
}

.display_block{
	display: block;
	
}

.formreponse .inputtext
{
    border: 1px solid #caa;
    
    text-align: left; 
}

.formsubmit
{
	text-align: center;
	vertical-align: middle;
}

.formbutton
{
	   font-size: 18px;
	   
	   height:45px;
	   font-weight: bold;
	   
	   margin-top:10px;
	   margin-bottom: 5px;
	   
	   padding: 5px;
	   
	   background-image : url("../img/buttonback.gif");
       background-repeat : repeat-x;
       
       -moz-border-radius : 5px;
       -webkit-border-radius : 5px;
	   border-radius : 5px;
       
       border: 1px solid #444;
       color: white;  
       cursor:pointer;
}

.formbutton:hover
{
	   background-image : none;
       background-color: white;
       border: 1px solid #444;
       color: #281487;  
}

.formcancel
{
       font-size: 14px;
       width: 80px;
       height:24px;
       font-weight: normal;
       
       margin-top:10px;
       margin-bottom: 5px;
       
       
       background-image : url("../img/buttoncancel.gif");
       background-repeat : repeat-x;
       
       -moz-border-radius : 2px;
       -webkit-border-radius : 2px;
	   border-radius : 2px;
       
       border: 1px solid #222;
       color: #281487;  
}

.formcancel:hover
{
       background-image : none;
       background-color: gray;
       border: 1px solid #222;
       color: black;  
}

.helpbutton
{
   width: 14px;
   height: 14px;
   
   font-size: 10px;
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
   
   border : 1px solid red;
   color: red;
   background-color: #fafafa;  
   
   /** BORD ARRONDI **/
    -moz-border-radius : 7px;
    -webkit-border-radius : 7px; 
	border-radius : 7px;
}

.helpbutton:hover
{
   color: #fafafa;
   background-color: red; 
   cursor: help;
}

.formhelp a
{
    text-decoration: none;
    color: inherit;
}


#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #bbb;
    background-color: white;
    padding: 5px;
    opacity: 0.95;
    font-size: 10px;
    color: black;
    
    /* width: 200px; */
    border-radius : 3px;
    -moz-border-radius : 3px;
    -webkit-border-radius : 3px;
    
    /** OMBRAGE **/
    -moz-box-shadow: 4px 4px 4px #444;
    -webkit-box-shadow: 4px 4px 4px #444;
	box-shadow: 4px 4px 4px #444;
}
#tooltip h3
{ 
	color: black;
    font-weight: bold;
	margin: 0; 
	font-size: 11px;
	
	
}

.formerror
{
	background-color: #fdd;

	text-align: left;
	padding-left: 20px;
	color: red;
}



/*****************
** LISTINGS ****
******************/

.listingtable
{
	margin-left: auto;
	margin-right: auto;
	
	border: 2px solid #444;
	padding: 2px;
	border-collapse: collapse;
	
	background-color: white;
	
	/** OMBRAGE **/
    -moz-box-shadow: 4px 4px 2px #444;
    -webkit-box-shadow: 4px 4px 2px #444;
	box-shadow: 4px 4px 2px #444;
}

.listingtable tr, .listingtable td
{
	border: 1px solid #888;
}

.listingtable th
{
	border: 1px solid #222;
}


.listingtable td
{
	width: 100px;
	text-align: center;
}

.listingheader
{
    background-image : url("../img/headerback.gif");
    background-repeat : repeat-x;
    height: 20px;
    color: white;
}

.listingheader:hover
{
    background-color: #f44; 
    color: #22f;
}

.even
{
	background-color: #fff;    
}

.odd
{
    background-color: #f3eded;    
}

.even:hover, .odd:hover
{
    background-color: #aaa;    
}

.listbutton
{
	width: 50px;
	height: 16px;
	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
	
	border: 1px solid #222;
	background-color: #ccc;
	color: black;
	vertical-align: text-top;

}

.listbutton:hover
{   
    border: 1px solid #ccc;
    background-color: #222;
    color: white;

}



/**************
*** CONTENT ****
***************/
	
.customcontentdivlayer1{
    background-image : url("../img/ordi_left.png");	
    background-position: top left;
    background-repeat: no-repeat;	
    height:100%;
	}	
	
.sepdiv
{
	padding-top: 10px;
	
    background-image: url(../img/ligneverticale.png);
    background-repeat: no-repeat;
    background-position: center right ;
    
    /*width: 340px;*/
    float : left;
    padding-right:10px;
    padding-bottom:20px;
    margin-right:10px;
}

.contentdiv
{
		
	margin-top: 10px;
	margin-bottom: 10px;
	
	border : 1px solid #eee;
	
	background-color: white;
	
	
	 /** BORD ARRONDI **/
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    border-radius : 5px;
    
    /** OMBRAGE **/
    -moz-box-shadow: 2px 2px 6px #444;
    -webkit-box-shadow: 2px 2px 6px #444;
	box-shadow: 2px 2px 6px #444;
    /** ombrage IE 
    //filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=6); **/
    
    padding: 10px;
    
    overflow: hidden;
}

.nogradient{
	/** DEGRADE **/

	background-image: none;
	filter:none;
	-ms-filter: none;
}


.contenthighlightdiv
{
	margin-top: 20px;
	margin-bottom: 10px;
	width:95%;
	
	margin-left:auto;
	margin-right:auto;
	/*border : 1px solid #eee;*/
	
	background-color: #f9bc18;
	
	
	 /** BORD ARRONDI **/
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    border-radius : 5px;
    

	/*
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#DEDEDE)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#DEDEDE);
	*/
	/*IE8+*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#DEDEDE);*/
	/*IE7:on ne met rien car ca fait foire certains contenus*/
	/*/filter:none;*/
	/*IE6:on ne met rien car ca fait foire certains contenus*/
	/*-ms-filter: none;*/

    
    /** OMBRAGE **/
    -moz-box-shadow: 2px 2px 6px #444;
    -webkit-box-shadow: 2px 2px 6px #444;
	box-shadow: 2px 2px 6px #444;
    /** ombrage IE 
    //filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=6); **/
    
    padding: 10px;
    
    overflow: hidden;
}

/**	TOUT NAVIGATEUR SAUF DE IE6 a IE8	**/

:root *>  .contenthighlightdiv{
	/** DEGRADE **/
	background-image: -moz-linear-gradient(top, #FFFFFF, #f9bc18);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#f9bc18));	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#f9bc18);
	background-image: -ms-linear-gradient(bottom, #f9bc18 0%, #FFFFFF 100%);

	}


.contentmindiv{
	margin-top: 10px;
	margin-bottom: 250px;
	
	border : 1px solid #eee;
	
	background-color: white;
	
	 /** BORD ARRONDI **/
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    border-radius: 5px;
    
    /** OMBRAGE **/
    -moz-box-shadow: 2px 2px 6px #444;
    -webkit-box-shadow: 2px 2px 6px #444;
	box-shadow: 2px 2px 6px #444;
    /** ombrage IE **/
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=6); 
    
    padding: 0px;
    
    overflow: hidden;	
    
}

.contentmindiv.cartsselection{
	width:76%;
	min-height: 300px;
	/*margin-right:100px;*/ 
}

.contentminheaderdiv
{
	margin-top: 0px;
	margin-bottom: 10px;
	
	border : 1px solid #eee;
	
	background-color:#FFFFFF;
	/*background-color: transparent;*/
	
    background-image : url("../img/ordi.jpg");	
    background-position: top right;
    background-repeat: no-repeat;
		
	
	
	 /** BORD ARRONDI **/
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    border-radius: 5px;
    
    /** OMBRAGE **/
    -moz-box-shadow: 2px 2px 6px #444;
    -webkit-box-shadow: 2px 2px 6px #444;
	box-shadow: 2px 2px 6px #444;
    /** ombrage IE 
    //filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=6); **/
    
    padding: 0px;
    
    overflow: hidden;
   
   	/*on force la hauteur*/ 
    height:80px;
    width:100%;
    
  
}
.contentminheaderleftdiv
{
	float:left;
	margin-top:10px;
	margin-left:10px;
	width:280px;
  
}
.contentminheaderrightdiv
{
	float:right;
	margin-top:0px;
	margin-right:50px;	
	
  
}

.contentminheaderrightdiv img
{
	background-position:top right;  
}


.custombandediv
{
	float:left;
    /*
    background-image : url("../img/bande.png");	
    background-position: bottom left;
    background-repeat: x-repeat;*/
		
	
	
	 /** BORD ARRONDI **/
    /*-moz-border-radius : 0px 0px 5px 5px;
    -webkit-border-radius : 0px 0px 5px 5px;*/
    
    /** OMBRAGE **/
    /*-moz-box-shadow: 2px 2px 6px #444;
    -webkit-box-shadow: 2px 2px 6px #444;
	box-shadow: 2px 2px 6px #444;*/
    
    padding: 0px;
    
    overflow: hidden;
   
   	/*on force la hauteur*/ 
    height:13px;
    width:100%;
    
}

/**************
*** MENU ****
***************/
#menu
{
    /*background-color: yellow;*/
    height: 50px;
    vertical-align: middle;  
   
    color: #fafafa;
    width: 100%;            
}

.menuline
{    
     padding:0; 
     margin:0;
     
}

.menubar
{
	background-image: url("../img/menuback.gif");
    background-repeat: repeat-x;
     
	overflow:visible; 
	padding:0; 
	margin:0 10px 0 10px; 
	/*background-color:#D90000;*/ 
	height:50px;
	/*border :1px solid #000000;*/
}

.menuleft
{ 
	float:left; 
	padding:0; 
	margin:0; 
	width:10px; 
	background-image: url("../img/menubackleft.gif");
	height:50px;
    background-repeat: no-repeat;	
	
}
.menuright
{ 
	float:right; 
	padding:0; 
	margin:0; 
	width:10px; 
	background-image: url("../img/menubackright.gif");
	height:50px;
    background-repeat: no-repeat;	
	
}

.menuseparator
{
        border : none;
        float: left;
        min-width: 1px; 
        width: 1px;
        background-color:#ffe0e0;
        height: 20px;
        margin-left:0px;
        margin-right:0px;
        margin-top: 15px;
        margin-bottom: 15px;
}


.menuitem
{
    border : none;
    /*background-color : transparent;*/

    background :none;
        
    color: white;
    font-size: 12px;
    height:50px;
    
    margin: 0px;
    
    text-align: center;
    
    min-width : 130px;
    max-width : 200px;
    
    float : left;
    
}

.menuadditionalitem {
	padding-right:20px;
	margin-top:20px;
	
}

.menuadditionalitem a{

	font-size:12px;
	letter-spacing:0.5px;
	font-weight:lighter;  
	color:#111111;
	text-decoration: none;
}

/**/
.menuend
{  
    border : none;
    background-color: transparent;
    
    min-width : 1px;
    max-width : 1px;
    height: 10px;   
    
    display: none;
    clear : both;
}
/**/

.menuitemselected
{
	background-image : url("../img/menuselected.png") !important;
	background-position: center; 
    font-size: 14px;
    font-weight: bold;
   

}

.menuitem p
{  
   margin-top : 15px;
   vertical-align: baseline; 
} 

.menuitem a
{
    text-decoration: none;	
    color: white;
}

.menuitemselected a
{
   color: #f0f6fc;
}

#customerselectbartoolbar{
	margin-bottom:20px;	
}

/**************
 ***  TITLE ***
 ***************/
 
 #title_left {
    height: 100px;
    background-color: transparent;
    padding: 0px;
    float: left;
    background-image: url("../img/logo.jpg");
    background-repeat: no-repeat;
    width: 300px;
}
#title_right {
    height: 100px;
    background-color: transparent;
    float: right;
    width: 400px;
    line-height: 9px;
}
.storechange{
	text-align:right;
	padding-right:20px;
	padding-top:10px;
}
.legende {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    color: #666666;
    line-height: 11px;
    font-variant: normal;
    vertical-align: bottom;
}

.lang
{
	text-align: right;
	margin-right: 20px;
	background-color: red;
}

#lgform
{
	text-align: right;
	margin-right: 20px;
}



/******************
***    HOME    ****
*******************/

.marketdiv
{
    background-image : url("../img/ordi.jpg");	
    background-position: top right;
    background-repeat: no-repeat;
    overflow: hidden;
    min-height: 250px;
    
    padding: 0px;
}
  


#ordernow
{
	float:left;
	text-align: center;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	min-width:180px;
	/*border:1px solid #000000;*/
}

#whatsin
{
	float:left;
    text-align: center;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    min-width: 150px;
    /*border:1px solid #000000;*/
}

#slogan
{
	/*
	padding-left: 0px;
	padding-right: 0px;
	*/
	text-align: center;
	float:left;
	overflow: hidden;
		
	
	min-width: 180px;
    min-height: 250px;
	/*margin-left : 50px;
	margin-right : 5px;*/
	
	/*border:1px solid #000000;*/
}

#passslide
{
	float:right;
	z-index:50;
	/*border:1px solid #000000;*/
	overflow: hidden;
	min-width: 250px;
    min-height: 250px;
}

#logo
{
	float:right;
	min-width: 960px;
	/*border:1px solid #000000;*/

}

.accroche {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    color: #000000;
    font-style: normal;
    margin-top: 70px;
}
.accroche2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
    font-style: normal;
    line-height: 12px;
}

.exergue {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    font-style: normal;
    line-height: 16px;
    background-image: url(../img/ligne.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 5px;
}

.marketcontainer
{
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0px;

    min-height: 250px;
}
#marketvideo
{
	padding-top: 10px;
	
    background-image: url(../img/ligneverticale.png);
    background-repeat: no-repeat;
    background-position: center right ;
    
    width: 340px;
    float : left;
}

#marketconcept
{
	padding: 10px;
	padding-top: 10px;
	/** /
    background-image: url(../img/ligneverticale.png);
    background-repeat: no-repeat;
    background-position:  right;
    /**/

    min-width: 300px;
    margin-left: 350px; 
    margin-right: 200px;
    /*overflow: hidden;*/
}

#marketconcept img
{
    vertical-align: baseline;
}

#marketcontact
{
	padding-top: 10px;
	width: 190px;
	float: right;
}


/********
*** DIVERS
***********/
	
.infos
{
    background-color: #fafafa;
    border : 1px solid #bbb;
    
    margin-left: auto;
    margin-right: auto;
    
    min-width : 50px;
    
    /** BORD ARRONDI **/
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
    border-radius: 5px;
    
    /** OMBRAGE **/
    -moz-box-shadow: 2px 2px 6px #656;
    -webkit-box-shadow: 2px 2px 6px #656;
	box-shadow: 2px 2px 6px #656;
	/**
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=4);  **/
    
   /* padding: 5px;*/
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 5px;
    
}

	
.infoheader
{
    color: white;
    font-size: 12px;
    text-align: left;
    padding-left: 10px;
    padding-top:5px;
    font-weight: bold;
    height : 18px;
    
    background-image : url("../img/headerback.gif");
    background-repeat : repeat-x;
    
    /** BORD ARRONDI **/ 
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
	border-radius : 5px;
}	

/************************
**** ESPACE CLIENT ******
*************************/

/** MENU GAUCHE ******/

.leftmenu
{
    /** BORD ARRONDI **/
    -moz-border-radius : 5px;
    -webkit-border-radius : 5px;
	border-radius : 5px;
    
    /** OMBRAGE **/
    -moz-box-shadow: 2px 2px 6px #444;
    -webkit-box-shadow: 2px 2px 6px #444;
	box-shadow: 2px 2px 6px #444;

    /** ombrage IE 
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#665566', Direction=135, Strength=4); **/
    
    background-color: #fff;
    border: 1px solid #ddd;
    
    width: 150px;
    
    padding: 5px;
}

    .navigation { 
      margin: 0; 
      padding: 0; 
      list-style: none; 
      background: #fff; 
      color: #fff; 
      font-size: 12px; 
      } 
   .navigation a, .navigation span { 
      display: block; 
      padding: 2px 10px; 
      color: #281487; 
      text-decoration: none; 
      font-weight: bold; 
      
      
      } 

   .navigation a:hover, .navigation a:focus, .navigation a:active { 
      text-decoration: underline; 
      } 
      
   .navigation img
   {
        width: 100px;
        border: none;
        text-align: center;
        margin-left: 20px;
   }


   .navigation .subMenu { 
      font-size: 10px; 
      background: #fafafa; 
      margin: 0; 
      padding: 0; 
      border-left: 1px solid #281487; 
      border-bottom: 1px solid #aaa; 
      } 
   .navigation ul.subMenu a { 
      background: none; 
      padding: 1px 5px; 
      color: black;
      text-decoration: none;
      }
      
      .navigation ul.subMenu a:hover 
      { 
      	color: #281487; 
      }
      
      .menuspace
      {
        font-size: 0px;
        background-color: #fff;
      }

/** FIN MENU GAUCHE ******/

.clientarea
{
	
	margin-top: 20px;
    margin-bottom: 30px;
    padding: 0px;
    
    /*min-height: 750px;*/
    /*min-height:100%;*/
}

.clientleftmenu
{
	width: 160px;
	float : left;
	
	/*min-height: 500px;*/
}

.clientrightmenu
{
    width: 180px;
    float : right;
    
    min-height: 500px;
}

.clientmain
{
	/*margin-left: 180px;
	margin-right: 190px;
	*/
	float:left;
	width:55%;
	padding-left:20px;
	
	/*border:1px solid #000000;*/
	/*height:100%;*/
	/*min-height: 100%;/*500px;*/
	/*max-width:55%;*/
	
	
	
}




.imglinks img, .imglinks a
{
	border: none;
	text-decoration: none;
	width: 140px;
	
}



.imglinks
{
	padding: 2px;
	margin: 5px 5px;
}

.imglinks li
{
	line-height: 4em;
    list-style-type: none;
}

.alignleft
{
	text-align: left;
}

.alignright
{
	text-align: right;
}

/*****************
**  CHECKBOX    **
******************/

.checkbox 
{
    height: 32px;
    width: 32px;
    /*clear:left;
    float:left;*/
    margin: 0 0 3px;
    padding: 0 0 0 10px;
    background: url("../img/checkbox.png") no-repeat;
    cursor: default;
    text-align:left;
}

.checkbox input, .replaced 
{
    display: none;
}
.checkbox input.show
{
    display: inline;
}

.selected 
{
    background-position: 0 -64px;
}

.block {
    width: 50%;
    /*float: left;*/
}



/**************
*** STORE SELECTION ****
***************/

#storeselectioncontentdiv
{
	margin-top: 10px;
	margin-bottom: 10px;
	
	
	background-color: white;
	
   
    padding: 10px;
    
    overflow: hidden;
}

.storeselectiontitle
{
	padding-right:50px;
	text-align:right;
	
}
/*
.storeselectionmap
{
	width:800px;
	min-height:400px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;	
	text-align:center;
	
}
.storeselectionblankitem
{
	float:left;
	width:7%;
	
	
}
.storeselectionitem
{
	float:left;
	
	width:200px;
	
	
}

*/


.storeselectionmap
{
	width:100%;
	min-height:400px;
	margin-top:100px;
	margin-left:auto;
	margin-right:auto;	
	text-align:center;
	
}

.storeselectionmap, .storeselectionmap div{
	/*border : 1px solid #ff0000;*/
}

.storeselectionblankitem
{
	display:none;
	
	
}
.storeselectionitem
{
	margin:5%;
	display:inline-block; /* Pour que la magie opere */
	text-align:center; /* Pour retablir l'alignement du texte apres c'est à vous de voir */
	vertical-align:middle; /* Pour centrer verticalement nos blocs */	
	
	
}