/*
	Neli Prestashop by VNBC
	
	1 gris foncé : #545454
	1 gris léger : #BDBEC1
	1 bleu : #3A6A99;
	
*/





/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */


	
	.panel h2.title {
	display:none;
}
.nestedxpanel h2.nestedxtitle {
	color:#0FF;
	display:none;
	}
noscript div {

}
/* Most common stuff you'll need to change */

	.coda-slider-wrapper {
	padding: 0px 0
}
.nestedxcoda-slider-wrapper {
	padding: 0px 0
}
.coda-slider {
	background-color: #fff
}
.nestedxcoda-slider {
	background-color: #fff
}
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider {
		display:none;
	height: 200px;
	overflow: auto !important;
	padding-right: 20px
}
.coda-slider-no-js .coda-nav{
display:none;

}
.nestedxcoda-slider-no-js .nestedxcoda-slider {
	display:none;
	height: 200px;
	overflow: auto !important;
	padding-right: 20px
}
/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel {
		
	width: 892px;
}
.nestedxcoda-slider, .nestedxcoda-slider .nestedxpanel {
	width: 892px;
	background-color:#fff;
}
/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	width: 892px
}
.nestedxcoda-slider-wrapper.arrows .nestedxcoda-slider, .nestedxcoda-slider-wrapper.nestedxarrows .nestedxcoda-slider .nestedxpanel {
	width: 822px
}
.coda-slider-wrapper.arrows .coda-slider {
	margin: 0 10px
}
.nestedxcoda-slider-wrapper.nestedxarrows .nestedxcoda-slider {
	margin: 0 0px;
}
/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a {
	background: #fff;
	color: #545454;
	padding: 5px;
	width: 100px
}
.nestedxcoda-nav-left a, .nestedxcoda-nav-right a {
	background: #000;
	color: #fff;
	padding: 0;
	width: 100px
}
/* Tab nav */
	
	/* Panel padding */
	.coda-slider .panel-wrapper {
	padding: 0px
}
.nestedxcoda-slider .nestedxpanel-wrapper {
	background-color: #fff;
	padding: 0px
}
/* Preloader */
	.coda-slider p.loading {
	padding: 20px;
	text-align: center
}
.nestedxcoda-slider p.nestedxloading {
	padding: 20px;
	text-align: center
}
/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav {
	width:822px;
	
}
	.coda-nav ul {
	clear: both;
	display: block;
	margin: auto;
	height:54px;
	line-height:21px;
}


.coda-nav ul li {
	display: inline;
	float:left;
}


.coda-nav ul li.separator {
}
.coda-nav ul li a {
	width:273px;
	height:54px;
	
	color: #545454;
	display: block;
	
	margin-right: 0;
	text-decoration: none;
	font-size:24px;
	text-align:center;
	line-height:54px
}




.coda-nav ul li a:hover {
	color:#3A6A99;
}
.coda-nav ul li a.current {
	height:54px;
	background: #3A6A99;
	color: #fff;
	margin-top:0px;
	line-height:54px;
}


.coda-nav ul li a.current:hover {
	background: #3A6A99;
	color: #fff
}

/*sous-menu*/



.coda-nav li ul {
	position:absolute;
	left:auto;
	min-height:0;
	top:auto;
}

.coda-nav .nestedxcoda-nav {
	display: none;
	margin: 0;
	width:275px;
	height:40px;
	top:-40px;
		float:none;

list-style:none outside none;
}

.coda-nav .nestedxcoda-nav.active{
display:block;
}


.coda-nav .nestedxcoda-nav li {
	display: block;
	float:left;
}

/*tab 1*/

.coda-nav ul li.sousmenu1 .nestedxcoda-nav {
background-image:url(../img/index/sousTab1.png);
}

.coda-nav ul li.sousmenu1 .nestedxcoda-nav li a {
	
	color: #545454;
	display: block;
	float: none;
	margin:0px;
	padding:0px;
	text-decoration: none;
	width:68px;
	height:40px;
	font-size:30px;
	line-height:40px;
}

.coda-nav ul li.sousmenu1 .nestedxcoda-nav li a.nestedxcurrent {

	font-weight:bold;
}




