@charset "utf-8";

body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
}

a {
	color:#D32E12;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 { font-size:18px;  padding:0px; margin:0px; margin-bottom:10px;}
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:10px; }
h6 { font-size:8px; }

.h1_prod { margin:20px 0px 25px 0px; color:#000; }

.retour {margin:0px; padding:0px; }
img {border:0px; }

hr {
	background:#D32E12;
	clear:both;
	height:1px;
	border:none;
	margin:10px 0;
}

.page1, .page2, .page3 {float:left; }
.page1 { width:55px; font-size:12px; padding:2px 0px 5px 0px; }
.page2 {width:315px; }
.page3 { width:145px;  text-align:right; }


.bas_page { background-color:white; line-height:20px; width:790px; text-align:left; font-size:10px; padding:5px; }

.clear {
	clear:both;}

.outer-container {
	width:100%;
	text-align:center;
}
	
.inner-container {
	width:825px;
	margin:0 auto 40px auto;
}

.header td {
	vertical-align:middle;
}

.login  {
	text-align:right;
}
.login td  {
	vertical-align:middle;
}
.login a:visited {
	color:#000;
	text-decoration:underline;
}
.login .cart {
	float:right;
	margin-left:10px;
	margin-right:10px;
}
.login .cart a {
	text-decoration:none;
}

.left-bkg {
	background-image: url(/statics/images/shadow_left.gif);
	background-repeat: repeat-y;
}
.right-bkg {
	background-image: url(/statics/images/shadow_right.gif);
	background-repeat: repeat-y;
}
.shop-bkg {
	background-image: url(/statics/images/shopping-cart-bkg.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.page_titles {
	background-attachment: fixed;
	background-image: url(/statics/images/produits-headings.gif);
	background-repeat: no-repeat;
}




.txtbox {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
}	

.button {
	background-color: #D32E12;
	border: 1px solid #CCCCCC;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0;
}	
fieldset { 
	border: 1px solid #fff; 
	margin: 0;
}
.page_titles {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 50px;
	text-transform: uppercase;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	background-repeat: no-repeat;
	padding-right: 50px;
	background-attachment: fixed;
	background-image: url(/statics/images/top-titles.jpg);
}


.produits-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-transform: uppercase;
	color: #000;
	font-weight: bolder;
	line-height: 25px;
}
.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	text-decoration: none;
}

.quiet {
	color: #666666;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{

}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	clear:both;
	padding: 2px 0;
	padding-left: 20px;
}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	
}

.glossymenu div.submenu ul li strong{
	/*font-weight:bold;*/
        font-weight:bolder;
	color: #F00;
	display:inline;
	margin:0;
	padding:0;
	font-size:13px;
	position:relative;
	top:-2px;
	float:left;
	margin-right:2px;
}

.glossymenu div.submenu ul li a:hover{

	color: #F00;
}



.glossymenu{
	margin: 5px 0;
	padding: 0;
	width: 250px;
	border-bottom-width: 0;
}

.txt2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #999;
	text-decoration: none;
}
.glossymenu a.menuitem{
	
	font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color:#000;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	background-color: #FFFFFF;
}

.field {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0px;
	color: #666666;
	height: 19px;
	width: 100px;
	border: 1px solid #1b5280;
}
.form_button {  
	background-image:url(/statics/images/bt_envoyez.gif); 
	height: 17px; 
	width: 60px; 
	border: #1b5280; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	margin-top: 5px;
}
.txt a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}
.txt a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: underline;
}
.button_red { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color:#FFFFFF; 
	border: #FF0000; 
	border-style: solid; 
	border-top-width: 2px; 
	border-right-width: 2px; 
	border-bottom-width: 2px; 
	border-left-width: 2px;
	border-color:#FF0000;
	background-color:#FF0000;
}
.button_red a:link{
	color: #FF0000;
	text-decoration: line-through;
}
.button_red a:hover {
	color: #000000;
	text-decoration: line-through;
}
.activity-menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #999;
	font-weight: 700;
	line-height: 25px;
}

