@charset "UTF-8";
/* CSS Document */

body {
	background-color: #FFFFFF;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}

/* balise //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


h1 {
	font-size: 20px;
	color:#FF9900;
 	text-transform:uppercase;
	margin-top:20px;
	margin-bottom:15px;
	letter-spacing:2px;
}

h2 {
	font-size: 16px;
	text-align:center;
	margin-bottom:0px;
	margin-top:0px;
}

h3 {
	font-size: 16px;
	text-align:center;
	margin-bottom:0px;
	margin-top:0px;
}

h4 {
	font-size: 16px;
	margin-bottom: 0px;
}

h5 {
	font-size: 14px;
	color:#FF9900;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
}

p {
	margin-top:0px;
	margin-bottom:7px;
	color: #666666;
	font-size: 14px;
	line-height: 18px;
}

ul {
	margin:0px;
	padding-left:5px;
	padding-right:0px;
}

li {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	margin-left:5px;
}

/* Layers ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#hotspot {
	position:absolute;
	width:449px;
	z-index:9;
	left: 210px;
	top: 335px;
}

/*///////////////////////////layer screenshot - animation sur les images///*/	

pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:150px;
	width:800px;
	z-index:45;
}


/*  */

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#ffffff;
	display:none;
	width:165px;
	background-image:url(../images/design/banniere_logo.jpg);
	z-index:45;
}

/* design de base ////////////////////////////////////////////////*/

#conteneur {
	position:absolute;
	left: 50%;
	margin-left: -500px;
	top:0px;
	width:1000px;
	z-index:1;
}
#header {
	position:absolute;
	left:15px;
	top:15px;
	width:170px;
	height:60px;
	z-index:4;
}

#banniere_logo {
	position:absolute;
	left:0px;
	top:0px;
	width:1000px;
	height:90px;
	z-index:3;
	background-image:url(../images/design/banniere_logo.jpg);
	background-repeat:repeat-x;
	z-index:3;
}

#barre_langue {
	background-image:url(../images/design/barre_jaune.png);
	background-repeat:repeat-x;
	position:absolute;
	left:0px;
	top:90px;
	width:1000px;
	height:25px;
	z-index:4;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #999999;
}

#langue {
	position:absolute;
	left:915px;
	top:5px;
	width:85px;
	height:20px;
	z-index:4;
}

#barre_navig {
	position:absolute;
	background-color: #515054;
	left:0px;
	top:309px;
	width:815px;
	height:25px;
	z-index:4;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #f6a825;
	color:#FF9900;
	padding-left:185px;
	overflow:hidden;
}

#barre_navig table {
	margin-top: 3px;
}

#banner_USB {
	position:absolute;
	left:0px;
	top:115px;
	width:1000px;
	height:195px;
	z-index:3;
}

/* contenu ////////////////////////////////////////////////*/

#contenu {
	position:absolute;
	left:0px;
	top:335px;
	width:1000px;
	height:590px;
	z-index:2;
}

#navigation {
	width:153px;
	height:590px;
	padding-top:20px;
	padding-left:7px;
	left:50%;
	background-image:url(../images/design/rpt_colonnes.jpg);
	background-repeat:repeat-x;
	vertical-align:top;
	float:left;
	z-index:3;
}

#contenu_pages {
	position:relative;
	width:640px;
	float:left;
	padding-left:20px;
	z-index:3;
}

.float {
	float:left;
	margin-left: 2px;
	height: 255px;
}
	
#promotions {
	width:153px;
	height:590px;
	padding-top:20px;
	padding-left:7px;
	background-image:url(../images/design/rpt_colonnes.jpg);
	background-repeat:repeat-x;
	vertical-align:top;
	float:right;
	z-index:3;
}
	
#bouton_config {
	position:absolute;
	top:150px;
	left:395px;
}

#bouton_ok {
	position:absolute;
	top:358px;
	left:747px;
}
	
.suivant {
	position:relative;
	left:530px;
	top:0px;
	width:125px;
	height:25px;
	z-index:6;
	padding:0px;
	margin:0px;
}

/* pied-de-page ////////////////////////////////////////////////*/