/*tab 2*/

.coda-nav ul li.sousmenu2 .nestedxcoda-nav {
background-image:url(../img/index/sousTab2.png) !important; 
background-image:url(../img/index/sousTab2-ie.jpg)
}


.coda-nav ul li.sousmenu2 .nestedxcoda-nav li a {
	
	color: #545454;
	display: block;
	float: none;
	margin:0px;
	padding:0px;
	text-decoration: none;
	width:126px;
	height:20px;
	font-size:12px;
	line-height:20px;
	text-align:left;
	padding-left:10px;
}

.coda-nav ul li.sousmenu2 .nestedxcoda-nav li a.nestedxcurrent {
	font-weight:bold;
}

.coda-nav ul li.sousmenu2 .nestedxcoda-nav li a.nestedxcurrent:before {
	
	content: "\3E \ ";

}

/*tab 3 */
.coda-nav ul li.sousmenu3 .nestedxcoda-nav {
background-image:url(../img/index/sousTab3.png) !important;
background-image:url(../img/index/sousTab3-ie.png);
}




.coda-nav ul li.sousmenu3 .nestedxcoda-nav li a {
	
	color: #fff;
	display: block;
	float: none;
	margin:0px;
	padding:0px;
	text-decoration: none;
	width:274px;
	height:40px;
	font-size:20px;
	line-height:40px;
	text-align:right;
	padding-right:8px;
}




.coda-nav ul li.sousmenu3 .nestedxcoda-nav li a.play{
	width:20px;
	height:20px;
	position:relative;
top:9px;
background-image:url(../img/index/btPlay.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}

.coda-nav ul li.sousmenu3 .nestedxcoda-nav li a.active {
	color:#545454;
	background-position:left top;
}


/* Miscellaneous */
	.coda-slider-wrapper {
	clear: both;
	overflow: auto
}
.nestedxcoda-slider-wrapper {
	clear: both;
	overflow: auto
}
.coda-slider {
	float: left;
	overflow: hidden;
	position: relative
}
.nestedxcoda-slider {
	float: left;
	overflow: hidden;
	position: relative;
	width:822px;
	height:418px;
}
.coda-slider .panel {
	display: block;
	float: left
}
.nestedxcoda-slider .nestedxpanel {
	display: block;
	float: left
}
.coda-slider .panel-container {
	position: relative
}
.nestedxcoda-slider .nestedxpanel-container {
	position: relative
}
.coda-nav-left, .coda-nav-right {
	float: left;
}
.nestedxcoda-nav-left, .nestedxcoda-nav-right {
	float: left;
	padding-top:338px;
}

.coda-nav-left a, .coda-nav-right a {
	display: block;
	text-align: center;
	text-decoration: none
}
.nestedxcoda-nav-left a, .nestedxcoda-nav-right a {
	display: block;
	text-align: center;
	text-decoration: none;
	width:35px;
	height:40px;
}
.nestedxcoda-nav-left a {
	background:url(../img/index/flechesGauche.gif) no-repeat;
}
.nestedxcoda-nav-right a {
	background:url(../img/index/flechesDroite.gif) no-repeat;
}
.nestedxcoda-nav-left a:hover {
	background-position:bottom;
}
.nestedxcoda-nav-right a:hover {
	background-position:bottom;
}
* {
	padding:0;
	margin:0;
}


body {
	background-color: white;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	color: #545454;
	text-align:center;
}
/* Useful */
.align_center {
	text-align:center;
}
.align_right {
	text-align:right;
}
.middle {
	vertical-align: middle;
}
.align_justify {
	text-align: justify;
}
.uppercase {
	text-transform:uppercase;
}
.hidden, .collapsed, .block_hidden_only_for_screen {
	display:none;
}
.wrap {
	white-space: normal;
}
.bold {
	font-weight: bold;
}
.strike {
	text-decoration:line-through;
}
.italic {
	font-style: italic;
}
.top {
	vertical-align: top;
}
.span_link {
	cursor:pointer;
}
.span_link:hover {
	text-decoration:underline;
}
.clear {
	clear:both;
}
br.clear {
	clear:both;
	line-height:0;
	font-size:0;
	height:0;
}
noscript ul {
	list-style-type:none;
	background:black;
	color:white;
	padding:10px;
	border:1px solid gray;
}
/* global style */
a {
	color: #545454;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
}
input:focus {
	outline: 0;
	outline-offset: 0;
}
a img {
	outline: none;
	border: none;
	text-decoration: none;
}
h2 {
}
h2 span {
	font-size: 0.9em;
	text-transform: lowercase;
	font-weight: normal;
	font-style: italic;
	color: #374853;
	margin-left: 1em;
}
h3 {
	font-size: 1.1em;
	margin: 1em 0;
}
h4 {
	font-size: 1em;
}
/* global layout */
#page {
	width: 892px;
	margin: 0 auto 0 auto;
	text-align:left;
}
h1#logo {
	float: left;
	width: 29%;
	margin-top:0.5em;
}

