*{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

html{
	margin:0px;
	padding:0px;
}


body{
	background-image:url(../images/body_bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#fff;
	text-align:center;
	margin:0px;
	padding:0px;
	overflow-y:scroll;
}

h1{
	margin:15px 0;
	padding:0 10px;
	color:#DC042C;
	text-align:center;
	font-size:24px;
}

h2{
	margin:15px 0;
	padding:0 10px;
	color:#000;
	text-align:center;
	font-weight:bold;
	font-size:18px;
}

h3{
	margin:15px 10px;
	padding-left:10px;
	color : Black;
	background-image:url(../images/nth_theme_zero_zero_bullet_l.gif);
	background-position:left;
	background-repeat:no-repeat;
	text-align:left;
	font-size : 16px;
	font-style : normal;
	font-weight : bold;
	text-decoration : none;
}

p{
	margin:5px;
	font-size:1em;	
	text-align:justify;
}

p.plan{
	margin:0;
}

p.pos2{
	padding-left:30px;
	text-decoration:none;
	font-weight:bold;
	color:black;
}

p.pos3{
	padding-left:60px;
	text-decoration:none;
}

img{
	border:0;
}

ul{
	margin:5px;
	padding:0 0 0 30px;
}

li{
	margin:2px;
	padding:0;
}

fieldset{
	margin:10px 0 10px 0;
	padding:10px;
	
	border-left:#cccccc solid 2px;
	border-top:#cccccc solid 2px;
	border-right:#999999 solid 2px;
	border-bottom:#999999 solid 2px;
	
	background-image:url(../assistant/img/background.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	
	background-color:#FFFFFF;
	color:#000000;
}

legend{
	margin:0;
	padding:0 5px 0 5px;
	vertical-align:middle;
	border-left:#FFFF99 solid 2px;
	border-top:#FFFF99 solid 2px;
	border-right:#DC042C solid 2px;
	border-bottom:#DC042C solid 2px;
	background-color:#FFFFCC;
	color:#DC042C;
}

div#global{
	position: absolute;
	width:977px;
	left:50%;
	margin-left:-488px;
	background-color:#fff;
	color:black;
}

/************************************************************************************/
/************************************** header **************************************/
/************************************************************************************/
div#header{
	position: absolute;
	height:110px;
	width:977px;
	left:0px;
	text-align:right;
	background-image:url(../images/bg.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
	background-color:#fff;
	border-left:solid 1px #000;
	border-right:solid 1px #000;
}

div#header h1{
	margin: 0;
	position: absolute;
	z-index:20;
	bottom: 12px;
	left: 80px;
	font-size:1em;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#DC042C;
}

div#header h1 a{
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:4em;
	color:#DC042C;
}

div#header h2 {
	margin: 0;
	position: absolute;
	z-index:30;
	bottom: 0px;
	right: 2px;
	font: 22pt Georgia, serif;
	font-style:italic;
}

div#header #camera{
	margin: 0;
	position: absolute;
	z-index:5;
	top: 0px;
	left:0;
	font: 4em Georgia, serif;
}

div#header #camera2{
	margin: 0;
	position: absolute;
	z-index:5;
	top: 0px;
	right: 0px;
	font: 4em Georgia, serif;
}

div#conteneur_acces_rapide{
	position:absolute;
	right:15px;
	top:5px;
	z-index:300;
	width:400px;
	height:30px;
}

div#conteneur_acces_rapide #acces_rapide{
	width:380px;
	height:30px;
	text-align:center;
	background-image:url(../images/acces_m.gif);
	background-repeat:repeat-x;
	color:#DC042C;
	font-size:0.8em;
	font-weight:bold;
}

div#conteneur_acces_rapide #acces_rapide select{
	width:360px;
	margin-top:4px;
}

div#conteneur_acces_rapide img{
	width:10px;
	height:30px;
}
/************************************************************************************/
/************************************** CENTRE **************************************/
/************************************************************************************/