#footer {
	background-color: #f6a825;
	position: absolute;
	left: 0px;
	bottom: 63px;
	width: 1000px;
	height: 25px;
	padding-top:5px;
	padding-bottom:15px;
	z-index: 4;
	top: 0px;
	text-align: center;
	font-size: 11px;
	color: #333333;
}

#fond_gris {
	background-color: #515054;
	position:relative;
	left:0px;
	bottom:0px;
	width:1000px;
	height:90px;
	z-index:2;
	float:left;
}

#teamNav {
	position:absolute;
	font-size:11px;
	margin-right:5px;
	margin-top:5px;
	right:-5px;
	color:#999999;
	top: 44px;
	height: 19px;
	width: 116px;
}
	
#gdpage{
	position:absolute;
	top:1300px;
	color:#FFFFFF;
}

/* class //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* images /////////////////////////////////////////////////////////////////////////////*/

/* produits ////////////////////////////////////////////////*/

.image_detail{
	border:3px;
	border-color:#ececec;
	border-style:solid;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	margin-left:7px;
	margin-top:0px;
}

.image_puce {
	float:left;
	padding-top:3px;
	margin-right:10px;
	margin-bottom:0px;
	margin-left:0px;
	margin-top:0px;
}

.image_float {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:0px;
	margin-top:0px;
}

.news {
	color:#FF0000;
	font-weight:bold;
}

/* index ////////////////////////////////////////////////*/

.image_index{
	border:3px;
	border-color:#ececec;
	border-style:solid;
	float:left;
	margin-right:3px;
	margin-bottom:3px;
	margin-left:3px;
	margin-top:0px;
}

.float_configurator {
	float:left;
	margin-bottom:0px;
	margin-left:20px;
	margin-right:30px;
	margin-top:0px;
}

.index_boulette {
	margin-left:40px;
	padding-bottom:0px;
	padding-top:0px;
	padding-left:0px;
	list-style:decimal;
}

.index_padding{
	padding-left:10px;
}

.bold {
	font-weight:bold;
}

.background_image {
	background-image:url(../images/design/hotspot_configurateur.png);
	background-repeat:no-repeat;
}

/* autres ////////////////////////////////////////////////*/

.image{
	border:3px;
	border-color:#ececec;
	border-style:solid;
}


.image_equipe{
	border:3px;
	border-color:#ececec;
	border-style:solid;
	float:left;
	margin-right:10px;
}

.image_offre{
	margin:5px;
}

.images_presentation {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:3px;
}

.telephone {
	position:relative;
	color:#FFFFFF;
	background-color:#ff9900;
	padding:5px;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	width:140px;
	left:220px;
	top: -7px;
	z-index: 5;
}

/* design général (templates) /////////////////////////////////////////////////////////////////////////////*/

.colonnes{
	background-image:url(../images/design/rpt_colonnes.jpg);
	background-repeat:repeat-x;
	vertical-align:top;
}

.fond_blanc {
	background-color:#FFFFFF;
}

.barre_navig{
	position: absolute;
	color: #F6A825;
	padding-left: 180px;
	top: 5px;
	left: 162px;
}

.mini_texte_footer{
	font-size:10px;
	line-height:20px;
	color:#333333;
}

.teamco {
	font-size:11px;
	color:#ffffff;
}

/* page index /////////////////////////////////////////////////////////////////////////////////////////////*/

.titre_index{
	background-color:#333333;
	color:#FF9900;
	font-size: 16px;
	border-bottom:1px;
	border-top-color:#FF9900;
	border-bottom-color:#FF9900;
	padding-left:4px;
}

/* pages formulaire ///////////////////////////////////////////////////////////////////////////////////////*/

.champ_requis{
	font-size:10px;
}

.horaire{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#fb7a12;
}

.formulaire{
	background-color:#ececec;
	border:1px;
	border-style:solid;
	border-color:#666666;
	line-height:14px;
}

/* pages produits ///////////////////////////////////////////////////////////////////////////////////////*/

.agrandir{
	font-size:12px;
	color:#666666;
}

.description{
	text-align:center;
	font-size:11px;
}

.bouton_suivant{
	margin-left:7px;
}

.texte_produit{
	font-size:12px;
	line-height:14px;
	color:#666666;
	margin-left:5px;
}

/* page FAQ ///////////////////////////////////////////////////////////////////////////////////////*/