#left_column, #contenu, #right_column {
	float:left;
}
#left_column {
	clear:left;
	width:190px;
	padding-right: 15px;
}
#contenu {
	width:822px;
	margin: 0 0 0px 0;
	
}
#right_column {
	width: 190px;
	padding-left: 15px;
}
/* nav */
#header {
	float: left;
	width: 71%;
	text-align: right;

	left:35px;

	position:relative;
	text-align:left;
	width:822px;
	height:120px;
}

#header_user{
	height:35px;
	
	float:right;
	font-size:11px;
}

#header_user.normal {
	width:234px;

}

#header_user.normal #your_account {
background:url(../img/index/userNo.png);
}

#header_user.big {

width:284px;

}

#header_user.big #your_account {
background:url(../img/index/userYes.png);
background-position:left top;
width:166px;
}

#header_user #your_account:hover {
background-position:left -35px;
}

#your_account a.suppr{
	background:url(../img/index/Delete.png);
	background-repeat:no-repeat;
}

#your_account a.suppr:hover{
	background-position:left -12px;
}

.header_user_info{
padding-top:12px;
padding-left:38px;
}

#header_user ul {
	list-style:none;
}

#header_user ul li{
	display:inline;
	width:117px;
	float:left;
	height:35px;
}


#header_user ul li.off a{
color:#fff;
}


#header_user ul li.off a:hover{
color:#545454;
}

#header_user ul li.on a{
color:#545454;
}


#header_user ul li.on a:hover{
color:#3A6A99;
}

#fil_ariane{
border-bottom:1px solid #BDBEC1;
height:27px;
margin-bottom:10px;
margin-left:0;
width:822px; line-height:27px;
}


#shopping_cart.off{
	
	background:url(../img/index/panierSans.png);
}

#shopping_cart.on{
	
	background:url(../img/index/panierAvec.png);
}

#shopping_cart:hover{

	background-position:left -35px;
}


#nav {
	position:absolute;
	top:70px;
	width:822px;
}
#menu {
	float:right;
	width:705px;
	margin-top:27px;
	z-index:100;
}
#menu ul {
	list-style:none;
	display:inline;
	width:705px;
}
#menu ul li {
	
	display:inline;
	padding:0;
	width:140px;
	float:left;
	height:19px;
}
#menu ul li a.inactive {
	border-left:1px solid #545454;
	height:16px;
	padding-top:3px;
	display:block;
	padding-left:5px;
	padding-right:10px;
}
#menu ul li a.inactive:hover {
	border-left:#BDBEC 1px solid ;
	background-color:#BDBEC1;
	color:#545454;
}

#menu ul li a.active {
	border-left:1px solid #545454;
	height:16px;
	padding-top:3px;
	display:block;
	padding-left:5px;
	padding-right:10px;
	background-color:#545454;
	color:#FFF;
}
#menu ul li a.active:hover {
	border-left:1px solid #3A6A99;
	background-color:#3A6A99;
	color:#FFF;
}



/* pages grille produit */

#product_list{
list-style-type:none;
}

#product_list li{
	
padding-top:14px;
padding-bottom:27px;
height:144px;
border-bottom:1px solid #BDBEC1;
}
#product_list li:hover {
	background:url(../img/products/list.png);
}