/* On va fixer une taille min au bloc center >> IE ne comprend pas cette regle CSS on va donc donner une taille au bloc dans les fichiers styles de ie6 et ie7 */
div#center{
	position:absolute;
	width:977px;
	left:0px;
	top:110px;
	border:solid 1px #000;
	min-height: 860px;
}


/*MENU GAUCHE*/
div#sidebar{
	width:220px;
	float:left;
	background-color:#E6E6E6;
}

#tab_menugauche{
	border-collapse:collapse;
	width:100%;
}

#tab_menugauche thead tr{
	height:25px;
}

#tab_menugauche thead td{
	text-align:center;
	vertical-align:middle;
	border-bottom:#000000 solid 1px;
	font-size:0.7em;
	font-weight:bold;
}

#tab_menugauche tbody td{
	text-align:left;
	vertical-align:middle;
}

#tab_menugauche tbody .cat{
	background-image:url(/images/menu_fond_produits.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#ffffff;
}

#tab_menugauche tbody .ligne_rubrique{
	background-color:#FFFFCC;
	padding:3px;
	border-bottom:#000000 solid 1px;
}

#tab_menugauche tbody .spacer{
	height:6px;
	background-image:url(/images/menu_jonction.gif);
}
	
#tab_menugauche A, #tab_menugauche A:visited, #tab_menugauche A:link{
	display:block;
	margin:0;
	padding:3px 0 3px 15px;
	font-weight:bold;
	font-size:12px;
	COLOR: #000000;
	FONT-STYLE: normal;
	
	text-decoration: none;
	background-position:4px 50%;
	background-repeat:no-repeat;
}

.ssmenugauche{
	background-image: url(/images/cat_triangle.gif);
}

.ssmenuhighlight{
	background-image: url(/images/cat_triangle_blink.gif);
}

#tab_menugauche A:hover /*roll-over*/{
	background-color: #D7D7D7;
}

#case_trinum{
	text-align:center;
}

#case_trinum p{
	font-size:11px;
}




/* CONTENU */

div#content{
	float:left;
	width:735px;
}


div#conteneur_menu_haut{
	height:34px;
	width:755px;
	margin:0;
	padding:0;
	background-image:url(/images/fond_nav.gif);
	background-position:left;
	background-repeat:repeat-x;
}

.conteneur_produits{
	border-collapse:collapse;
	background-color:#FFFFCC;
	border:#CCCCCC solid 1px;
	text-align:center;
}

.conteneur_produits td{
	padding:2px;
}

.cadre_produit{
	width:140px;
	height:166px;
	background-color:#fff;
	text-align:center;
	border-right:#000000 solid 1px;
	border-bottom:#000000 solid 1px;
	border-top:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
}

.cadre_produit a{
	text-decoration:none;
}

.cadre_produit p{
	padding:0;
	margin:0;
	text-align:center;
	color:#000000;
}

.prix_produit{
	font-size:0.6em;
	font-weight:bold;
}

.ref_produit{
	font-size:0.6em;
}

#menu_haut{
	width:100%;
	border-collapse:collapse;
}

table#menu_haut a{
	height:34px;
	display:block;
	padding:0 5px;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-size:12px;
	font-weight:bold;
}

td.lien_black a{
	color: #000;
}

td.lien_black2 a{
	color: #000;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

td.lien_black2 a:hover{
	color: #000;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

.menu_haut_hover a:hover {
	height:34px;
	background: #ccc;
}

table#menu_haut span{
	position:relative;
	top:10px;
}



/** MENU ACTIF **/
table#menu_haut .actif{
	background: #fff;
}


.tab_produits .actif{
	font-size : 12px;
	background: #ccc;
}


div#conteneur_contenu{
	clear:both;
	padding:10px;
	text-align:left;
	vertical-align:top;
	margin-bottom:70px;
}


/************************************************************************************/
/************************************** FOOTER **************************************/
/************************************************************************************/
div#footer{
	float:left;
	width:975px;
	height:50px;
	max-height:50px;
	bottom: 0;
	left: 0;
	vertical-align:middle;
	background-image:url(../images/body_bg.jpg);
}