ul.pager {

padding:5px;
margin:0px;
text-align:left;
clear:both;
padding-left:0;
margin-bottom:10px;
padding-top:0px;
}

ul.pager li {
	background:transparent;
	display:inline;
	list-style:none;
	border:none;
	padding:0;
	margin:0;
	font-size:9pt;
}
ul.pager li.stats {
	clear:none;
	display:block;
	margin-right:5px;
	font-size:8pt;
	margin-bottom:2px;
}
ul.pager li a {
	padding:5px;
	font-weight:normal;
}
ul.pager li a:hover {
	background:#D32E12;
	color:#fff;
}
ul.pager li.selected a {
	color:#000;
	font-weight:bold;
}

ul.pager li.selected a:hover {
	background:transparent;
	color:#000;
}

a.small {
	font-size:8pt;
}

a.button {
	background:#D32E12;
	color:#fff;
	border:solid 1px #fff;
}
a.button:hover {
	background:#A4250E;
	color:#fff;
	border:solid 1px #fff;
}

#cart {padding:20px;}

#cart th {
	background:#ddd;
	font-weight:bold;
	font-size:10pt;
}

#cart tr.grey {background:#eee;}
#cart td {
	padding:5px;
	font-size:9pt;
	vertical-align:middle;
}
#cart td.quantity input {text-align:center;}
#cart td.noresult {
	font-weight:bold;
	font-size:10pt;
	text-align:center;
	vertical-align:middle;
	height:60px;
}

.product {
	float:left;
	margin-bottom:25px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px; 
	width:160px;
	
	
}
.bouton_droite { float:right !IMPORTANT; }
.product_0 {  }
.product_1 { padding-left:20px; padding-right:20px; }
.product_2 {  }

a #products .product .name {color:red; }

#products .product .name {
	padding-bottom:2px;
	font-weight:bold;
}

#products .product .code {
	color:#666;
	font-size:10px;
}

#products .product .prix, #products .product .prix_special {
	font-size:13px;
}


.prix_special {
	
	color:#D32E12; }


#products .product .name a {
	text-decoration:none;
	
	
}
#products .product .name a:hover {
	
}



#products .nophoto {
	width:98px; height:138px; background:#eee; border:solid 1px #ddd;
}
#products .noresult {
	margin:100px 0; font-weight:bold; font-size:10pt;
}


.left-bkg {
	background-image: url(images/shadow_left.gif);
	background-repeat: repeat-y;
}
.right-bkg {
	background-image: url(images/shadow_right.gif);
	background-repeat: repeat-y;
}
.shop-bkg {
	background-image: url(images/shopping-cart-bkg.gif);
	background-repeat: repeat-x;
	background-position: left;
}
.page_titles {
	background-attachment: fixed;
	background-image: url(top-titles.jpg);
	background-repeat: no-repeat;
}




.txtbox {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
}	

.button {
	background-color: #D32E12;
	border: 1px solid #CCCCCC;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0;
}	
fieldset { 
	border: 1px solid #fff; 
	margin: 0;
}
.page_titles {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	padding-right: 60px;
	padding-top: 20px;
	padding-bottom: 10px;
}
.left-bkg-product {
	background-image: url(images/product-details2_02.gif);
	background-repeat: repeat-y;
}
.right-bkg-product {
	background-image: url(images/product-details2_06.gif);
	background-repeat: repeat-y;
}

.children {
	
	float:right;
	width:200px;
		
}

.children ul, .children li, .children h4 {
	
	margin:0;
	padding:0;
	list-style:none;
		
}

.children li {
	font-size:0.75em !important;
}