#product_list li:hover #titre a{
	color:#545454;
}

#product_list #titre a{
	font-size:25px;
	color:#3A6A99;
}

#product_list #titre{
margin-bottom:20px;
padding-left:10px;
border-left:6px solid #3A6A99;
height:28px;
}



.product_desc{
padding-right:20px;
}

.middle_block{
width:370px; float:left;
border-right:1px solid #BDBEC1;
height:96px;
}

.right_block{
background-image:url(../img/products/btSavoir.png);
background-repeat:no-repeat;
}
.right_block:hover {
	background-position:left -96px;
}
.right_block a{
padding-left:40px;
}
.right_block a:hover{
padding-left:50px;
color:#3A6A99;
}

#thumbs_list_frame{
width:822px;
}

/* page produit */

#titre_produits{
margin-top:-11px;
padding-top:10px;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
border-left:#BDBEC1 10px solid;
border-right:#BDBEC1 10px solid;
border-bottom:#BDBEC1 1px solid;
border-top:#BDBEC1 1px solid;
background-image:url(../img/products/fondTitre.jpg);
background-position:right bottom;
clear: both;
}

#image-block{
width:100%;
height:350px;
background-image:url(../img/products/fondProduit.png);
text-align:center;
}

#thumbs_list ul {
	list-style:none;
}

#thumbs_list ul a img{
	border:1px solid #BDBEC1;
}

#thumbs_list ul a.shown img{
	border:1px solid #545454;
}

#thumbs_list ul li{
display:inline;
padding-left:10px;
padding-right:10px;
}

#pb-right-column #bouttons {
	z-index:100;
position:relative;
top:-210px;
float:left;
}


#boutonPanier {
	margin-top:10px;
background-image:url(../img/products/btPanier.png);
height:18px;
width:150px;
border-style:none;
background-repeat:no-repeat;
background-color:#FFF;
padding-left:25px;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size:14px;
color:#545454;
cursor:pointer;
}

#boutonPanier:hover {
	background-position:left bottom;
	color:#3A6A99;
}

/* footer */
#footer{
	
	width:822px;
	margin-left:35px;
	
}

#footer ul{
	list-style-type:none;
	width:822px;
	

}

#footer ul li.separator {
	display:inline;
	width:0px;
	float:left;
	text-align:center;
}

#footer ul li {
	display:inline;
	width:164px;
	float:left;
	text-align:center;
}



#footer a{

	padding-top:10px;
	padding-bottom:10px;

	color:#545454;
	width:164px;
	display:block;
}

#footer a:hover{
	color:#545454;
	background-color:#BDBEC1;
}

#more_info_sheets{
	
	border-bottom:1px solid #BDBEC1;
	
}

#more_info_sheets ul{
	list-style-position:inside;
}
#more_info_sheets .columns{
	-moz-column-count: 2; 
	-webkit-column-count: 2;
	column-count: 2;
	column-gap: 22px;
	-webkit-column-gap: 22px;
	-moz-column-gap: 22px;
	text-align:justify;
}





.partie{
	
	border-top:1px solid #BDBEC1;
	margin-top:5px;
	margin-bottom:20px;
}

.titrePartie{
width:258px;
background-color:#3A6A99;
color:#FFF;
padding-top:10px;
padding-bottom:10px;
font-size:14px;
padding-left:10px;
margin-bottom:10px;
}

.partie #image{
	width:400px;
	height:235px;
	float:left;
	margin-right:30px;
	background-color:#BDBEC1;
}

.breadcrumb{
display:block;

}
.breadcrumb a{
	text-decoration:underline;
}
.breadcrumb a:hover{
	color:#3A6A99;
	}

/* cart summary */
#cart_summary{
	text-align:center;
}


/*fieldsets et formulaires Mon Compte*/

#enregistre{
	float:left;

padding-left:27px;
width:384px;
}


#account_create{
float:left;
border-right:1px solid #BDBEC1;
width:383px;
margin-left:27px;
}

.formulaires_login{
	margin-top:20px;
}