.q_r{
	color:#fb7a12;
	font-size:16px;
}

.texte_q{
	line-height:18px;
	font-size:16px;
}

.texte_r{
	line-height:16px;
	font-size:14px;
	color:#666666;
	padding-bottom:10px;
	margin-left:20px;
}

/* page équipe ///////////////////////////////////////////////////////////////////////////////////////*/

.equipe_orange{
	color:#fb7a12;
	font-size:16px;
}

/* page promotion ///////////////////////////////////////////////////////////////////////////////////////*/

.titre_promotion{
	color:#fb7a12;
	font-size:16px;
	font-weight:bold;
}
	
.prix_promo{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#fb7a12;
}

/* page configurateur (démarche) ////////////////////////////////////////////////////////////////////////*/

.etapes{
	margin-left:50px;
}

a.menu_navigation:link {
	text-decoration:none;
	display:block;
	background-color:#ff9900;
	color:#515054;
	margin:0 10px 0 0;
	padding:0px;
	width:140px;
	height:18px;
	color:#515054;
	margin:0 10px 0 0;
	padding-left:5px;
}

a.menu_navigation:visited {
	text-decoration:none;
	display:block;
	background-color:#ff9900;
	color:#515054;
	margin:0 10px 0 0;
	padding:0px;
	width:140px;
	height:18px;
	color:#515054;
	margin:0 10px 0 0;
	padding-left:5px;
}

a.menu_navigation:hover {
	text-decoration:none;
	display:block;
	background-color:#ff9900;
	color:#515054;
	margin:0 10px 0 0;
	padding:0px;
	width:140px;
	height:18px;
	color:#515054;
	margin:0 10px 0 0;
	padding-left:5px;
}


/* hover, link, visited ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

a:link {
	text-decoration:none;
	color:#666666;
}

a:visited {
	text-decoration:none;
	color:#666666;
}

a:hover {
	text-decoration:none;
	color:#ff9900;
}

/* menu navigation ////////////////////////////////////////////////////////////////////////*/

a.menunavig:link {
	text-decoration:none;
	display:block;
	width:135px;
	height:18px;
	color:#515054;
	margin:0 20px 0 0;
	padding-left:5px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px;
	border-bottom-color:#999;
	border-style:solid;
}

a.menunavig:visited {
	text-decoration:none;
	display:block;
	width:135px;
	height:18px;
	color:#515054;
	margin:0 20px 0 0;
	padding-left:5px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px;
	border-bottom-color:#999;
	border-style:solid;
}

a.menunavig:hover {
	text-decoration:none;
	display:block;
	width:135px;
	height:18px;
	color:#000000;
	margin:0 20px 0 0;
	padding-left:5px;
	background-color:#CCC;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px;
	border-bottom-color:#999;
	border-style:solid;
}

a.menunavig:active {
	text-decoration:none;
	display:block;
	width:135px;
	height:18px;
	color:#000000;
	margin:0 20px 0 0;
	padding-left:5px;
	background-color:#CCC;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-bottom:1px;
	border-bottom-color:#999;
	border-style:solid;
}

a.menunavig_actuel {
	background-color:#ccc;
}


/* accueil ////////////////////////////////////////////////////////////////////////*/

a.accueil:link {
	text-decoration:none;
	display:block;
	width:145px;
	height:18px;
	color:#515054;
	margin:0 20px 0 0;
}

a.accueil:visited {
	text-decoration:none;
	display:block;
	width:145px;
	height:18px;
	color:#515054;
	margin:0 20px 0 0;
}

a.accueil:hover {
	text-decoration:none;
	display:block;
	width:145px;
	height:18px;
	color:#000000;
	margin:0 20px 0 0;
}

a.accueil:active {
	text-decoration:none;
	display:block;
	width:145px;
	height:18px;
	color:#000000;
	margin:0 20px 0 0;
}

a.lien_contact_accueil:link {
	text-decoration:none;
	font-weight:bold;
	color:#ff9900;
}

a.lien_contact_accueil:visited {
	text-decoration:none;
	font-weight:bold;
	color:#999999;
}

a.lien_contact_accueil:hover {
	text-decoration:none;
	font-weight:bold;
	color:#ff9900;
}

/* Liens (nous contacter) ////////////////////////////////////////////////////////////////////////*/