/*---------------------------------------------------- / TOOLTIPS */
 a.tooltip {
	background:#c00 !important; 
	text-decoration:none;
	color:#fff !important;} /*BG color is a must for IE6*/

a.tooltip div.tooltip-holder {
	display:none;
	margin: 30px 0 0 -26px;
	z-index:9999;
	padding:5px;}

a.tooltip div.tooltip-holder img {
	position:relative;
	top:-21px;
	z-index:9999;
	left:0px;}
	
a.tooltip div.tooltip-holder ul {
	position:relative;
	top:-10px;
	margin-left:10px;}

a.tooltip:hover div.tooltip-holder {
	display:inline; 
	position:absolute;
	background:#fff;
	border:solid 1px #C00;
	color:#c00;
	text-align:left;
	white-space:nowrap;}
	
/*  style bouton */
a.bouton1, div.bouton_submit {
	color:#D32E12;
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
a.bouton1 span, div.bouton_submit input {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 
a.bouton1:active, div.bouton_submit:active  {
   background-position: bottom right;
   color:#D32E12;
   outline: none; /* hide dotted outline in Firefox */
}

a.bouton1:active span, div.bouton_submit:active input  {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 

div.bouton_submit input { border:0px; padding:0px; color:#D32E12; height: 24px; padding-left:20px;   font: normal 12px arial, sans-serif;}
/* fin bouton */ 

.boite_coul {width:20px; height:20px; border:1px solid #010101; }
.couleur {width:80px; float:left; font-size:10px; font-family:Verdana, Geneva, sans-serif; margin:10px; margin-bottom:0px; }
.titre3 {font-size:13px; font-weight:bold; text-align:left; padding-left:20px; margin-top:20px; }
.grandeur {text-align:left; font-size:10px; padding-left:20px; line-height:18px; text-transform:capitalize; }

table.prix_detail { width:200px;  }

table.prix_detail th, table.prix_detail td, table.detail_commande th, table.detail_commande td 
{ 
	font-size:12px !IMPORTANT; padding:5px; margin:0px; font-family:Verdana, Geneva, sans-serif; border-bottom:1px dashed #ccc; 
}
table.prix_detail th, table.detail_commande th  { text-align:left; background:none !important; }
table.prix_detail td { text-align:right; }
table.detail_commande th { padding-right:10px; }
.font_1 { font-family:Verdana, Geneva, sans-serif; }




.option {font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }

ul#fil_ariane{height:25px;border-bottom:1px solid #5A3A00;padding: 0px; margin: 0 10px 15px;margin:; font-size: 10px;list-style: none;}
ul#fil_ariane li{float:left;padding: 0px; margin: 0px;line-height:25px;/*color:#777;*/padding-left:.75em;}
ul#fil_ariane li a{background:url(../icons/arrow_right.png) no-repeat right center;display:block;padding:0 25px 0 0;}
ul#fil_ariane li a:link,#crumbs li a:visited{/*color:#777;*/text-decoration:none;}

.newslist, .list_communiques {
	font-size: 12px;
	padding-left: 15px;
	list-style: none;
	text-align: left;
}

.list_communiques {
	list-style: square;
}

.newslist ul {
	padding-left: 15px;
	list-style: none;
	
}

.communique {
	font-size: 12px;
	text-align: left;
}
.communique .date, .communique .source {
	display: block;
	font-weight: bold;
	font-size: 10px;
	line-height:18px;
	
}


table.formation { 
	font-size: 10px; 
	background-color: #000;
	width: 100%;
}

table.formation td { background-color: #fff; }

table.formation th.niv1 { 
	background-color: #000; 
	color: #fff; 
}
table.formation th.niv2 { 
	background-color: #bfbfbf; 
	color: #000; 
	font-weight: normal;
}
table.formation th.niv3 { 
	background-color: #e0e0e0; 
	color: #000; 
	font-weight: normal;
}

table.note { color: #777; font-size: 7pt; }

.emphase { color: #e00; font-weight: bold; }




.formations-img img { margin: 0px 10px 10px 0px; }

/* Communique */
.td_communique { padding-left:30px; }
.td_communique h1 { border-bottom:4px solid #666; padding-bottom:5px;  }
.hr hr {display:none; }
.td_communique .hr { height:1px; background-color:#666; margin:15px 0px 25px 0px;   }
.td_communique h3 { color:#D32E12; font-weight:normal; font-size:15px;  } 
.td_communique { font-size:12px; }