div#footer #logo_mobotix{
	float:left;
	margin-top:13px;
	margin-left:13px;
	/*vertical-align:middle;*/
}

div#footer #logo_axis{
	float:right;
	margin-top:13px;
	margin-right:13px;
	/*vertical-align:middle;*/
}

#footer a{
	
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : Black;
	text-decoration : underline;
}

#footer p{
	text-align:center;
}




/************************************************************************************/
/************************************** COMPARATIF MOBOTIX***************************/
/************************************************************************************/

.padding_comparatif0{
	padding-right:5px;
	padding-left:5px;
	font-weight:bold;
}


.padding_comparatif{
	padding-right:5px;
	padding-left:5px;
	text-align:center;
}










#logo_partner{
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
}

.tab_comparatif{
	width:95%;
	margin:0 auto;
	background-color:#fff;
}

.tab_comparatif thead td{
	height:100px;
}

.case_photo{
	text-align:center;
}

.comparatif_tn{
	width:50px;
}

.adresse{
	padding:5px 15px;
	font-weight:bold;
}
/************************************************************************************/
/************************************* produits *************************************/
/************************************************************************************/

.blanc{
	background-color:#FFFFFF;
}

.gris{
	background-color:#E6E6E6;
}
/************************************************************************************/
/************************************* produits *************************************/
/************************************************************************************/


.txt-navhaut, .txt-navhaut A:link,  .txt-navhaut A:visited{
	
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : none;
}


.txt-navhaut A:hover{
	text-decoration : underline;
}

.produit-surtitre{
	
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : Black;
	text-decoration : none;
}

.produit-titre{
	
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : none;
}

.produit-prix{
	
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : none;
}

.produit-ajoutcaddie, .produit-ajoutcaddie A:link,  .produit-ajoutcaddie A:visited{
	
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : none;
}

.produit-ajoutcaddie A:hover{
	text-decoration : underline;
}

.produit-annonce-nouveau{
	
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #FF0000;
	text-decoration : none;
}

.produit-annonce-economique{
	
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #318200;
	text-decoration : none;
}

.produit-txtpresentation{
	
	font-size : 12px;
	font-style : normal;
	font-weight : normal;
	color : Black;
	text-decoration : none;
}

.produit-lienpres, .produit-lienpres A:link, .produit-lienpres A:visited, .produit-lienpres A:hover{
	
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : underline;
}

.contenu-txtpresentation{
	
	font-size : 12px;
	font-style : normal;
	font-weight : normal;
	color : Black;
	text-decoration : none;
}

.contenu-lien, .contenu-lien A:link, .contenu-lien A:visited, .contenu-lien A:hover{
	
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : underline;
}

.contenu-titre, .contenu-titre A:link, .contenu-titre A:visited, .contenu-titre A:hover{
	
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : none;
}

.caddie-legende {
	
	font-size : 11px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : none;
}

.caddie-legende {
	
	font-size : 11px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : none;
}

.caddie-contenu, .caddie-contenu A:link, .caddie-contenu A:visited{
	
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	color : Black;
	text-decoration : none;
}


.caddie-contenu A:hover{
	text-decoration : underline;
}

.caddie-modif, .caddie-modif A:link, .caddie-modif A:visited, .caddie-modif A:hover{
	
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : underline;
}

.caddie-commande, .caddie-commande A:link, .caddie-commande A:visited{
	
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : Black;
	text-decoration : none;
}

 .caddie-commande A:hover{
	text-decoration : underline;
}


td.categorie a{
	color: red;
	font-size: 14pt;	
}


#tab_menugauche tbody .rubrique a{
	position:relative;
	right:15px;
	color:#DC042C;
	font-weight:bold;
	font-size:16px;
}

#tab_menugauche tbody .rubrique a:hover{
	background-color:transparent;
}

#tab_menugauche tbody .rubrique a:visited{
	color:#DC042C;
	font-weight:bold;
	font-size:16px;
}

#produits_complementaires {
	width:200px;
}