.formulaires_login fieldset{
	border:none;
}
.formulaires_login fieldset label{
text-align:right;
width:110px;
display:block;
float:left;
margin-right:10px;
line-height:27px;
margin-left:10px;
height:27px;
margin-bottom:10px;
}

.formulaires_login .button_large, #bouton .exclusive{
background-color:#3A6A99;
color:#FFF;
height:30px;
border:none;
width:212px;
font-size:12px;
font-weight:bold;
}

.formulaires_login .button_large:focus, #bouton .exclusive:focus{
background-color:#BDBEC1;
color:#FFF;
border:none;

}

.formulaires_login .button_large:hover, #bouton .exclusive:hover{
background-color:#BDBEC1;
color:#;
border:none;
}


.formulaires_login fieldset input{
width:200px;
height:15px;
border:none;
background-color:#fff;
margin-left:6px;
padding:5px;
border:1px solid #BDBEC1;
}

.formulaires_login fieldset input:hover{
border:1px solid #545454;

}

.formulaires_login fieldset input:focus{
border:1px solid #3A6A99;
}

.formulaires_login fieldset textarea{
width:200px;

border:none;
background-color:#fff;
margin-left:6px;
padding:5px;
border:1px solid #BDBEC1;
margin-bottom:12px;
}

.formulaires_login fieldset textarea:hover{
border:1px solid #545454;

}

.formulaires_login fieldset textarea:focus{
border:1px solid #3A6A99;
}

.formulaires_login p.submit{
margin-right:35px;
margin-top:14px; text-align:right;
}



.formulaires_login fieldset input.checke{
float:left;
width:15px;
height:15px;
background-color:#fff;
margin-left:6px;
margin-top:5px;
padding:5px;
border:1px solid #BDBEC1;
}

.formulaires_login fieldset input:hove.checker{
border:1px solid #545454;

}

#account-creation_form fieldset select {
border:1px solid #BDBEC1;
height:20px;
}

.formulaires_login fieldset input:focus.checke{
border:1px solid #3A6A99;
}

sup{
font-size:20px;
height:auto;
line-height:inherit;
vertical-align:middle;
color:#3A6A99;
font-weight:normal;}


.addresses ul {
	list-style:none;
	}
	ul.address  {
	list-style:none;
	}


/* errors */
.error {
width:802px;
display:block;
background-color:#545454;
margin-top:10px;
margin-bottom:10px;
padding:10px;
color:#FFF;
}

.error ol {
	list-style-type:disc;
	list-style-position:inside;
}

/* steps (like order step) */
ul.step {
	margin-top:10px;
	list-style: none;

	padding-left: 0px;
	height: 20px;
	width:822px;
	margin-bottom:10px;
}
ul.step li {
	height: 20px;
	float: left;
	width: 165px;
	text-align: center;
	color:#fff;
	background: #FFF url('../img/step_standard.gif') no-repeat scroll left bottom;
	line-height:20px;
	display:block;
	text-transform:lowercase;
	
}
ul.step li.step_current {
	background: #FFF url('../img/step_current.gif') no-repeat bottom left;

}
ul.step li.step_todo {
	color:#fff;
}
ul.step li.step_done a { color:#545454;}

ul.step li#step_first  { background: #FFF url('../img/step_first.gif') no-repeat bottom left;  }
 ul.step li#step_first.step_current {
	 background: #FFF url('../img/step_first_current.gif') no-repeat bottom left;
 }
ul.step li#step_end, ul.step li#step_end.step_todo  { width:162px; background: #FFF url('../img/step_end.gif') no-repeat bottom left;  }
ul.step li#step_end {width:162px;  background: #FFF url('../img/step_todo.gif') no-repeat bottom left; }
ul.step li#step_end.step_current { background: #333 url('../img/step_end_current.gif') no-repeat bottom left; }
ul.step li.step_todo {
	background: #FFF url('../img/step_todo.gif') no-repeat bottom left;
}
ul#order_step {

}



a.bouton_petit{
color:#fff;
background-color:#3A6A99;
padding-bottom:4px;
padding-top:4px;
padding-left:10px;
padding-right:10px;
height:10px;

}

 a.bouton_petit:hover{
background-color:#BDBEC1;
}