a.mini_lien:link {
	text-decoration:none;
	font-size:12px;
	color:#333333;
}

a.mini_lien:visited {
	text-decoration:none;
	font-size:12px;
	color:#333333;
}

a.mini_lien:hover {
	text-decoration:none;
	font-size:12px;
	color:#000000;
}

/* Liens du pied de page ////////////////////////////////////////////////////////////////////////*/

a.lien_footer:link {
	text-decoration:none;
	font-size:10px;
	line-height:20px;
	color:#333333;
}

a.lien_footer:visited {
	text-decoration:none;
	font-size:10px;
	line-height:20px;
	color:#333333;
}

a.lien_footer:hover {
	text-decoration:none;
	font-size:10px;
	line-height:20px;
	color:#000000;
}

/* langues ////////////////////////////////////////////////////////////////////////*/

a.frdeen:link {
	text-decoration:none;
	font-size:11px;
	color:#333333;
}

a.frdeen:visited {
	text-decoration:none;
	font-size:11px;
	color:#333333;
}

a.frdeen:hover {
	text-decoration:none;
	font-size:11px;
	color:#000000;
}

a.frdeen:active {
	text-decoration:none;
	font-size:11px;
	color:#333333;
}

/* page configurateur (démarche) ////////////////////////////////////////////////////////////////////////*/

a.lien:link {
	text-decoration:underline;
	color:#515054;
	font-size:14px;
}

a.lien:visited {
	text-decoration:underline;
	color:#515054;
	font-size:14px;
}

a.lien:hover {
	text-decoration:underline;
	color:#000000;
	font-size:14px;
}

/* Liens powered by teamCo ////////////////////////////////////////////////////////////////////////*/

a.teamcoNav:link {
	font-size:11px;
	text-align:right;
	color:#CCCCCC;
	text-decoration:none;
	z-index:6;
}

a.teamcoNav:hover {
	font-size:11px;
	text-align:right;
	color:#999999;
	text-decoration:none;
	z-index:6;
}

a.teamcoNav:visited {
	font-size:11px;
	text-align:right;
	color:#CCCCCC;
	text-decoration:none;
	z-index:6;
}

/* Liens dans la barre de navigation (produits - clé usb cuir - Réf:3421D) ////////////////////////////////////////////////////////////////////////*/

a.lien_barre_navig:link {
	color:#FF9900;
	text-decoration:none;
	font-size:14px;
}
	
a.lien_barre_navig:visited {
	color:#FF9900;
	text-decoration:none;
	font-size:14px;
}

a.lien_barre_navig:hover {
	color:#FF9900;
	text-decoration:underline;
	font-size:14px;
}

/* Liens Configurer (pour lancer le configurator) ////////////////////////////////////////////////////////////////////////*/

a.config:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#ffffff;
	text-decoration:none;
	background-color:#666666;
}
a.config:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#ffffff;
	text-decoration:none;
	background-color:#666666;
}
a.config:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:5px;
	padding-bottom:5px;
	color:#FF9900;
	text-decoration:none;
	background-color:#666666;
}


/* Configuration de la pagination ////////////////////////////////////////////////////////////////////////*/

#pagination{
	float: right;
	position: relative;
	top: 25px;
	right: 50px;
	clear: both;
	position: relative;
	top: 0px;
	margin: 10px 0;
}

#pagination a{
	display: block;
	padding: 3px;
	float: left;
	margin-right: 4px;
}

a.paginationActif, a.paginationActif:focus, a.paginationActif:hover, a.paginationActif:visited, a.paginationActif:active, a.paginationActif:link{
	background-color: #515054;
	color: #F6A825;
}

a.paginationInactif, a.paginationInactif:focus, a.paginationInactif:hover, a.paginationInactif:visited, a.paginationInactif:active, a.paginationInactif:link{
	background-color: #EFEFEF;
	color: #777;
}

.clear {
	clear:both;
	width:0;
	height:0;
	color:#fff;
}


/* Champs de recherche ////////////////////////////////////////////////////////////////////////*/
#search input{
	margin:0;
	padding:0;
}

#inputSearch{
	height:16px;
	background-color:#fafafa;
	border:1px solid #ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#aaa;
}

.item img{
	border:0;
}