a.button_large, input.button_large{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor: pointer;
background-color:#3A6A99;
border:medium none;
color:#FFFFFF;
font-size:12px;
height:30px;
display:block;
line-height:30px;
padding-left:10px;
padding-right:10px;
}

 a.button_large:hover, input.button_large:hover{
	 cursor: pointer;
background-color:#BDBEC1;
}


/* innovation et FAQ */
.titre_innovation{
width:100%;
border-top:1px solid #BDBEC1;
padding-top:10px;
padding-bottom:20px;
}

.encadre{
background-color:#3A6A99;
color:#FFF;
padding:10px;
font-size:16px;
}

ul.liste_bullet{
list-style:disc inside none;
}

ul.liste_fleche{
	list-style-image:url(../img/fleche.gif);
	margin-left:20px;
}

ul.liste_fleche li {
padding-bottom:14px;
text-align:justify;

}

ul.liste_fleche li.expanded {
	font-weight:bold;


}

ul.liste_fleche li ul{
	display:block;
background-color:#F0F0F0;
list-style:none outside none;
}


ul.liste_fleche_faq{
	list-style-image:url(../img/fleche.gif);
	margin-left:20px;
}

ul.liste_fleche_faq li {
padding-bottom:14px;
text-align:justify;
cursor:pointer;
}

ul.liste_fleche_faq li.expanded {
	font-weight:bold;
cursor:pointer;

}

ul.liste_fleche_faq li ul{
	display:block;
background-color:#F0F0F0;
list-style:none outside none;
}

ul.liste_fleche_faq li ul li{
	font-weight:normal;
margin-left:20px;
margin-right:40px;
margin-top:10px;
padding:20px;
}

ul.sousListe{
	display:block;
background-color:#FFFFFF;
list-style:none outside none;
cursor:default;
float: left; 
margin-right:20px;
margin-left:20px;
border-left:1px solid #BDBEC1;
width:320px;
}

ul.sousListe li{
	font-weight:normal;
margin-left:20px;
line-height:24px;
padding:0;
cursor:default;
height:24px;

}




a.surligne{
text-decoration:underline;
color:#3A6A99;
}

a.surligne:hover{
color:#545454;
}


.colonne_gauche{
	clear:both;
	width:400px;
	height:260px;
	float:left;
	margin-bottom:10px;
	border-bottom:1px solid #BDBEC1;
	font-weight:bold;
}

.colonne_droite{
	width:400px;
	height:260px;
	float:left;
	margin-left:22px;
	margin-bottom:10px;
	border-bottom:1px solid #BDBEC1;
	font-weight:bold;

}

/* mon compte */

.addresseListe{
	width:300px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}
.boutonsUpdate{
	width:80px;
	float:left;
	text-align:right;
	margin-right:10px;
	padding-right:10px;
		border-right:1px solid #BDBEC1;

}

.boutonsUpdate a{
display:block;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
width:75px;
}

.boutonsUpdate a:hover {
	color:#FFF;
	background-color:#3A6A99;
}

ul.espace_client{
	list-style-type:none;
}

ul.espace_client li{
width:400px;
float:left;
margin-bottom:20px;
height:100px;
}

ul.espace_client li a{
height:100px;
line-height:100px;
font-weight:bold;
text-align:left;

}

ul.espace_client li a img{
	vertical-align:middle;
	padding-right:10px;
	padding-left:5px;
}

ul.espace_client li.espace{
	width:22px;
}


/*presse */
.article{

margin-bottom:20px;
margin-top:20px;
}

.titre_article{
	color:#3A6A99;
font-size:14px;
font-weight:bold;

}

.date_article{
color:#BDBEC1;
}

.article .logo_mag{
width:200px;
		
height:100px;
margin-right:20px;
float:left;
}

.article .texte_article{
width:550px;
float:left;
text-align:justify;
margin:auto auto 20px;
}

.article .texte_article a{
	font-weight:bold;
	color:#3A6A99;
}

.article .texte_article a:hover{
color:#BDBEC1;
}


#tech ul li ul li{
	padding-left:15px}